@import url("common.css");
@import url("fonts/opensans/opensans.css");

a {
    color: #000000;
}

body /* general document info */ {
    background: #FFF;
    font-size: 12px;
    font-family: opensans_regular, Arial,sans-serif;
    scrollbar-3dlight-color: silver;
    scrollbar-arrow-color: #273996;
    scrollbar-darkshadow-color: #003;
    scrollbar-face-color: #DBE2CB;
    scrollbar-highlight-color: #FFF;
    scrollbar-shadow-color: #006;
    scrollbar-track-color: #ECF0E3;
}

    body strong, body b {
        font-family: opensans_bold, Arial,sans-serif;
    }

    body em, body i {
        font-family: opensans_italic, Arial,sans-serif;
    }

    body td, .pcrmedium {
        font-size: 12px;
    }

#error_message {
    background: #ECF0E3;
    border: 1px solid #32449B;
}

#error_module {
    color: #32449B;
    font-weight: 700;
}

#mainmenu /* special tagging for main menu frame */ {
    margin: 0;
}

.bfade {
    background: url(/pcrimg/inc/bfaded.gif);
}

.cfade {
    background: url(/pcrimg/inc/cfaded.gif);
}

.comback {
    background-color: #ccc;
    color: #000;
}

.dfade {
    background: url(/pcrimg/inc/dfaded.gif);
}

.efade {
    background: url(/pcrimg/inc/efaded.gif);
}

.ui-state-hover .menufylink .ui-icon {
    background-image: url(/pcrimg/jquery/css/images/ui-icons_222222_256x240.png);
}

.empldefault {
    background-color: #E3EFFF;
    background-image: url(/pcrimg/inc/inputshaderE.gif);
}

.large1over, .large1over img /* basic button image,left side highlight */, .large3over, .large3over img /* basic button image,right side highlight */, .large1out, .large1out img /* basic button image,left side */, .large3out, .large3out img /* basic button image,right side */ {
    background: url(/pcrimg/inc/grayline22.gif) #EFEFEF;
    height: 22px;
    width: 1px;
}

.large2out /* basic button image,repeating center section */ {
    background: url(/pcrimg/inc/grayfade22.gif) #EFEFEF;
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.large2over /* basic button image,repeating center section highlight */ {
    background: url(/pcrimg/inc/bluefade22.gif) #EFEFEF;
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.largelink /* link text,used on basic buttons */ {
    color: #333;
    font-weight: bold;
}

.largetbl .large2over .largelink, .medtbl .med2over .medlink {
    color: #000;
}

.med1out, .med1out img /* medium button image,left side */ {
    background: url(/pcrimg/inc/mshadeL.gif);
    width: 2px;
}

.med1over, .med1over img /* medium button image,left side highlight */ {
    background: url(/pcrimg/inc/mshadeLx.gif);
    width: 2px;
}

.med2out /* medium button image,repeating center section */ {
    background: url(/pcrimg/inc/mshadeC.gif);
}

.med2over /* medium button image,repeating center section highlight */ {
    background: url(/pcrimg/inc/mshadeCx.gif);
}

.med3out, .med3out img /* medium button image,right side */ {
    background: url(/pcrimg/inc/mshadeR.gif);
    width: 2px;
}

.med3over, .med3over img /* medium button image,right side highlight */ {
    background: url(/pcrimg/inc/mshadeRx.gif);
    width: 2px;
}

.medlink /* link text,used on medium buttons */ {
    color: #444;
    font-weight: bold;
}

.medwidth {
    width: 30px;
}

.medwidth2 {
    width: 20px;
}

.pcrbodycolor {
    background: #FFF;
}

.pcrcalendar {
    color: #225353;
    font-size: 12px;
}

    .pcrcalendar#schedtop {
        background: url(/pcrimg/inc/schedtop1.gif) no-repeat #ECF0E3;
        border: solid 1px #349E33;
        color: #188017;
        font-size: 12px;
    }

.pcrcalhead1 {
    background: url(/pcrimg/scheadL.gif);
}

.pcrcalhead2 {
    background: url(/pcrimg/scheadC.gif);
}

.pcrcalhead3 {
    background: url(/pcrimg/scheadR.gif);
}

.pcrcaltimeout /* times at schedule top */ {
    background: #E2EBF7;
    border-bottom: 1px solid #1C5990;
    border-left: 1px solid #FFF;
    border-right: 1px solid #6270B7;
    border-top: 1px solid #C1C2BC;
    color: #32449B;
}

.pcrcaltimeover /* hover over times at schedule top */ {
    background: #32449B;
    border-bottom: 1px solid #C1C2BC;
    border-left: 1px solid #6270B7;
    border-right: 1px solid #FFF;
    border-top: 1px solid #1C5990;
    color: #FFF;
}

.pcrcheckbox {
    color: #000;
    font-size: 12px;
    vertical-align: middle;
}

.pcrcomfocus {
    background: url(/pcrimg/inc/inputshaderC.gif) #FFE57F;
}

.pcrcorpid #coname /* font for company name in main menu area */ {
    color: #12429F;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-right: 0;
    margin-top: 3px;
}

.pcrcorpid #masthead {
    background: url(/pcrimg/inc/PCRLogo24px.gif) no-repeat;
    float: left;
    height: 24px;
    margin-left: 5px;
    margin-top: 0px;
    position: relative;
    width: 131px;
    z-index: 1;
}

.pcrday1 /* regular dates */ {
    background: #FFF;
    color: #009;
}

.pcrday2 /* scheduled item */ {
    background: #32449B;
    color: #FFF;
}

    .pcrday2 a:link, .pcrday2 a:hover /* scheduled item */ {
        color: #E2EBF7;
    }

.pcrcalselected /* scheduled item */ {
    background: #32449B;
    color: #FFF;
}

.pcrday3 /* current date */ {
    background: #FFC000;
    color: #0E0094;
}

.pcrdroptable td {
    border: solid 1px #666;
}

.pcrheadingcolor {
    background-color: #000;
    border: solid 1px #000;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

.pcrheadingdisabled {
    background: url(/pcrimg/inc/headshdgray.gif) #CCC;
    border: solid 1px #333;
}

.pcrlabel {
    color: #444;
    font: 11px;
    font-weight: 900;
}

.pcrlamp {
    background: #E2EBF7;
    color: #225780;
    padding-left: 2px;
    padding-right: 2px;
}

.pcrminilink /* custom layouts selection table */ {
    border-collapse: collapse;
    color: #333;
    font: 10px "Arial Narrow", Arial, sans-serif;
    text-transform: capitalize;
    width: 30px;
}

.pcrminilinkout /* custom layouts selection table background color */ {
    background: #FDFFF7;
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #D8D8D8;
    border-top: 1px solid #EAEAEA;
    padding-left: 3px;
    padding-right: 3px;
}

.pcrminilinkover /* custom layouts selection table background color */ {
    background: #ECF0E3;
    border-bottom: 1px solid #999;
    border-left: 1px solid #CCC;
    border-right: 1px solid #9E9E9E;
    border-top: 1px solid #EFEFEF;
    cursor: POINTER;
    padding-left: 3px;
    padding-right: 3px;
}

.pcrnamfocus {
    background: url(/pcrimg/inc/inputshaderN.gif) #E5CCE5;
}

.pcrneutralcolor, .pcrtitlecolor {
    background: #E2EBF7;
}

.pcrposfocus {
    background: url(/pcrimg/inc/inputshaderP.gif) #CFC;
}

.pcrprofilecaption {
    background: #ECECEC;
    border-bottom: 1px solid #CCC;
    color: #333;
    font-weight: bold;
    font-size: 11px;
}

.pcrschedheading /* vertical left column */ {
    background: url(/pcrimg/schgrid.gif) #32449B;
    color: #FFF;
}

.pcrschedtable {
    background: #E2EBF7;
    color: #000;
}

.pcrschedtable2 {
    background: #A6C1F5;
    color: #000;
}

.pcrschedtable3 {
    background: #FFF;
    color: #000;
}

.pcrselect {
}

.pcrsmall {
    font-size: 10px;
}

.pcrsndfocus {
    background: url(/pcrimg/inc/inputshaderS.gif) #FFE1E1;
}

.pcrtable {
}

    .pcrtable#pcrtree td {
        font-size: 11px;
        display: block;
    }

.pcrtablecolor {
    background: #FFF;
    color: #000;
}

.pcrtabledisabled {
    background: #EBEBEC;
}

.pcrtextarea {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pcrtextbox {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pcrupload {
}

.pcrwhite {
    background: #ddd;
}

.pcryellow {
    background: #A7C2F5;
    color: #000;
}

.phoneinfo {
    color: #666;
    font: 9px "Arial Narrow", Arial, sans-serif;
    text-transform: capitalize;
}

.posback {
    background-color: #ccc;
    color: #000;
}

.rfade {
    background: url(/pcrimg/inc/rfaded.gif);
    color: #FFF;
}

.sendback {
    background-color: #ccc;
    color: #000;
}

.small1out, .small1out img /* small button image,left side */, .small3out, .small3out img /* small button image,right side */ {
    background: url(/pcrimg/inc/grayline17.gif) #9CF;
    cursor: pointer;
    font-size: 1px;
    height: 17px;
    width: 1px;
}

.small1over, .small1over img /* small button image,left side highlight */, .small3over, .small3over img /* small button image,right side highlight */ {
    background: url(/pcrimg/inc/grayline17.gif) #69A7E6;
    cursor: pointer;
    font-size: 1px;
    height: 17px;
    width: 1px;
}

.small2out /* small button image,repating center section */ {
    background: url(/pcrimg/inc/bluefade17.gif) #9CF;
    cursor: pointer;
    font-size: 1px;
    height: 17px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
}

.small2over /* small button image,repating center section highlight */ {
    background: url(/pcrimg/inc/bluefade17x.gif) #FFF;
    cursor: pointer;
    font-size: 1px;
    height: 17px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
}

.smallbutt /* tab image for record sub-toolbar */ {
    background: url(/pcrimg/inc/sbutt.gif);
    font-size: 1px;
    height: 7px;
    width: 21px;
}

.smalllink /* link text,used on small buttons */ {
    color: #006;
    cursor: pointer;
    font: 9px Verdana;
    text-decoration: none;
}

.smallmout /* button hover out */ {
    background: #9CF;
    cursor: pointer;
}

.smallmover /* button hover over */ {
    background: #69A7E6;
    cursor: pointer;
}

.xl1out, .xl1out img /* menu button image,left side */ {
    background: url(/pcrimg/inc/shadeleft.gif);
    height: 32px;
    width: 7px;
}

.xl1over, .xl1over img /* menu button image,left side highlight */ {
    background: url(/pcrimg/inc/shadeleftblue.gif);
    height: 32px;
    width: 7px;
}

.xl2out /* menu button image,repeating center section */ {
    background: url(/pcrimg/inc/shadegen.gif);
    height: 32px;
    padding-bottom: 4px;
    padding-left: 3px;
    text-align: left;
}

.xl2over /* menu button image,repeating center section highlight */ {
    background: url(/pcrimg/inc/shadegenblue.gif);
    height: 32px;
    padding-bottom: 4px;
    padding-left: 3px;
    text-align: left;
}

.xl3out, .xl3out img /* menu button image,right side */ {
    background: url(/pcrimg/inc/shadegen.gif);
    height: 32px;
    width: 7px;
}

.xl3over, .xl3over img /* menu button image,right side highlight */ {
    background: url(/pcrimg/inc/shadegenblue.gif);
    height: 32px;
    width: 7px;
}

.xllink /* link text for main menu buttons */ {
    color: #366;
    font: bold 12px Arial;
}

.xltbl .xl2over .xllink {
    color: #225353;
}

.xltbl td, .largetbl td, .medtbl td, .smalltbl td {
    vertical-align: middle;
}

.xltbl#pcom .xl1over, .xltbl#pcom .xl1over img {
    background: url(/pcrimg/inc/shadeleftcom.gif);
}

.xltbl#pcom .xl2over, .xltbl#pcom .xl3over, .xltbl#pcom .xl3over img {
    background: url(/pcrimg/inc/shadegencom.gif);
}

.xltbl#pjob .xl1over, .xltbl#pjob .xl1over img {
    background: url(/pcrimg/inc/shadeleftpos.gif);
}

.xltbl#pjob .xl2over, .xltbl#pjob .xl3over, .xltbl#pjob .xl3over img {
    background: url(/pcrimg/inc/shadegenpos.gif);
}

.xltbl#pnam .xl1over, .xltbl#pnam .xl1over img {
    background: url(/pcrimg/inc/shadeleftnam.gif);
}

.xltbl#pnam .xl2over, .xltbl#pnam .xl3over, .xltbl#pnam .xl3over img {
    background: url(/pcrimg/inc/shadegennam.gif);
}

.xltbl#pout .xl2over, .xltbl#pout .xl2out {
    padding-right: 5px;
}

.xltbl#pout .xl3out, .xltbl#pout .xl3out img, .xltbl#pout .xl3over, .xltbl#pout .xl3over img {
    background: url(/pcrimg/inc/shadegenend.gif);
}

.pcrrequired {
    color: #ff0000;
}

#navigation a {
    color: #FFFFFF;
}

#maaindate {
    color: #CCCCCC;
}

#maindate:link {
    color: #FFFFFF;
}

.neutralback span {
    font-weight: normal;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    text-shadow: none;
}

.ui-dialog-title {
    text-align: left;
    font-size: 15px;
}

.ui-dialog-titlebar {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 12px;
}

.wijmo-wijcombobox {
    border-spacing: 0px;
}

    .wijmo-wijcombobox input {
        min-height: 20px;
        font-size: 14px;
        background-image: none;
        background-color: #fff;
        color: #444;
    }

.wijmo-wijcombobox-wrapper {
    background-image: none;
    background-color: #fff;
}

.wijmo-wijcombobox .wijmo-wijcombobox-input {
    background-image: none;
    background-color: #fff;
}

.wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-wijgrid-headertext {
    font-family: opensans_semibold;
}

.pcrtextbox {
    min-height: 28px;
}

.ui-button {
    margin: 0px 1px 0px 0px;
}

.ui-button-text-only .ui-button-text {
    padding: 0px !important;
}

.ui-button {
    padding: 4px 8px 4px 8px;
}

.pcrselectm {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 4px;
    border-spacing: 0px;
}

.pcrselectc > div {
    margin-left: 4px;
    line-height: 12px;
}


textarea.ui-widget-content, input.ui-widget-content {
    background-image: none;
    background-color: #fff;
    color: #444;
}

.ui-state-highlight {
    border: 0px solid #fff;
}

.pcrLabelAbove {
    font-size: 12px;
    display: block;
    margin-bottom: 2px;
    clear: right;
    color: #606060;
}

.checkboxclass_sel {
    float: left;
    width: 170px;
    padding-bottom: 4px;
}

namefilterlist_sel {
    width: 100%;
}

.search td {
    padding: 2px;
}

.searchb textarea {
    width: 335px;
    margin-left: 2px;
}

input::-ms-clear {
    display: none;
}

.wijmo-wijgrid .wijgridtd {
    padding-left: 2px;
}

.wijmo-wijgrid-root .ui-widget-header {
    border: 0px solid;
    border-radius: 0;
    padding: 0px;
}

/* Used for forms */
.sfield {
    margin: 0 0 15px 0;
}

    .sfield label {
        display: block;
        margin-bottom: 4px;
    }

.wijmo-wijexpander h1 {
    margin-bottom: 0px;
}

.wijmo-wijaccordion h3 {
    margin-bottom: 0px;
}





.iconbutton {
    padding: 0px;
    margin: 2px 0px 0px 0px;
    min-height: 20px;
    width: 25px;
    vertical-align: top;
}

    .iconbutton .icon {
        height: 20px;
        width: 16px;
        display: block;
    }

    .iconbutton .ui-button-text {
        padding: 2px 2px 2px 0px;
        background: none;
        background-color: transparent;
    }

button.iconbutton {
    background: none !important;
}

.ui-menu {
    padding: 5px;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 4px 10px 4px 10px;
}

#pcrgrid .wijgridtd .button-dropdown, .wijgridtd .button-dropdown, .wijgridth .button-dropdown {
    display: table !Important;
    border: 0px !Important;
    padding: 0px !Important;
    background: none !Important;
}

.fieldcaption {
    margin-bottom: 2px;
    margin-top: 10px;
    opacity: 0.8;
    letter-spacing: 1px;
}

.fieldcaptiontop {
    margin-bottom: 2px;
    opacity: 0.8;
    letter-spacing: 1px;
}

ul.ultable, ul.pcrultable {
    display: table;
    list-style: none;
    width: 100%;
}

    ul.ultable li, ul.pcrultable li {
        display: table-cell;
        vertical-align: top;
    }

ul.ultablepad {
    display: table;
    list-style: none;
    width: 100%;
}

    ul.ultablepad li:first-child {
        display: table-cell;
        padding-right: 8px;
        padding-left: 0px;
    }

    ul.ultablepad li {
        display: table-cell;
        padding-right: 4px;
        padding-left: 4px;
    }

        ul.ultablepad li:last-child {
            display: table-cell;
            padding-left: 8px;
            padding-right: 0px;
        }

/* styles for caption information popup, used for errors/warnings/general information snippets */
.infoCaption {
    width: 99%;
    position: absolute;
    left: 0px;
    top: -50px;
    margin: 0 1px 0 1px;
    padding: 8px 0 0 0;
    min-height: 32px;
    border-width: 3px;
    border-style: solid;
}

    .infoCaption #infoCaptionIcon {
        height: 25px;
        width: 25px;
        float: left;
        margin-left: 10px;
        background-repeat: no-repeat;
    }

    .infoCaption #infoCaptionMsg {
        display: inline-block;
        margin-left: 15px;
        float: left;
        width: calc(100% - 80px);
    }

        .infoCaption #infoCaptionMsg span {
            font-family: opensans_bold;
            font-size: 14px;
            color: #fff !Important;
        }

.infoCaptionBlue {
    border-color: #BCD5EF;
    background-color: #CCE5FF;
}

.infoCaptionMsgBlue {
    color: #80E580;
}

.infoCaptionGreen {
    border-color: #17a64d;
    background-color: #17a64d;
}

.infoCaptionMsgGreen {
    color: #3DA028;
}

.infoCaptionYellow {
    border-color: #EFEF00;
    background-color: #FFFF00;
}

.infoCaptionMsgYellow {
    color: #808000;
}

.infoCaptionRed {
    border-color: #F23D3B;
    background-color: #F23D3B;
}

.infoCaptionMsgRed {
    color: #800800;
}
/* end styles for caption information popup */


/* styles for fast checkbox */

.pcrCheck3 {
    cursor: pointer;
    height: 18px;
    margin: 0;
    opacity: 0.01;
    padding: 0;
    width: 18px;
    position: absolute;
    z-index: 10 !important;
    left: 0;
}

div.checkContainer2 input[type=checkbox]:checked ~ span.pcrCheckImg {
    display: inline-block !important;
}
/* These styles are needed for checkboxes inside of an expander */
div.checkContainer2 span.ui-icon {
    left: 0 !important;
}

.checkInExpanderrapper {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.headerWithCheckboxWrapper {
    display: inline-block;
    vertical-align: middle;
}

.ui-expander-header .checkContainer2 .wijmo-checkbox-box {
    border: 1px solid transparent;
}

div.description div.checkContainer3 input[type=checkbox]:checked ~ span.pcrCheckImg {
    display: block;
}

.checkContainer3 {
    white-space: nowrap;
}

.pcrCheckImg {
    display: none;
    z-index: 9 !important;
    top: -1px;
    left: -1px !important;
}

/* styles for fast checkbox */


/* styles for dialog box resizing and footer positioning */

.dialogwindow {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden !important;
    height: 100%;
}

.pagecontainer {
    position: relative;
    height: calc(100% - 45px);
    margin: 0;
    padding: 0 3px 0 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.dialogfooter {
    position: absolute;
    height: 30px;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 8px 0 0 0;
    margin: 0 3px 0 0;
    border-top: 1px solid #ccc;
}

    .dialogfooter ul {
        height: auto;
        width: 100%;
        display: inline;
    }

    .dialogfooter > ul > li.dfbutton {
        list-style: none;
        margin: 0;
        padding-right: 5px;
        float: right;
    }

    .dialogfooter button {
        margin: 0;
    }

    .dialogfooter > ul > li.dfconfig {
        position: absolute;
        padding: 0 0 0 5px;
        height: 32px;
        display: block;
    }

        .dialogfooter > ul > li.dfconfig a {
            display: block;
            height: 100%;
            width: 32px;
            padding: 0;
            margin: 0;
        }

/* styles for dialog box resizing and footer positioning */


div.linkholder a {
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    background-color: #666;
    padding: 1px 4px 1px 4px;
}

    div.linkholder a:hover {
        background-color: #333;
    }

div.linkholder {
    padding: 0 0 4px 0;
}

.cornertriangle:after {
    content: "";
    position: relative;
    top: 0.5em;
    border-left: 0.5em solid transparent;
    border-top: 0.5em solid red;
}

.menufy {
    position: absolute;
    z-index: 64000;
    max-height: 135px;
    overflow-Y: auto;
    overflow-X: hidden;
    padding: 0 !important;
}

    .menufy li {
        list-style: none;
        padding: 0;
        min-width: 150px;
        cursor: pointer;
        border: 1px solid transparent;
        height: auto !important;
        text-align: left;
    }

.headQuickAdd .menufy li {
    padding: 5px;
}

.ui-state-hover .menufy a {
    color: #000;
}

.menufy .ui-state-hover a {
    color: #fff !important;
}

.menufy a {
    display: block;
    ;
    padding: 5px;
}

.menufylink {
    cursor: pointer;
    display: inline-block;
}

    .menufylink span {
        display: inline-block;
        vertical-align: middle;
    }

.rating {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 101px;
    position: relative;
}

.star1 {
    background-image: url(/pcrimg/GrayStars.png);
    height: 18px;
    width: 101px;
    cursor: pointer;
}

.star2 {
    background-image: url(/pcrimg/YellowStars.png);
    height: 18px;
    width: 101px;
    position: absolute;
    margin-top: -18px;
    width: 0px;
    z-index: 1;
    cursor: pointer;
}

    .star1:hover ~ .star2, .star2:hover {
        background-image: url(/pcrimg/BlackStars.png);
    }

ul.ultable li.ranker {
    vertical-align: middle;
    display: block;
    width: 19px;
}

.timepicker {
    border: 1px solid #ccc;
}

#caltime_dtfield {
    border: 1px solid #ccc;
    padding: 0.2em;
    background-color: #fff;
    border-top: none;
}

.calmain .wijmo-wijcalendar {
    border-top: none;
    border-left: none;
}

.calscroll {
    height: 12px;
    background-color: #eee;
    margin: 3px 2px 0px 2px;
    border: 1px solid #ddd;
    text-align: center;
    padding-bottom: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    width: 83px;
}

    .calscroll:first-child {
        margin-bottom: 2px;
    }

    .calscroll:last-child {
        margin-top: 3px;
        margin-bottom: 2px;
    }

    .calscroll a {
        margin: auto;
        touch-action: none;
        -ms-touch-action: none;
    }

.pickerband {
    overflow: auto;
    height: 140px;
    width: 190px;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

    .pickerband a {
        display: block;
        border: 1px solid #bbb;
        padding: 2px 2px 2px 5px;
        margin: 2px 2px 2px 2px;
        background-color: #eee;
        cursor: pointer;
        color: #777;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        width: 76px;
    }

        .pickerband a:first-child, .pickerband a:nth-child(4n+5) {
            font-weight: bold;
            color: #555;
        }

        .pickerband a:hover, .calscroll:hover {
            background-color: #15498F;
            color: #ffffff;
        }

.pickerbuttons {
    padding: 5px 2px 5px 0px;
    text-align: right;
}

    .pickerbuttons button {
        width: 80px;
        margin-left: 5px;
    }

.calmain .viewcal {
    margin: 0 !important;
    padding: 0 !important;
}

.calmain .timelist {
    padding-left: 2px !important;
}

.pickerhide {
    width: 90px;
    overflow-x: hidden;
}

.rollsearch ul {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding-right: 5px;
    padding-bottom: 4px;
}

.rollsearch #searchfilter {
    width: 220px;
}

.rollsearch label {
    display: block;
    margin-bottom: 4px;
}

#noteholder {
    border: 1px solid #ddd;
    min-height: 100px;
    padding: 20px;
    word-break: break-word;
}

#keywordholder {
    border: 1px solid #ddd;
    min-height: 100px;
    padding: 20px;
}

#notetext, #keywordtext {
    margin-top: 10px;
}

.topbuffered {
    padding-top: 10px;
}

.highlight {
    background-color: rgba(180, 0, 170, 0.2) !important;
    border-radius: 4px;
    margin: -1px;
    padding: 1px;
}

.wijmo-wijdatepager-pages .wijmo-wijdatepager-pagelabel, .wijmo-wijdatepager-container {
    border-radius: 0px;
}

.wijmo-checkbox-box {
    border: none;
    border-radius: 0px !important;
}

.yellowFontIcon, .yellowFontIcon:before {
    color: #F59329;
}

.redFontIcon, .redFontIcon:before {
    color: #EE3B3A;
}

.greenFontIcon, .greenFontIcon:before {
    color: #359A46;
}

.orangeFontIcon, .orangeFontIcon:before {
    color: #FF9A2C;
}

.blueFontIcon, .blueFontIcon:before {
    color: #15498F;
}

#ifiletree a.jstree-anchor {
    height: auto !important;
    white-space: normal;
    width: calc(100% - 16px);
    word-break: break-all;
}

#container ul li ul li ul li .addNode {
    display: none;
}

.icon-customize:before {
    /*root color*/
    color: inherit !important;
}

.countContainer [class^="icon-"], .countContainer [class*="icon-"] {
    line-height: inherit !important;
}

.wijmo-wijgrid-root {
    border-bottom: 1px solid #cccccc;
}

.fastcombo .ui-button .ui-button-text {
    display: none;
}

.wrapGridCellContent {
    white-space: inherit !important;
    word-wrap: break-word;
}
/* padding for web extentiosn config td*/
.webExtConfigTable .wijgridtd, .webExtConfigTable .wijgridth {
    padding: 2px;
}
/* recently view list css*/
#recentlyViewedWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 180px;
}

#recentlyViewed {
    min-width: 200px;
}
/* breaks long text in areas like the text-resume on a name display to keep the screen from running too long*/
.breakLongText {
    word-break: break-all;
}

.rtable {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

    .rtable > div {
        flex: 1 1 auto;
    }

@media only screen and (max-width: 800px) {
    .rtable > div {
        width: 100% !important;
    }
}

.ApprovalForm-CheckWraper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ApprovalForm-Check {
    flex: 0 0 auto;
    min-width: 100px;
    width: 33%;
    box-sizing: border-box;
    padding-left: 2px;
}

.paging-arrow-right {
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    top: 40%;
    right: 50px;
    cursor: pointer;
}

.paging-arrow-left {
    width: 0;
    height: 0;
    left: 50px;
    display: inline-block;
    position: absolute;
    top: 40%;
    cursor: pointer;
}

/* History Sections */
h2.historyheader {
    width: 98%;
    text-align: left;
    padding: 2px;
    margin: 2px;
    font: bold 11px arial, sans-serif
}

fieldset.historybox {
    border: none;
    padding: 0 0 10px 0;
    margin: 0;
}

    fieldset.historybox legend {
        font: bold 11px arial, sans-serif;
        background-color: #ECECEC;
        color: #666;
        margin: 0 0 0 -1px;
        padding: 5px 5px 5px 3px
    }

ul.mfFieldList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 5px
}

    ul.mfFieldList li {
        display: block;
        float: left;
        margin: 0;
        padding: 0px 0px 5px 5px;
        min-height: 50px;
        min-height: 60px;
        min-width: 360px;
    }

    ul.mfFieldList label {
        margin-right: 3px;
        display: block;
        font: bold 11px arial, sans-serif
    }

        ul.mfFieldList label.pcrreqlabel {
            background-image: url(/pcrimg/echeck.gif);
            background-position: middle left;
            background-repeat: no-repeat;
            padding-left: 14px;
        }

    ul.mfFieldList .pcrtextbox, ul.mfFieldList table.pcrcalendar {
        width: 240px !important
    }

    ul.mfFieldList .pcrtextbox {
        font-size: 11px;
        padding: 2px;
        margin-bottom: 0px
    }

    ul.mfFieldList ul.pcrselectc {
        margin-left: 0
    }

        ul.mfFieldList ul.pcrselectc li {
            float: none
        }

            ul.mfFieldList ul.pcrselectc li label {
                display: inline;
            }

    ul.mfFieldList textarea.pcrtextarea {
        height: 60px;
        width: 240px;
    }

div.AddHistory fieldset.historybox {
    background-color: #BCBCBC;
    border: 1px dashed #333;
}

div.AddedHistory fieldset.historybox {
    background-color: #FFF;
    border: 1px solid #ddd
}

div.ExistingHistory fieldset.historybox {
    border: 1px solid #ddd;
}

fieldset.historybox a.pcrcalclink {
    float: right;
    text-decoration: none
}

.WORReason_For_Leaving {
    height: 60px
}

/* styles to fill redder is better in lucene - negative margins so we do not need to override wijmo grid styles*/
.lucene-score-color-cell {
    width: 100%;
    height: 100%;
    padding-left: 2px;
    padding-right: 2px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-left: -2px;
    margin-top: -1px;
}

.pcrnavyblue {
    background-color: #15498F;
}

    .pcrnavyblue a {
        color: #ffffff !important;
    }