.rh_hide{
    display: none;
}

#skuLoader{
    text-align: center;
    margin-top: 50px;
    display:none;
}


.ck-content {
    height: 150px;
}
#qtBody td{
    padding: 8px;
    border-bottom: 1px solid #DDDDDD;
}
.txt-crimson{
    color: crimson;
}
input.required, select.required{
    border: 2px solid #cb5a5e;
}
.form-md-line-input.required{
    border: 2px solid #cb5a5e !important;
}

.portlet > .portlet-title.plain {
    border-bottom: none;
    margin-bottom: -5px;
}






/*
==================================================================================================
    BRANCH MANAGEMENT
==================================================================================================
*/

.branchUserMgmtWrapper{
    margin: 20px -5px 40px -5px;
    padding-left: 15px !important;
}

a.actionBtn{
    color: #999;
    margin: 0 5px;
    float: right;
    position: relative;
    border: 1px solid transparent;
    padding: 5px 8px;
    border-radius: 8px;
}
a.actionBtn .fa{
    font-size: 17px !important;
}
a.actionBtn :hover{
    border-color: #fff;
    color: #fff;
}

/* HIDE DELETE BTN FROM ALL USERS */
a.delBtn{
    display:none;
}
/* SHOW DELETE BTN FOR CORPORATE USERS */
.showDelBtns a.delBtn{
    display:block;
}




.management_page .dataTables_filter > label > a {
  float: right;
  margin-left: 7px;
}

.management_page .dataTables_filter   {
  margin: -24px 28px 0 0;
}

.management_page .dataTables_filter > label > input{
  height: 33px;
}


.largeBoldTitle{
    font-weight: bold;
    color: #555;
    text-align: center;
    text-transform: uppercase;
}

.swal-button--confirm {
    background-color: #555;
}
.swal-button--confirm :hover,
.swal-button:not([disabled]):hover {
    background-color: #444 !important;
}

/* div.dts div.dataTables_scrollBody {
    background: repeating-linear-gradient(45deg, #eaf6f9, #eaf6f9 10px, #fff 10px, #fff 20px);
} */

div.dts div.dataTables_scrollBody {
    background:none !important;
}

.table-hover tbody tr:hover>td {
    background-color: #34768c;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    div.dataTables_filter {
        margin-top: 12px !important;
    }

    .management_page .portlet {
        margin-bottom: 120px !important;
    }

    .kit-summary-header {
        display: block;
        min-width: 100% !important;
    }

    .kit-summary-header-align-right {
        text-align: right;
    }
}

.text-upper{
    text-transform: uppercase;
}

.select2-container {
    width:100% !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #34768C !important;
    color: white !important;
}

.hide{
    display: none;
}

.mt5 {
    margin-top: 5px;
}
.mb5 {
    margin-bottom: 5px;
}
.ml5 {
    margin-left: 5px;
}
.mr5 {
    margin-right: 5px;
}

.mt10 {
    margin-top: 10px;
}
.mb10 {
    margin-bottom: 10px;
}
.ml10 {
    margin-left: 10px;
}
.mr10 {
    margin-right: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mb15 {
    margin-bottom: 15px;
}
.ml15 {
    margin-left: 15px;
}
.mr15 {
    margin-right: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mt40 {
    margin-top: 40px;
}
.mb40{
    margin-bottom: 40px !important;
}
.mt80 {
    margin-top: 80px;
}

.mb80 {
    margin-bottom: 80px;
}









.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pl5 {
    padding-left: 5px;
}

.pr5 {
    padding-right: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pr15 {
    padding-right: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pt40 {
    padding-top: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}








@media only screen and (max-width: 990px) {
    .contactNamePadding {
        padding: 0 0 0 40px !important;
    }

}

.filters > th {
    padding-left: 1px !important;
    padding-right: 1px !important;
}
.filtericon {
    margin:7px 4px !important;
    right:0 !important;
}
.filterinput {
    width:100% !important;
    padding-left:4px !important;
    padding-right:25px !important;
}

#btnGroupClocks {
    display: flex;
    justify-content: center;
}
.quickTimesheetLauncher .fa-clock-o {
    font-size: 20px;
    color: #26A69A;
}

.quickTimesheetLauncher {
    width: 32px;
    margin: 5px 0 0 0 !important;
    /* border: 1px solid transparent; */
    padding: 5px 5px 2px 5px;
    /* border-radius: 5px; */
}
.quickTimesheetLauncher:hover{
    background-color: #26A69A;
}
.quickTimesheetLauncher:hover .fa-clock-o{
    color: #fff !important;
}


.quickStopwatchLauncher .fa-clock-o {
    font-size: 20px;
    color: #ffcccc;
}

.quickStopwatchLauncher {
    width: 32px;
    margin: 5px 0 0 0 !important;
    /* border: 1px solid transparent; */
    padding: 5px 5px 2px 5px;
    /* border-radius: 5px; */
}
.quickStopwatchLauncher:hover{
    background-color: #ffcccc;
}
.quickStopwatchLauncher:hover .fa-clock-o {
    color: #fff !important;
}



.act-tooltip {
    padding:0 6px;
    margin-bottom: 2px;
  }

.adm_time_rec {
    background-color: #fff;
    border: 1px solid #000;
    padding: 5px;
    margin: 7px
 }


 /* Added by RSB for JumpTo Navbar */
.navbarjt{
    background-color: #033a4d;
    position: relative;
    width: 100%;
    min-height: 35px;
    padding-top: 5px;
    overflow: auto;
    top:-4px;
  }




  .navbarjt a, .navbarjt b, .jumpto-spacer {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 5px 5px;
  }

  .navbarjt a:hover {
    background: #ddd;
    color: black;
  }

  .navbarjt a:focus {
    background: #ddd;
    color: black;
  }


  #jumpto-large a:hover,
  #jumpto-large a:focus,
  #jumpto-small .dropdown-toggle:hover,
  #jumpto-small .dropdown-toggle:focus{
      color: #000;
      border-radius: 3px;
      padding: 3px 5px;
      background-color: #fff;
      text-decoration: none;
      outline: none;
  }

  @media screen and (max-width: 480px){
     .page-header.navbar .top-menu .navbar-nav {
        margin-right: -1px;
        margin-top: -51px;
    }

    .page-header .page-header-inner  > li.dropdown {
        height: 14px;
    }

    .page-header.navbar .top-menu .navbar-nav{
        margin-top: 0px;
    }

    span.pos {padding-top:50px !important;}


    .topLogo img {
        margin: 0px 0 0 7px;
    }
 }


body #page-container div.page-content.jumptoPgMobileContentAdjustment{
    margin-top: 25px;
    padding-top: 65px !important;
}

 .dt-nowrap {
     white-space: nowrap;
     min-width: 80px;
 }
 i.msgNotifIcon{
    font-size: 24px !important;
 }
 i.eventNotificationIcon{
    font-size: 22px;
    margin-top: -5px;
    color: #ffdb5e !important;
 }

 ul.nav li a span.msgBadge{
    background-color: #f54a37 !important;
    position        : relative !important;
    margin          : -5px 0 0 -10px !important;
    width           : 20px !important;
    height          : 19px !important;
    line-height     : 18px !important;
    font-size       : 10px !important;
    padding         : 0 !important;
    font-weight     : bold !important;
    float           : right !important;
    border-radius   : 50% !important;

 }

#dCount_mobile{
    right: 0px;
    top: 1px;
}


 /* span.msgCount {
     background-color: #f54a37;
 } */

ul#unreadMsgDropdown,
ul#attentionNeededTable,
ul#unreadMsgDropdown_mobile,
ul#attentionNeededTable_mobile{
    background-color: #fff !important;
}

ul#unreadMsgDropdown li,
ul#attentionNeededTable li,
ul#unreadMsgDropdown_mobile li,
ul#attentionNeededTable_mobile li{
    background-color: #fff !important;
}
ul#unreadMsgDropdown li a:hover,
ul#attentionNeededTable li a:hover,
ul#unreadMsgDropdown_mobile li a:hover,
ul#attentionNeededTable_mobile li a:hover{
    background-color: #f8f9fa !important;
    color: #888 !important
}
#unreadMsgDropdownWrapper,
#attentionNeededDropdownWrapper,
#unreadMsgDropdownWrapper_mobile,
#attentionNeededDropdownWrapper_mobile{
    background-color: #f8f9fa !important;
    left: -128px;
}
#unreadMsgDropdownWrapper.dropdown-menu::after,
#attentionNeededDropdownWrapper.dropdown-menu::after,
#unreadMsgDropdownWrapper_mobile.dropdown-menu::after,
#attentionNeededDropdownWrapper_mobile.dropdown-menu::after{
    display: none !important;
}

html ul#unreadMsgDropdownWrapper.dropdown-menu li.external a#viewAllMsgsLink:hover{
    background-color:#eaedf2 !important;
    color: #555 !important;
    text-decoration: none;
}


#unreadMsgDropdownWrapper_mobile{
    left:-100px !important;
}
/*

#taskListNotification{
    background-color: #f8f9fa;
    left: -128px;
}
#taskListNotification.dropdown-menu::after{
    display: none !important;
}

html ul#taskListNotification.dropdown-menu li.external a#viewAllMsgsLink:hover{
    background-color:#eaedf2 !important;
    color: #555 !important;
    text-decoration: none;
} */


#discussionWindowLnk{
    display: inline-block;
    cursor: pointer;
}

#discussionWindowLnk.noWinLaunch{
    cursor: default;
}
#discussionWindowLnk.noWinLaunch i.fa {
    display: none;
}

#attachedFiles{
    padding: 0;
    width: auto;
    height: auto;
    margin: 10px -10px 0 0;
    z-index: 10000;
    position: relative;
    border: none;
    background-color: transparent;
    text-align: right;
}

span.attachedFile{
    display: inline-block;
    /* border: 4px solid #fff; */
    background-color: #fff;
    color:#555;
    padding: 7px 15px;
    border-radius: 20px;
    margin: 0 8px 8px 0;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302),
        0 1px 3px 1px rgba(60, 64, 67, 0.149);
}

.picker-dialog-bg {
    z-index: 20000 !important;
}

.picker-dialog {
    z-index: 20001 !important;
}

.text-black{
    color:#000;
}

.text-purple {
    color: #8e5fa2;
}
.text-blue {
    color: #4285f4;
}
.file-preview-thumbnails i.fa, .file-zoom-detail i.fa{
    font-size: 90px;
    margin-top: 80px;
}
div#activities-portlet div#activities-content div.h-accordion {
    width: auto !important;
}

.navbarjt .mJumpTo-x ul.dropdown-menu {
    max-height: 80vh !important;
    overflow-y: scroll;
}


.cke_toolbar {
    width: 100%!important;
}

.cke_toolbar_end{
    float: right !important;
}


#attachmentBtn {
    margin-bottom: 11px;
}

body div#msgPostWrapper #cke_msgPost{
    border: 1px solid #E5E5E5 !important;
}

#subscribersTbl td{
    font-size: 13px;
}

div.portlet > .portlet-title > .tools a.collapse::after, div.portlet>.portlet-title>.tools a.expand::after{
    color:#fff;
}

.discMngmt.portlet-body{
    max-height: 200px;
    overflow-y: auto;
}

#subscribersTbl.dataTable td b{
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    white-space: normal !important;
}

.scrollbar-light, .scroll-wrapper, .discussions, .test1000{
    overflow-x: hidden !important;
}

#discussionWrapper, .discussions{
    margin:0;
    padding:0;
}
#thread-table_wrapper .dataTables_scrollHead{
    background-color: #2990b3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.postBtnGroup{
    max-width:100px;
    min-width: 80px;
}

@media screen and (max-width: 768px) {
    .postBtnGroup {
        max-width: 80%;
        margin: 0 auto 0 auto !important;
    }
}

/* #thread-table_wrapper th {
    background-color: #fff
} */

/* .discussionContainer{
    background: url(../../../images/chatbg2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
} */







div.portlet > .portlet-title > .tools a.collapse::after, div.portlet > .portlet-title > .tools a{
    text-decoration: none !important;
}

div.portlet > .portlet-title > .tools a.collapse::after, div.portlet > .portlet-title > .tools a.collapse::after,
div.portlet > .portlet-title > .tools a.collapse::after, div.portlet > .portlet-title > .tools a.expand::after  {
    color: #999 !important;
    text-decoration: none !important;
    outline: none;
}


.modal-open .datepicker {
    z-index: 100000 !important;
}

#warehouseTable_length select {
    margin-left: 10px;
}

#productDataBlock span.select2-container {
    width: 300px !important;
}

#productDataBlock div.action {
    width: 465px !important;
}

.modal-rh-lg {
    width: 800px !important;
    margin-left: -400px !important;
}

.captionHdr {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #777;
    margin-top:10px;
}

.captionSub {
    color: #539db6;
}

.text-bold {
    font-weight: bold;
}
.formSectionHdr {
    font-size: 15px;
    font-weight: bold;
    color: #777;
}
html body #productDataBlock div.dataTables_scroll{
    background: none !important;
}
#productDataBlock .caption i.fa{
    font-size: 16px !important;
}

i.fa.fa-header.historyIcon{
    font-size: 10px !important;
    color: #1F897F !important;
    padding: 3px;
    cursor: pointer;
}

.linkBlue{
    color: #2386CA;
    text-decoration:none !important;
}
.linkBlue:hover{
    color: #1F897F;
}
.linkBlue.whiteHover:hover {
    color: #fff;
}
.largeBoldTitle span.thin{
    margin-left: 4px;
    border-left: 1px solid #82afbf;
    padding: 0 0 0 8px;
    color: #1E677F;
    text-align: center !important;
}

.desc_container{
    margin-left: 10px;
}

#prodSearchBarWrapper .input-group input {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#prodSearchBarWrapper .input-group .input-circle-left {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#prodSearchBarWrapper .input-group .fa {
    color: #059862
}

#prodSearchBar::placeholder{
    color: #999
}

.captionDesc{
    color:#888;
    font-weight: bold;
    font-style: italic;
    padding-bottom: 10px;
}
.prodProfile th{
    background-color: whitesmoke;
}


div#productDataBlock table.table>tbody>tr.calcsRow td,
div#productDataBlock table.table>tbody>tr.calcsRow input{
    font-size: 18px;
    font-weight: 600;
    vertical-align: middle;
}

.middle{
    vertical-align: middle;
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1% !important;
}

#adminButtons{
    line-height: 4;
    font-size: 15px;
}
#adminButtons .tile{
    margin-bottom: 10px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302),
        0 1px 3px 1px rgba(60, 64, 67, 0.149);
    /* border: 1px solid #94c3d3; */
    background-color: #1E677F;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}

#reportMenu {
    line-height: 2;
    font-size: 15px;
}

#reportMenu .tile {
    margin-bottom: 10px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302),
        0 1px 3px 1px rgba(60, 64, 67, 0.149);
    /* border: 1px solid #94c3d3; */
    background-color: #1E677F;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
}
.badge{
    border-radius: 3px !important;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 5px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302),
        0 1px 3px 1px rgba(60, 64, 67, 0.149);
}
.mfrName{
    font-size: 18px;
}
.nav.nav-tabs>li>a{
    color:#1E677F;
}
.nav.nav-tabs>li.active>a{
    color:#555;
    font-weight: bold;
}

.bl{
    color:#3eabe6;
}

.page-container-bg-solid .page-content,
.page-container{
    background-color: #f1f3fa;
}

.btn-group .btn-default.active {
    background-color: #217ebd;
  }

  .dropdown-menu .active > a:hover {
    text-decoration: none;
    background-image: none;
    background-color: #808080;
    color: #555;
    filter: none;
  }
#pageInnerTitle{
    margin: 0 -10px;
    color: #006b8f;
    background-color: #fff;
    padding: 3px;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 0 5px 0;
    position: relative;
    box-shadow: 1px 4px 10px -10px #000;
    border-bottom: 1px solid #ccc;
    font-family: 'Roboto', sans-serif;
    top:-4px;
}

#jumpto-large{
    padding-bottom: 8px;
}

.quote_margin_yellow {
    color: #FFEA00;
}
.quote_margin_red {
    color: #FF0000;
}

@media screen and (max-width: 990px) {
    .navbarjt {
        overflow: visible;

    }

    #pageInnerTitle {
        font-size: 14px;
        color: #006b8f;
        /*overflow:hidden;  Removed by TL 7/24/23*/
        white-space:nowrap;
    }

    .dataTables_scrollBody {
        max-height:360px !important;
    }

    .dataTables_scrollFoot {
        max-height:0px;
    }

    .history_table_wrapper.dataTables_wrapper > div.row > div.col-sm-12 > div.dataTables_scroll > div.dataTables_scrollBody {
        max-height:300px;
    }

    #history_table_wrapper.dataTables_wrapper > div.row > div.col-sm-12 > div.dataTables_scroll > div.dataTables_scrollBody {
        max-height:300px;
    }


    #contacts-table_wrapper div.dataTables_scrollBody {
        max-height: 280px !important;
    }

    #calendar {
        max-height:340px !important;
        overflow:hidden;
    }

    #include_details_checkbox {
        padding-left:0px !important;
    }
}


#fixedHdrInsertContent{
    min-height: 35px;
    overflow: auto;
    background-color: 	#4c6b88;
    padding: 10px 20px 15px;
    top: -8px;
    color: white;
}

#jumpto-small{
    background-color: #000;
}

@media screen and (max-width: 990px) {
    .mega-menu-content li a:hover {
      color: #000 !important;

    }

    .mega-menu-submenu{
        list-style: none;
    }
}

#stats{
    font-size: 14px;
    color: #555;
    margin-left: 10px;
}


.popover-title{
    text-align: left !important;
    font-weight: bold;
}

#warehouseTableIso td:nth-child(1){
    text-overflow: unset;
    max-width: unset;
}

textarea.autoExpand {
    overflow: hidden;
    display: block;
    min-height: 50px;
}

.modal-open .select2-container--open {
    z-index: 9999999
}

#hideAllBackdrop{
    z-index: 19055 !important;
    overflow-y: hidden !important;
    background-color: #f1f3fa !important;
    opacity: 1 !important;
}

body.modal-open {
    height: 100vh;
    overflow-y: hidden !important;
}


.vertical-center {
    min-height: 100%;
    /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh;
    /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

.redBg{
    background-color: #fcc5bf !important;
}

.lightBlueBg{
    background-color: #e1f6ff !important;
}

.innerShadow {
    box-shadow: inset 0 0 6px #ddd;
    /* background-color: #F0F0F0 !important; */
}

.kitLocationTbl{
    box-shadow: 0 0px 8px 0 #eee,
        0 1px 0px 1px #eee
}
#kitSummary{
    color:#888;
}

.blockUI.blockOverlay{
    opacity: 1 !important;
    background-color: #f1f3fa !important;
}
.jumboTxt{
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    color: #ccc;
    margin: 100px auto;
}
#stickyHeaderTitle{
    text-transform:uppercase;
}

.macOSNotif_Outer{
    z-index: 10001 !important;
}


/* .macOSNotif_Img{
    background-color: #999;
    padding: 0 5px;
} */

img.img-circle.notifImageThumb{
    min-height: 40px !important;
}

  @media screen and (max-width: 480px) {
    div.macOSNotif_Container {
            max-width: 350px !important;
        }

        a.macOSNotif_Text {
            width: 200px !important;
        }


        ul.navbar-nav li a{
            padding: 12px 4px !important;
        }

        .page-header.navbar .top-menu {
            margin: 0 5px 0 0 !important;
        }

  }

#header_inbox_bar a.addTimeSheet,
#header_task_bar a.addTimeSheet{
    margin-top: -4px!important;
}
#header_inbox_bar i.fa-plus,
#header_task_bar i.fa-plus{
    margin: 0px -6px 0 0;
    position: relative;
    display: block;
    float: left;
    color: green !important;
    z-index: 100;
}

span.glyphicon-time{
    color:rgb(119, 219, 119) !important;
}
img.downRightArrow{
    height:16px;
    margin-top: -8px;
}

.select2 {
    min-width: 150px;
}

.select2 .select2-search--dropdown {
    padding: 0;
}

.center{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.mauto {
    margin-left: auto;
    margin-right: auto;
}
#StockSpinnerContainer{
    position: relative;
    z-index: 10000;
    margin-top: -280px;
}
.login.wrapper{
    width: 50%;
    min-width: 300px;
}


.wpc30{
    width: 30%;
}
.wpc40{
    width: 40%;
}
.wpc50{
    width: 50%;
}
.wpc60{
    width: 60%;
}
.wpc70{
    width: 70%;
}
.wpc80 {
    width: 80%;
}
.wpc90 {
    width: 90%;
}
.wpc100 {
    width: 100% !important;
}


#calWrapper {
    float: right;
}

#cal {
    border-radius: 5px;
    padding: 3px 14px;
    margin: 0px 40px -20px -100px;
    width: 230px;
    z-index: 100;
    cursor: pointer;
    font-size: 14px;
    background-color: #1F6980;
    border: 1px solid #1F6980;
    color: #fff
}

#cal .fa-calendar {
    margin-top: 0px;
}

#cal:hover {
    background-color: #fff;
    color: #777;
    border: 1px solid #ccc;
}

.daterange-ranges {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.daterangepicker_end_input {
    margin-bottom: 10px;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover,
.daterangepicker td.active {
    background-color: #1F6980 !important;
    border-color: #1F6980 !important;
}

@media screen and (max-width: 768px) {
    #calWrapper {
        float: none;
        text-align: center;
    }

    #cal {
        margin: 10px auto;
    }
}
.pl20{
    padding-left:20px !important;
}
.grayBG{
    background-color: #eee;
}
.p5{padding: 5px !important;}
.p10{padding: 10px !important;}
.p15{padding: 15px !important;}
.p20{padding: 20px !important;}
.p25{padding: 25px !important;}
.p30{padding: 30px !important;}


.handle{cursor: move;}

.rhCaption{
     max-height: 45px;
     font-size: 20px;
     line-height: 20px;
     float: left;
     padding-top:5px;
 }

.subPortlet .portlet-title{
    background-color: #ccc !important;
    padding: 5px 20px;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

.subPortlet .portlet-body {
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-top: -15px;
}
.subPortlet{
    width: 97%;
    margin: 0 auto;
}

.scopeField{
    max-width: 800px;
    display: flex;
    float: left;
}

.subPortlet .actions {
    width: 55%;
    text-align: right;
}

.smallShadow{
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302),
            0 1px 3px 1px rgba(60, 64, 67, 0.149);
}

.sectionNameField{
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
}
.sectionNameField:hover, .sectionNameField:focus {
    background-color: #fff;
    border: 1px solid rgb(0, 202, 0);
}

.cardURLLabel{
    text-align: left !important;
    padding-left: 4px !important;
    margin-right: -41px !important;
}
.prefixedLabel {
    border      : none !important;
    padding     : 0px;
    line-height : 33px;
    margin-right: -14px;
    display     : block;
    font-size   : 17px;
 }

 #searchWrapper {
    margin: 20px 0 0 -70px
 }

 #searchWrapper .popover{
    min-width: 200px;
    left: -46.1417px !important
 }

 #searchInfoIcon{
    margin: 0 30px 0 37px;
    cursor: pointer;
 }

 /* prevent kanban for overflowing to the right on hover */
 .h-accordion ul:hover li:hover a:hover p:hover {
     max-width: 100% !important;
 }

.select2-results__options, .dropdown-menu.inner {
     max-height: 350px !important;
     overflow-y: auto;
 }

/* full view calendar */
 #calendar-portlet.portlet.Module .fc-scroller{
    height:65vh !important;
 }

/* dashboard view calendar */
#calendar-portlet.portlet.include .fc-scroller{
    height: 500px !important;
}

.cornerEl {
    width: 0px;
    height: 0px;
    border-bottom: 70px solid #e00600;
    border-right: 70px solid transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    color: white;
    z-index: 10000;
}

.cornerElTxt {
    position: absolute;
    padding: 1%;
    bottom: -63px;
    left: 7px;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}


.thickBorderTop{
    border-top: 2px solid #bbb !important;
}

#content-skillsetInfo .cke_contents{
    height:100px !important;
}

div.dashboardLarge .dashboard-stat .more>i{
    float: none;
    margin-left: 2px;
    font-size: 13px;
}

.firedate{
    margin-left: -30px !important;
}

.hireHistoryBtn{
    margin: 1px 0px 0 -2px;
    position: relative;
}

.hireFireDateFields{
    font-size:14px !important;
}

.toast-top-center {
    width: 300px;
    margin: 0 auto;
    left: 0;
}

#rhHeadBG {
    float: right;
    position: absolute;
    top: -53%;
    right: -48px;
    z-index: -1;
    opacity: 0.4;
    width: 352px;
}

.module-container.login * {
    z-index: 10
}

#jumpingPinguin {
    margin-top: 40px;
    max-width: 140px
}

@media screen and (max-width: 480px) {
    #loginForm {
        width: 100%;
    }
    #rhHeadBG {
        width: 250px;
    }
    #jumpingPinguin{
        margin: 10px 0 40px 0;
    }

}

@media screen and (min-width: 800px) {
    .sticky-div {
        position: sticky;
        top: 125px;
        margin-top: -22px;
        margin-bottom: 0px;
        z-index: 999;
        box-sizing: border-box;
        border-bottom: 20px solid rgb(241, 243, 250) !important;
    }
}










.grow-wrap {
    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
    display: grid;
}

.grow-wrap::after {
    /* Note the weird space! Needed to preventy jumpy behavior */
    content: attr(data-replicated-value) " ";

    /* This is how textarea text behaves */
    white-space: pre-wrap;

    /* Hidden from view, clicks, and screen readers */
    visibility: hidden;
}

.grow-wrap>textarea {
    /* You could leave this, but after a user resizes, then it ruins the auto sizing */
    resize: none;

    /* Firefox shows scrollbar on growth, you can hide like this. */
    overflow: hidden;
}

.grow-wrap>textarea,
.grow-wrap::after {
    /* Identical styling required!! */
    border: 1px solid black;
    padding: 0.5rem;
    font: inherit;

    /* Place on top of each other */
    grid-area: 1 / 1 / 2 / 2;
}


.taskChevron{
    margin: 10px 5px 0 0;
}


.hideLastPassPrompts>div[data-lastpass-icon-root="true"],
.hideLastPassPrompts>div[data-lastpass-infield="true"] {
    display: none;
}







body.dashboard .portlet {
    height: 700px !important;
}


body.dashboard div#content-salesdashboard.portlet-body{
    height: 618px !important;
    overflow-y: auto !important;
}
#agreementWrapper{
    max-width: 840px;
    margin: 0 auto;
    height: 85vh;
}

#agreementIFrame{
    width: 100%;
    height: 70vh;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
}



/*/ ========================== CHART OF ACCOUNTS ========================== /*/

:root {
    --coaWhiteGreen  : #e6ffe9;
    --coaLightGreen  : #baecb7;
    --coaGreen       : #2caa2c;
    --coaDarkGreen   : #118008;
    ---requiredBorderColor: #E08283;
}

#coaTable td {
    color: #777;
}

#coaTable.table-hover tbody tr:not(.masterRow):hover>td{
    background-color: #95A5A6;
    color: #fff !important;
}

.editMasterAccountTxt{
    font-family: "Open Sans", sans-serif;
}

a.editMasterAccount.btn{
    font-size: 13px;
    margin   : -9px 0 -5px 10px;
}


#coaTable.table-hover tbody tr.masterRow:hover>td>a.editMasterAccount {
    display: inline-block;
}


.table-hover tbody tr.inactiveAccount:hover>td,
.table-hover tbody tr.inactiveAccount:hover>td>span,
.table-hover tbody tr.inactiveAccount:hover>td>a{
    background-color: var(---requiredBorderColor) !important;
    color           : #fff !important;
}


#coaTable .masterRow {
    box-shadow: 1px 4px 10px -10px #000 !important;
}

#coaTable tbody tr.masterRow td:hover {
    color: var(--coaDarkGreen) !important;
}



#accountForm, #masterAccountForm {
    padding: 0 20px 10px 20px;
    color: #777;
}

#accountForm label.error,
#masterAccountForm label.error{
    white-space: break-spaces !important;
}

#accountForm .required,
#masterAccountForm .required {
    border-color: var(---requiredBorderColor) !important;
}
#accountForm input.valid,
#accountForm select.valid,
#masterAccountForm input.valid,
#masterAccountForm select.valid{
    border-color: var(--coaLightGreen) !important;
}

#accountForm #description,
#masterAccountForm #masterDescription {
    border: 1px solid #bbb;
}


#coaTable .masterRow td{
    background-color: var(--coaWhiteGreen) !important;
    border-right    : 1px solid var(--coaWhiteGreen) !important;
    border-bottom   : 1px solid var(--coaDarkGreen) !important;
    color           : var(--coaDarkGreen) !important;
    font-weight: normal !important;
    font-size: 15px;
}


#coaTable.table-hover tbody tr.masterRow.inactiveAccount:hover>td,
#coaTable.table-hover tbody tr.masterRow.inactiveAccount:hover>td>span {
    background-color: var(---requiredBorderColor) !important;
    border-right: var(---requiredBorderColor) !important;
    color: #fff !important;
}



.coaIcon{
    margin: -8px 0 0 0;
}

#accountModal, #masterAccountModal{
    border-top   : 8px solid var(--coaLightGreen);
    border-bottom: 8px solid var(--coaLightGreen);
}

.masterAccountsCircle {
    border-radius: 50px;
    border       : solid 2px #ccc;
    color        : #ccc;
    width        : 70px;
    height       : 70px;
    line-height  : 70px;
    text-align   : center;
    display      : block;
    font-size    : 19px;
}

.masterAccountsCircle i.fa {
    font-size: 19px;
}

.masterAccountsCircle:hover {
    border: solid 2px #888;
    color : #888;
}

.masterAccountsCircle.selected {
    border    : solid 2px var(--coaLightGreen);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302),
        0 1px 3px 1px rgba(60, 64, 67, 0.149);
}

#masterAccountsContainer {
    display        : flex;
    justify-content: space-between;
    border-bottom  : 5px solid #eee;
    padding        : 15px 0px 10px 0px;
    margin         : 0 !important;
    box-shadow     : 0 1px 2px 0 rgba(60, 64, 67, 0.5);
}

.masterAccountsTitle {
    margin-top: 5px;
    color     : #555;
    text-align: center;
}

.optionGroup {
    font-weight: bold;
    font-style : italic;
}

.optionChild {
    padding-left: 15px;
}

#accountModalBody, #masterAccountModalBody{
    padding: 0;
}

#accountModalBody .select2-container--default .select2-selection--single{
    background-color: #fff;
    border          : 2px solid #CB5A5E;
    border-radius   : 4px;
}

#accountModal .modal-header,
#accountModal .modal-footer,
#masterAccountModal .modal-header,
#masterAccountModal .modal-footer{
    background-color: #f5fff6;
}


#coaPortlet{
    width: 80%;
    margin: 50px auto 100px auto;
}

#coaPortlet .portlet-body, .select2-selection__rendered, ul.select2-results__options li{
    color: #777 !important;
}
.masterTitleIcon{
    margin-right: 5px;
    height: 24px;
}
._error{
    padding: 2px 8px;
    margin: 0px auto 5px auto;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    width: 96%;
    border: 1px solid #e7919a;
    color: #b81233;
    background-color: #F8D7DA;
}

#accountModal .dropdown>.dropdown-menu::before,
#accountModal .dropdown-toggle>.dropdown-menu::before,
#accountModal .btn-group>.dropdown-menu::before,

#accountModal .dropdown>.dropdown-menu::after,
#accountModal .dropdown-toggle>.dropdown-menu::after,
#accountModal .btn-group>.dropdown-menu::after {
    display: none !important;
}
.masterOptVerticalIcon{
    font-size: 26px !important;
    font-weight: normal !important;
    color: #888;
    margin: 30px -10px 0 -10px;
}

#accountModal ul.dropdown-menu>li>a:hover {
    background-color: #eee !important;
}

.deleteBtn {
    border: 1px solid #e7919a;
    color: #e27983;
    padding: 0 3px;
    background-color: #F8D7DA;
}

.deleteBtn:hover {
    border: 1px solid #e7919a;
    color: #d84655;
}
#ocaTable td{
    font-size: 15px;
}
#ocaTable .fa.fa-external-link {
    font-size: 11px;
}

#sprintModal .modal-header,
#sprintModal .modal-footer{
    background-color: whitesmoke;
}
.w100{
    width:100% !important;
}
label#abbrLabel{
    font-size: 12px;
}
.textOnlyData{
    margin   : 5px 0px 0px 5px;
    font-size: 16px;
}
#content-employee .form-body .form-group{
    height: 46px;
}

#content-employee .form-body .form-group.form-md-line-input.transparent{
    background-color: transparent !important;
    border: 1px solid transparent !important;
}
#content-employee .form-body .form-group.form-md-line-input.transparent label::after {
    border: 1px solid #45B6AF !important;
    content: '';
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    visibility: visible;
}

.tr-bg-gray-1{
    background-color:#E0E0E0;
}

.tr-bg-gray-2{
    background-color:#F0F0F0;
}
.hideRightBorder{
    border-right: 0 !important;
    border-left: 0 !important;
}
.tr-subtotal-bg{
    background-color: #EEF7FB !important;
    color: #31708F;
}

.tr-subtotal-bg:hover{
    background-color: #EEF7FB !important;
    color: #31708F;
}
.msGroupTitle{
      border-top: 1px solid #9f9f9f !important;
      font-weight:600;
    color: #555;
}
.smallMsDetails{
    color: #888;
    font-size: 13px;
    margin-left: 10px
}

.no-gutter {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.no-gutter .fieldJoin {
    padding-right: 0;
    padding-left: 0;
}

.fieldJoin:first-of-type {
    padding-left: 8px;
}
.inactiveText{
    color: crimson;
}

#expenseRequestPopoverWrapper .popover{
    width: 420px;
}


.fa.fa-info-circle{
    cursor: pointer;
}



#popoverX{
    margin-top: 10px !important;
    overflow  : hidden;

    width     : 200px;
    height    : 200px;

    min-height: 100px;
    min-width : 200px;

    max-height: 40vh;
    max-width : 60vw;

    z-index: 100000 !important;

}


#popoverX .popover-body {
    overflow-y: auto;
    padding   : 5px 20px !important;
    height    : 90%;
}

.win-size-grip {
    position: absolute;
    width: 16px;
    height: 16px;
    padding: 4px;
    bottom: 0;
    right: 0;
    cursor: nwse-resize;
    background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/wingrip.png) no-repeat;
}

#reportMenu{
    height: 50vh;
    overflow-x: hidden;
    overflow-y:auto;
    padding: 10px;
}

#reportMenu button:first-child {
    margin-left: 5px;
}
.scheduledReportTimeDropdowns select{
    max-width: 80px;
    margin-right: 5px;
}
#start_meridian, #start_hour{
    float: left;
    position: relative;
}

#projectFlatHeader{
    font-size: 15px;
    padding: 20px 40px;
    border-radius: 10px;
    margin: 20px auto 20px auto;
    background-color: #fff;
    border: 1px solid #ddd;
}