/* zFlex/zflex.css */
/* Default zFlex Theme styles */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&subset=cyrillic-ext');

/* global */

h1 {
    font-family: Roboto;
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    text-align: left;
    color: #373737;
    margin: 0;
    margin-bottom: 30px;
    margin-top: 15px;
}

h2 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #373737;
    margin: 0;
    /*margin-top: 30px;*/
    margin-bottom: 20px;
}

h3 {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #373737;
}

h4 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #373737;
}

.marginRight10 {
    margin-right: 10px;
}

.flex-text {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #373737;
}

.flex-caption {
    color: #373737;
    font-size: 14px;
    padding-bottom: 10px;
}

/* /global */

/* global fixes*/
.dxRipple { /* hide material ripple */
    opacity: 0 !important;
}
/* <combobrowse in editform fix> */
/* ripple container in Material theme causes problem in listbox in edit form - removed for now.*/
.dxeListBoxItemRow_Material .dxRippleContainer {
    display: none;
}
/* </combobrowse in editform fix> */

/* remove outline of all Material grids */
.dxgvControl_Material {
    outline: none;
}

.ViewImage { /* hide images in main header */
    display: none;
}

.grid_button img { /* grid select/Open button alignment */
    vertical-align: -webkit-baseline-middle;
}

/* photo fix */
.photo_ratio_fix {
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: 50% 50%;*/
    /*background-image: url();*/
}

/* field border fix */
.dxeMemo_Material {
    border: thin solid #d1d1d1;
}

.dxeFocused_Material {
    border: thin solid #373737;
}
.dxeRadioButtonList_Material.dxeFocused_Material {
    border: none;
}
/* /field border fix */

/* /global fixes*/

/*---- profile menu fixes ----*/

.dxmLite_Material .dxm-main .dxm-item.dxm-hovered {
    background-color: transparent; /*menu and menu button fix*/
}

.xafHeaderMenu.profile-menu-top {
    float: none !important;
    width: 50px !important;
    height: 30px !important;
    margin: 0 !important;
}

/*<mainContent>*/
.mainContent__class {
    background-color: #f5f6f7 !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}
/*</mainContent>*/

.lmainPageTitle {
    color: #373737;
    font-family: Roboto;
    font-size: 24px;
}

/*<flex common controls TextBox>*/
.flex_textbox {
    border: solid 1px #d1d1d1 !important;
    border-radius: 3px;
    background-color: #ffffff;
    width: 290px;
    height: 32px !important;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    transition: border 0.2s ease 0s;
    outline: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: unset !important;
}

    .flex_textbox:focus {
        border: 1px solid #373737 !important;
    }
/*</flex common controls TextBox>*/

/* <searchbox> global searchbox */
.ms-sbinput input {
    outline: none;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    box-shadow: 0 0;
    width: 250px;
    height: 34px;
    padding-left: 10px;
    padding-right: 30px;
    margin-right: -15px;
    transition: all 0.2s ease 0s;
}

    .ms-sbinput input:focus {
        border: 1px solid #373737;
    }

.ms-sbgo input {
    position: relative;
    left: -12px;
    top: 2px;
}

    .ms-sbgo input:focus {
        border: 0px !important;
    }

.searchPanel {
    display: inline-block;
}
/* </searchbox> */

/* <breadcrumbs> */
.breadcrumbs,
.breadcrumbs a {
    font-size: 14px;
    line-height: 1.11;
    letter-spacing: 0.3px;
    color: #888888;
    text-decoration: none;
    display: inline-block;
}

    .breadcrumbs select {
        height: 24px;
        border: 1px solid #d1d1d1;
        border-radius: 3px !important;
        transition: border 0.2s ease 0s;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: #fff url(/App_Themes/Material/Editors/dropdown_arrow_select.svg) no-repeat center right;
        padding-right: 30px;
        padding-left: 5px;
    }

.custom_path_breadcrumbs {
    width: 100%;
}
.custom_path_breadcrumbs,
.custom_path_breadcrumbs a,
.custom_path_breadcrumbs .flex-label {
    color: #888888;
    font-size: 14px;
    /*padding-bottom: 3px;*/
    text-decoration: none;
}

    .custom_path_breadcrumbs td,
    .custom_path_breadcrumbs a,
    .custom_path_breadcrumbs select {
        padding-right: 5px;
    }

/* </breadcrumbs> */

/* <toolbar menu> */
.menudiv1_class {
    width: 100%;
    float: right;
    /* padding-right: 20px; */
}

.audit-trail-link {
    padding-top: 6px;
    display: block;
}
/* </toolbar menu> */

/*<grid and pivotgrid toolbar section>*/
.grdToolbar_left_elements_class {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 10px; /* see /app/TrackIt/Trackers/16/Default.aspx?tab=0*/
}
/*</grid and pivotgrid toolbar section>*/

/*<grid layout img padding>*/
.GridLayoutControl_toolbar a {
    padding-right: 10px;
}
/*</grid layout img padding>*/

/* customization window */
.cpColumnsCheckBoxes table.checkboxlist_nowrap {
    padding: 15px 25px 15px 25px;
}

.highlight {
    background: yellow;
    text-decoration: underline;
}
/* /customization window */

/* <New login pages> */
.validator_placeholder {
    height: 25px;
    margin-top: 3px;
    margin-bottom: 3px;
}
/* input fields error styles*/
.ui-state-error, .ui-widget-content .ui-state-error {
    /*border: 1px solid #cd0a0a;
    background: #b81900 url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat !important;*/
    color: #ee0000;
    font-size: 13px;
    letter-spacing: 0.2px;
}
/* /input fields error styles*/

.login-wrapper {
    position: absolute;
    background-color: white;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*min-height: 100%;
    height: auto;*/
}

.login-footer {
    flex: 0 0 auto;
    padding-left: 10px;
    margin-bottom: 30px;
    text-align: right;
    padding-bottom: 30px;
}

.LoginCaption {
    color: #373737;
    font-size: 14px;
    font-family: 'Roboto';
    text-align: left;
    font-weight: normal;
    margin-bottom: 10px;
}

.LogonTextClassCSS {
    margin-bottom: 45px;
}

    .LogonTextClassCSS span { /* main login header */
        font-weight: 300;
        font-family: Roboto;
        font-size: 44px !important;
    }

.LogonMainTable {
    /*border: 1px solid #d4d4d4;
    margin: 0 auto;*/
}

.LoginArea {
}

    .LoginArea .flex-textbox[readonly="readonly"] { /* disabled state on Login page*/
        background-color: transparent !important;
    }

.LeftLogo {
    width: 33%;
    vertical-align: middle;
    text-align: center;
    background-image: url(../../../Images/Login_pic_3.jpg);
    background-size: cover;
    background-color: #f5f6f7;
}
.LeftLogo_InstanceType {
  font-size: 40px;
  font-family: 'Roboto';
  color: #e32707;
  font-weight: normal;
}
.TopLogo_InstanceType {
  font-size: 20px;
  font-family: 'Roboto';
  color: #e32707;
  font-weight: normal;
}
.LeftLogo_image {
    text-align: left;
    margin-bottom: 60px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.LeftLogo_image img {
    border: none;
}

.LeftLogo_image a {
  text-decoration: none;
}

.LeftLogo_text {
    text-align: left;
    font-family: 'Roboto';
    font-size: 31px;
    font-weight: 300;
    color: #373737;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.LogonContent {
    padding-left: 15%; /*150px;*/
}

.LogonMainContent {
    width: 400px;
}

.TopLogo {
    display: none;
    width: 320px;
}

/* Responsive login pages */
/* small screens */
@media (max-width: 1200px) {
    .LeftLogo_text,
    .LeftLogo_image {
        width: 200px;
    }
}

@media (max-width: 1000px) {
    .LeftLogo {
        display: none;
    }

    .LeftLogo_text,
    .LeftLogo_image {
        width: 300px;
    }

    .TopLogo {
        display: block;
        width: 300px;
    }

    .LogonContent {
        padding-top: 30px;
        padding-left: 20%;
    }

    .login-footer {
        text-align: left;
        padding-left: 20%;
    }
}

@media (max-width: 768px) {
    .LeftLogo_image {
        margin-bottom: 0px;
    }

    .LeftLogo_text {
        display: none;
    }

    .LogonMainContent {
        width: 100%;
    }

    .LoginPanelMain {
        width: 80% !important;
    }

        .LoginPanelMain .flex-button-input input {
            width: 100% !important;
        }

        .LoginPanelMain .flex-button {
            width: 100vw !important;
        }

        .LoginPanelMain .flex-textbox {
            width: 100% !important;
        }

    .custom_path_breadcrumbs {
        display: none;
    }
}

@media (max-width: 520px) {
    .LogonContent {
        padding-left: 10px;
    }

    .LoginPanelMain {
        width: 90% !important;
    }

    .login-footer {
        text-align: left;
        padding-left: 10px;
    }
}
/* /small screens */
/* /Responsive login pages */
/* </New login pages> */

/* <defaults> */
.textMainContent { /* default text style */
    font-size: 14px;
    font-family: Roboto;
    font-weight: normal;
    letter-spacing: 0.2px;
    text-align: left;
    color: #373737;
}

/*<a link>*/
.flex_link {
    color: #008dd6;
    font-family: Roboto;
    font-size: 14px;
}

    .flex_link:hover {
        color: #016ca3;
        cursor: pointer;
    }

.flex_link_nounderline {
    color: #008dd6;
    font-family: Roboto;
    font-size: 14px;
    text-decoration: none;
}

    .flex_link_nounderline:hover {
        color: #016ca3;
        cursor: pointer;
        text-decoration: underline;
    }
/*</a link>*/

/* </defaults> */

/* <home pages> */

/* Calendars */
.mycalendar_toolbar .BtnGray {
    float: right;
}

.mycalendar_toolbar .pnl_sharedc_class {
    display: inline-block;
}
/*<calendar filter>*/
.fieldLabel {
    color: #373737;
    font-size: 14px;
    font-family: 'Roboto';
    padding-bottom: 4px;
    display: inline-block;
}

.filterCalendar td {
    padding-right: 20px;
    padding-bottom: 11px;
    width: 200px;
}

.filterCalendar .ms-sbinput input {
    width: 200px !important;
}

.filterCalendar .ms-sbgo input {
    left: -55px !important;
}
/*</calendar filter>*/
/* /Calendars */
/* </home pages> */

/*<expand-collapse group button>*/
.dxflGroupBoxCaption_Material {
    background-color: transparent;
    color: #373737 !important;
    /* padding-top: 20px !important; */
    padding-bottom: 11px !important;
    padding-left: 0px !important;
    left: 0px !important;
    font-size: 18px;
    font-family: Roboto;
    display: inline-block;
    line-height: 16px;
}

.dxflHeadingLineGroupBoxSys > .dxflGroup_Material {
    margin-top: -36px;
}
/* Layout */
.fields_layout__class .dxflGroupBox_Material.dxflHeadingLineGroupBoxSys {
    border: 0;
}
/*</expand-collapse group button>*/

/* HR employees pages and grid*/
.pcTemplates .dxtc-content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
/* /HR employees pages and grid*/

/* HR Employee Letters */
.ms-topnav {
    border-spacing: 10px;
}

    .ms-topnav td {
        width: 24px;
        height: 24px;
        text-align: center;
        border: 1px solid #d1d1d1 !important;
        background-color: #fefefe;
    }

        .ms-topnav td.l_q_s,
        .ms-topnav td:hover {
            border: 1px solid #888888 !important;
        }

    .ms-topnav a {
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        color: #373737;
        text-decoration: none;
        padding: 9px;
        width: 24px;
        height: 24px;
    }

.dxcvSearchPanel_Material .dxeButtonEdit_Material, .dxcvSearchPanel_Material .dxeButtonEdit_Material input {
    background-color: white; 
}
/* /HR Employee Letters */

.home_menu {
    margin-left: -20px;
    margin-right: -16px;
    margin-top: 0px;
    padding-top: 35px;
    padding-bottom: 30px;
    background-color: #3a4046;
    min-width: 1200px;
}

    .home_menu a {
        font-family: Roboto;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0.4px;
        color: #ffffff;
        text-decoration: none;
    }

        .home_menu a:hover {
            color: #d1d1d1;
        }
/* main captions */
.modules_caption .flex-label {
    font-size: 26px;
    color: #373737;
}

.modules_caption {
    padding-top: 30px;
    padding-bottom: 5px;
}

.pageMainHeader2_calss,
.pageMainHeader_calss,
.pageMainHeader2_calss .flex-label {
    font-size: 26px;
    color: #373737;
    padding-top: 40px;
}

.pageMainHeader2_calss {
    padding-bottom: 35px;
}
/* <home tabs> */
.modules_top_menu {
    font-size: 14px;
    font-family: Roboto;
    color: #373737;
    margin-right: 50px;
    padding-bottom: 5px;
    text-decoration: none;
    letter-spacing: 0.6px;
    height: 23px;
    display: inline-block;
}

    .modules_top_menu.active {
        color: #373737;
        border-bottom: solid 3px #F33728 !important;
        font-weight: 500;
    }

.modules_top_menu_div {
    padding-top: 20px;
}
/* </home tabs> */
/* </home page> */

/* workflow */
.Table_wf_div_class {
    margin-bottom: 30px;
}
/* /workflow */

/* pv specific styles */
/* pv delete button menu */
.deleteBtn a {
    margin-top: 10px;
    margin-right: 10px;
}
/* /pv delete button menu */
/* pv query popup fields*/
.query_form_dropdown__class {
    margin-right: 10px;
}
/* /pv query popup fields*/
/* /pv specific styles */

/* Dashboard Widget Icons */
.dxWeb_pcPinButton_Material,
.dxWeb_pcRefreshButton_Material,
.dxWeb_pcCollapseButton_Material,
.dxWeb_pcMaximizeButton_Material,
.dxWeb_pcCloseButton_Material {
    background-position: 0px 0px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: block;
    margin-left: 10px;
    float: right;
}

.dxWeb_pcPinButton_Material {
    background-image: url(../Icons/16x16/16x16_Pin.svg);
}

.dxpc-pinBtnChecked .dxWeb_pcPinButton_Material {
	background-image: url(../Icons/16x16/16x16_Pinned.svg);
}

.dxWeb_pcRefreshButton_Material {
    background-image: url(../Icons/16x16/16x16_Refresh.svg);
}

.dxWeb_pcCollapseButton_Material {
    background-image: url(../Icons/16x16/16x16_Collapse.svg);
}

.dxpc-collapseBtnChecked .dxWeb_pcCollapseButton_Material {
    background-image: url(../Icons/16x16/16x16_Expand.svg);
}

.dxWeb_pcCloseButton_Material {
    background-image: url(../Icons/16x16/16x16_Close_Delete.svg);
}

.dxWeb_pcMaximizeButton_Material {
    background-image: url(../Icons/16x16/16x16_Settings.svg);
}
/* /Dashboard Widget Icons */

/* filter fields */
.filters {
    display: inline-block;
    font-size: 14px;
}

.filter {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
}

    .filter .dxeCaptionCell_Material.dxeCaptionVATSys.dxeTextEditCTypeSys {
        padding-bottom: 3px;
    }

.filter-right {
    display: inline-block;
    float: right;
    margin-bottom: 10px;
}

.cbstatuseslist td {
    padding-right: 20px;
}
/* /filter fields */
/* FormLayout in trackit */
.dxflFormLayout_Material .dxflGroupCell_Material .dxflNestedControlCell_Material {
    padding-right: 25px;
    box-sizing: border-box; 
}
/* /Hyper link */

/* listBox selection colors */
.dxeListBoxItemSelected_Material {
    color: #373737;
    background-color: #e1e1e1;
}

.dxeListBoxItemHover_Material,
.dxeListBoxItemHover_Material.dxeListBoxItemSelected_Material {
    color: #373737;
    background-color: #d1d1d1;
}
/* /list selection colors */

/* Small Info Panel Classes */
.InfoPanelSmall {
    border-radius: 3px;
    background-color: #EEEEEE;
    border: solid 1px #BBBBBB;
    padding: 7px 9px 8px 9px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    color: #373737;
    display: table;
}
.InfoPanelSmall span {
    display: table-cell;
    vertical-align: middle;
}
.InfoPanelSmall.PanelError {
    background-color: #ffeae1;
    border: solid 1px #ff8e5e;
    color: #f46242;
}
.InfoPanelSmall.PanelWarning {
    background-color: #fff1e1;
    border: solid 1px #ff9f46;
    color: #e46e00;
}
.InfoPanelSmall.PanelSuccess {
    background-color: #f2fff4;
    border: solid 1px #b3e1b2;
    color: #579d56;
}
.InfoPanelSmall img {
    display: table-cell;
    vertical-align: middle;
    padding-right: 7px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url('../Icons/16x16/info_message_16.svg');
}
.InfoPanelSmall.PanelError img {
    background-image: url('../Icons/16x16/error_16.svg');
}
.InfoPanelSmall.PanelWarning img {
    background-image: url('../Icons/16x16/warning_16.svg');
    background-position: 0 2px;
}
.InfoPanelSmall.PanelSuccess img {
    background-image: url('../Icons/16x16/success_message_16.svg');
}
.InfoPanelSmall.MissRangesPanel {
    display: inline-table;
    margin-left: 8px;
    padding: 7px 9px 6px 9px;
    vertical-align: middle;
    margin-top: -3px;
}

.InfoPanelSmall.MissRangesPanel img {
    background-position: 0 0px;
}
/* /error messages */