/*global settings*/
.DepartmentList__deptListItem {
  width: calc(32.333333% - .87rem);}
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(18),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(3),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(9){margin: 0 1.3rem 1.3rem 0;}
/*Global font*/
@font-face {
    font-family: 'Oceania';
    src: url('https://pioneer.com.ph/wp-content/themes/pioneer_theme/assets/fonts/oceania-regular.otf');
}
.html{
 font-family: 'Oceania', sans-serif !important;}
/*header*/
.Header__header{
background-position: 50% 55%;
}
/*HR*/
.humanresources  .Avatar__avatarImg{width:auto;}
/*layout tile*/
.AvatarText__squareBg1 {
    background: #fff;
    border: 1px solid #1d4064;
}
.commonStyle__zt3Brand, .Icon__greyShade20, .Icon__brand{
color:#1d4064;
}
.commonStyle__zt3buttonPrimaryText {font-weight:bold;}
.commonStyle__zt3BrandBg {
    background-color: #1d4064;
}
/*calendar*/
.DateTime__blueBut{
background:#1d4064;
border:#1d4064;
}
.DateWidget__dateFocus{
border-bottom:1px solid #1d4064;
}
.DateTime__today {
    background:#1d4064;
}

.DateWidget__date:before{
content:"📅";
}

/* Dropdown Button */
a:hover {
  font-size: 16px;
  color: #00A4E7;
  background-color: transparent;
  border: transparent;
}
a {
  font-size: 16px;
  color: #ffffff;
  background-color: transparent;
  border: transparent;
}

.dropbtn {
  font-size: 16px;
  color: #ffffff;
  background-color: transparent;
  border: transparent;
}

.ORdropbtn {
  font-size: 16px;
  color: #ffffff;
  background-color: transparent;
  border: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.commonStyle__zt3LinkActive{font-weight:bold;text-decoration: underline;font-style: italic;}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: transparent; color: #00A4E7;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: transparent;} 
.dropbtn:hover {color: #00A4E7;}
/*start of logo css*/
.Header__logo {
    width: 200px;
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -2px -2px 4px #6FC8FF79;
    border-radius: 10px;
    opacity: 1;
}
.Header__logo img {
    width: 159px;
    height: auto;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.Header__logo a {
    display: inline;
}
.Header__logo > a > img{max-width:none!important;}
/*end of logo css*/
.Header__container{max-width:80rem!important;}

 .ticketForm #field_attachmentIds .Field__attachMent::after {
    font-size: 10px;
    display: block;
    margin-top: 1.325rem;
    color:#FF0000
}
.custom_sharepoint{
 font-size:17px;
  color:#FF0000
}
.custom_sharepoint:hover{
    color:#FF0000
}
.custom_pioneerbtn{
  font-size:10px;
  border-radius:0
}
iframe{height:315px !important;}
/*Legal hide box in uploading attachment*/
.legal #cf_url_1 {display:none;}
.legal #title_field_cf_url_1{font-weight:bold;color:#e36216;}

/*non approver department hide approver's field*/
.microinsurance-carmi #field_cf_approver,
.humanresources #field_cf_approver,
.legal #field_cf_approver,
.operations #field_cf_approver,
.salvagerecoveryunit #field_cf_approver,
.samsupport #field_cf_approver{display:none;}

/*Hide Item Details Widget in other department*/
.digitaltransformation .WidgetContainer__widgetNxt+.WidgetContainer__widgetNxt:nth-child(2),
.operations .WidgetContainer__widgetNxt,
.legal .WidgetContainer__widgetNxt,
.microinsurance-carmi .WidgetContainer__widgetNxt,
.humanresources .WidgetContainer__widgetNxt+.WidgetContainer__widgetNxt:nth-child(2),
.salvagerecoveryunit .WidgetContainer__widgetNxt,
.equipmentandfurniturerepair .WidgetContainer__widgetNxt,
.callingcard .WidgetContainer__widgetNxt,
.donotuse-informationsecurityandgovernance .WidgetContainer__widgetNxt,
.samsupport .WidgetContainer__widgetNxt+.WidgetContainer__widgetNxt:nth-child(2){display:none;}


/*hide sam support form in new ticket submission
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(5),
.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(5), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.legal-testdonotuse #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(5)
{display:none;}
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(6){margin: 0 1.3rem 1.3rem 0;} */


.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(15){margin: 0 1.3rem 1.3rem 0;} 

/* heizel private department Issue workaround */
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(1),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(2),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(4),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(5),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(6),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(7),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(8),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(10),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(11),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(14),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(21),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(23),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(24),
.Departmentcontainer__deptList .DepartmentList__deptListItem:nth-child(20){display:none;}


.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(1),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(1), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(1),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(1),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(1),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(1),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(1)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(2),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(2), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(2),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(2),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(2),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(2),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(2)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(4),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(4), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(4),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(4),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(4),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(4),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(4)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(5), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(5),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(5)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(6),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(6), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(6),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(6),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(6),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(6),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(6)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(7),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(7), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(7),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(7),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(7),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(7),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(7)
{display:none;}


.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(8),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(8), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(8),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(8),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(8),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(8),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(8)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(10),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(10), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(10),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(10),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(10),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(10),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(10)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(11),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(11), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(11),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(11),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(11),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(11),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(11)
{display:none;}


.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(14),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(14), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(14),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(14),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(14),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(14),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(14)
{display:none;}



.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(20),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(20), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(20),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(20),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(20),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(20),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(20)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(21),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(21), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(21),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(21),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(21),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(21),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(21)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(23),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(23), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(23),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(23),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(23),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(23),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(23)
{display:none;}

.humanresources #mainContainer ul li.LayoutListContainer__tabList:nth-child(24),
.testdepartment #mainContainer ul li.LayoutListContainer__tabList:nth-child(24), 
.digitaltransformation #mainContainer ul li.LayoutListContainer__tabList:nth-child(24),
.legal #mainContainer ul li.LayoutListContainer__tabList:nth-child(24),
.realestatedevelopmentandmanagement #mainContainer ul li.LayoutListContainer__tabList:nth-child(24),
.operations #mainContainer ul li.LayoutListContainer__tabList:nth-child(24),
.donotuse-informationsecurityandgovernance #mainContainer ul li.LayoutListContainer__tabList:nth-child(24)
{display:none;}



/*hide department*/
.operations label[for="departmentId"], 
.operations .Field__col6,
.operations label[for="layoutId"], 
.operations [aria-labelledby="title_field_layoutId"],
.legal label[for="departmentId"], 
.legal .Field__col6,
.legal label[for="layoutId"], 
.legal [aria-labelledby="title_field_layoutId"],
.marketing-corporategiveaways label[for="departmentId"],
.marketing-corporategiveaways .Field__col6,
.digitaltransformation label[for="departmentId"],
.digitaltransformation .Field__col6,
.digitaltransformation label[for="layoutId"], 
.digitaltransformation [aria-labelledby="title_field_layoutId"] {display:none}
.Field__col6,label[for="departmentId"],label[for="layoutId"],[aria-labelledby="title_field_layoutId"]{display:none}
.operations .motorcarrenewalsdevdonotuse label[for="priority"]{display:none}
.operations .motorcarrenewalsdevdonotuse #[aria-labelledby="title_field_priority"]{display:none}

.motorcarrenewals[dev-donotuse] #field_priority{display:none}
/*read only field for approver*/
#cf_approver{pointer-events: none;}
.Layout__layout2 .commonStyle__rightPanelDetail #field_cf_type_of_coe {pointer-events: none;}
/*ISG*/
#title_field_cf_place_your_attachments_here{font-weight:bold;color:#e36216;}
#cf_place_your_attachments_here {display:none;}

/*hide ticket type field in office supplies tile only */
.officesupplies #field_cf_request_type_1,
.personalsupplies #field_cf_request_type_1,
.callingcard #field_cf_request_type_1{display:none;}
.ticketForm #field_departmentId,
.ticketForm #field_attachmentId,
/*.ticketForm #field_cf_employee_company,*/
.ticketForm #field_cf_item_details,
.ticketDetail #field_cf_item_details,
/* .ticketForm #field_cf_request_type_1, */
.ticketForm #field_layoutId{ 
   display: none
}
/*In progress placeholder*/
.motorcarrenewals[dev-donotuse] #field_priority{display:none;}

/*font color of the placeholder text*/
.FormElement__msgInfo{
color: #1d4064;
font-weight:bold;
}

.portal_submitTicket {
    color: inherit;
}

.BreadCrumbs__breadcrumbsView {
  visibility:hidden;
}
@media only screen and (min-width:769px){
.ticketForm .Layout__twoColumn{
max-width:95rem;
}
.ticketForm .Layout__twoColumn .Layout__layout1{
width:45%;
}
.ticketForm .Layout__twoColumn .Layout__layout2{
width:55%;
}

.ticketForm .Layout__twoColumn .Layout__layout2 .MPWidgetContainer__widgetSection iframe{
height:650px;
}

}
@media screen and (max-width: 600px) {
  .DepartmentList__deptListItem {
      width: 100%;
    }
  .LayoutListContainer__leftContainer{
  display:block;
    padding-bottom: 20px;
  }
}