body::-webkit-scrollbar, .popover-content::-webkit-scrollbar, #divWelcomePageContent::-webkit-scrollbar {
    width: 10px; /* width of the entire scrollbar */
    height: 10px;
}

body::-webkit-scrollbar-track, .popover-content::-webkit-scrollbar-track, #divWelcomePageContent::-webkit-scrollbar-track {
    background: white; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb, .popover-content::-webkit-scrollbar-thumb, #divWelcomePageContent::-webkit-scrollbar-thumb {
    background-color: gray; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
}

.ui-dialog, .ui-dialog-content {
    box-sizing: content-box;
    overflow: hidden;
}

.ui-dialog {
    top: 0px !important;
}

.ui-tooltip {
    position: fixed !important;
}

.navbar-right .settingUl {
    overflow-x: unset !important;
    max-height: none !important;
}

.navbar-right .ulSettingList {
    max-height: none !important;
}

.FtrDigAdjust {
    margin-bottom: 60px;
}

.buttonPanelMargin {
    margin-top: -90px;
}

@media(min-width : 2100px) {
    #smartwizardul {
        width: 80%;
    }
}

@media(max-width : 2099px) {
    #smartwizardul {
        width: 70%;
    }
}

@media(max-width : 1800px) {
    #smartwizardul {
        width: 65%;
    }
}

@media(max-width : 1200px) {
    #smartwizardul {
        width: 60%;
    }
}

input[type=checkbox] {
    height: 18px !important;
    width: 18px !important;
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    font-size: 2rem;
    padding: 0.1rem;
    border: 0.1rem solid #ddd;
    vertical-align: text-bottom;
}

    input[type=checkbox]:hover {
        border: 0.1rem solid black;
    }

    input[type=checkbox]:not(.chkJobEmailing):checked {
        background-color: transparent !important;
    }

    input[type=checkbox]:checked:before {
        content: "\2714";
        color: black;
        padding: initial;
        font-weight: bolder;
        font-size: 15px;
        margin-top: -3px;
    }


.FixedBackPage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.panel-heading {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

.panel-footer {
    border-bottom-right-radius: 7px !important;
    border-bottom-left-radius: 7px !important;
}

.Pipeline .panel-body .panel-body:not(.leaddet) .GlyphPro:not(.glyphicons-bin) .GlyphPro:not(.nostroke):before {
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: gray;
    color: transparent;
    font-size: 16px !important;
}

.Pipeline .sortablepanel .panel-heading {
    font-weight: bold !important;
    padding: 15px;
}

.Pipeline .panel-heading .defaulticoncolor:before {
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: whitesmoke;
    color: transparent;
}

.LoginSection .glyphicon:before, .ResetForm .glyphicon:before {
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: gray;
    color: transparent;
}

.LoginSection .input-group {
    border-radius: 7px !important;
}

#login-username {
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.fc-widget-content .fc-slats td {
    border-bottom: #ddd !important;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.form-control {
    border-color: #f2f2f2 !important;
    box-shadow: none !important;
}

.input-group > .custom-combobox-input {
    z-index: 0 !important;
}

.fr-box.fr-basic {
    z-index: 0 !important;
}

.noautoresizing {
    min-height: 34px !important;
}

.TabIcon.importIcon:after {
    display: none !important;
}

.btn-group.btngrp > label {
    border-radius: 0 !important;
}

.col-lg-offset-4Half, .col-md-offset-4Half, .col-sm-offset-4Half, .col-xs-offset-4Half {
    margin-left: 41.49494949%;
}

.col-lg-offset-1Half, .col-md-offset-1Half, .col-sm-offset-1Half, .col-xs-offset-1Half {
    margin-left: 12.49494949%;
}

.GlobSearchBG {
    padding: 5px 1em 5px 1em !important;
}

.Blink {
    animation: blinker 0.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.commonChecklistCss {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    .commonChecklistCss li {
        margin: 3px 3px 3px 3px;
        padding: 5px;
        padding-left: 1.5em;
        font-weight: normal !important;
    }

.customXsl:hover {
    background: rgb(51, 92, 173) !important;
    color: rgb(255, 255, 255) !important;
}

@keyframes blinker {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.2;
    }
}

.fr-box.fr-basic {
    box-shadow: none;
}

    .fr-box.fr-basic .fr-toolbar, .fr-box.fr-basic .fr-wrapper, .fr-box.fr-basic .fr-second-toolbar {
        border-color: #f2f2f2 !important;
    }

.transparentbackground, .transparentbackground:hover {
    background: initial !important;
    background-color: transparent !important;
}

.StatusNavMenu {
    margin-bottom: 10px;
}

    .StatusNavMenu li {
        padding: 0px 10px 0px 10px;
        border-radius: 5px;
        margin-top: 10px;
        margin-left: 10px;
        background-color: white;
        cursor: pointer;
        font-size: 12px !important;
    }

    .StatusNavMenu > li > a, .StatusNavMenu > li > a:hover {
        /*color: white !important;*/
        padding: 2px 0px !important;
        margin: 2px;
    }

    .StatusNavMenu > li.active span {
        color: white !important;
    }

    .StatusNavMenu > li > a:hover, .StatusNavMenu > li > a:focus {
        background-color: inherit !important;
    }


.AppointmentTypeNavMenu li {
    padding: 0px 10px 0px 10px;
    border-radius: 22px;
    margin-top: 10px;
    margin-left: 10px;
    background-color: white;
    cursor: pointer;
}

.AppointmentTypeNavMenu > li > a, .AppointmentTypeNavMenu > li > a:hover {
    /*color: white !important;*/
    padding: 5px 0px !important;
    margin: 2px;
}

.AppointmentTypeNavMenu > li.active span {
    color: white !important;
}

.AppointmentTypeNavMenu > li > a:hover, .AppointmentTypeNavMenu > li > a:focus {
    background-color: inherit !important;
}

.sectionhref:not(.nodocid):hover {
    color: #06bff4;
}

.transinptback {
    background-color: #06bff4;
    color: white;
    border-color: #06bff4 !important;
}

.transinptclr {
    color: #06bff4;
}

.panelHeaderBorderNone {
    border-bottom: none !important;
}

.panelHeaderBorder {
    border-bottom: 1px solid #ddd !important;
}

img {
    margin-bottom: 0px !important;
}

.toggle.btn {
    min-height: 34px !important;
}

span.ui-datepicker-month {
    color: white !important;
}

span.ui-datepicker-year {
    color: white !important;
}

select.ui-datepicker-month {
    color: black !important;
}

select.ui-datepicker-year {
    color: black !important;
}

.rotateicon {
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg);
    transform: rotateZ(720deg);
}

.ddnCode {
    width: 100% !important;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.stocksuggetions {
    width: 300px !important;
}

.activitydropdown {
    position: fixed;
    width: 0px;
}

.crmHeader {
    background-color: white !important;
    box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    cursor: default;
}

.comiseo-daterangepicker-triggerbutton > .ui-button-text {
    font-weight: bold !important;
    font-size: 13px;
    color: #333 !important;
}


.ln-letters a {
    border: none !important;
    padding: 2px 7px !important;
}

.ln-letters .ln-last {
    border-right: none !important;
}

table th {
    white-space: nowrap;
}

.w-50-px {
    width: 50px !important;
}

.w-100-px {
    width: 100px !important;
}

.w-150-px {
    width: 150px !important;
}

.mw-230-px {
    max-width: 230px !important;
}

.mw-250-px {
    max-width: 250px !important;
}

.mw-275-px {
    max-width: 275px !important;
}

.mw-300-px {
    max-width: 300px !important;
}

.mw-320-px {
    max-width: 320px !important;
}

.mw-340-px {
    max-width: 340px !important;
}

.mnw-300-px {
    min-width: 300px !important;
}

.mw-150-px {
    max-width: 150px !important;
}

.w-200-px {
    width: 200px !important;
}

.mw-200-px {
    width: 200px !important;
}

.w-250-px {
    width: 250px !important;
}

.w-300-px {
    width: 300px !important;
}

.w-360-px {
    width: 360px !important;
}

.panelBoxShadow {
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.17) !important;
    border-radius: 4px;
}

.iconBtn {
    font-size: 12px !important;
    background-color: transparent;
    border: 1px solid #C8C3C3;
}

.iconBtnSmallText {
    font-size: small;
    background-color: white !important;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.11) !important;
}

.iconBtnNoBorder {
    font-size: large;
    background-color: transparent;
    border: none;
}

.MainNavMenu > li {
    padding: 0px 10px 0px 10px;
    border-radius: 22px;
    margin-top: 3px;
    margin-left: 5px;
}

    .MainNavMenu > li.active {
        box-shadow: 0 2px 7px 0 rgba(0,0,0,0.16);
    }

    .MainNavMenu > li > a {
        padding: 5px 0px !important;
        margin: 2px;
    }

.fa:not(.fa-frown-o):not(.fa-smile-o):not(.barchart):not(.linechart):before {
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: white;
    color: transparent;
}

.homeicon:before {
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: white;
    color: transparent !important;
}

*::-ms-backdrop, .fa:before {
    color: white !important;
}

*::-ms-backdrop, .homeicon:before {
    color: white !important;
}
/* IE11 */



.table thead tr th:not(.DrillDownBorder):not(.fc-day-header):not(.fc-widget-header):not(.ShiftPayRateStyle):not(.ShiftChargeRateStyle) {
    Background-Color: transparent !important;
    color: #242424 !important;
    letter-spacing: 0;
}

.table thead tr th, table tbody tr:not(.docListView) td {
    vertical-align: middle !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 40% !important;
}

.dataTables_scrollBody::-webkit-scrollbar, .scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f2f2f2;
}

.scrollbar.sortablepanel {
    overflow-x: hidden !important;
}

.sortablepanel:not(.divbtn) {
    background-color: white !important;
}

#Performancebox {
    height: 66px;
}

.comiseo-daterangepicker-triggerbutton .ui-button-text {
    text-transform: none !important;
    text-align: center;
}

div.dataTables_scrollBody table.w3-animate-top {
    border-top: 1px solid #ddd !important;
}

.ui-dialog {
    margin-bottom: 30px;
}

.swlFlyout.right > .arrow {
    left: 22px !important;
}

.comiseo-daterangepicker {
    z-index: 1060;
}

.ui-datepicker-today > .ui-state-active {
    background-color: lightgray !important;
}

.overflowYhidden {
    overflow-y: hidden !important;
}

.dataTable {
    border: none !important;
}

    .dataTable thead tr th, .dataTable tfoot tr th {
        border: none !important;
    }

    .dataTable tbody tr td {
        border: none !important;
    }

.FooterCss {
    background-color: #f2f2f2 !important;
    border-top: 1px solid !important;
    border-top-color: #D7D7D7 !important;
}

.PopupFooterCss {
    background-color: white !important;
    border-top: 1px solid !important;
    border-top-color: #D7D7D7 !important;
    margin-bottom: -10px;
}

.btn.hvr-fade:not(.btnSearchBar), .btn.btnGreen:not(.btnSearchBar), .btn.btnRed:not(.btnSearchBar), .btn.btnOrange:not(.btnSearchBar) {
    font-size: 12px !important;
    border-radius: 5px !important;
}

.btnOrange:not(.btnSearchBar) {
    background-color: darkorange !important;
    color: white !important;
}

.btnOrange:hover {
    background-color: orange !important;
    color: white !important;
}

.btnStandard {
    background-color: white !important;
    border: solid 1px #CCCCCC !important;
    color: black !important;
    font-size: 12px !important;
    border-radius: 5px !important;
}

.rotate90 {
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.BoxStyle {
    padding-bottom: 3px;
    margin-top: -33px;
}

.round-button {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.multiselect {
    height: 34px;
}

.reviewround-button {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Manageround-button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.reviewround-image {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.revround-button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.revround-image {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.round-image {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.LoggedInUserImage, #imgStaffImage {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ffffff;
}


.LoggedInUserBtn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Manageround-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.MultiplePicDiv {
    border: 2px solid #fff;
    border-radius: 50%;
    float: left;
    background-color: #ddd;
    height: 60px;
    width: 60px;
}

/*.MultiplePicImg {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 60px;
    margin-left: -50px;
}*/

.onboardround-image {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.image-sign {
    width: 130px;
    height: 200px;
    text-align: center;
    text-decoration: none;
}

.Leaveround-button {
    width: 100px;
    height: 100px;
    border: 2px solid #ccc;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Leaveround-image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    border: 2px solid #f5f5f5;
}


.reviewsummaryround-button {
    width: 120px;
    height: 120px;
    border: 2px solid #ccc;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.reviewsummaryround-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    border: 2px solid #f5f5f5;
}

.round-button > span {
    vertical-align: middle;
}

.Timesheetround-button {
    width: 80px;
    height: 80px;
    border: 2px solid #ccc;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.Timesheetround-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    border: 2px solid #f5f5f5;
}

/*.multiselect-container > li.active {
    background-color: white !important;
}*/

.multiselect-container > .active > a, .multiselect-container > .active > a:hover, .multiselect-container > .active > a:focus {
    color: black !important;
    background-color: white !important;
}

.btn.multiselect {
    background-color: white !important;
    color: black !important;
}

    .btn.multiselect:hover {
        background-color: white !important;
        color: black !important;
    }

.multiselect-container > li > a:focus {
    color: black !important;
}

.multiselect-container li label .icheckbox_minimal {
    margin-left: -27px;
}

.multiselect-container li label input[type=checkbox] {
    margin-top: 0px !important;
}


.easy-autocomplete-container {
    z-index: 100 !important;
}

.btnActive {
    background-color: #5b758d !important;
}

.multiselect-container {
    z-index: 99 !important;
    max-height: 275px;
    overflow: auto;
    width: 100%;
}

.btnAgentbutton:hover {
    background-color: #5b758d !important;
}

.typeahead.dropdown-menu {
    width: 260px !important;
    height: 200px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.input-group > .easy-autocomplete > .easy-autocomplete-container {
    margin-top: 35px;
}

.reverse {
    top: auto;
    bottom: 100%;
}

.navbar-header img {
    margin-top: -10px !important;
    height: 45px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

.ChartFont {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 18px;
}


.ValidateField {
    border: 1px solid red !important;
}

.LoggedName {
    font-size: 13px;
}

.navbar-default .SubMenu > li > a {
    color: white !important;
    padding-bottom: 10px;
}

.navbar-default .MainNavMenu > li > a {
    font-size: 13px;
    color: #838383;
}

.navbar-default .MainNavMenu > li.active > a {
    color: white;
}


.navbar-default .SubMenu > .active > a,
.navbar-default .SubMenu > .active > a:hover {
    color: white !important;
    background-color: #eee;
}

.navbar-default .MainNavMenu > li:hover {
    color: white !important;
    background-color: #eee;
}

.navbar-default .MainNavMenu > .active,
.navbar-default .MainNavMenu > .active:hover {
    color: white;
    background-color: #eee;
}


    .navbar-default .MainNavMenu > .active > a, .navbar-default .MainNavMenu > .active > a:hover, .navbar-default .MainNavMenu > .active > a:focus {
        color: white;
        background-color: #777B7E;
    }

.navbar-default .MainMenu > li:focus {
    color: #838383;
}


.MainMenubg {
    background-color: #5E6265;
}

.SubMenubg {
    background-color: #494E50;
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png") !important;
}

.ui-state-hover .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png") !important;
}

.ui-widget-header {
    border: 1px solid #373B3C !important;
    background: #7F7F7F !important;
    color: #fff !important;
    font-weight: bold !important;
}

    .ui-state-default:not(.DetailUpdated):not(.noborder), .ui-widget-content .ui-state-default:not(.DetailUpdated), .ui-widget-header .ui-state-default:not(.DetailUpdated) {
        border: 1px solid #f2f2f2 !important;
        background: #ffffff;
        color: #333 !important;
    }

button.multiselect {
    border-color: #f2f2f2 !important;
}

.noborder {
    background: #ffffff !important;
    color: #333 !important;
}

.ui-state-hover {
    border: 1px solid #ccc !important;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x !important;
    color: black !important;
}

.rightaligned {
    text-align: right;
}


.blockBottom {
    margin-block-end: 100px !important;
}

.NewStatusCntBlk {
    height: 115px !important;
    border-radius: 4px;
    box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
}

@media(min-width : 1200px) {
    .NewStatusCount {
        font-size: 34px;
    }

    .NewStatusCountSmall, .NewStatusSlash {
        font-size: 17px;
        color: gray;
    }

    .NewStatusName {
        font-size: 14px;
    }

    .NewStatusNameDiv {
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .NewStatusCntBlk50 {
        height: 50px !important;
        border-radius: 4px;
        box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    }

    .NewStatusCntBlk60 {
        height: 60px !important;
        border-radius: 4px;
        box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    }

    .NewStatusCntBlk65 {
        height: 65px !important;
        border-radius: 4px;
        box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    }

    .NewStatusCntBlk80 {
        height: 80px !important;
        border-radius: 4px;
        box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    }

    .NewStatusCntBlk90 {
        height: 90px !important;
        border-radius: 4px;
        box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    }
}

@media(max-width : 1200px) {
    .NewStatusCount {
        font-size: 22px;
    }

    .NewStatusCountSmall, .NewStatusSlash {
        font-size: 11px;
        color: gray;
    }

    .NewStatusName {
        font-size: 12px;
        margin-right: 0px !important;
    }

    .NewStatusNameDiv {
        padding-top: 10px;
    }

    .NewStatusCntBlk60 {
        height: 48px !important;
        border-radius: 4px;
        box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    }

    .NewStatusCntBlk80 {
        height: 60px !important;
        border-radius: 4px;
        box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    }

    .NewStatusCntBlk90 {
        height: 70px !important;
        border-radius: 4px;
        box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    }

    .StatusValue {
        font-size: 12px !important;
        margin-top: 5px;
    }

    .NewStatusNameDiv .btnViewMoreExcl, .NewStatusNameDiv .btnViewMoreExcl1 {
        font-size: 14px !important;
    }
}

@media(max-width : 480px) {

    .claimpipediv, .claimpipesearch, .claimpipeoption, .claimpipebutton {
        padding: inherit !important;
        width: 100% !important;
    }

    .compnav {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

@media(max-width: 768px) {
    .salespipeoption, .salespipesearch {
        width: auto !important;
    }

    .salespipediv {
        padding-right: 0px !important;
    }

    .salespipebutton {
        width: auto !important;
        margin-top: 10px;
    }

    .minus-margin {
        margin-top: 0px !important;
    }

    .navbar-nav {
        margin: 0px !important;
    }

    .navbrandDiv {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .dashbRow {
        width: auto !important;
    }

    #btnLogoutMobile {
        display: block !important;
    }

    .MainContentGrayBar {
        display: none !important;
    }

    .mobscrfont {
        font-size: 16px !important;
    }

    .holititle {
        padding: initial !important;
    }

    .scrollbar-macosx {
        height: 100% !important;
        max-height: 100% !important;
    }

    .divtimesheetperiod {
        text-align: center;
        padding-left: initial !important;
    }

    .divtimesheetperioddate {
        max-width: initial !important;
    }

    .navbar-right {
        display: none;
    }

    /*.fixedheadertable {
        display: none !important;
    }

    .timesheettab > thead{
        display:block !important;
    }*/

    .StockTypePartialDiv > .scrollbar-macosx > #B2BStockTypes {
        white-space: nowrap !important;
        overflow: auto;
    }

        .StockTypePartialDiv > .scrollbar-macosx > #B2BStockTypes > .stockTypeDiv {
            float: none !important;
            display: inline-block !important;
            vertical-align: top
        }

    #btnLogoutMobile li {
        display: inline;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .navbar-right {
        float: right !important;
    }

    #alphasearch-nav {
        float: left !important;
    }

    .compnav {
        padding-left: 15px !important;
    }
}

@media (max-width: 992px) {
    .salespipesearch {
        width: 31% !important;
    }

    .salespipebutton {
        width: 12% !important;
        margin-top: 10px;
    }
}

/*1024px resolution*/
@media (min-width: 992px) and (max-width: 1199px) {
    #ddnSrchDivisionsSales {
        margin-left: -6px;
    }

    #ddnSalCons {
        margin-left: -15px;
    }


    /*#txtStatSrch {
        margin-left: -24px;
    }*/

    .autowidth {
        width: auto !important;
    }

    .salespipeoption, .claimpipeoption {
        /*width: 11% !important;*/
        width: 24% !important;
    }

    .salespipesearch {
        width: 30% !important;
    }

    .salespipebutton {
        margin-left: -34px;
        width: 25% !important;
    }

    .claimpipesearch {
        width: 50% !important;
    }

    .claimpipebutton {
        width: 22% !important;
    }

    #alphasearch-nav {
        float: left !important;
    }

    .compsearch {
        width: 42% !important;
    }

    .compnav {
        width: auto !important;
        padding-left: 15px !important;
    }
}

/* Large desktops and laptops */
@media (min-width: 1224px) and (max-width:1300px) {
    .salespipesearch {
        width: 37% !important;
    }

    .salespipebutton {
        width: 20% !important;
    }

    .claimpipesearch {
        width: 58% !important;
    }

    .claimpipebutton {
        width: 17% !important;
    }
}

@media only screen and (max-width: 1300px) {
    .ui-dialog {
        width: 90% !important;
    }
}

/* Very large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
    .salespipeoption, .claimpipeoption {
        width: 12% !important;
    }

    .salespipesearch {
        width: 40% !important;
    }

    .salespipebutton {
        width: 13% !important;
    }

    .claimpipesearch {
        width: 63% !important;
    }

    .claimpipebutton {
        width: 12% !important;
    }

    .ln-letters {
        font-size: large;
    }

    .compsearch {
        width: 23% !important;
    }

    .compnav {
        width: 43% !important;
    }
}

.dataTables_filter {
    display: none;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    /*border: 1px solid transparent;*/
    border-bottom: 1px #333;
    border-right: 1px #333;
    border-left: 1px #333;
    border-radius: 0px;
}

/*.ui-datepicker-calendar .ui-state-highlight {
    background: #C2C2C2 !important;
}*/

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}

.leaveday {
    background: none !important;
    background-color: #333333 !important;
    color: white !important;
}

.publicholiday:not(span) {
    background: none !important;
    background-color: #2babeb !important;
    color: black !important;
}

.publicholiday {
    color: #2babeb !important;
}

.workday {
    background: none !important;
    background-color: #9370DB !important; /*00ff21*/
    color: white !important;
}

#todate .ui-datepicker-prev, #todate .ui-datepicker-next {
    display: none !important;
}

#overlay {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 12000;
    background: #000;
    opacity: 0.6;
}

    #overlay img {
        margin-left: 50% !important;
        margin-top: 350px;
        height: 50px;
        width: 50px;
    }

.Hourly {
    background-color: #d3d3d3;
}

.leaveapproved:not(span) {
    background: none !important;
    background-color: lightgreen !important; /*00ff21*/
    /*color: black !important;*/
    /*border: 1px solid gray;*/
}

.leaveapproved {
    color: black !important;
}


.leaveapprovedPosted {
    background: none !important;
    background-color: lightgreen !important; /*00ff21*/
}

.leavepending:not(span) {
    background: none !important;
    background-color: pink !important; /*00ff21*/
}

    .leavepending:not(span):not(.PostedTimesheet) {
        color: black !important;
    }


.leavepending {
    color: pink !important;
}

.leaveapprovedpending {
    background: none !important;
    background-color: yellow !important; /*00ff21*/
    color: black !important;
}

.form-horizontal .form-group {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.DetailUpdated {
    /*border-color: red !important;*/
    border: 1px solid red !important;
}

.DetailUpdated2 {
    border: 1px solid red !important;
}

.ImageError {
    color: red !important;
}

.uploaderr {
    border: 1px solid red !important;
}

.timesheettab tbody tr:hover, #leavetable tbody tr:hover {
    background-color: #F2F2F2 !important;
}

tbody .even:hover, tbody .odd:hover {
    background-color: #F2F2F2 !important;
    cursor: pointer;
}

.containerpad {
    padding-bottom: 20px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.leavemessage {
    padding-left: -15px;
    width: 100px;
    height: 100px;
    background: url('/Content/css/images/Icon_Popup_Mileave.png') no-repeat center;
    background-size: 100px 100px;
}

.timemessage {
    padding-left: -15px;
    width: 100px;
    height: 100px;
    background: url('/Content/css/images/Icon_Popup_Mitime.png') no-repeat center;
    background-size: 100px 100px;
}

.claimmessage {
    padding-left: -15px;
    width: 100px;
    height: 100px;
    background: url('/Content/css/images/Icon_Popup_MiClaims.png') no-repeat center;
    background-size: 100px 100px;
}

.detailmessage {
    padding-left: -15px;
    width: 100px;
    height: 100px;
    background: url('/Content/css/images/Icon_Popup_MiDetails.png') no-repeat center;
    background-size: 100px 100px;
}

.paymessage {
    padding-left: -15px;
    width: 100px;
    height: 100px;
    background: url('/Content/css/images/Icon_Popup_MiDetails.png') no-repeat center;
    background-size: 100px 100px;
}

.reviewmessage {
    padding-left: -15px;
    width: 100px;
    height: 100px;
    background: url('/Content/css/images/Dashboard_Icon__Review.png') no-repeat center;
    background-size: 100px 100px;
}

.messagego {
    width: 100px;
    height: 100px;
    background: url('/Content/css/images/Icon_Go.png') no-repeat center;
    background-size: 100px 100px;
    cursor: pointer;
}

    .messagego:hover {
        opacity: 0.7;
    }

.messagesnoze {
    width: 100px;
    height: 100px;
    background-color: #5D6265;
    background: url('/Content/css/images/Icon_Snooze.png') no-repeat center;
    background-size: 100px 100px;
    cursor: pointer;
}

    .messagesnoze:hover {
        opacity: 0.7;
    }

.centericon {
    margin-left: 45px;
    margin-top: 35px;
    color: white;
}

.centerfonttext1 {
    margin-left: 43px;
    color: white;
}

.centerfonttext2 {
    margin-left: 30px;
    color: white;
}

#SummaryContent .dataTables_length, #SummaryContent .dataTables_paginate,
#SummaryContent1 .dataTables_length, #SummaryContent1 .dataTables_paginate,
#SummaryContent2 .dataTables_length, #SummaryContent2 .dataTables_paginate,
#SummaryContent3 .dataTables_length, #SummaryContent3 .dataTables_paginate {
    display: none;
}

.tdcontentcenter {
    text-align: center;
}

/*#BusinessDetails th {
    background-color: #7F7F7F !important;
    border: 1px solid #ddd !important;
    color: white;
    text-align: center !important;
}*/

/*.ui-state-focus {
    color: none;
    outline-color: transparent !important;
}*/

a:focus, .ui-state-focus {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/*.form-control, .form-element {
    border-radius: 0px !important;
}*/

.contentCenter {
    text-align: center;
}

.contentRight {
    text-align: right;
}

.text-wrap-twoline {
    max-width: 127px;
    overflow: hidden;
}



.ui-dialog-content:not(#ReportHTMLGlobDialog) {
    overflow: hidden !important;
}


input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.ui-dialog .ui-widget-header:not(.ui-datepicker-header) {
    background-color: white !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    border-style: double !important;
    border-bottom-color: #D7D7D7 !important;
    border-radius: 0px !important;
}

.ui-dialog .ui-widget-footer {
    /*background-color: #f2f2f2 !important;*/
    border-top: 1px solid !important;
    border-top-color: #D7D7D7 !important;
    margin-bottom: -10px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .ui-dialog .ui-widget-footer {
        margin-bottom: 0px !important;
    }

    .ui-widget-footer .btn {
        width: auto !important;
        font-size: 0px !important;
    }

    .ui-widget-footer .GlyphPro {
        font-size: initial !important;
        margin-top: 0px !important;
    }
}

@media only screen and (max-width : 768px) and (max-height:1024px) {
    .ui-dialog .ui-widget-footer {
        margin-bottom: 0px !important;
    }

    .ui-widget-footer .btn {
        width: auto !important;
        font-size: 0px !important;
    }

    .ui-widget-footer .GlyphPro {
        font-size: initial !important;
        margin-top: 0px !important;
    }
}

@media only screen and (max-width : 812px) and (max-height:375px) and (orientation : landscape) {
    .ui-dialog .ui-widget-footer {
        margin-bottom: 0px !important;
    }

    .ui-widget-footer .btn {
        width: auto !important;
    }
}

.inline-dialogbox .ui-widget-footer {
    background-color: #f2f2f2 !important;
    border-top: 1px solid !important;
    border-top-color: #D7D7D7 !important;
    margin-bottom: -10px;
}

.ui-dialog .ui-widget-header span:not(.GlyphPro) {
    color: black;
}

.ui-dialog .ui-widget-header div:not(.GlyphPro) {
    color: black;
}

.ui-dialog .ui-widget-header .ui-button {
    border: none !important;
}

.ui-dialog-content {
    background: none !important;
    background-color: white !important;
    border: none !important;
}

.ui-dialog .ui-widget-content:not(.ui-tooltip) {
    background: none !important;
    background-color: white !important;
    border: none;
}

.ui-button-icon-only {
    text-indent: unset !important;
}

.ui-autocomplete.ui-widget-content {
    border: 2px solid #ddd !important;
}

.ui-dialog-buttonpane {
    background-color: white !important;
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0px !important;
}

:focus {
    outline: none !important;
    /*border-color: transparent;*/
}

.ui-dialog {
    border-radius: 0px !important;
    border-color: white !important;
    /*Shadow effect*/
    -webkit-box-shadow: 1px 10px 100px 10px rgba(0,0,0,1);
    -moz-box-shadow: 1px 10px 100px 10px rgba(0,0,0,1);
    box-shadow: 1px 10px 100px 10px rgba(0,0,0,1);
}

/*.ui-dialog:not([aria-describedby="EditLead"]):not([aria-describedby="IntegratedActivitiesModal"]):not([aria-describedby="UploadDocument"]) {
        z-index: 9999 !important;
    }*/

/*.ui-dialog #SummaryContent table th,.ui-dialog #SummaryContent1 table th {
    background-color: black !important;
    border: 1px solid #ddd !important;
    color: white;
    text-align: center !important;
}*/

.logoutUL li div {
    /*padding-right: 0px !important;
    padding-left: 20px !important;*/
    /*margin-top: 7px;*/
    padding-right: 5px;
}

/*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #D7D7D7;
}*/


.MainMenu {
    /*height: 50px;*/
    /*overflow: hidden;*/
}

.nav > .flexMenu-viewMore {
    position: static;
    display: block;
}

.flexMenu-popup {
    z-index: 10;
    margin-left: -80px;
}

.flexMenu-viewMore > a:after {
    display: inline-block;
    content: "";
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.4em solid white;
    margin-left: 0.4em;
    position: relative;
    top: -.1em;
}

.flexMenu-popup > li > a, .flexMenu-popup > li {
    display: block;
    background-color: #5E6265;
    color: white;
    padding: 5px;
}

    .flexMenu-popup > li > a:hover {
        background-color: #777B7E !important;
        text-decoration: none;
    }

.navbar-default {
    background-color: white !important;
}


.ui-dialog-titlebar-close img {
    height: 15px;
    width: 15px;
    margin-top: -6px;
    color: black;
}

.ui-dialog-titlebar-close {
    background-color: white !important;
}


#topicon a:focus {
    background-color: transparent !important;
}

/*.holititle {
    background-image: url('images/smiley.png');
    height: 20px;
}*/

.dropdown-menu.settingUl.ulSettingList {
    min-width: 0px;
    max-height: 80vh !important;
}

.settingUl {
    min-width: 200px !important;
}

.ulSettingList {
    min-width: 200px !important;
}

ul.dropdown-menu:not(.settingUl):not(.ulSettingList) {
}

.dropdown-menu > li > a:not(.skiptransform) {
    cursor: pointer;
    display: block;
    text-transform: capitalize;
}

.PostedTimesheet {
    color: rgb(0, 128, 0) !important;
    font-weight: bold;
}

table.dataTable {
    border-collapse: collapse !important;
}

.optionwidth {
    text-align: center !important;
    vertical-align: middle !important;
    min-width: 90px !important;
}

.logoutUL li .btn {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .logoutUL li .btn:hover {
        background-color: #E2E2E2;
    }


.ui-tooltip {
    background: #000 !important;
    border: 2px solid white;
    white-space: pre-line;
}

.ui-tooltip {
    padding: 10px 20px;
    color: #FFFFFF !important;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}


.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }


    .wizard-tooltip, .arrow:after {
        background: #000 !important;
        border: 2px solid white;
    }

.wizard-tooltip {
    padding: 10px 20px;
    color: #FFFFFF !important;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.Textbox {
    /*display: block;*/
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .Textbox:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }



/*1st loader*/


.cs-loader {
    position: absolute;
    /*top: 30%;
  left: 25%;*/
    /*margin-left: 25% !important;
    margin-top: 350px;*/
    height: 100%;
    width: 100%;
}

.cs-loader-inner {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: calc(100% - 200px);
    color: #FFF;
    padding: 0 100px;
    text-align: center;
}

    .cs-loader-inner label {
        font-size: 20px;
        opacity: 0;
        display: inline-block;
        /*color:black;*/
    }

@keyframes lol {
    0% {
        opacity: 0;
        transform: translateX(-300px);
    }

    33% {
        opacity: 1;
        transform: translateX(0px);
    }

    66% {
        opacity: 1;
        transform: translateX(0px);
    }

    100% {
        opacity: 0;
        transform: translateX(300px);
    }
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-300px);
    }

    33% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

    66% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(300px);
    }
}

.cs-loader-inner label:nth-child(6) {
    -webkit-animation: lol 3s infinite ease-in-out;
    animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
    -webkit-animation: lol 3s 100ms infinite ease-in-out;
    animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
    -webkit-animation: lol 3s 200ms infinite ease-in-out;
    animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
    -webkit-animation: lol 3s 300ms infinite ease-in-out;
    animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
    -webkit-animation: lol 3s 400ms infinite ease-in-out;
    animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
    -webkit-animation: lol 3s 500ms infinite ease-in-out;
    animation: lol 3s 500ms infinite ease-in-out;
}

/*2nd loader*/

.loader {
    position: relative;
    width: 75px;
    height: 100px;
    /*left: 10%;
  top:40%;*/
    margin-left: 50% !important;
    margin-top: 350px;
}

.loader__bar {
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 50%;
    /*background: blue;*/
    transform-origin: center bottom;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

    .loader__bar:nth-child(1) {
        left: 0px;
        transform: scale(1, 0.2);
        animation: barUp1 4s infinite;
    }

    .loader__bar:nth-child(2) {
        left: 15px;
        transform: scale(1, 0.4);
        animation: barUp2 4s infinite;
    }

    .loader__bar:nth-child(3) {
        left: 30px;
        transform: scale(1, 0.6);
        animation: barUp3 4s infinite;
    }

    .loader__bar:nth-child(4) {
        left: 45px;
        transform: scale(1, 0.8);
        animation: barUp4 4s infinite;
    }

    .loader__bar:nth-child(5) {
        left: 60px;
        transform: scale(1, 1);
        animation: barUp5 4s infinite;
    }

.loader__ball {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: blue;
    border-radius: 50%;
    animation: ball 4s infinite;
}

@keyframes ball {
    0% {
        transform: translate(0, 0);
    }

    5% {
        transform: translate(8px, -14px);
    }

    10% {
        transform: translate(15px, -10px);
    }

    17% {
        transform: translate(23px, -24px);
    }

    20% {
        transform: translate(30px, -20px);
    }

    27% {
        transform: translate(38px, -34px);
    }

    30% {
        transform: translate(45px, -30px);
    }

    37% {
        transform: translate(53px, -44px);
    }

    40% {
        transform: translate(60px, -40px);
    }

    50% {
        transform: translate(60px, 0);
    }

    57% {
        transform: translate(53px, -14px);
    }

    60% {
        transform: translate(45px, -10px);
    }

    67% {
        transform: translate(37px, -24px);
    }

    70% {
        transform: translate(30px, -20px);
    }

    77% {
        transform: translate(22px, -34px);
    }

    80% {
        transform: translate(15px, -30px);
    }

    87% {
        transform: translate(7px, -44px);
    }

    90% {
        transform: translate(0, -40px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes barUp1 {
    0% {
        transform: scale(1, 0.2);
    }

    40% {
        transform: scale(1, 0.2);
    }

    50% {
        transform: scale(1, 1);
    }

    90% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 0.2);
    }
}

@keyframes barUp2 {
    0% {
        transform: scale(1, 0.4);
    }

    40% {
        transform: scale(1, 0.4);
    }

    50% {
        transform: scale(1, 0.8);
    }

    90% {
        transform: scale(1, 0.8);
    }

    100% {
        transform: scale(1, 0.4);
    }
}

@keyframes barUp3 {
    0% {
        transform: scale(1, 0.6);
    }

    100% {
        transform: scale(1, 0.6);
    }
}

@keyframes barUp4 {
    0% {
        transform: scale(1, 0.8);
    }

    40% {
        transform: scale(1, 0.8);
    }

    50% {
        transform: scale(1, 0.4);
    }

    90% {
        transform: scale(1, 0.4);
    }

    100% {
        transform: scale(1, 0.8);
    }
}

@keyframes barUp5 {
    0% {
        transform: scale(1, 1);
    }

    40% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1, 0.2);
    }

    90% {
        transform: scale(1, 0.2);
    }

    100% {
        transform: scale(1, 1);
    }
}


/*3rd loader*/


.loader3 {
    position: relative;
    /*left: 42%;*/
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: #03a9f4;
    border-radius: 50%;
    /*margin-top:24px;*/
    margin-left: 50% !important;
    margin-top: 450px;
}

    .loader3:after {
        content: '';
        position: absolute;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        border: 0px solid white;
        transform: translate(-50%, -50%);
        animation: loading 1000ms ease-out forwards infinite;
    }

@keyframes loading {
    0% {
        border: 0px solid white;
    }

    20% {
        border: 8px solid white;
        width: 0%;
        height: 0%;
    }

    100% {
        border: 8px solid white;
        width: 100%;
        height: 100%;
    }
}


.navbar-default .SubMenu > li > a:hover, .navbar-default .SubMenu > .active > a, .navbar-default .SubMenu > .active > a:hover {
    border-bottom: 5px solid #009EB5;
}

#sidebar li, #IntActsidebar li {
    height: 40px !important;
}

/*#sidebar li a.active {
        border-bottom: 3px solid #009EB5;
    }

    #sidebar li a:hover {
        border-bottom: 3px solid #009EB5;
    }*/

.lastdaycss:not(span) {
    background-color: #EEDC82 !important;
    color: black !important;
}

.lastdaycss {
    color: #EEDC82 !important;
}

.fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    background-color: transparent !important;
    color: white;
}

.fc td:not(.fc-bgevent):not(.SaturdayShiftCss):not(.SundayShiftCss):not(.PublicHolidayShiftCss) {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    background-color: transparent !important;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}


#tabs ul li:not(.select2-selection__choice):not(.jstree-node) {
    background: none !important;
    border: none !important;
    font-weight: normal !important;
}


#tabs ul li:not(.select2-selection__choice):not(.jstree-node) {
    text-transform: lowercase;
}

#tabs ul li::first-letter {
    text-transform: uppercase;
}

#Diagjobtabs ul li:not(.select2-selection__choice):not(.jstree-node) {
    background: none !important;
    border: none !important;
    font-weight: normal !important;
}


#Diagjobtabs ul li:not(.select2-selection__choice):not(.jstree-node) {
    text-transform: lowercase;
}

#Diagjobtabs ul li::first-letter {
    text-transform: uppercase;
}


#AddIntabs ul li:not(.select2-selection__choice):not(.jstree-node) {
    background: none !important;
    border: none !important;
    font-weight: normal !important;
}


#AddIntabs ul li:not(.select2-selection__choice):not(.jstree-node) {
    text-transform: lowercase;
}

#AddIntabs ul li::first-letter {
    text-transform: uppercase;
}





#ProfileTabs ul li:not(.select2-selection__choice) {
    background: none !important;
    border: none !important;
}

#tabs1 ul li:not(.select2-selection__choice) {
    background: none !important;
    border: none !important;
}


.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0px !important;
    background: none;
}

.ui-corner-all {
    border-radius: 5px !important;
}

.ui-tabs {
    padding: 0px !important;
}

    .ui-tabs .ui-tabs-nav {
        padding: 0px !important;
    }

        .ui-tabs .ui-tabs-nav li {
            margin: 0px !important;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                padding-bottom: 0px !important;
            }

.SearchBar {
    background-color: #F2F2F2;
    border-bottom: 1px solid #cccccc;
    box-shadow: 0px 3px 12px #b9b0b0;
}

.drophighlight {
    background-color: lightgray;
    color: white;
}


#sidebar {
    display: inline-block;
}

    #sidebar li a {
        white-space: nowrap;
    }

.DevicePadding {
    padding: 10px 8px !important;
}

.cke_skin_kama .cke_dialog_body {
    z-index: inherit;
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    /*-webkit-transform: perspective(1px) translateZ(0);*/
    /*transform: perspective(1px) translateZ(0);*/
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
        /*background-color: #2098D1;*/
        background-color: none;
        background-position: inherit;
        color: white;
    }


.MainMenu > .dropdown > .dropdown-menu, .MainMenu .dropdownhover-bottom li > a {
    font-size: 12px;
}


.SubMenubg li a {
    padding-right: 0px !important;
}

    .SubMenubg li a span {
        font-size: 15px;
    }

.ui-dialog-titlebar-close {
    content: 'X';
}


#Messagedialog {
    background-color: #eee !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #9ECAED 1px !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.toggle.btn-xs {
    min-width: 40px;
    min-height: 34px;
    margin-top: 0px;
    border-color: #CCCCCC;
}

.ui-dialog-titlebar {
    padding: 0.8em 1em !important;
}

.nopadding {
    padding: 0px !important;
}

/*.btn-primary:hover {
    background-color: #E2E2E2 !important;
}*/

.btngrp .btn-primary:hover {
    background-color: #E2E2E2 !important;
}

.btn-xs:hover, .btn-primary > span:hover {
    background-color: #E2E2E2 !important;
}

.ownchat {
    border: 1px solid #009DE9;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.otherchat {
    border: 1px solid #F7AC08;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}


.btngrp .btn-primary, .btngrp .btn-primary {
    color: grey;
}

.dropdown-menu .divider {
    margin: 5px 0;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.progress {
    height: 40px !important;
}

#IntroDialog {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.noclose .ui-dialog-titlebar-close {
    display: none;
}

.col-centered {
    display: inline-block;
    float: none;
    margin-right: -4px;
}

.col-centered_dashboard {
    display: inline-block;
    float: none;
    margin-right: -4px;
    vertical-align: middle;
}

.col-center-block {
    float: none;
    display: inline-block;
    /*margin: 0 auto;*/
    /* margin-left: auto; margin-right: auto; */
}

.module {
    text-decoration: none !important;
}

/*.ui-dialog {
    z-index: 1001 !important;
}*/

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .ui-autocomplete:not(.customindex) {
        z-index: 10000000 !important;
    }

button .multiselect-selected-text {
    text-transform: capitalize !important;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.ui-widget-content:not(.ui-tooltip):not(.progressbar):not(.ui-tabs-panel):not(div[aria-describedby="ClockInPopup"]) {
    border: 1px solid #ddd;
    background: #fff !important;
    color: #333 !important;
}

.input-group-addon:hover {
    background-color: #eee !important;
}

.input-group-addon {
    background-color: white !important;
    padding-left: 12px;
    padding-right: 24px;
    padding-top: 7px;
    padding-bottom: 4px;
    box-shadow: none;
    border-color: #f2f2f2 !important;
}

.custom-combobox .input-group-addon {
    cursor: pointer !important;
}

.input-group:not(#capsWarning):not(.btnStockAddQtytoOrder) {
    display: flex !important;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 2px;
}
/*@media only screen and (min-width: 1800px) {
    .TimesheetCalendar {
        display: block;
    }
}*/
/*@media only screen and (max-width: 1800px) {
    .TimesheetCalendar {
        display: none;
    }
}*/
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    vertical-align: middle;
}

.ui-state-focus {
    border: none !important;
    color: black !important;
    font-weight: normal !important;
    background-color: #D7D7D7;
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
    margin: 0px !important;
}

@media (min-width: 992px), (max-width : 767px) {
    .label-margin-top-10 {
        margin-top: 10px;
    }
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-4 {
    margin-top: 4px;
}

.m-b-0 {
    margin-bottom: 0px;
}

.font-bolder {
    font-weight: 800;
}

/*.sa-button-container .cancel {
    width: 90px !important;
}*/


@media only screen and (min-width: 768px) {
    .datecontrolleft {
        padding-left: 0px;
        padding-right: 5px;
    }

    .datecontrolright {
        padding-left: 5px;
        padding-right: 0px;
    }
}


@media only screen and (max-width: 768px) {
    .datecontrolleft {
        padding-left: 0px;
        padding-right: 0px;
    }

    .datecontrolright {
        padding-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
/*PAGE SUBHEADER CSS*/
.subheader-bg-effect {
    background-color: #f2f2f2;
    box-shadow: 0px 3px 12px #b9b0b0;
}

    .subheader-bg-effect > .row {
        margin-top: 10px;
        margin-bottom: 10px;
    }
/*PAGE SUBHEADER CSS*/

.singlelinewrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.DrillDownBgcolor {
    color: black !important;
    /*background-color: #f2f2f2;*/
    background-color: #fff !important;
}

.m-b-10 {
    margin-bottom: 10px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xlg-15,
.col-xxlg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1400px) {
    .col-xlg-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1800px) {
    .col-xxlg-15 {
        width: 20%;
        float: left;
    }
}


@media (min-width: 1800px) {
    .col-xl-6 {
        width: 50%;
        float: left;
    }
}



.p-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
}


.p-r-5 {
    padding-right: 5px;
}

.p-l-0 {
    padding-left: 0px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}


.inline-flex {
    display: inline-flex;
}

/*.div-scroll {
    overflow: auto;
    min-height: 250px;
}*/

.div-scroll-x {
    overflow-x: scroll;
    overflow-y: hidden;
}

.div-scroll-y {
    overflow-x: hidden;
    overflow-y: scroll;
}

*[disabled]:not(.btn):not(.txthour):not(.txtProjectTotal):not(.publicholiday):not(.leavepending):not(.leaveapprovedpending):not(.leaveapprovedPosted):not(.bkstatus) {
    background-color: #f2f2f2 !important;
    cursor: not-allowed;
}

.disabledCss {
    background-color: #f2f2f2 !important;
    cursor: not-allowed;
}

/*classes form equal height*/
.eq-parent-div {
    display: table;
    table-layout: fixed;
    width: 90%;
}

    .eq-parent-div div {
        display: table-cell;
    }

@media (max-width: 1200px) {
    .m-t-10-sm {
        margin-top: 10px;
    }
}


.p-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-8 {
    padding: 8px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-5 {
    padding-bottom: 5px;
}

@media (max-width: 992px) {
    .p-b-10-sm {
        padding-bottom: 10px;
    }

    .m-t--25-sm {
        margin-top: -25px;
    }
}

.display-table {
    display: table;
}

.m-r-5 {
    margin-right: 5px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.module-header a > span {
    visibility: hidden;
    /*display:none;*/
}

.module-header:hover a > span {
    visibility: visible;
    /*display: block*/
}

/*.module-sub-nav {
    display: none;
}

.module-sub-nav span:hover {
    text-decoration: underline;
    cursor: pointer
}*/


.autocomplete-suggestions {
    text-align: left;
    cursor: pointer;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    /* core styles should not be changed */
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.autocomplete-suggestion {
    position: relative;
    padding: 3px .6em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #333;
}

    .autocomplete-suggestion b {
        font-weight: normal;
        color: #1f8dd6;
    }

    .autocomplete-suggestion.selected {
        background: #f0f0f0;
    }


#btnAddClient, #btnEditClient, #btnAddContact, #btnEditContact {
    cursor: pointer;
}

.disablelink {
    opacity: 0.5;
}

@font-face {
    font-family: 'digital-clock-font';
    src: url('fonts/DigitalDismay.otf');
}



/* -- Custom checkbox for calendar -- */
.fc-custom {
    float: right;
    background-color: #fff;
}


.NotAvailable {
    background-color: #919499;
}

.comiseo-daterangepicker .ui-state-active {
    border: 1px solid gray !important;
    background: none !important;
    color: black !important;
}

.comiseo-daterangepicker-buttonpanel > button {
    padding: 5px;
}

.comiseo-daterangepicker-triggerbutton {
    padding: 2px;
    min-width: 13em !important;
    width: 100% !important;
    height: 34px;
    box-shadow: none;
    border: 1px solid #f2f2f2;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 13px;
    color: #333 !important;
    background-color: white;
    border-radius: 5px !important;
    text-transform: none !important;
}

.part1 {
    cursor: pointer;
    color: white;
}

.search {
    background-color: #F2F2F2;
    border-bottom: 1px solid #cccccc;
    box-shadow: 0px 3px 12px #b9b0b0;
}

#sidebar > li > a > span.glyphicon, #sidebar > li > a > span.GlyphPro {
    padding: 10px 5px !important;
    font-size: 18px;
}

#sidebar > li > a > span:not(.glyphicon):not(.GlyphPro) {
    font-size: 14px;
    margin-left: 15px;
}

.sidemain #sidebar li {
    border-bottom: none !important;
}

#sidebar li {
    height: auto !important;
}

    #sidebar li a {
        font-size: 14px;
        !important;
    }

        #sidebar li a .glyphicon:before, #sidebar li a .GlyphPro:before, #sidebar li div .GlyphPro:before {
            -webkit-text-stroke: 1px;
            -webkit-text-stroke-color: white;
            color: transparent;
        }

        #sidebar li a.active {
            border-bottom: none !important;
        }
/*shop*/
#ShopDiv .pager span.current {
    border: red;
    border-radius: 5px;
    font-weight: bold;
    color: red;
}

#ShopDiv .dataError {
    width: 100%;
    font-size: 20px;
    text-align: center;
    padding: 10px;
}

#ShopDiv .searchBox {
    width: 300px;
    margin: 0 auto;
}

    #ShopDiv .searchBox .search {
        width: 100%;
        height: 30px;
    }

#ShopDiv .showing {
    /*width: 100%;*/
    float: left;
    text-align: center;
}

#ShopDiv .dropdown:hover .dropdown-menu {
    display: block;
}

#ShopDiv .pager span {
    border-radius: 5px;
    border: #a6a6a8 1px solid;
    padding: 5px 14px;
    margin: 0 3px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/*#ShopDiv .pager span:hover {
        background-color: #ddd;
    }

    #ShopDiv .pager span.current:hover {
        background-color: #fff;
        cursor: default;
    }*/

#ShopDiv .pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

.GreyBarheader {
    background-color: #f2f2f2 !important;
    border-bottom: 1px solid #cccccc !important;
    box-shadow: 0px 0px 0px #b9b0b0 !important;
}

.multiselect.dropdown-toggle {
    box-shadow: none !important;
    border-radius: 2px;
    font-size: 12px;
    color: #838383 !important;
    letter-spacing: 0;
}

.tableListDiv {
    box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    background-color: white;
    border-radius: 4px;
}

.Pipeline {
    box-shadow: 0 4px 13px 0 rgba(0,0,0,0.17) !important;
    background-color: white;
    border-radius: 7px;
}

.panel.Pipeline {
    margin-bottom: 10px !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination a {
    border: none !important;
}

.MainNavMenu .dropdown-menu {
    font-size: 12px !important;
}

input, optgroup, select, textarea {
    font-weight: normal !important;
}

.StatusBorder {
    border: 1px solid;
    border-radius: 5px !important;
    text-transform: capitalize !important;
    width: 180px;
    display: inline-block;
    color: white !important;
    text-align: center;
    padding: 5px;
    font-size: 12px !important;
}

.NotiStatusBorder {
    border: 1px solid;
    border-radius: 5px !important;
    /*-moz-border-radius: 5px 5px 5px 5px;*/
    /*background-color: #acf;*/
    /*padding: 5px;*/
    text-transform: capitalize !important;
    display: inline-block;
    color: white !important;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    font-size: 12px !important;
}

.CrmCompanyfooter {
    background-color: white !important;
    border-top: 1px solid !important;
    border-top-color: #D7D7D7 !important;
    position: fixed;
    width: 100%;
    /*top:85%;*/
    left: 15px;
    bottom: 0px;
    vertical-align: middle;
    /*min-height:10%;*/
    z-index: 2;
}

.fc-time-grid .fc-slats td {
    height: 3.5em !important;
}

.fc-content > .fc-time {
    padding: 5px 5px 5px 10px !important;
    font-size: 14px !important;
}

.fc-content > .fc-title {
    padding: 0px 10px !important;
    font-size: 16px !important;
}

.input-group .form-control {
    z-index: 0 !important;
}

*::-ms-backdrop, .input-group-addon, .input-group-btn, .input-group .form-control {
    display: block !important;
}
/*Bootstrap Tabs*/
.tab-content {
    display: block !important;
    overflow: visible !important;
}

.design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom: 12px;
}

.design-process-content {
    border: 1px solid #e9e9e9;
    position: relative;
    padding: 16px 34% 30px 30px;
}

    .design-process-content img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        max-height: 100%;
    }

    .design-process-content h3 {
        margin-bottom: 16px;
    }

    .design-process-content p {
        line-height: 26px;
        margin-bottom: 12px;
    }

.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    border: none;
    z-index: 0;
}

    .process-model li::after {
        background: #e5e5e5 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        display: block;
        height: 4px;
        margin: 0 auto;
        position: absolute;
        right: -50%;
        top: 25px;
        width: 125%;
        z-index: -1;
    }

    .process-model li:last-child::after {
        width: 0;
    }

    .process-model li {
        display: inline-block;
        min-width: 8%;
        text-align: center;
        float: none;
    }

        .nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {
            border: none;
            background: transparent;
        }

        .process-model li a {
            padding: 0;
            border: none;
            color: #606060;
        }

        .process-model li.active,
        .process-model li.visited {
            color: #57b87b;
        }

        .process-model li i {
            display: block;
            height: 50px;
            width: 50px;
            text-align: center;
            margin: 0 auto;
            border: 2px solid #C8C3C3;
            line-height: 45px;
            /*font-size: 30px;*/
            border-radius: 50%;
            background: white;
        }

        .process-model li:not(.active) i:before {
            -webkit-text-stroke: 1px;
            -webkit-text-stroke-color: #C8C3C3;
            color: transparent !important;
            font-size: 22px;
        }

        *::-ms-backdrop, .process-model li:not(.active) i:before {
            color: #C8C3C3 !important;
        }

        .process-model li.active i:before {
            -webkit-text-stroke: 1px;
            -webkit-text-stroke-color: white;
            color: transparent !important;
            font-size: 22px;
        }

        *::-ms-backdrop, .process-model li.active i:before {
            color: white !important;
        }

        .process-model li p {
            font-size: 14px;
            margin-top: 11px;
        }

    .process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {
        color: #606060 !important;
        font-weight: normal;
    }

    .process-model.contact-us-tab li::after {
        display: none;
    }

    .process-model.contact-us-tab li.visited i {
        border-color: #e5e5e5;
    }

@media screen and (max-width: 560px) {
    .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }

    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
}

@media screen and (max-width: 380px) {
    .process-model.more-icon-preocess li {
        width: 16%;
    }

    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }

    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }

    .more-icon-preocess.process-model li::after {
        top: 25px;
    }

    .process-model.more-icon-preocess {
        text-align: center;
    }
}



.largeprocess-model {
    list-style: none;
    padding: 0;
    position: relative;
    border: none;
    z-index: 0;
}

    .largeprocess-model li::after {
        background: #e5e5e5 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        display: block;
        height: 4px;
        margin: 0 auto;
        position: absolute;
        right: -50%;
        top: 25px;
        width: 101%;
        z-index: -1;
    }

    .largeprocess-model li:last-child::after {
        width: 0;
    }

    .largeprocess-model li {
        display: inline-block;
        min-width: 6%;
        text-align: center;
        float: none;
    }

        .nav-tabs.largeprocess-model > li.active > a, .nav-tabs.largeprocess-model > li.active > a:hover, .nav-tabs.largeprocess-model > li.active > a:focus, .largeprocess-model li a:hover, .largeprocess-model li a:focus {
            border: none;
            background: transparent;
        }

        .largeprocess-model li a {
            padding: 0;
            border: none;
            color: #606060;
        }

        .largeprocess-model li.active,
        .largeprocess-model li.visited {
            color: #57b87b;
        }

        .largeprocess-model li i {
            display: block;
            height: 50px;
            width: 50px;
            text-align: center;
            margin: 0 auto;
            border: 2px solid #e5e5e5;
            line-height: 45px;
            /*font-size: 30px;*/
            border-radius: 50%;
            background: white;
        }

        .largeprocess-model li:not(.active) i:before {
            -webkit-text-stroke: 1px;
            -webkit-text-stroke-color: #C8C3C3;
            color: transparent !important;
            font-size: 22px;
        }

        *::-ms-backdrop, .largeprocess-model li:not(.active) i:before {
            color: #C8C3C3 !important;
        }

        .largeprocess-model li.active i:before {
            -webkit-text-stroke: 1px;
            -webkit-text-stroke-color: white;
            color: transparent !important;
            font-size: 22px;
        }


        *::-ms-backdrop, .largeprocess-model li.active i:before {
            color: white !important;
        }

        .largeprocess-model li p {
            font-size: 14px;
            margin-top: 11px;
        }

    .largeprocess-model.contact-us-tab li.visited a, .largeprocess-model.contact-us-tab li.visited p {
        color: #606060 !important;
        font-weight: normal;
    }

    .largeprocess-model.contact-us-tab li::after {
        display: none;
    }

    .largeprocess-model.contact-us-tab li.visited i {
        border-color: #e5e5e5;
    }

@media screen and (max-width: 560px) {
    .more-icon-preocess.largeprocess-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }

    .more-icon-preocess.largeprocess-model li::after {
        top: 24px;
    }
}

@media screen and (max-width: 380px) {
    .largeprocess-model.more-icon-preocess li {
        width: 16%;
    }

    .more-icon-preocess.largeprocess-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }

    .more-icon-preocess.largeprocess-model li p {
        font-size: 8px;
    }

    .more-icon-preocess.largeprocess-model li::after {
        top: 18px;
    }

    .largeprocess-model.more-icon-preocess {
        text-align: center;
    }
}




.smallprocess-model {
    list-style: none;
    padding: 0;
    position: relative;
    border: none;
    z-index: 0;
}

    .smallprocess-model li::after {
        background: #e5e5e5 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        display: block;
        height: 4px;
        margin: 0 auto;
        position: absolute;
        right: -50%;
        top: 25px;
        width: 101%;
        z-index: -1;
    }

    .smallprocess-model li:last-child::after {
        width: 0;
    }

    .smallprocess-model li {
        display: inline-block;
        min-width: 13%;
        text-align: center;
        float: none;
    }

        .nav-tabs.smallprocess-model > li.active > a, .nav-tabs.smallprocess-model > li.active > a:hover, .nav-tabs.smallprocess-model > li.active > a:focus, .smallprocess-model li a:hover, .smallprocess-model li a:focus {
            border: none;
            background: transparent;
        }

        .smallprocess-model li a {
            padding: 0;
            border: none;
            color: #606060;
        }

        .smallprocess-model li.active,
        .smallprocess-model li.visited {
            color: #57b87b;
        }

        .smallprocess-model li i {
            display: block;
            height: 50px;
            width: 50px;
            text-align: center;
            margin: 0 auto;
            border: 2px solid #e5e5e5;
            line-height: 45px;
            /*font-size: 30px;*/
            border-radius: 50%;
            background: white;
        }

        .smallprocess-model li:not(.active) i:before {
            -webkit-text-stroke: 1px;
            -webkit-text-stroke-color: #C8C3C3;
            color: transparent !important;
            font-size: 22px;
        }

        *::-ms-backdrop, .smallprocess-model li:not(.active) i:before {
            color: #C8C3C3 !important;
        }

        .smallprocess-model li.active i:before {
            -webkit-text-stroke: 1px;
            -webkit-text-stroke-color: white;
            color: transparent !important;
            font-size: 22px;
        }

        *::-ms-backdrop, .smallprocess-model li.active i:before {
            color: white !important;
        }

        .smallprocess-model li p {
            font-size: 14px;
            margin-top: 11px;
        }

    .smallprocess-model.contact-us-tab li.visited a, .smallprocess-model.contact-us-tab li.visited p {
        color: #606060 !important;
        font-weight: normal;
    }

    .smallprocess-model.contact-us-tab li::after {
        display: none;
    }

    .smallprocess-model.contact-us-tab li.visited i {
        border-color: #e5e5e5;
    }

@media screen and (max-width: 560px) {
    .more-icon-preocess.smallprocess-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }

    .more-icon-preocess.smallprocess-model li::after {
        top: 24px;
    }
}

@media screen and (max-width: 380px) {
    .smallprocess-model.more-icon-preocess li {
        width: 16%;
    }

    .more-icon-preocess.smallprocess-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }

    .more-icon-preocess.smallprocess-model li p {
        font-size: 8px;
    }

    .more-icon-preocess.smallprocess-model li::after {
        top: 18px;
    }

    .smallprocess-model.more-icon-preocess {
        text-align: center;
    }
}

.documentprocess-model {
    list-style: none;
    padding: 0;
    position: relative;
    border: none;
    z-index: 0;
    margin-top: -10px;
}



    .documentprocess-model li:last-child .TabIcon::after {
        height: 0;
    }

    .documentprocess-model li {
        display: inline;
        min-width: 9%;
        float: none;
    }

        .nav-tabs.documentprocess-model > li.active > a, .nav-tabs.documentprocess-model > li.active > a:hover, .nav-tabs.documentprocess-model > li.active > a:focus, .documentprocess-model li a:hover, .documentprocess-model li a:focus {
            border: none;
            background: transparent;
        }

        .documentprocess-model li a {
            padding: 0;
            border: none;
            color: #606060;
        }

        .documentprocess-model li.active,
        .documentprocess-model li.visited {
            color: #57b87b;
        }

        .documentprocess-model li i {
            display: block;
            height: 50px;
            width: 50px;
            text-align: center;
            margin: 10px auto;
            border: 2px solid #e5e5e5;
            line-height: 47px;
            /*font-size: 30px;*/
            border-radius: 50%;
            background: #f2f2f2;
        }

        .documentprocess-model li p {
            font-size: 14px;
            margin: 25px auto;
        }

    .documentprocess-model.contact-us-tab li.visited a, .documentprocess-model.contact-us-tab li.visited p {
        color: #606060 !important;
        font-weight: normal;
    }

    .documentprocess-model.contact-us-tab li::after {
        display: none;
    }

    .documentprocess-model.contact-us-tab li.visited i {
        border-color: #e5e5e5;
    }

@media screen and (max-width: 560px) {
    .more-icon-preocess.documentprocess-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }

    .more-icon-preocess.documentprocess-model li::after {
        top: 24px;
    }
}

@media screen and (max-width: 380px) {
    .documentprocess-model.more-icon-preocess li {
        width: 16%;
    }

    .more-icon-preocess.documentprocess-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }

    .more-icon-preocess.documentprocess-model li p {
        font-size: 8px;
    }

    .more-icon-preocess.documentprocess-model li::after {
        top: 18px;
    }

    .documentprocess-model.more-icon-preocess {
        text-align: center;
    }
}

.RecentSrchDiv {
    border-top: 1px solid #ccc;
}

    .RecentSrchDiv div.col-md-12 {
        padding: 15px;
    }

.evenDiv {
    background-color: #f2f2f2;
    width: 99%;
}

.RecentElem {
    cursor: pointer;
}

.btnTranparent {
    background-color: Transparent !important;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

.swlFlyout {
    max-width: 810px !important;
}


.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    z-index: 99;
    background-color: #fff;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.rowValidation {
    border-left: 3px solid red;
}

.docdbl {
    color: #ddd;
}

.docebl {
    color: green;
}

@media only screen and (max-width: 600px) {
    .OnboardCenterDiv {
        padding-right: 0px;
    }

    .Dview {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .MTableView {
        width: 800px;
    }

    .MTableOverflow {
        overflow: auto;
    }

    .skillsidebar {
        min-height: 100% !important;
    }
}

@media only screen and (min-width: 601px) {
    .OnboardCenterDiv {
        min-height: 88vh;
        display: flex;
        align-items: center;
    }
}



.ActivityIconColorChange {
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: green;
    color: transparent;
    font-size: 16px !important;
    font-family: 'GlyphPro glyphicons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.RightAlign {
    text-align: right !important;
}

.NoStatusDialogOption {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
}


.GlobalDrilldownContent {
    height: 400px;
    overflow-x: auto !important;
}

.TablePopover td:not(.notdclick) .popover {
    min-width: 200px !important;
    width: 350px !important;
}

    .TablePopover td:not(.notdclick) .popover.bottom {
        margin-left: 0px !important;
    }

.TablePopover td.notdclick .popover {
    min-width: 1200px !important;
    width: 1200px !important;
}

    .TablePopover td.notdclick .popover.bottom {
        margin-left: 0px !important;
    }

.highcharts-data-table {
    margin-bottom: 10px;
}

    .highcharts-data-table table {
        width: 100% !important;
        border-collapse: collapse;
    }

        .highcharts-data-table table td, .highcharts-data-table table th {
            border: 1px solid #ddd;
            padding: 5px;
        }

        .highcharts-data-table table th {
            padding-top: 5px;
            padding-bottom: 5px;
        }

.MinDiv {
    display: none;
    height: 350px;
    border-radius: 7px;
}

.MinBlockDiv {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    margin-left: 10px;
}

.MinLabel {
    font-size: 15px;
}

.MinTitle {
    font-size: 15px;
    margin-top: 10px;
    font-weight: bold;
    width: 50px;
}

/*.ModuleConfigDialog {
    margin-right: 20px;
    cursor: pointer;
    float: right;
    top: -2px;
    font-size: large;
}*/


.statusbox .NewStatusNameDiv {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    height: 50px;
}

.statusbox .StatusDivExt {
    height: 40px !important;
}

.statusbox .NewStatusName {
    font-weight: bold;
    white-space: nowrap;
}

.statusbox .NewStatusCount, .statusbox .NewTotal {
    font-size: 30px;
}

.statusbox .NewStatusCountSmall, .statusbox .NewStatusSlash {
    font-size: 15px;
    color: gray;
}

.statusbox .NewStatusCountDiv {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 50px;
}

.PipelineContentBox {
    padding: 5px 0px;
}

.PipelineContentLabel {
    color: #cdcdcd;
    white-space: normal;
    font-style: italic;
}

.PipelineContentValue {
    white-space: normal;
}

.ShiftPayRateStyle {
    background-color: #AFE1AF !important;
    color: #242424 !important;
}

.ShiftChargeRateStyle {
    background-color: #EEDC82 !important;
    color: #242424 !important;
}

.EntityRolesPushCss {
    border: 1px solid #ddd;
    height: 400px;
    width: 100%;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.SaturdayShiftCss {
    background-color: aliceblue !important;
}

.SundayShiftCss {
    background-color: darkgray !important;
}

.PublicHolidayShiftCss {
    background-color: deepskyblue !important;
}

.ChangePasswordSection .glyphicon:before {
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: gray;
    color: transparent;
}

.ChangePasswordSection .input-group {
    border-radius: 7px !important;
}

.Hidden {
    display: none !important;
    visibility: hidden !important;
}

.glyphiconsvg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px;
}

.fr-popup {
    z-index: 10001 !important;
}

.dropdown-menu-extracss {
    margin-top: 10px;
}