@import "https://fonts.googleapis.com/css?family=Righteous";

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes blinking {
    0% {
        color: darkred;
    }

    100% {
        color: floralwhite;
    }
}

@keyframes blinkingBackground {
    0% {
        background-color: #a6a6a6;
    }

    25% {
        background-color: #bd323b;
    }

    50% {
        background-color: #ef0a1a;
    }

    75% {
        background-color: #006699;
    }

    100% {
        background-color: #4b8df7;
    }
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -1px) rotate(-1deg);
    }

    20% {
        transform: translate(-1px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 1px) rotate(-1deg);
    }

    60% {
        transform: translate(-1px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(1px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -1px) rotate(-1deg);
    }
}

@-webkit-keyframes wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    8% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    10% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    18% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    20% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    28% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    30% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    38% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    40% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    48% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    50% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    58% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    60% {
        -webkit-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }

    68% {
        -webkit-transform: rotate(24deg);
        -ms-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    75% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    20% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        -ms-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    4% {
        -webkit-transform: translate(0, 3px);
        -ms-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    8% {
        -webkit-transform: translate(0, -3px);
        -ms-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    12% {
        -webkit-transform: translate(0, 3px);
        -ms-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    16% {
        -webkit-transform: translate(0, -3px);
        -ms-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }

    20% {
        -webkit-transform: translate(0, 3px);
        -ms-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }

    22% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    36% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    6% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    12% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    18% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    24% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    30% {
        -webkit-transform: translate(5px, 0);
        -ms-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }

    36% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes bounce {
    0%, 10%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 10%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
    }

    30%, 50%, 70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }

    40%, 60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }

    80% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-8deg);
        -ms-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
    }

    30%, 50%, 70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        -ms-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }

    40%, 60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        -ms-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }

    80% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@-webkit-keyframes passing {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }

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

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

@keyframes passing {
    0% {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }

    50% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes burst {
    0% {
        opacity: .6;
    }

    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes burst {
    0% {
        opacity: .6;
    }

    50% {
        -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.smallTxt {
    font-size: 8pt;
    text-decoration: none;
}

.sortHeaderIcon {
    font-size: 14px;
    margin-left: 5px;
}

.serviceLeadGrid td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.wrapword {
    white-space: -moz-pre-wrap !important;
    white-space: -webkit-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.font-Color {
    color: black;
}

.transparentTextColor {
    color: darkgoldenrod;
}

.progress-POGA {
    background-image: -webkit-linear-gradient(top, #1f9645 0, #2bad54 100%);
    background-image: -o-linear-gradient(top, #1f9645 0, #2bad54 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1f9645), to(#2bad54));
    background-image: linear-gradient(to bottom, #1f9645 0, #2bad54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f9645',endColorstr='#2bad54',GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-POGA {
    background-image: -webkit-linear-gradient(top, #1f9645 0, #2bad54 100%);
    background-image: -o-linear-gradient(top, #1f9645 0, #2bad54 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1f9645), to(#2bad54));
    background-image: linear-gradient(to bottom, #1f9645 0, #2bad54 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f9645',endColorstr='#2bad54',GradientType=0);
    background-repeat: repeat-x;
}

.dot {
    border-radius: 50%;
    border: 1px black solid;
    border-image: none;
    width: 14px;
    height: 14px;
    text-align: center;
    margin-left: 1px;
}

.dotGreen {
    background-color: #1f9645 !important;
}

.POGA-Green {
    color: #1f9645;
}

.desking-SubtotalValue {
    text-decoration: underline;
}

.desking-TotalValue {
    text-decoration: underline;
    border-bottom: 1px solid #000;
}

.deskingExpired {
    position: absolute;
    top: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    color: red;
    font-size: 60px;
    text-shadow: 2px 2px 8px;
    opacity: .4;
}

.form-signin {
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
}

    .form-signin .form-signin-heading {
        margin-bottom: 10px;
    }

    .form-signin .checkbox {
        margin-bottom: 10px;
        font-weight: normal;
    }

    .form-signin .form-control {
        color: #000000;
        position: relative;
        font-size: 16px;
        height: auto;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input[type="text"] {
        margin-bottom: 15px;
    }

    .form-signin input[type="password"] {
        margin-bottom: 15px;
    }

a {
    color: black;
}

.schedInvertedTab {
    margin-top: -7px;
    margin-left: 5px;
    display: block;
    width: 120px;
    padding: 2px;
    background-color: #006699;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
}

#apptschednotessubmenu {
    z-index: 10000;
    display: block;
    position: absolute;
    width: 450px;
    overflow: hidden;
    max-height: 0;
    padding: 0;
    right: 0;
    top: 0;
}

#apptschednotesmenu:hover #apptschednotessubmenu {
    overflow: visible;
}

#apptschedcustomersubmenu {
    z-index: 10000;
    display: block;
    position: absolute;
    width: 450px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.7s ease-in;
    padding: 0;
    right: 0;
    top: 0;
}

#apptschedcustomermenu:hover #apptschedcustomersubmenu {
    max-height: 200px;
    overflow: visible;
}

.redShadowBorder {
    box-shadow: 3px 3px 1px red;
    border: solid 1px red;
}

.yellowBackground {
    background-color: #ffff1a;
}

.redBackground {
    background-color: #ff4d4d;
}

.turnoffColor {
    color: #DAA520;
    color: -webkit-linear-gradient(#FFA500, #FFD700);
    color: -o-linear-gradient(#FFA500, #FFD700);
    color: -moz-linear-gradient(#FFA500, #FFD700);
    color: linear-gradient(#FFA500, #FFD700);
}

.ui-state-active {
    color: black;
}

.ui-widget-content .ui-state-active {
    color: black;
}

.ui-widget-content .ui-state-hover {
    background: #0088cc;
}

.ui-widget-content .ui-state-focus {
    background: #0088cc;
}

.ui-widget-header .ui-state-active {
    color: black;
}

.ui-widget-header .ui-state-hover {
    background: #0088cc;
}

.ui-widget-header .ui-state-focus {
    background: #0088cc;
}

a.ui-button:active {
    color: black;
}

.ui-button:active {
    color: black;
}

.ui-state-active.ui-button:hover {
    color: black;
}

.account-wall {
    padding: 5px 0 0 0;
    background-color: #FFFFFF;
    border-radius: 10px;
    height: 100%;
}

.login-title {
    color: #555;
    font-size: 18px;
    font-weight: 700;
    display: block;
}

.verify-img {
    width: 60px;
    margin: 0 auto 10px;
    display: block;
    border-radius: 50%;
}

.profile-img {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    border-radius: 50%;
}

.need-help {
    margin-top: 10px;
}

.mfaPanel {
    position: relative;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective: 500px;
    height: 320px;
    box-shadow: none !important;
}

    .mfaPanel > .front {
        float: none;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        z-index: 900;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .mfaPanel > .back {
        float: none;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        z-index: 800;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        transform: rotateX(-179deg);
    }

    .mfaPanel.flip > .front {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    .mfaPanel.flip > .back {
        z-index: 1000;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .mfaPanel.flip .action {
        display: none;
    }

.loginPanel {
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    height: 330px;
    box-shadow: none !important;
    margin-bottom: 0;
}

    .loginPanel > .front {
        float: none;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        z-index: 900;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .loginPanel > .back {
        float: none;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        z-index: 800;
        -webkit-transform: rotateX(-179deg);
        -moz-transform: rotateX(-179deg);
        transform: rotateX(-179deg);
    }

    .loginPanel.flip > .front {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

    .loginPanel.flip > .back {
        z-index: 1000;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .loginPanel.flip .action {
        display: none;
    }

    .loginPanel.flippy > .back {
        z-index: 1000;
        -webkit-transform: rotateX(-360deg);
        -moz-transform: rotateX(-360deg);
        transform: rotateX(-360deg);
    }

.block ol li {
    text-align: left;
    margin: 0 0 0 28px;
}

.block .action {
    display: block;
    padding: 3px;
    background: #333;
    text-align: right;
    font-size: .8em;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    -webkit-transition: opacity .2s linear;
}

.block:hover .action {
    opacity: .7;
}

.open > .dropdown-menu {
    display: block;
    z-index: 10000;
}

.inputOnTable {
    width: auto;
    padding: 0;
    border: 0 none;
    background: transparent none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0) inset;
    border-radius: 0;
}

    .inputOnTable:focus {
        background-color: white;
    }

    .inputOnTable[disabled] {
        background-color: transparent;
        opacity: 1;
    }

.white {
    color: navajowhite;
}

.PDFIteminner {
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: auto;
    padding: 10px;
    min-height: 150px;
    border-radius: 1.8em;
    background-color: white;
}

.PDFItem {
    margin: 10px;
    background: -webkit-linear-gradient(#a6a6a6, #262626);
    background: -o-linear-gradient(#a6a6a6, #262626);
    background: -moz-linear-gradient(#a6a6a6, #262626);
    background: linear-gradient(#a6a6a6, #262626);
    width: 30%;
    max-width: 250px;
    height: auto;
    padding: 1px;
    border-radius: 1.8em;
}

.add-check > .btn {
    min-width: 150px;
    border: 1px groove #e6e6e6;
}

.add-check > .btn-sm {
    min-width: 100px !important;
}

.add-check .active:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e013";
    margin-right: 4px;
}

.green {
    color: #00AB6F;
}

.red {
    color: #B22400 !important;
}

.blue {
    color: #0054a6;
}

.gray {
    color: #666666;
}

.black {
    color: #000000;
}

.lightBlue {
    color: #4b8df7;
}

.linkBlue {
    color: #0054A6;
}

.lightGray {
    color: #D3D3D3;
}

.yellow {
    color: #dbdb14
}

li.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .slider input {
        display: none;
    }

    .slider .tooltip-inner {
        white-space: nowrap;
    }

    .slider.slider-horizontal {
        width: 210px;
        height: 20px;
    }

        .slider.slider-horizontal .slider-track {
            height: 10px;
            width: 100%;
            margin-top: -5px;
            top: 50%;
            left: 0;
        }

        .slider.slider-horizontal .slider-selection {
            height: 100%;
            top: 0;
            bottom: 0;
        }

        .slider.slider-horizontal .slider-handle {
            margin-left: -10px;
            margin-top: -5px;
        }

    .slider.slider-vertical {
        height: 100%;
        width: 20px;
    }

        .slider.slider-vertical .slider-track {
            width: 8px;
            height: 100%;
            margin-left: -4px;
            left: 50%;
            top: 0;
        }

        .slider.slider-vertical .slider-selection {
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
        }

        .slider.slider-vertical .slider-handle {
            margin-left: -4px;
            margin-top: -8px;
            z-index: 1;
        }

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-selection {
    position: absolute;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 0 solid transparent;
    opacity: 0.8;
}

    .slider-handle:hover {
        opacity: 1;
    }

.dropdown-header {
    font-weight: bolder;
}

.hoverTable {
    font-family: "din-2014", sans-serif;
    margin: 0 0 15px;
    font-size: 9pt;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
}

    .hoverTable th {
        overflow: hidden;
        white-space: nowrap;
        max-width: 150px;
    }

    .hoverTable td {
        padding: 6px 4px;
        overflow: hidden;
        white-space: nowrap;
    }

    .hoverTable tr {
        background: #ffffff;
    }

        .hoverTable tr:hover {
            background-color: #E0E1E1;
            color: black;
        }

        .hoverTable tr.selected {
            background-color: #CBCCCD;
        }

    .hoverTable thead tr .header {
        background-color: #CBCCCD;
        border: 1px solid #FFF;
        font-size: 8pt;
        padding: 4px;
        color: black;
    }

        .hoverTable thead tr .header:hover {
            background-color: #B6B8B9;
            border: 1px solid #FFF;
            font-size: 8pt;
            padding: 4px;
            color: white;
        }

.hoverTableNoRowOver {
    font-family: "din-2014", sans-serif;
    margin: 0 0 15px;
    font-size: 9pt;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
}

    .hoverTableNoRowOver th {
        overflow: hidden;
        white-space: nowrap;
        max-width: 150px;
    }

    .hoverTableNoRowOver td {
        padding: 6px 4px;
        overflow: hidden;
        white-space: nowrap;
    }

    .hoverTableNoRowOver tr {
        background: #F0F0F6;
    }

        .hoverTableNoRowOver tr.selected {
            background-color: #CBCCCD;
        }

    .hoverTableNoRowOver thead tr .header {
        background-color: #CBCCCD;
        border: 1px solid #FFF;
        font-size: 8pt;
        padding: 4px;
        color: black;
    }

        .hoverTableNoRowOver thead tr .header:hover {
            background-color: #B6B8B9;
            border: 1px solid #FFF;
            font-size: 8pt;
            padding: 4px;
            color: white;
        }

.trafficLogGrid td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}

ul.trafficLogUL {
    margin: 0;
    padding: 0;
}

.trafficLogUL li {
    margin: 0 !important;
}

.flexLoader {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 66000;
    background-color: rgba(229, 241, 255, 0.6);
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

    .flexLoader:after {
        display: block;
        content: "";
        margin: 0 auto;
        border-top: 1.1em solid rgba(255, 255, 255, 0.2);
        border-right: 1.1em solid rgba(255, 255, 255, 0.2);
        border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
        border-left: 1.1em solid #ffffff;
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
        border-radius: 50%;
        width: 12em;
        height: 12em;
    }

.list-unstyled li {
    margin: 4px;
}

.list-unstyled .label {
    width: 150px;
    font-size: 100%;
    color: black;
    border: 1px solid #fff;
    text-align: left;
}

.top-nav > li {
    padding-right: 5px;
}

.dropdown-fill {
    width: 100%;
}

    .dropdown-fill .dropdown-menu {
        min-width: 100%;
    }

    .dropdown-fill .dropdown-toggle {
        width: 100%;
        padding-right: 20px;
        text-align: right;
    }

    .dropdown-fill .selected {
        width: 100%;
        float: left;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dropdown-fill .caret {
        margin-right: -8px;
    }

.btn-circle {
    width: 22px;
    height: 20px;
    text-align: center;
    padding: 0 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.trim-link {
    background-color: #b4c6e5;
    border-radius: 4px;
    box-shadow: 0 0 0 0.7px #899bcd;
    color: #006699;
    padding-left: 5px;
    padding-right: 5px;
}

    .trim-link:hover {
        box-shadow: 0 0 0 1px #899bcd inset;
        text-decoration: underline !important;
        padding-bottom: 1px;
    }

    .trim-link:focus {
        outline: none !important;
        text-decoration: none;
    }

.btn-glyphicon {
    padding: 2px 6px;
}

    .btn-glyphicon > .glyphicon {
        font-size: 11pt;
    }

.dropdown-menu {
    max-height: 20em;
    overflow-y: auto;
    z-index: 1009;
}

    .dropdown-menu > li > a {
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 15px;
        padding-right: 5px;
    }

#social {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    display: inline-block;
    float: right;
    margin-right: -12px;
    color: black;
}

.calendar_default_rowheader_inner {
    font-size: 1em;
}

.calendar_default_corner {
    visibility: hidden;
}

.btn-NoBorders {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.15) inset, 0px 0 0 rgba(0, 0, 0, 0.075) !important;
    padding: 0;
    border:none !important;
    background-color:transparent !important;
}

    .btn-NoBorders > img {
        width: 20px;
    }

.table-noborder {
    width: 100%;
}

    .table-noborder > tbody > tr > td {
        text-align: center;
    }

    .table-noborder > thead > tr > th {
        text-align: center;
        background-color: transparent !important;
        color:black !important;
    }

        .table-noborder > thead > tr > th > h3 {
            color: red;
        }

        .table-noborder > thead > tr > th > h5 {
            font-weight: bold;
        }

.input-xs {
    height: 23px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.calendar_g_main {
    border: 1px solid #dddddd;
    font-family: "din-2014", sans-serif;
    font-size: 12px;
}

    .calendar_g_main td {
        font-family: "din-2014", sans-serif;
        font-size: 12px;
    }

.calendar_g_event_inner {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    color: #1d1d1d;
    background-color: #9a9cff;
    padding: 3px;
    border: 1px solid rgba(255, 255, 255, 0.75);
}

.calendar_g_alldayevent_inner {
    position: absolute;
    overflow: hidden;
    left: 1px;
    right: 0;
    top: 1px;
    bottom: 0;
    margin: 2px;
    color: #1d1d1d;
    background-color: #9a9cff;
    padding: 2px;
    border: 1px solid #373ad7;
    text-align: left;
}

.calendar_g_alldayheader_inner {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #555555;
    background: #ffffff;
}

.calendar_g_colheader_inner {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #555555;
    background: #ffffff;
}

.calendar_g_rowheader_inner {
    font-size: 12px;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #555555;
    background: #ffffff;
    padding: 2px;
}

.calendar_g_rowheader_minutes {
    font-size: 12px;
    xvertical-align: super;
    padding-left: 2px;
    padding-right: 2px;
}

.calendar_g_corner_inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #ffffff;
    background: #ffffff;
}

.calendar_g_cornerright_inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    color: #ffffff;
    background: #ffffff;
}

.calendar_g_cell_inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #ffffff;
}

.calendar_g_cell_business .calendar_g_cell_inner {
    background: #ffffff;
}

.calendar_g_message {
    padding: 10px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    color: #1d1d1d;
    background: #f9edbe;
}

.calendar_g_shadow_inner {
    background-color: #666666;
    opacity: 0.5;
    filter: alpha(opacity=50);
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.calendar_g_event_delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAI5JREFUKFNtkLERgCAMRbmzdK8s4gAUlhYOYEHJEJYOYOEwDmGBPxC4kOPfvePy84MGR0RJ2N1A8H3N6DATwSQ57m2ql8NBG+AEM7D+UW+wjdfUPgerYNgB5gOLRHqhcasg84C2QxPMtrUhSqQIhg7ypy9VM2EUZPI/4rQ7rGxqo9sadTegw+UdjeDLAKUfhbaQUVPIfJYAAAAASUVORK5CYII=) center center no-repeat;
    opacity: 0.6;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    cursor: pointer;
}

    .calendar_g_event_delete:hover {
        opacity: 1;
        -ms-filter: none;
    }

.calendar_g_scroll_up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAB3RJTUUH2wESDiYcrhwCiQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAARnQU1BAACxjwv8YQUAAACcSURBVHjaY2AgF9wWsTW6yGMlhi7OhC7AyMDQzMnBXIpFHAFuCtuaMTP+P8nA8P/b1x//FfW/HHuF1UQmxv+NUP1c3OxMVVhNvCVi683E8H8LXOY/w9+fTH81tF8fv4NiIpBRj+YoZtZ/LDUoJmKYhsVUpv0MDiyMDP96sIYV0FS2/8z9ICaLlOhvS4b/jC//MzC8xBG0vJeF7GQBlK0xdiUzCtsAAAAASUVORK5CYII=);
}

.calendar_g_scroll_down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAALiMAAC4jAXilP3YAAACqSURBVChTY7wpam3L9J+xmQEP+PGPKZZxP4MDi4zI78uMDIwa2NT+Z2DYovrmiC+TI8OBP/8ZmEqwGvif4e8vxr+FIDkmEKH25vBWBgbG0+iK/zEwLtF+ffwOXCGI8Y+BoRFFIdC030x/WmBiYBNhpgLdswNJ8RSYaSgmgk39z1gPUfj/29ef/9rwhQTDHRHbrbdEbLvRFcGthkkAra/9/uMvhkK8piNLAgCRpTnNn4AEmAAAAABJRU5ErkJggg==);
}

#searchCriteria {
    border: 1px solid rgba(0, 0, 0, 0.5);
    padding: 5px;
}

.btn-search-view {
    margin-top: -10px;
    width: 110px;
    margin-left: 5px;
    height: 25px;
    padding: 0;
}

.modal-title {
    color: black;
    font-weight: 600;
}

.modal-header {
    height: 30px;
    cursor: move;
    padding: 2px 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .modal-header .close {
        margin-top: 2px;
    }

    .modal-header h4 {
        font-size: 1.2em;
    }

.asterisk {
    color: red;
    font-size: 5px;
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}

.daterangepicker.opensleft .ranges {
    float: left;
    margin: 4px;
}

.daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.opensright .ranges {
    float: right;
    margin: 4px;
}

.daterangepicker.opensright .calendar {
    float: right;
    margin: 4px;
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.openscenter .ranges {
    float: right;
    margin: 4px;
}

.daterangepicker.openscenter .calendar {
    float: right;
    margin: 4px;
}

.daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.single .ranges {
    float: none;
}

.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .daterangepicker .ranges {
        width: 160px;
        text-align: left;
    }

        .daterangepicker .ranges .range_inputs > div {
            float: left;
        }

            .daterangepicker .ranges .range_inputs > div:nth-child(2) {
                padding-left: 11px;
            }

        .daterangepicker .ranges input {
            font-size: 11px;
        }

        .daterangepicker .ranges .input-mini {
            border: 1px solid #ccc;
            border-radius: 4px;
            color: #555;
            display: block;
            font-size: 11px;
            height: 30px;
            line-height: 30px;
            vertical-align: middle;
            margin: 0 0 10px 0;
            padding: 0 6px;
            width: 74px;
        }

        .daterangepicker .ranges ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .daterangepicker .ranges li {
            font-size: 13px;
            background: #f5f5f5;
            border: 1px solid #f5f5f5;
            color: #08c;
            padding: 3px 12px;
            margin-bottom: 8px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            cursor: pointer;
        }

            .daterangepicker .ranges li:hover {
                background: #08c;
                border: 1px solid #08c;
                color: #fff;
            }

            .daterangepicker .ranges li.active {
                background: #08c;
                border: 1px solid #08c;
                color: #fff;
            }

    .daterangepicker .calendar {
        display: none;
        max-width: 270px;
    }

        .daterangepicker .calendar th {
            font-family: "din-2014", sans-serif;
            white-space: nowrap;
            text-align: center;
            min-width: 32px;
        }

        .daterangepicker .calendar td {
            font-family: "din-2014", sans-serif;
            white-space: nowrap;
            text-align: center;
            min-width: 32px;
        }

        .daterangepicker .calendar.single .calendar-date {
            border: none;
        }

    .daterangepicker .daterangepicker_start_input label {
        color: #333;
        display: block;
        font-size: 11px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        margin-bottom: 2px;
        text-shadow: none;
        text-transform: uppercase;
        width: 74px;
    }

    .daterangepicker .daterangepicker_end_input label {
        color: #333;
        display: block;
        font-size: 11px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        margin-bottom: 2px;
        text-shadow: none;
        text-transform: uppercase;
        width: 74px;
    }

    .daterangepicker .calendar-date {
        border: 1px solid #ddd;
        padding: 4px;
        border-radius: 4px;
        background: #fff;
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 8px auto 0 auto;
        line-height: 30px;
    }

    .daterangepicker table {
        width: 100%;
        margin: 0;
    }

    .daterangepicker td {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        white-space: nowrap;
    }

    .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        white-space: nowrap;
    }

    .daterangepicker td.off {
        color: #999;
    }

    .daterangepicker td.disabled {
        color: #999;
    }

    .daterangepicker option.disabled {
        color: #999;
    }

    .daterangepicker td.available:hover {
        background: #eee;
    }

    .daterangepicker th.available:hover {
        background: #eee;
    }

    .daterangepicker td.in-range {
        background: #ebf4f8;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .daterangepicker td.start-date {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .daterangepicker td.end-date {
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

    .daterangepicker td.start-date.end-date {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .daterangepicker td.active {
        background-color: #357ebd;
        border-color: #3071a9;
        color: #fff;
    }

        .daterangepicker td.active:hover {
            background-color: #357ebd;
            border-color: #3071a9;
            color: #fff;
        }

    .daterangepicker td.week {
        font-size: 80%;
        color: #ccc;
    }

    .daterangepicker th.week {
        font-size: 80%;
        color: #ccc;
    }

    .daterangepicker select.monthselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
        width: 40%;
    }

    .daterangepicker select.hourselect {
        width: 50px;
        margin-bottom: 0;
    }

    .daterangepicker select.minuteselect {
        width: 50px;
        margin-bottom: 0;
    }

    .daterangepicker select.secondselect {
        width: 50px;
        margin-bottom: 0;
    }

    .daterangepicker select.ampmselect {
        width: 50px;
        margin-bottom: 0;
    }

    .daterangepicker th.month {
        width: auto;
    }

    .daterangepicker.show-calendar .calendar {
        display: block;
    }

    .daterangepicker.dropup {
        margin-top: -5px;
    }

        .daterangepicker.dropup:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc;
        }

        .daterangepicker.dropup:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff;
        }

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px;
}

.nav-tabs-simple {
    font-size: .9em;
    box-shadow: 0 -6.5px 6px -6px rgba(0, 0, 0, 0.3) inset;
    border-bottom: rgba(0, 0, 0, 0.3);
    margin-top: 5px;
    position: relative;
}

    .nav-tabs-simple > li {
        margin: 0 2px -1px 0;
    }

        .nav-tabs-simple > li > a {
            padding: 8px 18px;
            border: none;
            border-radius: 0;
            background: #E6E6E6;
            box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.3);
            color: #606060;
            position: relative;
            z-index: 1;
            cursor: pointer;
        }

        .nav-tabs-simple > li:not(.active) > a:hover {
            opacity: 0.9;
        }

        .nav-tabs-simple > li .badge {
            background-color: #CD4D4D;
            position: absolute;
            z-index: 1;
            top: -4px;
            right: -4px;
            pointer-events: none;
        }

        .nav-tabs-simple > li.active > a {
            box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.4);
            cursor: default;
        }

            .nav-tabs-simple > li.active > a::after {
                position: absolute;
                background: #fff;
                left: 0;
                right: 0;
                height: 6px;
                bottom: -6px;
                content: '';
            }

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 1px 5px;
}

.panel-default > .panel-heading-worksheet {
    background: none !important;
    border-width: 0 0 1px 0;
    padding: 10px 0 3px;
}

.tab-content-simple {
    background: transparent;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ddd;
    border-top-width: 0;
    padding: 6px;
    position: relative;
}

.progress-bar {
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

.col-rowSpaced > .row:nth-child(n+2) {
    margin-top: 8px;
}

.childSpace > *:nth-child(n+2) {
    margin-top: 5px;
}

.bootstrap-datetimepicker-widget {
    list-style: none;
}

    .bootstrap-datetimepicker-widget .list-unstyled {
        margin: 0;
    }

    .bootstrap-datetimepicker-widget a[data-action] {
        padding: 6px 0;
    }

        .bootstrap-datetimepicker-widget a[data-action]:active {
            box-shadow: none;
        }

    .bootstrap-datetimepicker-widget .timepicker-hour {
        width: 54px;
        font-weight: bold;
        font-size: 1.2em;
        margin: 0;
    }

    .bootstrap-datetimepicker-widget .timepicker-minute {
        width: 54px;
        font-weight: bold;
        font-size: 1.2em;
        margin: 0;
    }

    .bootstrap-datetimepicker-widget .timepicker-second {
        width: 54px;
        font-weight: bold;
        font-size: 1.2em;
        margin: 0;
    }

    .bootstrap-datetimepicker-widget button[data-action] {
        padding: 6px;
    }

    .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Increment Hours";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Increment Minutes";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Hours";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Minutes";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Hours";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Minutes";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle AM/PM";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Clear the picker";
    }

    .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Set the date to today";
    }

    .bootstrap-datetimepicker-widget .picker-switch {
        text-align: center;
    }

        .bootstrap-datetimepicker-widget .picker-switch::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: "Toggle Date and Time Screens";
        }

        .bootstrap-datetimepicker-widget .picker-switch td {
            padding: 0;
            margin: 0;
            height: auto;
            width: auto;
            line-height: inherit;
        }

            .bootstrap-datetimepicker-widget .picker-switch td span {
                line-height: 2.5;
                height: 2.5em;
                width: 100%;
            }

    .bootstrap-datetimepicker-widget table {
        width: 100%;
        margin: 0;
    }

        .bootstrap-datetimepicker-widget table td {
            text-align: center;
            border-radius: 4px;
            height: 54px;
            line-height: 54px;
            width: 54px;
        }

            .bootstrap-datetimepicker-widget table td span {
                display: inline-block;
                width: 54px;
                height: 54px;
                line-height: 54px;
                margin: 2px 1.5px;
                cursor: pointer;
                border-radius: 4px;
            }

                .bootstrap-datetimepicker-widget table td span:hover {
                    background: #eeeeee;
                }

                .bootstrap-datetimepicker-widget table td span.active {
                    background-color: #337ab7;
                    color: #ffffff;
                    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                }

                .bootstrap-datetimepicker-widget table td span.old {
                    color: #777777;
                }

                .bootstrap-datetimepicker-widget table td span.disabled {
                    background: none;
                    color: #777777;
                    cursor: not-allowed;
                }

                    .bootstrap-datetimepicker-widget table td span.disabled:hover {
                        background: none;
                        color: #777777;
                        cursor: not-allowed;
                    }

        .bootstrap-datetimepicker-widget table th {
            text-align: center;
            border-radius: 4px;
            height: 20px;
            line-height: 20px;
            width: 20px;
        }

            .bootstrap-datetimepicker-widget table th.picker-switch {
                width: 145px;
            }

            .bootstrap-datetimepicker-widget table th.disabled {
                background: none;
                color: #777777;
                cursor: not-allowed;
            }

                .bootstrap-datetimepicker-widget table th.disabled:hover {
                    background: none;
                    color: #777777;
                    cursor: not-allowed;
                }

            .bootstrap-datetimepicker-widget table th.prev::after {
                position: absolute;
                width: 1px;
                height: 1px;
                margin: -1px;
                padding: 0;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                border: 0;
                content: "Previous Month";
            }

            .bootstrap-datetimepicker-widget table th.next::after {
                position: absolute;
                width: 1px;
                height: 1px;
                margin: -1px;
                padding: 0;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                border: 0;
                content: "Next Month";
            }

        .bootstrap-datetimepicker-widget table thead tr:first-child th {
            cursor: pointer;
        }

            .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
                background: #eeeeee;
            }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: .8em;
            height: 20px;
            line-height: 20px;
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px;
        }

            .bootstrap-datetimepicker-widget table td.day:hover {
                background: #eeeeee;
                cursor: pointer;
            }

        .bootstrap-datetimepicker-widget table td.hour:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .bootstrap-datetimepicker-widget table td.minute:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .bootstrap-datetimepicker-widget table td.second:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .bootstrap-datetimepicker-widget table td.old {
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.new {
            color: #777777;
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative;
        }

            .bootstrap-datetimepicker-widget table td.today:before {
                content: '';
                display: inline-block;
                border: 0 0 7px 7px solid transparent;
                border-bottom-color: #337ab7;
                border-top-color: rgba(0, 0, 0, 0.2);
                position: absolute;
                bottom: 4px;
                right: 4px;
            }

        .bootstrap-datetimepicker-widget table td.active {
            background-color: #337ab7;
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

            .bootstrap-datetimepicker-widget table td.active:hover {
                background-color: #337ab7;
                color: #ffffff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

            .bootstrap-datetimepicker-widget table td.active.today:before {
                border-bottom-color: #fff;
            }

        .bootstrap-datetimepicker-widget table td.disabled {
            background: none;
            color: #777777;
            cursor: not-allowed;
        }

            .bootstrap-datetimepicker-widget table td.disabled:hover {
                background: none;
                color: #777777;
                cursor: not-allowed;
            }

    .bootstrap-datetimepicker-widget .datepicker-decades .decade {
        line-height: 1.8em !important;
    }

    .bootstrap-datetimepicker-widget.dropdown-menu {
        margin: 2px 0;
        padding: 4px;
        width: 19em;
    }

        .bootstrap-datetimepicker-widget.dropdown-menu:before {
            content: '';
            display: inline-block;
            position: absolute;
        }

        .bootstrap-datetimepicker-widget.dropdown-menu:after {
            content: '';
            display: inline-block;
            position: absolute;
        }

        .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #cccccc;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            top: -7px;
            left: 7px;
        }

        .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid white;
            top: -6px;
            left: 8px;
        }

        .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-top: 7px solid #cccccc;
            border-top-color: rgba(0, 0, 0, 0.2);
            bottom: -7px;
            left: 6px;
        }

        .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid white;
            bottom: -6px;
            left: 7px;
        }

        .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
            left: auto;
            right: 6px;
        }

        .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
            left: auto;
            right: 7px;
        }

    .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
        height: 27px;
        line-height: 27px;
    }

    .bootstrap-datetimepicker-widget.wider {
        width: 21em;
    }

.input-group.date .input-group-addon {
    cursor: pointer;
}

.ui-datepicker {
    z-index: 4000 !important;
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
    display: none;
    padding: 2px;
    font-size: 12px;
    width: 175px;
}

    .ui-datepicker a {
        text-decoration: none;
        color: #777;
    }

        .ui-datepicker a:hover {
            text-decoration: none;
            color: #777;
            color: #6F6F6F;
            -webkit-transition: color 0.1s ease-in-out;
            -moz-transition: color 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
        }

    .ui-datepicker td:hover a {
        color: #6F6F6F;
        -webkit-transition: color 0.1s ease-in-out;
        -moz-transition: color 0.1s ease-in-out;
        -o-transition: color 0.1s ease-in-out;
        transition: color 0.1s ease-in-out;
    }

    .ui-datepicker .ui-datepicker-header {
        margin-bottom: 4px;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-title {
        font-weight: 700;
    }

    .ui-datepicker select.ui-datepicker-month {
        font-size: x-small;
        border-radius: 3px;
        border-width: thin;
    }

    .ui-datepicker select.ui-datepicker-year {
        font-size: x-small;
        border-radius: 3px;
        border-width: thin;
    }

    .ui-datepicker .ui-datepicker-prev {
        cursor: pointer;
        font-family: "Glyphicons Halflings";
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        height: 20px;
        line-height: 1;
        margin-top: 2px;
        width: 30px;
        float: left;
        text-align: left;
    }

        .ui-datepicker .ui-datepicker-prev:before {
            content: "\e079";
        }

    .ui-datepicker .ui-datepicker-next {
        cursor: pointer;
        font-family: "Glyphicons Halflings";
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        height: 20px;
        line-height: 1;
        margin-top: 2px;
        width: 30px;
        float: right;
        text-align: right;
    }

        .ui-datepicker .ui-datepicker-next:before {
            content: "\e080";
        }

    .ui-datepicker .ui-icon {
        display: none;
    }

    .ui-datepicker .ui-datepicker-calendar {
        table-layout: fixed;
        width: 100%;
    }

        .ui-datepicker .ui-datepicker-calendar th {
            text-align: center;
            padding: 3px;
            line-height: 1;
        }

        .ui-datepicker .ui-datepicker-calendar td {
            text-align: center;
            padding: 3px;
            border-radius: 4px;
            -webkit-transition: background-color 0.1s ease-in-out,color 0.1s ease-in-out;
            -moz-transition: background-color 0.1s ease-in-out,color 0.1s ease-in-out;
            -o-transition: background-color 0.1s ease-in-out,color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out,color 0.1s ease-in-out;
        }

            .ui-datepicker .ui-datepicker-calendar td:hover {
                background-color: #eee;
                cursor: pointer;
            }

            .ui-datepicker .ui-datepicker-calendar td a {
                text-decoration: none;
            }

        .ui-datepicker .ui-datepicker-calendar tr {
            line-height: 1;
        }

        .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day:hover {
            background-color: #5e9bd4;
            color: whitesmoke;
        }

            .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day:hover a {
                background-color: #5e9bd4;
                color: whitesmoke;
            }

        .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
            background-color: #fff;
            cursor: default;
        }

    .ui-datepicker .ui-datepicker-current-day {
        background-color: #4289cc;
    }

        .ui-datepicker .ui-datepicker-current-day a {
            color: #fff;
        }

    .ui-datepicker .ui-state-disabled span {
        color: #a8a8a8;
    }

.schedulerTeamHeaders > td {
    color: #404040;
    border: 1px solid #dedfde;
}

    .schedulerTeamHeaders > td > div {
        border-width: 1px;
        border-style: solid;
        border-color: transparent;
    }

        .schedulerTeamHeaders > td > div:hover {
            border-color: black;
        }

        .schedulerTeamHeaders > td > div > div {
            border-width: 2px;
            border-style: solid;
            border-color: transparent;
        }

.selectedSchedulerTeamHeader > div > div {
    color: black;
    border-color: orange !important;
}

.schedulerEServiceAppt {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border-width: 2px;
    border-style: solid;
    border-color: steelblue !important;
    font-style: italic;
}

.vehicle-tabs {
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

    .vehicle-tabs + .tab-content > .tab-pane {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .vehicle-tabs > .nav-tabs {
        border-bottom: 1px solid #ddd;
    }

        .vehicle-tabs > .nav-tabs > li {
            background-color: transparent;
            height: 20px;
            margin-top: 3px;
        }

            .vehicle-tabs > .nav-tabs > li > a {
                font-weight: bold;
                height: 20px;
                padding: 1px 10px;
                font-size: 12px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                color: #080808;
                outline: 0;
            }

.sliderControlBtn {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 0;
    padding: 0;
    font-size: 13px;
}

.apptSchedListTable {
    font-family: "din-2014", sans-serif;
    margin: 0 0 15px;
    font-size: 8pt;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
}

    .apptSchedListTable th {
        overflow: hidden;
        white-space: nowrap;
        max-width: 150px;
    }

    .apptSchedListTable td {
        padding: 4px;
        overflow: hidden;
        white-space: nowrap;
        max-width: 150px;
    }

    .apptSchedListTable tr.selected {
        font-weight: bold;
        border: 1.5px solid #828DFF;
        background: #c9e6f1;
    }

    .apptSchedListTable thead tr .header {
        background-color: #CBCCCD;
        border: 1px solid #FFF;
        font-size: 8pt;
        padding: 4px;
        color: black;
    }

        .apptSchedListTable thead tr .header:hover {
            background-color: #B6B8B9;
            border: 1px solid #FFF;
            font-size: 8pt;
            padding: 4px;
            color: white;
        }

    .apptSchedListTable .apptSchedListTimeSlot {
        color: #383838;
        background: #7ab1f0;
        background: -moz-linear-gradient(top, #7ab1f0 0, #659eed 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ab1f0), color-stop(100%, #659eed));
        background: -webkit-linear-gradient(top, #7ab1f0 0, #659eed 100%);
        background: -o-linear-gradient(top, #7ab1f0 0, #659eed 100%);
        background: -ms-linear-gradient(top, #7ab1f0 0, #659eed 100%);
        background: linear-gradient(to bottom, #7ab1f0 0, #659eed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab1f0',endColorstr='#659eed',GradientType=0 );
    }

        .apptSchedListTable .apptSchedListTimeSlot:hover {
            opacity: 0.9;
        }

    .apptSchedListTable .apptSchedListAppt {
        background-color: #7DCBFF;
    }

        .apptSchedListTable .apptSchedListAppt:nth-child(even) {
            background-color: #83D4FC;
        }

        .apptSchedListTable .apptSchedListAppt:hover {
            background-color: #57BCFF;
        }

    .apptSchedListTable .apptSchedListOpCode {
        background-color: #AEEEFC;
    }

        .apptSchedListTable .apptSchedListOpCode:nth-child(even) {
            background-color: #CDF2FA;
        }

        .apptSchedListTable .apptSchedListOpCode:hover {
            background-color: #E6EEF0;
        }

.calendar_g_event_skill {
    border: 3px double #00005f !important;
    font-weight: bold;
}

.customBlockSelected {
    border: 1.5px dashed red !important;
    font-weight: bold;
}

.customBlock {
    border: 1.5px dashed black !important;
    font-weight: bold;
}

.calendar_g_event_notType {
    opacity: 0.4;
}

.calendar_g_selected {
    border: 2px double black;
    border-radius: 2px;
}

    .calendar_g_selected .calendar_g_event_inner {
        background: #ff5656 !important;
        font-weight: bold;
    }

.calendar_g_hidden {
    display: none !important;
}

.filterButtons {
    background-color: transparent !important;
    border-radius: 0;
    border: none !important;
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    color: black !important;
}

    .filterButtons > span {
        font-size: 10pt;
    }

    .filterButtons.selected {
        background-color: #E0E1E1 !important;
        color: black !important;
    }

.filterDropdown {
    padding: 0 3px !important;
    width: 70% !important;
    float: right !important;
}

.glyphicon-search.form-control-feedback {
    color: #0054a6;
    font-weight: bold;
    padding-left: 25px;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.glyphicon-remove.form-control-feedback {
    color: red;
    font-weight: bold;
}

.profile-grid {
    width: 100%;
}

.pieLegend {
    color: rgba(0, 0, 0, 0.8);
    display: table-cell;
    vertical-align: middle;
}

    .pieLegend > ul {
        border: #888888 solid 1px;
        box-shadow: 2px 3px 4px #888888;
        background-color: #fff;
        padding: 2px;
    }

        .pieLegend > ul > li {
            border-radius: 3px;
            padding: 1px 4px 1px 3px;
        }

            .pieLegend > ul > li > svg {
                vertical-align: middle;
            }

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.simpleTitleText {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.tab-content {
    position: relative;
}

    .tab-content > .tab-pane.active.flex-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background-color: white;
    }

.recServicesButton {
    border: 2px solid red !important;
    font-weight: bold;
    height: 25px;
    padding: 0 3px;
    width: 82px;
    border-radius: 5px !important;
}

.recServicesButtonBlue {
    border: 2px solid blue;
    font-weight: bold;
    height: 30px;
    padding: 0 3px;
}

.monthpicker .ui-datepicker-calendar {
    display: none;
}

.noModalPopup {
    position: fixed;
    z-index: 1035;
    transition: width .4s ease-in-out;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .noModalPopup .noModalPopupCollapseSection {
        transition: height .4s ease-in-out;
        overflow: hidden;
    }

    .noModalPopup .modal-footer {
        text-align: center;
        cursor: pointer;
        height: 25px;
        padding: 0;
        line-height: 2em;
    }

        .noModalPopup .modal-footer:hover .hoverText {
            color: #000;
            text-decoration: none;
            filter: alpha(opacity=50);
            opacity: .5;
        }

.bookApptPopupBaseSettings {
    left: 15%;
    width: 70% !important;
    height: 80% !important;
}

.worksheet-Width {
    min-width: 70%;
}

.inventoryPopupBaseSettings {
    left: 20%;
    width: 80% !important;
    max-width: 1000px;
    margin: 0;
}

.closeMargin {
    margin: 1px;
}

.closePadding {
    padding: 1px;
}

.QueuePopupBaseSettings {
    left: 70%;
    top: 8%;
    max-width: 1000px;
    margin: 0;
}

.VoiceMailPopupBaseSettings {
    left: 80%;
    top: 8%;
    width: 35% !important;
    max-width: 1000px;
    margin: 0;
}

.noModalPopupCollapse {
    width: 75px !important;
    height: 75px !important;
}

    .noModalPopupCollapse .noModalPopupCollapseSection {
        height: 0 !important;
    }

.hoverText {
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .4;
}

    .hoverText:hover {
        color: #000;
        text-decoration: none;
        filter: alpha(opacity=50);
        opacity: .5;
    }

.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-HVCenter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-VerticalBottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
}

.flex-HorizontalVerticalCenter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: center;
}

.flex-wrap-nostrech {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

.flex-column {
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-auto {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-autoWithDropdown {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-container.flex-auto {
    overflow: hidden;
}

.flex-container.flex-autoWithDropdown {
    overflow: hidden;
}

.flex-nogrow {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
}

.flex-noshrink {
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.flex-nobasis {
    -moz-flex-basis: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
}

.flex-wrap {
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-justify-space-between {
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex-align-self-end {
    -moz-align-self: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.navbar-theme .navbar-toggle {
    border-color: #333;
}

    .navbar-theme .navbar-toggle:hover {
        background-color: #333;
    }

    .navbar-theme .navbar-toggle:focus {
        background-color: #333;
    }

    .navbar-theme .navbar-toggle .icon-bar {
        background-color: #fff;
    }

.navbar-theme .navbar-nav > li > a {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    height: 30px;
    padding: 6px 12px;
    min-height: 30px;
    margin-top: 2px;
}

    .navbar-theme .navbar-nav > li > a:hover {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        height: 30px;
        padding: 6px 12px;
        min-height: 30px;
        margin-top: 2px;
    }

    .navbar-theme .navbar-nav > li > a:focus {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        height: 30px;
        padding: 6px 12px;
        min-height: 30px;
        margin-top: 2px;
    }

.navbar-theme .navbar-nav > .open > a {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    height: 30px;
    padding: 6px 12px;
    min-height: 30px;
    margin-top: 2px;
}

.navbar-theme .navbar-nav > .active > a {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    height: 30px;
    padding: 6px 12px;
    min-height: 30px;
    margin-top: 2px;
}

.dmIcon {
    height: 45px;
    border-radius: 45px;
    cursor: pointer;
}

.pointer {
    cursor: pointer !important;
}

.navbar-two {
    height: 32px;
    min-height: 32px;
    margin-bottom: 0;
}

.with-nav-tabs.panel-default .nav-tabs > li > a {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 6px 12px;
}

.flexMenu-popup {
    border: 1px solid black;
    border-top: hidden;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    padding: 0;
    background-color: #ffffff;
    margin: 0;
    z-index: 1010;
    position: absolute;
    min-width: 100%;
}

    .flexMenu-popup > li {
        display: block;
        color: black;
        font-weight: bold;
        width: 100%;
    }

        .flexMenu-popup > li > a {
            outline: none;
            padding: 6px 11px;
            display: block;
            color: black;
            font-weight: bold;
            width: 100%;
        }

            .flexMenu-popup > li > a:hover {
                text-decoration: none;
                background-color: #e6e6e6;
            }

            .flexMenu-popup > li > a:focus {
                text-decoration: none;
                background-color: #e6e6e6;
            }

    .flexMenu-popup:last-child li:last-child {
        border-bottom-right-radius: 14px;
        border-bottom-left-radius: 14px;
    }

        .flexMenu-popup:last-child li:last-child a {
            border-bottom-right-radius: 14px;
            border-bottom-left-radius: 14px;
        }

.flexMenu-viewMore {
    display: inline-block !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .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 black;
        margin-left: 0.4em;
        position: relative;
        top: -.1em;
    }

    .flexMenu-viewMore.hover {
        overflow: visible;
    }

.eqi-container {
    display: flex;
    justify-content: space-between;
}

.bookApptPopupDropdownOptions {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

    .bookApptPopupDropdownOptions > div {
        width: 185px;
    }

.popover {
    z-index: 2001;
    position: fixed;
}

.settings {
    font-size: medium;
    position: fixed;
    right: 15px;
    z-index: 1005;
    top: 78px;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.badge {
    padding: 3px 6px;
    font-size: 8pt;
}

.showroom-dm-logo {
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="uuid-a71ccb7b-1336-4563-a5ae-f7470a6b2870" viewBox="0 0 978.96 979.2"><defs><style>.uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8{fill:%23181918;}.uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8,.uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259,.uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55,.uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9{stroke-width:0px;}.uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259{fill:%23231f20;}.uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55{fill:%230054a6;}.uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9{fill:%23fff;filter:url(%23uuid-edca2a82-e56f-4ba9-9356-94040d4019aa);}</style><filter id="uuid-edca2a82-e56f-4ba9-9356-94040d4019aa" filterUnits="userSpaceOnUse"><feOffset dx="4" dy="4"/><feGaussianBlur result="uuid-c99b30bb-64d4-4ab5-8273-93fdb1f5ca7e" stdDeviation="5"/><feFlood flood-color="%23181918" flood-opacity=".25"/><feComposite in2="uuid-c99b30bb-64d4-4ab5-8273-93fdb1f5ca7e" operator="in"/><feComposite in="SourceGraphic"/></filter></defs><rect class="uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9" x="11.0435" y="11.1642" width="948.8132" height="948.8132" rx="92.9066" ry="92.9066"/><g id="uuid-8e2bc765-c835-4111-8a82-16c44c617c76"><path class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" d="m112.6087,708.7767v-384.2949h144.3577c124.6481,0,186.2348,59.6186,186.2348,192.151s-61.5867,192.1438-186.2348,192.1438H112.6087Zm144.3577-81.2925c71.9341,0,94.0995-42.8634,94.0995-110.8513s-22.1654-110.8515-94.0995-110.8515h-53.2042v221.7028h53.2042Z"/><polygon class="uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259" points="661.3119 432.6005 601.8734 492.039 661.3257 551.4777 720.7505 492.039 661.3119 432.6005"/><polygon class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" points="553.1794 324.4818 553.1133 324.5472 553.1133 324.4876 469.0293 324.4876 469.0293 709.386 553.1133 709.386 553.1133 443.2725 598.6106 488.7697 658.0361 429.3312 553.1794 324.4818"/><path class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" d="m511.0786,299.5575c31.1572,0,56.4271-25.2626,56.4271-56.4343s-25.2698-56.4467-56.4271-56.4467-56.4416,25.2613-56.4416,56.4467,25.2698,56.4343,56.4416,56.4343Z"/><path class="uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55" d="m811.6671,299.5575c31.1573,0,56.4389-25.2626,56.4389-56.4343s-25.2816-56.4467-56.4389-56.4467c-31.173,0-56.4415,25.2613-56.4415,56.4467s25.2685,56.4343,56.4415,56.4343Z"/><polygon class="uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55" points="769.6434 324.5014 769.6303 324.4818 664.5878 429.504 724.0271 488.9353 769.6434 443.319 769.6434 709.386 853.7012 709.386 853.7012 324.4876 769.6434 324.4876 769.6434 324.5014"/></g></svg>');
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}


.showroom-badge {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: 999px;
}

.showroom-icon-badge {
    background-color: #b3b3b3;
    gap: 4px;
    width: auto;
}

.vehicle-section {
    margin-top: 8px;
}

.vehicle-list {
    list-style: none;
    padding-left: 0;
    margin: 4px 0;
    max-height: 120px;
    overflow-y: auto;
}

#adminScreenContent {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
}

    #adminScreenContent > li {
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -moz-page-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
    }

.headerList {
    display: inline-block;
    vertical-align: central;
    text-decoration: none;
    padding: 5px;
    list-style-type: none;
}

.specScreenList {
    vertical-align: top;
    text-decoration: none;
    padding: 0;
    list-style-type: none;
}

.myLink {
    color: #0054a6 !important;
    -moz-text-decoration-color: blue !important;
    text-decoration-color: blue !important;
    font-size: 12px !important;
    text-decoration: none !important;
    border-width: 0 !important;
    white-space: nowrap !important;
    background-color: transparent !important;
}

.mySliderClass {
    top: 84px;
    bottom: 15px;
    border: none;
    box-shadow: none;
    background: none;
    pointer-events: none;
}

    .mySliderClass .sidebarContent {
        pointer-events: all;
        overflow: auto;
        max-height: 100%;
    }

.inputWithFocusText {
    position: relative;
}

    .inputWithFocusText > input::-ms-clear {
        display: none;
    }

    .inputWithFocusText > input::-webkit-input-placeholder {
        -moz-transition: 0.3s opacity ease-in-out;
        -ms-transition: 0.3s opacity ease-in-out;
        -o-transition: 0.3s opacity ease-in-out;
        -webkit-transition: 0.3s opacity ease-in-out;
        transition: 0.3s opacity ease-in-out;
    }

    .inputWithFocusText > input:focus::-webkit-input-placeholder {
        opacity: 0;
    }

    .inputWithFocusText > input:focus:-moz-placeholder {
        opacity: 0;
    }

    .inputWithFocusText > input:focus::-moz-placeholder {
        opacity: 0;
    }

    .inputWithFocusText > input:focus + label {
        opacity: 0.25;
        color: #0054a6;
    }

    .inputWithFocusText > label {
        opacity: 0;
        position: absolute;
        top: 0.5em;
        right: 10px;
        pointer-events: none;
        -moz-transition: 0.3s opacity ease-in-out;
        -ms-transition: 0.3s opacity ease-in-out;
        -o-transition: 0.3s opacity ease-in-out;
        -webkit-transition: 0.3s opacity ease-in-out;
        transition: 0.3s opacity ease-in-out;
    }

.simpleHeader {
    border: 1px solid rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        right: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

.menuDropdown.open {
    display: block;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

.text-sm {
    font-size: 0.95em;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-heading .panel-title-content {
    display: inline;
}

    .panel-heading .panel-title-content.panel-title-collapse-content {
        display: none;
    }

.panel-heading.collapsed .panel-title-content {
    display: none;
}

    .panel-heading.collapsed .panel-title-content.panel-title-collapse-content {
        display: inline;
    }

.fillRowAuto {
    width: 100%;
    display: table;
}

    .fillRowAuto > * {
        display: table-cell;
        white-space: nowrap;
    }

    .fillRowAuto .autoHideOverflowWrapper {
        position: relative;
        height: 100%;
    }

        .fillRowAuto .autoHideOverflowWrapper > .autoHideOverflow {
            position: absolute;
            overflow: hidden;
            width: 100%;
            height: 100%;
        }

.fillRowFixed {
    width: 100%;
    display: table;
    table-layout: fixed;
}

    .fillRowFixed > * {
        display: table-cell;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tableRow {
    display: table-row;
}

    .tableRow > * {
        display: table-cell;
        white-space: nowrap;
    }

.worksheetStyleSelector {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    margin: 3px;
    cursor: pointer;
}

    .worksheetStyleSelector:hover {
        box-shadow: 0 0 9px 0 #6699ff;
    }

    .worksheetStyleSelector.active {
        box-shadow: 0 0 9px 1px #6699ff;
    }

.width-transition {
    transition: width .4s ease-in-out;
}

.rowEvenColHeight {
    display: table;
}

    .rowEvenColHeight > [class*='col-'] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }

.deskingTable {
    width: 100%;
    display: table;
}

    .deskingTable > div {
        display: table-cell;
        vertical-align: top;
    }

    .deskingTable .deskingLeaseFinance {
        width: 100%;
    }

        .deskingTable .deskingLeaseFinance > div {
            width: 50%;
            float: left;
        }

    .deskingTable .mobileDesking {
        display: none;
    }

    .deskingTable .deskingTableHeader {
        height: 50px;
        max-height: 50px;
        padding: 4px 0;
        margin-bottom: 5px;
        width: 100%;
        border-top: 1px solid #CBCCCD;
        border-bottom: 1px solid #f7f7f7;
    }

    .deskingTable .deskingPadding {
        padding: 0 2px;
    }

    .deskingTable .deskingItem {
        padding: 2px 1px;
        margin: 5px 0;
        border-radius: 5px;
        height: 80px;
        max-height: 80px;
        width: 100%;
        cursor: pointer;
    }

        .deskingTable .deskingItem .blank {
            visibility: hidden;
            pointer-events: none;
        }

    .deskingTable .deskingSpace {
        padding: 2px 1px;
        margin: 5px 0;
        height: 80px;
        max-height: 80px;
        width: 100%;
    }

        .deskingTable .deskingSpace .deskingBorder {
            border-radius: 5px;
            height: 80px;
            max-height: 80px;
            width: 100%;
            cursor: pointer;
        }

.deskingFinalOption {
    border: 2px solid yellow !important;
}

.deskingHighlight {
    background-color: rgba(255, 255, 0, 0.5);
}

.deskingIncentive {
    border-radius: 5px;
    border: 1px solid #C6CED9;
    background-color: #C5E0FE;
    height: 100%;
    width: 100%;
    margin: 2px 5px;
    padding: 5px;
}

.desking-form-control {
    text-align: right;
    font-size: 12px;
    height: auto;
    padding: 2px 8px;
    background-color: #d8e5f1;
}

.flexSidebarWrapper {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

    .flexSidebarWrapper > .flexSidebar {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        transition: width .4s ease-in-out;
        overflow: auto;
        width: 300px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .flexSidebarWrapper > .flexSidebarCollapser {
        width: 14px;
        color: #5f5f5f;
        border: 1px solid #bfbfbf;
        border-radius: 3px;
        font-family: "Glyphicons Halflings";
        box-shadow: 1px 0 3px #aaaaaa;
        background-color: white;
        cursor: pointer;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -moz-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .flexSidebarWrapper > .flexSidebarCollapser:hover {
            background-color: #f2f2f2;
            color: #424242;
        }

        .flexSidebarWrapper > .flexSidebarCollapser::after {
            content: "\e251";
        }

        .flexSidebarWrapper > .flexSidebarCollapser.inverse::after {
            content: "\e250";
        }

    .flexSidebarWrapper > .flexSidebarMainContent {
        overflow: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.flexSidebarWrapperRight {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}

    .flexSidebarWrapperRight > .flexSidebarMainContent {
        overflow: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flexSidebarWrapperRight > .flexSidebar {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-flex-shrink: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        transition: width .4s ease-in-out;
        overflow: auto;
        width: 240px;
    }

    .flexSidebarWrapperRight.toggled > .flexSidebar {
        width: 0 !important;
    }

.flexSidebarWrapper.toggled > .flexSidebar {
    width: 0 !important;
    overflow: auto !important;
}

.flexSidebarWrapper.toggled > .flexSidebarCollapser.inverse::after {
    content: "\e251";
}

.flexSidebarWrapper.toggled > .flexSidebarCollapser::after {
    content: "\e250";
}

.flexSidebarWrapper.toggledRight > .flexSidebarCollapser::after {
    content: "\e250";
}

.flexSidebarWrapper.toggledRight > .flexSidebarCollapser.inverse::after {
    content: "\e251";
}

.flexSidebarWrapper.toggledLeft > .flexSidebarCollapser.inverse::after {
    content: "\e250";
}

.flexSidebarWrapper.toggledLeft > .flexSidebarCollapser::after {
    content: "\e251";
}

tr.strikeout > td {
    position: relative;
}

    tr.strikeout > td:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 50%;
        border-bottom: 1px solid #111;
        width: 100%;
        margin: 0 0;
        z-index: 1;
    }

tr.strikeout td:after {
    content: "\00B7";
    font-size: 10px;
}

td.strikeout:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    border-bottom: 1px solid #111;
    width: 100%;
    margin: 0 0;
    z-index: 1;
}

.disableOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background-color: rgba(222, 222, 222, 0.6);
    cursor: not-allowed;
}

.influenceMapElementContainer {
    width: 0;
    height: 0;
    overflow: visible;
    position: absolute;
    cursor: pointer;
}

.influenceMapElement {
    position: relative;
}

    .influenceMapElement > .influenceMapElementText {
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
    }

    .influenceMapElement > img {
        height: 100%;
    }

.image {
    position: relative;
    width: 100%;
    text-align: center;
}

.txt {
    position: relative;
    bottom: 18px;
    font-size: 11px;
    color: #585858;
}

.txtDude {
    margin-top: -20px;
    margin-left: 5px;
    display: flex;
    font-size: 9px;
    color: white;
}

.inactiveTxtProfile {
    position: absolute;
    left: 30px;
    right: 0;
    height: 100px;
    line-height: 3em;
    color: red;
    font-size: 60px;
    text-shadow: 2px 2px 8px;
    opacity: .4;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
}

.duplicateLeadTxtProfile {
    position: absolute;
    left: 30px;
    right: 0;
    height: 100px;
    line-height: 3em;
    color: black;
    font-size: 60px;
    text-shadow: 2px 2px 8px;
    opacity: .4;
}

.line-through {
    text-decoration: line-through;
}

.inactiveTxt {
    position: absolute;
    margin-top: 200px !important;
    margin-left: 100px !important;
    width: 150px !important;
    height: 50px;
    color: red;
    font-size: 130px !important;
    text-shadow: 2px 2px 8px;
    opacity: .4;
    -ms-transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    z-index: 1500;
}

.treeview .list-group-item {
    cursor: pointer;
    padding: 5px;
}

.treeview span.indent {
    margin-left: 10px;
    margin-right: 10px;
}

.treeview span.icon {
    width: 12px;
    margin-right: 5px;
}

.treeview .node-disabled {
    color: silver;
    cursor: not-allowed;
}

*[hidden] {
    display: none;
}

.bubbledLeft {
    margin-top: 5px;
    padding: 8px 14px;
    clear: both;
    position: relative;
    float: left;
    margin-right: auto;
    border-radius: 0px 12px 12px 12px;
    background-color: #E0E0E1;
    color: #000;
    max-width:92%;
}
.bubbledRight {
    margin-top: 5px;
    padding: 8px 14px;
    clear: both;
    position: relative;
    float: right;
    margin-left: auto;
    text-align: right;
    border-radius: 12px 0px 12px 12px;
    background-color: #0054A6;
    color: white;
    max-width: 92%;
}

.bubbledLeftFailed {
    margin-top: 5px;
    padding: 5px 9px;
    clear: both;
    position: relative;
    float: left;
    margin-right: auto;
    text-align: left;
    border-radius: 8px 8px 8px 0;
    background-color: #E0E0E1;
    color: black;
    border: 1px solid #F11735;
    word-wrap: break-word;
    overflow: hidden;
    max-width: 92%;
}

    .bubbledLeftFailed:before {
        position: absolute;
        bottom: 0;
        left: -8px;
        content: "";
    }

    .failedMessageContainer {
        display: flex;
        flex-direction: column;
        max-width: 90%;
        margin-right: auto;
    }

.failedMessageText {
    color: red;
    font-size: 9px;
    margin-top: 2px;
    text-align: right;
}

.bubbledRightError {
    margin-top: 5px;
    padding: 8px 14px;
    clear: both;
    position: relative;
    float: right;
    margin-left: auto;
    text-align: left;
    border-radius: 12px 0px 12px 12px;
    background-color: #FEE0E4;
    color: #181A18;
    max-width: 92%;
}

.errorMessageContainerInbound {
    display: flex;
    flex-direction: column;
    align-items: flex-end; 
    margin-left: auto;
}
.smsDateUser {
    line-height: 14px;
    margin-top:10px;
    font-size: 12px;
    color: #4C4E50;
}

.modal-flex {
    height: 100% !important;
    width: 100% !important;
}

    .modal-flex > .modal-dialog {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        margin: 0 auto;
        padding: 10px 0;
    }

        .modal-flex > .modal-dialog > .modal-content {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -moz-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            overflow: visible;
            max-height: 100%;
            min-height: 1px;
        }

            .modal-flex > .modal-dialog > .modal-content > .modal-header {
                -moz-flex-shrink: 0;
                -webkit-flex-shrink: 0;
                flex-shrink: 0;
            }

            .modal-flex > .modal-dialog > .modal-content > .modal-footer {
                -moz-flex-shrink: 0;
                -webkit-flex-shrink: 0;
                flex-shrink: 0;
            }

            .modal-flex > .modal-dialog > .modal-content .modal-body {
                -webkit-box-flex: 1;
                -moz-box-flex: 1;
                -webkit-flex: 1 1 auto;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                overflow: auto;
            }

.inventoryGalleryViewItem {
    border: thin solid grey;
    border-radius: 5px;
    margin: 5px;
    padding: 5px 7px;
}

    .inventoryGalleryViewItem:hover {
        box-shadow: inset 0 0 0 99999px rgba(255, 255, 255, 0.5);
    }

    .inventoryGalleryViewItem .selected {
        box-shadow: inset 0 0 0 99999px rgba(255, 255, 255, 0.5);
    }

    .inventoryGalleryViewItem .inventoryGalleryViewImage {
        width: 225px;
        background-color: #fff;
    }

.inventoryGalleryViewItemSelected {
    box-shadow: inset 0 0 0 99999px rgba(255, 255, 255, 0.5);
}

.rotateNeg30 {
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.absoluteCenter {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    max-height: 200px;
    overflow-y: auto;
}

    .ui-autocomplete .ui-menu-item {
        display: block;
        padding: 3px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        color: #555555;
        white-space: nowrap;
        cursor: pointer;
    }

        .ui-autocomplete .ui-menu-item:hover {
            color: #ffffff;
            text-decoration: none;
            background-color: #0088cc;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            background-image: none;
        }

        .ui-autocomplete .ui-menu-item.active {
            color: #ffffff;
            text-decoration: none;
            background-color: #0088cc;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            background-image: none;
        }

.ui-menu .ui-menu-item a.ui-corner-all:hover {
    background: #0088cc !important;
}

.ui-menu .ui-menu-item a.ui-corner-all:focus {
    background: #0088cc !important;
}

.ui-menu .ui-menu-item a.ui-corner-all:active {
    background: #0088cc !important;
}

.ui-state-hover {
    background: #0088cc;
}

.ui-state-focus {
    background: #0088cc;
}

.hr-divider {
    width: 100%;
    margin: 5px 0;
    padding: 0 10px;
    background-color: #CCCCCC;
    height: 1px;
}

.flexDevExRichText {
    width: 100%;
    height: 100%;
}

    .flexDevExRichText > form {
        width: 100%;
        height: 100%;
    }

        .flexDevExRichText > form > #RichEdit {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -moz-box-orient: vertical;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .flexDevExRichText > form > #RichEdit > #RichEdit_View {
                height: 100% !important;
            }

.bold {
    font-weight: bold;
}

.vehicleInactive {
    color: #a3a3a3 !important;
    font-style: italic !important;
}

.yellowBorder {
    border: 2px solid #ffff4d;
}

.yellowBorderBegin {
    border-top: 2px solid #ffff4d;
    border-left: 2px solid #ffff4d;
    border-bottom: 2px solid #ffff4d;
}

.yellowBorderMiddle {
    border-top: 2px solid #ffff4d;
    border-bottom: 2px solid #ffff4d;
}

.yellowBorderEnd {
    border-top: 2px solid #ffff4d;
    border-right: 2px solid #ffff4d;
    border-bottom: 2px solid #ffff4d;
}

.btn-arrow-right {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
    padding-left: 36px;
}

    .btn-arrow-right:before {
        content: "";
        position: absolute;
        top: 5px;
        width: 16px;
        height: 16px;
        background: inherit;
        border: inherit;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        right: -8px;
        height: 16px;
        width: 16px;
        margin-top: -3px;
        background-color: transparent;
    }

    .btn-arrow-right:after {
        content: "";
        position: absolute;
        top: 5px;
        width: 16px;
        height: 16px;
        background: inherit;
        border: inherit;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        right: -8px;
        height: 16px;
        width: 16px;
        margin-top: -3px;
        z-index: 1;
    }

.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
    padding-right: 36px;
}

    .btn-arrow-left:before {
        content: "";
        position: absolute;
        top: 5px;
        width: 16px;
        height: 16px;
        background: inherit;
        border: inherit;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        right: -8px;
        height: 16px;
        width: 16px;
        margin-top: -3px;
        z-index: 1;
    }

    .btn-arrow-left:after {
        content: "";
        position: absolute;
        top: 5px;
        width: 16px;
        height: 16px;
        background: inherit;
        border: inherit;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        -moz-border-radius: 0 4px 0 0;
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        right: -8px;
        height: 16px;
        width: 16px;
        margin-top: -3px;
        background-color: transparent;
    }

.errorBorder {
    border-style: groove;
    border-color: #bf3333;
}

.placeholder {
    color: #bf3333;
    font-style: italic;
}

.inputDropdown::-webkit-input-placeholder {
    color: #bf3333;
    font-style: italic;
}

.inputDropdown:-moz-placeholder {
    color: #bf3333;
    font-style: italic;
}

.inputDropdown::-moz-placeholder {
    color: #bf3333;
    font-style: italic;
}

.inputDropdown:-ms-input-placeholder {
    color: #bf3333;
    font-style: italic;
}

.inputDropdown::-ms-input-placeholder {
    color: #bf3333;
    font-style: italic;
}

.StrongBorder {
    border-color: lightgray !important;
    border-radius: 0 !important;
}

.min {
    width: 250px;
    height: 35px;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0;
    float: left;
    position: static !important;
}

    .min .modal-dialog {
        height: 100%;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .min .modal-content {
        height: 100%;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .min .modal-header {
        height: 100%;
        width: 100%;
        margin: 0 !important;
        padding: 3px 5px !important;
    }

.display-none {
    display: none;
}

.minmaxCon {
    height: 35px;
    bottom: 1px;
    position: fixed;
    right: 1px;
    width: 250px;
    z-index: 9999;
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .fluidMedia iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.floatThead-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    min-height: 22px;
    width: 100%;
    flex: 1;
}

.worksheet-clean {
    background: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
}

.summaryTable {
    border-collapse: collapse;
}

    .summaryTable td {
        padding: 2px;
        overflow: hidden;
        white-space: nowrap;
    }

.editableLabel {
    height: 17px;
    font-size: 13px;
    color: #333;
    padding: 0 5px;
    border: 0;
    border-image: none;
    box-shadow: none;
    background-color: transparent;
}

.tooltip {
    z-index: 10001;
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

    .bootstrap-tagsinput input {
        border: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;
        padding: 0 6px;
        margin: 0;
        width: auto;
        max-width: inherit;
    }

        .bootstrap-tagsinput input:focus {
            border: none;
            box-shadow: none;
        }

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: white;
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            margin-left: 8px;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "x";
                padding: 0 2px;
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover {
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            }

                .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
                    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                }

    .bootstrap-tagsinput.form-control input::-moz-placeholder {
        color: #777;
        opacity: 1;
    }

    .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
        color: #777;
    }

    .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
        color: #777;
    }

.dataCard {
    background-image: -webkit-linear-gradient(bottom, #cccccc 0, #999999 100%);
    background-image: -o-linear-gradient(bottom, #cccccc 0, #999999 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#999999), to(#c2ffff));
    background-image: linear-gradient(to top, #cccccc 0, #999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999',endColorstr='#cccccc',GradientType=0);
    background-repeat: repeat-x;
    border-color: #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #080808;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

    .dataCard:hover {
        box-shadow: inset 0 0 5px 5px #4b8df7;
    }

    .dataCard.selected {
        box-shadow: inset 0 0 5px 5px #4b8df7;
    }

.dataCard_white {
    background-image: -webkit-linear-gradient(bottom, #ededed 0, #ffffff 100%);
    background-image: -o-linear-gradient(bottom, #ededed 0, #ffffff 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#ffffff));
    background-image: linear-gradient(to top, #ededed 0, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff',GradientType=0);
    background-repeat: repeat-x;
    border-color: #d1d1d1;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #080808;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

    .dataCard_white:hover {
        box-shadow: inset 0 0 5px 5px #4b8df7;
    }

    .dataCard_white.selected {
        box-shadow: inset 0 0 5px 5px #4b8df7;
    }

    .dataCard_white.highlighted {
        background-image: linear-gradient(to top, #4b8df7 0, lightgray 68%);
    }

div.droppableSection {
    border-radius: 4px;
}

.QPSectionElement.selected {
    box-shadow: inset 0 0 5px 5px #4b8df7;
}

.QPSectionElement.NA {
    background-color: #fbecba;
    color: black;
}

.droppableSection.selected {
    box-shadow: inset 0 0 5px 5px #4b8df7;
}

#dropContainerQP > div:last-child {
    padding-bottom: 50px !important;
    margin-bottom: 50px !important;
}

ul.jqtree-tree .jqtree-title.jqtree-title-folder {
    font-weight: bold;
    font-style: normal !important;
    color: black !important;
}

ul.jqtree-tree .jqtree-title {
    font-style: italic !important;
    color: #4b8df7 !important;
    font-weight: normal;
}

#assist_menu {
    position: fixed;
    right: 0;
    top: 50%;
    width: 1.5em;
    margin: -2.5em 0 0 0;
    z-index: 999999;
    background: rgba(133, 194, 10, 0.4);
    font-weight: bold;
    font-size: large;
    text-align: left;
    border: solid rgba(133, 194, 10, 0.2);
    border-right: none;
    padding: 6px 5px 0 2px;
    box-shadow: 0 1px 3px black;
    border-radius: 6px 0 0 6px;
}

.box {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

    .box::after {
        content: "";
        border-radius: 5px;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .box:hover {
        -webkit-transform: scale(1.25, 1.25);
        transform: scale(1.25, 1.25);
    }

        .box:hover::after {
            opacity: 1;
        }

.blinkColor {
    animation: blinking 2s infinite;
}

.blink-bg {
    animation: blinkingBackground 2s infinite;
    color: white;
}

.dataCard_alternating {
    background-image: -webkit-linear-gradient(bottom, #ededed 0, #ffffff 100%);
    background-image: -o-linear-gradient(bottom, #ededed 0, #ffffff 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#ffffff));
    background-image: linear-gradient(to top, #ededed 0, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff',GradientType=0);
    background-repeat: repeat-x;
    border-color: #d1d1d1;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
    color: #080808;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
}

    .dataCard_alternating:hover {
        box-shadow: inset 0 0 5px 5px #4b8df7;
    }

    .dataCard_alternating.selected {
        box-shadow: inset 0 0 5px 5px #4b8df7;
    }

div.dataCard_alternating > div:nth-of-type(odd) {
    background: #e0e0e0;
}

.collapsed .fa-chevron-down {
    display: none;
}

.collapsed .fa-chevron-right {
    display: inline-block;
}

.fa-chevron-right {
    display: none;
}

.fa-chevron-down {
    display: inline-block;
}

.vectro {
    position: relative;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.1px #f1f1f1;
    font-family: "Righteous", cursive;
    font-size: 15pt;
    margin: 5px 0 5px 0;
}

    .vectro:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 2px);
    }

.windows .vectro {
    -webkit-text-stroke: 4px #f1f1f1;
}

.windows .vectro-red {
    padding-right: 30px;
}

.windows .vectro-green {
    padding-right: 30px;
    margin-left: -30px;
}

.windows .vectro-blue {
    padding-right: 30px;
    margin-left: -30px;
}

.vectro-body {
    -webkit-background-clip: text;
    background-image: -webkit-linear-gradient(#C3BFB4 0, #FDFCFA 50%, #E8E7E5 51%, #757172 52%, #E8E9DB 100%);
    -webkit-filter: drop-shadow(2px 2px 15px #3F59F4);
}

.vectro-red {
    color: #F10C20;
    -webkit-text-fill-color: #F10C20;
    -webkit-text-stroke: 0;
    -webkit-filter: drop-shadow(2px 2px 15px #F10C20);
    font-style: italic;
    padding-right: 20px;
}

.vectro-green {
    color: #6BFF2B;
    -webkit-text-fill-color: #6BFF2B;
    -webkit-filter: drop-shadow(2px 2px 15px #6BFF2B);
    -webkit-text-stroke: 0;
    font-style: italic;
    padding-right: 20px;
    margin-left: -20px;
}

.vectro-blue {
    color: #3F59F4;
    -webkit-text-fill-color: #3F59F4;
    -webkit-filter: drop-shadow(2px 2px 15px #3F59F4);
    -webkit-text-stroke: 0;
    font-style: italic;
    padding-right: 20px;
    margin-left: -20px;
}

.slowShake {
    animation: shake 6s;
    animation-iteration-count: infinite;
}

.module {
    width: 100%;
    padding: 5px;
    color: black;
    border-width: 3px;
    border-style: solid;
    border-image: linear-gradient(to bottom, steelBlue, rgba(0, 0, 0, 0)) 1 100%;
}

.faa-wrench.animated {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}

.faa-wrench.animated-hover:hover {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}

.faa-parent.animated-hover:hover > .faa-wrench {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
    transform-origin-x: 90%;
    transform-origin-y: 35%;
    transform-origin-z: initial;
}

.faa-parent.animated-hover:hover > .faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial;
}

.faa-parent.animated-hover:hover > .faa-vertical {
    -webkit-animation: vertical 2s ease infinite;
    animation: vertical 2s ease infinite;
}

.faa-parent.animated-hover:hover > .faa-horizontal {
    -webkit-animation: horizontal 2s ease infinite;
    animation: horizontal 2s ease infinite;
}

.faa-parent.animated-hover:hover > .faa-flash {
    -webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
}

.faa-parent.animated-hover:hover > .faa-bounce {
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}

.faa-parent.animated-hover:hover > .faa-spin {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.faa-parent.animated-hover:hover > .faa-float {
    -webkit-animation: float 2s linear infinite;
    animation: float 2s linear infinite;
}

.faa-parent.animated-hover:hover > .faa-pulse {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}

.faa-parent.animated-hover:hover > .faa-shake {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
}

.faa-parent.animated-hover:hover > .faa-tada {
    -webkit-animation: tada 2s linear infinite;
    animation: tada 2s linear infinite;
}

.faa-parent.animated-hover:hover > .faa-passing {
    -webkit-animation: passing 3s linear infinite;
    animation: passing 3s linear infinite;
}

.faa-parent.animated-hover:hover > .faa-burst {
    -webkit-animation: burst 3s infinite linear;
    animation: burst 3s infinite linear;
}

.faa-ring.animated {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial;
}

.faa-ring.animated-hover:hover {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial;
}

.faa-vertical.animated {
    -webkit-animation: vertical 2s ease infinite;
    animation: vertical 2s ease infinite;
}

.faa-vertical.animated-hover:hover {
    -webkit-animation: vertical 2s ease infinite;
    animation: vertical 2s ease infinite;
}

.faa-horizontal.animated {
    -webkit-animation: horizontal 2s ease infinite;
    animation: horizontal 2s ease infinite;
}

.faa-horizontal.animated-hover:hover {
    -webkit-animation: horizontal 2s ease infinite;
    animation: horizontal 2s ease infinite;
}

.faa-flash.animated {
    -webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
}

.faa-flash.animated-hover:hover {
    -webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
}

.faa-bounce.animated {
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}

.faa-bounce.animated-hover:hover {
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}

.faa-spin.animated {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.faa-spin.animated-hover:hover {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.faa-float.animated {
    -webkit-animation: float 2s linear infinite;
    animation: float 2s linear infinite;
}

.faa-float.animated-hover:hover {
    -webkit-animation: float 2s linear infinite;
    animation: float 2s linear infinite;
}

.faa-pulse.animated {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}

.faa-pulse.animated-hover:hover {
    -webkit-animation: pulse 2s linear infinite;
    animation: pulse 2s linear infinite;
}

.faa-shake.animated {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
}

.faa-shake.animated-hover:hover {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
}

.faa-tada.animated {
    -webkit-animation: tada 2s linear infinite;
    animation: tada 2s linear infinite;
}

.faa-tada.animated-hover:hover {
    -webkit-animation: tada 2s linear infinite;
    animation: tada 2s linear infinite;
}

.faa-passing.animated {
    -webkit-animation: passing 3s linear infinite;
    animation: passing 3s linear infinite;
}

.faa-passing.animated-hover:hover {
    -webkit-animation: passing 3s linear infinite;
    animation: passing 3s linear infinite;
}

.faa-burst.animated {
    -webkit-animation: burst 3s infinite linear;
    animation: burst 3s infinite linear;
}

.faa-burst.animated-hover:hover {
    -webkit-animation: burst 3s infinite linear;
    animation: burst 3s infinite linear;
}

.acceptedQuote {
    background-color: #e6f2ff;
    border-bottom: solid #99ccff;
}

.notAcceptedQuote {
    background-color: white;
    border-bottom: solid #cccccc;
}

.blink {
    animation: blink 0.5s step-start infinite;
}

.panel-recall {
    width: 130px;
    height: 90px !important;
    text-align: center;
}

    .panel-recall > .panel-body {
        height: 50px !important;
        font-size: 12px !important;
    }

    .panel-recall > .panel-heading {
        font-size: 13px !important;
    }

.label-recall {
    display: inline-block;
    height: 20px;
    width: 75px;
    padding: 5px;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.password-container {
    position: relative;
}

    .password-container input[type="password"] {
        width: 100%;
        padding: 12px 36px 12px 12px;
        box-sizing: border-box;
    }

    .password-container input[type="text"] {
        width: 100%;
        padding: 12px 36px 12px 12px;
        box-sizing: border-box;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

    input:-webkit-autofill:hover {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }

    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }

    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }

.borderBlue {
    border-color: #0054A6;
}

.beback {
    border: 1px solid #5cb252;
    background-color: white;
    color: black;
    cursor: pointer;
}

.beback_today {
    border: 1px solid #5cb252;
    background-color: #5cb252;
    color: white;
    cursor: pointer;
}

.errorText {
    color: #8D0404;
}

.footerImage {
    overflow: hidden;
    position: absolute;
    width: 100%;
    vertical-align: bottom;
    display: inline-block;
    bottom: 0;
}

.telephonyTranscriptionPopup {
    margin: 10px;
    background-color: white;
    min-width: 300px;
    bottom: 2%;
    position: fixed;
    z-index: 1050;
}

.dataCard_blue {
    background-image: -webkit-linear-gradient(left, #01264a 0, #0054A6 50%) !important;
    background-image: -o-linear-gradient(left, #01264a 0, #0054A6 50%) !important;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#01264a), to(#0054A6)) !important;
    background-image: linear-gradient(to left, #01264a 0, #0054A6 50%) !important;
    color: #fafbfc !important;
}

.mb-0 {
    margin-bottom: 0;
}

li > button > span {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

i .mce-ico.mce-i-attachFile {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M375 73c-26-26-68.1-26-94.1 0L89 265C45.3 308.6 45.3 379.4 89 423s114.4 43.6 158.1 0L399 271c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L281 457c-62.4 62.4-163.5 62.4-225.9 0S-7.4 293.4 55 231L247 39C291.7-5.7 364.2-5.7 409 39s44.7 117.2 0 161.9L225.2 384.7c-31.6 31.6-83.6 28.7-111.5-6.2c-23.8-29.8-21.5-72.8 5.5-99.8L271 127c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L153.2 312.7c-9.7 9.7-10.6 25.1-2 35.8c10 12.5 28.7 13.6 40 2.2L375 167c26-26 26-68.1 0-94.1z"/></svg>') !important;
    height: 19px !important;
    width: 17px !important;
}

.mce-ico.mce-i-fa {
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.logo-button {
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="uuid-a71ccb7b-1336-4563-a5ae-f7470a6b2870" viewBox="0 0 978.96 979.2"><defs><style>.uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8{fill:%23181918;}.uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8,.uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259,.uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55,.uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9{stroke-width:0px;}.uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259{fill:%23231f20;}.uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55{fill:%230054a6;}.uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9{fill:%23fff;filter:url(%23uuid-edca2a82-e56f-4ba9-9356-94040d4019aa);}</style><filter id="uuid-edca2a82-e56f-4ba9-9356-94040d4019aa" filterUnits="userSpaceOnUse"><feOffset dx="4" dy="4"/><feGaussianBlur result="uuid-c99b30bb-64d4-4ab5-8273-93fdb1f5ca7e" stdDeviation="5"/><feFlood flood-color="%23181918" flood-opacity=".25"/><feComposite in2="uuid-c99b30bb-64d4-4ab5-8273-93fdb1f5ca7e" operator="in"/><feComposite in="SourceGraphic"/></filter></defs><rect class="uuid-ef369f08-e4c7-4e86-9fa9-ba9efd70fef9" x="11.0435" y="11.1642" width="948.8132" height="948.8132" rx="92.9066" ry="92.9066"/><g id="uuid-8e2bc765-c835-4111-8a82-16c44c617c76"><path class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" d="m112.6087,708.7767v-384.2949h144.3577c124.6481,0,186.2348,59.6186,186.2348,192.151s-61.5867,192.1438-186.2348,192.1438H112.6087Zm144.3577-81.2925c71.9341,0,94.0995-42.8634,94.0995-110.8513s-22.1654-110.8515-94.0995-110.8515h-53.2042v221.7028h53.2042Z"/><polygon class="uuid-cefe0f09-5cd2-4bbf-9ee8-0f6712a30259" points="661.3119 432.6005 601.8734 492.039 661.3257 551.4777 720.7505 492.039 661.3119 432.6005"/><polygon class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" points="553.1794 324.4818 553.1133 324.5472 553.1133 324.4876 469.0293 324.4876 469.0293 709.386 553.1133 709.386 553.1133 443.2725 598.6106 488.7697 658.0361 429.3312 553.1794 324.4818"/><path class="uuid-e4e5168a-ac89-4cb2-87f2-5e4177697bd8" d="m511.0786,299.5575c31.1572,0,56.4271-25.2626,56.4271-56.4343s-25.2698-56.4467-56.4271-56.4467-56.4416,25.2613-56.4416,56.4467,25.2698,56.4343,56.4416,56.4343Z"/><path class="uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55" d="m811.6671,299.5575c31.1573,0,56.4389-25.2626,56.4389-56.4343s-25.2816-56.4467-56.4389-56.4467c-31.173,0-56.4415,25.2613-56.4415,56.4467s25.2685,56.4343,56.4415,56.4343Z"/><polygon class="uuid-9ebf0a30-6a6d-4322-a614-62ed3717ee55" points="769.6434 324.5014 769.6303 324.4818 664.5878 429.504 724.0271 488.9353 769.6434 443.319 769.6434 709.386 853.7012 709.386 853.7012 324.4876 769.6434 324.4876 769.6434 324.5014"/></g></svg>');
}

@media (min-width: 1100px) {
    .form-horizontal .control-label {
        padding-top: 5px;
        margin-bottom: 0;
        text-align: left;
    }

    .containerLogin {
        padding-top: 45px;
    }
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }

    .containerLogin {
        padding-top: 35px;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }

    .containerLogin {
        padding-top: 50px;
    }
}

@media screen and (max-width: 1255px) {
    .bookApptPopupBaseSettings {
        width: 70% !important;
        left: 15%;
    }
}

@media screen and (max-width: 1180px) {
    .worksheet-Width {
        min-width: 80%;
    }
}

@media screen and (max-width: 1080px) {
    .bookApptPopupBaseSettings {
        width: 80% !important;
        left: 10%;
    }

    .clickable tr {
        height: 45px !important;
    }

    .hoverTable tr {
        line-height: 25px;
    }

    .dropdown-menu li {
        margin: 5px !important;
    }

    .add-check > .btn {
        min-width: 120px;
    }

    html {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media screen and (max-width: 940px) {
    .bookApptPopupBaseSettings {
        width: 95% !important;
        left: 2%;
    }
}

@media only screen and (max-width: 1200px) {
    .deskingTable .mobileDesking {
        display: block;
    }

    .deskingTable .deskingLeaseFinance > div {
        width: 100%;
    }
}

@media screen and (-ms-high-contrast: active) {
    tr.strikeout > td {
        position: relative;
    }

        tr.strikeout > td:before {
            top: auto;
            height: 1em;
        }

    tr.strikeout td:after {
        content: "\00B7";
        font-size: 10px;
    }

    td.strikeout:before {
        top: auto;
        height: 1em;
    }
}

@media screen and (-ms-high-contrast: none) {
    tr.strikeout > td {
        position: relative;
    }

        tr.strikeout > td:before {
            top: auto;
            height: 1em;
        }

    tr.strikeout td:after {
        content: "\00B7";
        font-size: 10px;
    }

    td.strikeout:before {
        top: auto;
        height: 1em;
    }
}

h1 {
    font-family: "Open Sans", sans-serif;
}

h2 {
    font-family: "Open Sans", sans-serif;
}

h3 {
    font-family: "Open Sans", sans-serif;
}

h4 {
    font-family: "Open Sans", sans-serif;
}

h5 {
    font-family: "Open Sans", sans-serif;
}

h6 {
    font-family: "Open Sans", sans-serif;
}

a {
    font-family: "Open Sans", sans-serif;
}

p {
    font-family: "din-2014", sans-serif;
}
.context-addup.btn.btn-theme.navbar-btn.dropdown-toggle.nav-communication-banner-button:hover {
    color: #ffffff;
}
.blueHeader {
    color: var(--Blue-500, #0054A6);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; 
}
.blackOpenSanHeader {
    color: #000;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    white-space:nowrap;
}
.blackRoboto {
    font-family: "Roboto";
    color: #000;
}
.recServicebox {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 2px 6px 0px rgba(24, 26, 24, 0.25);
    padding:10px;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0 !important;
    outline-offset: 0 !important;
}
.top-nav-btns {
    box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.1) !important;
}
.noBorders {
    border: none !important;
    background-color: transparent !important;
}
.userBtn {
    box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
}
.engage_card {
    border-radius: 6px;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 2px 6px 0px rgba(24, 26, 24, 0.25);
    gap:10px;
    width:100%;
    padding:15px;
}
.engage_circle {
    width: 36px;
    height: 36px;
    line-height: 33px;
    border-radius: 50%;
    font-weight:700;
    font-size: 29px;
    color: #fff;
    text-align: center;
    background: #E0E0E1;
}
.engage_circle_active {
    background: #0054A6 !important;
}
.engage_circle_small {
    width: 15px;
    height: 15px;
    line-height: 14px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background: #0054A6;
    margin-right:5px;
}
.vertical_line {
    border-right: 1px solid #E0E0E1;
    height: 60px;
    margin-top: 7px;
}
.ignite-progress {
    background-color: #D9D9D9;
    border-radius: 6px;
    height: 10px;
}
.ignite-progress-bar {
    border-radius: 6px;
    background-color: #0054A6;
    height: 10px;
    transition: width 1.5s ease;
}
.igniteItem {
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
    padding-right: 6px;
    color: #4C4E50;
}
.igniteItem:hover {
    background-color: #F5F5F5;
}
.selectedIgniteItem {
    color: white !important;
    background-color: #0054A6;
    border-radius: 6px;
    pointer-events: none;
}
.completedIgniteItem {
    pointer-events: none;
    color:#97999B;
}
.whiteText {
    color: white !important;
}
.panel-heading-worksheet {
    color: dimgray !important;
}
.empower_card {
    border-radius: 6px;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    gap: 15px;
    font-size: 14px;
    font-weight: 400;
    padding: 15px;
    margin-right: 10px;
    margin-bottom: 20px;
}
.empower_current {
    border: 1px solid var(--Border-grey, #B6B8B9);
    background: var(--Font-Color-for-main-Theme-color, #FFF);
    height: 100%;
    padding:5px;
}
:focus-visible {
    outline:none;
}
.metrics_card {
    border-radius: 6px;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(24, 26, 24, 0.25);
    height: 126px;
    width: 100%;
    padding: 12px;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}
.dashboardSectionHeader {
    display: flex;
    height: 84px;
    align-items: center;
    gap: 10px;
    border-radius: var(--3, 6px);
    background: var(--Main-Color, #0054A6);
    color: var(--Font-Color-for-main-Theme-color, #FFF);
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    width:100%;
}
.dashboardKPICard {
    display: flex;
    height: 132px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 6px;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #000;
    text-align: center;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}
.kpiHeaders {
    color: var(--Light-Text-Secondary-Text, var(--Gray-Gray-500, #97999B));
    font-family: "DIN";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.kpiValues {
    color: #000;
    font-family: "Open Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.dashboardSectionBTN {
    border-radius: var(--3, 6px);
    background: var(--darker-active-background, #E0E0E1);
    height: 40px;
    color: var(--Form-text-default, #4C4E50);
    font-family: "Open Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    align-items: center;
    padding: 0 10px;
}
.dashboardSectionBTN.selected {
    background: var(--DM-nav-bar-back, #0054A6);
    color: var(--Font-Color-for-main-Theme-color, #FFF);
}
.dashboard_sectionBodyTitle {
    color: #000;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight:600;
    padding-bottom:7px;
}
.dashboard_sectionBody {
    display: flex;
    padding:15px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 6px;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 2px 6px 0px rgba(24, 26, 24, 0.25);
    width:100%;
    height:100%;
    margin-bottom:15px;
}
.dashboard_component {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.selectedDashboardTab {
    border-top: solid 2px #0054A6;
    margin-top: -15px;
    padding-top: 13px;
    font-weight: 600;
}
.dashboard_loader {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
}

    .dashboard_loader:before,
    .dashboard_loader:after {
        border-radius: 50%;
        content: "";
        display: block;
        height: 20px;
        width: 20px;
    }

    .dashboard_loader:before {
        animation: ball1 1s infinite;
        background-color: #E0E0E1;
        box-shadow: 30px 0 0 #0054A6;
        margin-bottom: 10px;
    }

    .dashboard_loader:after {
        animation: ball2 1s infinite;
        background-color: #0054A6;
        box-shadow: 30px 0 0 #E0E0E1;
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(0.8)
    }

    50% {
        transform: rotate(360deg) scale(1.2)
    }

    100% {
        transform: rotate(720deg) scale(0.8)
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #0054A6;
    }

    50% {
        box-shadow: 0 0 0 #0054A6;
        margin-bottom: 0;
        transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #0054A6;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #E0E0E1;
    }

    50% {
        box-shadow: 0 0 0 #E0E0E1;
        margin-top: -20px;
        transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #E0E0E1;
        margin-top: 0;
    }
}
  
    
.progress_dashboard {
    height: 8px;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: #E0EAF4;
    border-radius: 5px;
}
.progress-bar_dashboard {
    border-radius: 5px;
    height:8px;
}
.dashboard_chartCard {
    border-radius: 6px;
    border: 1px solid var(--Border-grey, #B6B8B9);
    background: var(--Base-White, #FFF);
    display: flex;
    width: 320px;
    padding: 19px 49px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    font-family: "Open Sans";
    color: #000;
}
.engageGroup_inactive {
    background: var(--BlueGray-BlueGray-100, #DFE7EC) !important;
    box-shadow: 0px 2px 6px 0px rgba(24, 26, 24, 0.25) !important;
}
.switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

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

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

input:checked + .slider_switch {
    background-color: #0054A6;
}

input:focus + .slider_switch {
    box-shadow: 0 0 1px #0054A6;
}

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

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

.slider_switch.round:before {
    border-radius: 50%;
}
.engageSettings {
    border-radius: 6px;
    background: #F5F5F5;
    padding: 10px;
    gap: 10px;
}
.engageSettings_header {
    font-family: "Open Sans";
    font-weight: 600;
    color: #000;
    font-size: 14px;
    display:flex;
    margin-bottom:2px;
}
.engageSettings_item {
    font-family: "DIN";
    font-weight: 400;
    letter-spacing: -0.42px;
    color: #4C4E50;
    padding: 6px 0px 6px 0px;
    gap:1px;
}
.engageSettings_tooltip_icon {
    margin-top: -9px;
    margin-left: -2px;
    color: #0054A6;
    cursor:pointer;
    padding:5px;
}
.mandatoryTextBoxError {
    border: 1px solid red !important;
}
.engageYellow {
    color: #dea509;
}
.serviceHistoryTable td {
    vertical-align: top
}

.serviceHistoryTable div {
    height: 18px;
}
.textStatsHeaders {
    font-family:"Open Sans";
    font-size:15px;
    font-weight:600;
    color:black;
}
.StatsChartContainer {
    height:385px;
    display: flex;
    width:100%;
    padding: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 6px;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 2px 6px 0px rgba(24, 26, 24, 0.25);
}
.StatsGridContainer {
    display: flex;
    width: 100%;
    padding: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 6px;
    background: var(--Base-White, #FFF);
    box-shadow: 0px 2px 6px 0px rgba(24, 26, 24, 0.25);
}
@font-face {
    font-family: DIN;
    src: url('../fonts/DIN-Medium.ttf');
}

.DIN {
    font-family: DIN;
}
.Roboto {
    font-family: "Roboto";
    font-weight: normal !important;
}
.engage_DataToProcess {
    color: #4C4E50;
    font-family:"Roboto";
}
/* Custom styles for the audio container */
.custom-audio {
    border-radius: 6px;
    background: #E5E8EA;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%; /* Set a width for the player */
    height: 40px;
}

    /* Custom styles for text inside the audio player (e.g., time display) */
    /* Chrome and WebKit-based browsers */
    .custom-audio::-webkit-media-controls-current-time-display,
    .custom-audio::-webkit-media-controls-time-remaining-display {
        color: #4C4E50;
        font-family: 'DIN', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    /* Firefox - Custom styles for time display (fallback for other browsers) */
    .custom-audio::-moz-media-controls {
        color: #4C4E50;
        font-family: 'DIN', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    /* Customize the control bar */
    /* Chrome and WebKit-based browsers */
    .custom-audio::-webkit-media-controls-panel {
        background: #E5E8EA;
        border-radius: 6px;
    }

    /* Firefox - Control panel fallback */
    .custom-audio::-moz-media-controls {
        background: #E5E8EA;
        border-radius: 6px;
    }

    /* Custom styles for the play button */
    /* Chrome and WebKit-based browsers */
    .custom-audio::-webkit-media-controls-play-button {
        color: #4C4E50;
        border-radius: 50%; /* Circular button */
        font-family: 'DIN', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

        .custom-audio::-webkit-media-controls-play-button:hover,
        .custom-audio::-webkit-media-controls-play-button:focus {
            background-color: #E5E8EA;
            border-radius: 20px;
        }

    /* Firefox - Custom styles for the play button */
    .custom-audio::-moz-media-controls-play-button {
        color: #4C4E50;
        background-color: #E5E8EA;
        border-radius: 20px;
        font-family: 'DIN', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

        .custom-audio::-moz-media-controls-play-button:hover,
        .custom-audio::-moz-media-controls-play-button:focus {
            background-color: #E5E8EA;
            border-radius: 20px;
        }

    /* Additional fallback for unsupported pseudo-elements */
    .custom-audio:focus {
        outline: none; /* Removes default focus */
    }
/* Style the button */
#progressButton {
    background: #0054A6; /* Main button color */
    transition: background-color 0.3s ease;
}

/* Smooth gradient animation moving left-to-right and right-to-left */
#progressButton.gradient {
    background: linear-gradient(90deg, #0054A6, #80AAD3, #0054A6); /* Gradient colors */
    background-size: 300%; /* Extend gradient for smooth animation */
    animation: smoothGradient 3s linear infinite alternate; /* Alternate direction for back-and-forth motion */
}

/* Gradient animation keyframes */
@keyframes smoothGradient {
    0% {
        background-position: 0% 50%; /* Start from the left */
    }

    100% {
        background-position: 100% 50%; /* End at the right */
    }
}

/* Completed state */
#progressButton.complete {
    background: #009A5C; /* Solid green when complete */
    animation: none; /* Stop animation */
    color: white;
}
/* Completed state */
#progressButton.error {
    background: #E40008; /* Solid green when complete */
    animation: none; /* Stop animation */
    color: white;
}
/* Style the button */
#progressButton {
    background: #0054A6; /* Main button color */
    color: white;
    border: none;
    transition: background-color 0.3s ease;
}

    /* Smooth gradient animation moving left-to-right and right-to-left */
#progressButton.gradient {
    background: linear-gradient(90deg, #0054A6, #80AAD3, #0054A6); /* Gradient colors */
    background-size: 300%; /* Extend gradient for smooth animation */
    animation: smoothGradient 3s linear infinite alternate; /* Alternate direction for back-and-forth motion */
}

/* Gradient animation keyframes */
@keyframes smoothGradient {
    0% {
        background-position: 0% 50%; /* Start from the left */
    }

    100% {
        background-position: 100% 50%; /* End at the right */
    }
}

/* Completed state */
#progressButton.complete {
    background: #28a745; /* Solid green when complete */
    animation: none; /* Stop animation */
    color: white;
}
/* Completed state */
#progressButton.error {
    background: #E40008; /* Solid green when complete */
    animation: none; /* Stop animation */
    color: white;
}
.nav-tabs .disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.icon-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px; /* Adjust size as needed */
    height: 22px;
}

.icon-container i {
    font-size: 22px; /* Adjust icon size */
    color: red; /* Fills the circle with red */
}

.icon-text {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
    color: white; /* Text color */
    text-align: center;
}
.italic {
    font-style: italic;
}