html {
    height: 100%;
}

/*https://www.bitovi.com/blog/use-flexbox-to-create-a-sticky-header-and-sidebar-with-flexible-content */
:root {
    --background-color: #f4f4f8;
    --text-color: #333;
    --font-family: Arial, Verdana, Helvetica, Sans-Serif;
    --font-size: 12px;
    --font-weight: 500;
}

body {
    /*padding-top: 80px;*/
    padding-bottom: 20px;
    color: var(--text-color);
    font-weight: var(--font-weight);
    font-size: var(--font-size);
    font-family: var(--font-family);
    height: 100%;
    box-sizing: border-box;
    background-color: var(--background-color);
}

/* Dark Mode */
.dark-mode {
    --background-color: #343a40;
    --text-color: white;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
    flex-grow: 1; /*ensures that the container will take up the full height of the parent container*/
    /*overflow-y: auto;*/ /*adds scroll to this container*/
    overflow: auto;
}

/*.summaryDetail td:has(.signChekboxText) {
    display: flex;
    align-items: center;*/ /* This will vertically center the content */
/*justify-content: center;*/ /* This will horizontally center the content */
/*}*/

.consumer-lbl {
    height: 40px;
}

.label-list_orange_noborder {
    margin-right: -5px;
}

.register-Logo {
    width: 125%;
    left: -11px;
}

.statusbtngroup-rspnsv {
    font-size: small;
}

.expired-dot {
    height: 10px;
    width: 10px;
    background-color: #e46e6e;
    border-radius: 50%;
    display: inline-block;
}

.active-dot {
    height: 10px;
    width: 10px;
    background-color: #70b358;
    border-radius: 50%;
    display: inline-block;
}

@media (max-width: 992px) {
    .body-content {
        padding-right: 0px;
    }

    #nav-theres-more {
        display: none;
    }

    #nav-theres-more {
        display: none;
    }
}

@media (min-width: 576px) {
    #leftHeader {
        position: fixed;
        top: 0;
        bottom: 0;
    }


    .consumer-lbl {
        height: 35px;
    }
}

.top {
    flex-shrink: 0;
    display: inline-flex;
}

.bottom {
    flex-grow: 1; /*ensures that the container will take up the full height of the parent container*/
    overflow-y: auto; /*adds scroll to this container*/
}

.navbar-light {
    position: fixed !important;
}

.ds-mobile-input {
    min-width: 50px !important;
}


.f {
    width: 100% !important;
}

@media screen and (max-width: 768px) { /* Bootstrap's mobile view breakpoint */
    .navbar-light {
        position: relative !important;
    }

    .ds-mobile-input-text {
        width: 100% !important;
    }
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.texth7 {
    font-size: 14px;
}

.textSize {
    font-size: 0.75rem;
}


.card-img-fast-app {
    border-radius: calc(0.25rem - 1px);
}


/*background-image: radial-gradient( circle 934px at -28.4% 52.3%, rgba(255,255,255,1) 0%, rgba(167,169,172,1) 90% );*/
.background-header {
    background-color: #f4f4f8 !important;
    background-image: -webkit-linear-gradient(#c3d5e8, #f4f4f8 50%, #f4f4f8);
    background-image: -o-linear-gradient(#c3d5e8, #f4f4f8 50%, #f4f4f8);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c3d5e8), color-stop(50%, #f4f4f8), to(#f4f4f8));
    background-image: linear-gradient(#c3d5e8, #f4f4f8 50%, #f4f4f8);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3d5e8', endColorstr='##f4f4f8', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.bg-header {
    background-color: #eae8f4 !important; /*#f4f4f4*/
    background-image: -webkit-linear-gradient(#c3d5e8, #f4f4f8 50%, #f4f4f8);
    background-image: -o-linear-gradient(#c3d5e8, #f4f4f8 50%, #f4f4f8);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c3d5e8), color-stop(50%, #f4f4f8), to(#f4f4f8));
    background-image: linear-gradient(#c3d5e8, #f4f4f8 50%, #f4f4f8);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3d5e8', endColorstr='#f4f4f8', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.headTop {
    /*background-image: url("../../Images/Odyssey/white-diamond-dark.png");
    background-size: auto;
    background-repeat: repeat;*/
    /*background-color: #1c3e6e;*/
}

.navigationFormatting {
    font-size: 14px;
    font-weight: bold;
}
.boldFormatting {
    font-size: 14px;
    font-weight: bold;
}
#body {
}



@media (max-width: 992px) {

    .tabcontent {
        padding-top: 325px;
        /*height: 500px;
        overflow-y: scroll;*/
    }

    .btnWidthText {
        display: block;
    }
}

.fastapp-btn {
    font-size: 0.8rem !important;
    width: 105% !important;
}

.carousel-item .img-fluid {
    height: 280px;
    /*width: 100%;*/
}

.jstree-default .jstree-anchor {
    height: auto;
}

.full-container-width {
    width: 100% !important;
}

.fastap-info-button {
    position: relative;
    left: -60%;
    top: -25px;
}



/*REAL BOOTSTRAP MEDIA QUERIES*/

/*sm*/
@media (min-width: 576px) {
}

/*md*/
@media (min-width: 768px) {
    .fastapp-card {
        left: 45% !important;
    }

    .fastapp-lg-card {
        min-height: 487px;
    }

    .fastapp-sm-card {
        min-height: 215px;
    }

    .contact-info-card {
        min-height: 416px !important;
    }

    .statusbtngroup-rspnsv {
        font-size: unset;
    }

    .accept-info {
        max-width: 85% !important;
    }
}

/*lg*/
@media (min-width: 992px) {

    #AddCommissionStructure {
        margin-bottom: -172px;
        position: relative;
        top: -38px;
        left: 500px;
        width: 400px
    }


    #AddCommissionStructure {
        margin-bottom: -172px;
        position: relative;
        top: -38px;
        left: 500px;
        width: 400px
    }

    .Report-structure-container {
        padding: 10px;
        margin: 15px;
    }

    .fastapp-card {
        left: 43% !important;
    }

    .fastapp-btn {
        width: 117% !important;
    }

    th.desc {
        min-width: 200px;
    }
}

/*xl*/
@media (min-width: 1200px) {

    .fastapp-card {
        left: 45% !important;
    }
}

/*Max-bootstrap widths Media Queries*/

/*MD*/
@media (max-width: 720px) {
    .currencySymbol.inputnumeric {
        width: 100% !important;
    }


    .input-group-prepend {
        width: 100% !important;
    }
}

@media (min-width: 991px) and (max-width: 1089px) {
    .tabcontent {
        padding-top: 200px;
    }

    .TreeNavigation {
        height: 250px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .btnWidthText {
        display: inline;
    }
}

@media (min-width: 1090px) and (max-width: 1274px) {
    .tabcontent {
        padding-top: 200px;
    }

    .TreeNavigation {
        height: 250px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .btnWidthText {
        display: inline;
    }
}

@media (min-width: 1274px) and (max-width: 1426px) {
    .tabcontent {
        padding-top: 135px;
    }

    .TreeNavigation {
        height: 250px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .btnWidthText {
        display: inline;
    }
}

@media (min-width: 1426px) {
    .tabcontent {
        padding-top: 200px;
    }

    .TreeNavigation {
        height: 250px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .btnWidthText {
        display: inline;
    }
}

@media (max-width: 420px) {
    .register-Logo {
        height: initial !important;
    }

    .responsive-btn-group {
        font-size: small;
    }

    .statusbtngroup-rspnsv {
        font-size: 10px;
        padding: 6.5px;
    }

    .fast-app-btn-text {
        font-size: 10px;
    }

    .statusbtngroup-rspnsv {
        font-size: 10px;
        padding: 6.5px;
    }

    .fast-app-btn-text {
        font-size: 10px;
    }

    .fastapp-btn {
        width: 72px !important;
    }

    .fastap-info-button {
        left: -75% !important;
    }

    .ma-dropdown-responsive {
        max-width: 50px;
    }
}

@media (max-width: 767px) {
    .tabcontentIndex {
        padding-top: 95px;
    }

    .tabcontentMain {
        padding-top: 1px;
    }

    .tabcontentContract {
        padding-top: 65px;
    }

    .tabcontentConsumer {
        padding-top: 45px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tabcontentIndex {
        padding-top: 85px;
    }

    .tabcontentMain {
        padding-top: 1px;
    }

    .tabcontentContract {
        padding-top: 65px;
    }

    .tabcontentConsumer {
        padding-top: 95px;
    }
}

@media (min-width: 992px) and (max-width: 1429px) {
    .tabcontentIndex {
        padding-top: 57px;
    }

    .tabcontentMain {
        padding-top: 1px;
    }

    .tabcontentContract {
        padding-top: 46px;
    }

    .tabcontentConsumer {
        padding-top: 75px;
    }
}

@media (min-width: 1430px) {
    .tabcontentIndex {
        /*padding-top: 2px;*/
        padding-top: 57px;
    }

    .tabcontentMain {
        padding-top: 1px;
    }

    .tabcontentContract {
        padding-top: 46px;
    }

    .tabcontentConsumer {
        padding-top: 28px;
    }
}

.btn-pdfview-size {
    width: 70px !important;
    height: 40px !important;
    font-size: 1.5em !important;
}

.effect1 {
    /*box-shadow: 0 10px 6px -6px #d8dad9;*/
}

.ValidationMessageList {
    /*height: 250px;*/
    height: 70%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.statusVaps {
    background-color: #51aa09;
    border-color: #51aa09;
    border-radius: 4px;
    padding: 2px;
    background-image: -webkit-linear-gradient(#5dc20a, 51aa09 50%, #469408);
    background-image: -o-linear-gradient(#5dc20a, 51aa09 50%, #469408);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5dc20a), color-stop(50%, 51aa09), to(#469408));
    background-image: linear-gradient(#5dc20a, 51aa09 50%, #469408);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc20a', endColorstr='#469408', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

    .statusVaps > a {
        /*color:white;*/
    }

        .statusVaps > a:before {
            font-family: FontAwesome;
            content: "\f00c";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
        }

.txHeader > p > a {
    color: white;
}

#coverpage {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    /*opacity: 0.7;*/
    background-repeat: no-repeat;
    background-color: rgba(12, 12, 12, 0.90);
    z-index: 99;
    text-align: center;
}

#loading-image {
    /*position: absolute;
  top: 150px;
  left: 240px;
  z-index: 100;*/
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    height: 40%;
    /*width: 60%;*/
}

.mycontent-left {
    border-right: 2px solid #dddddd;
}

.text-inverse {
    color: white;
}

.TaskPanel > ul > li > a {
    color: white;
}

.nav > .liNavTree > a {
    padding: 2px 15px;
    display: inline;
}

.nav > .liNavTree > ul > li > .treeViewItems {
    padding: 2px 15px;
    display: inline;
}

.treeViewItems {
    padding: 2px 15px;
    display: inline;
}

.featureHeader {
    /*background-color:rgba(233, 233, 233, 0.80);
    color:#b01116;
    text-transform: uppercase;
    font-size:14px;
    text-align:center;*/
}

.featureBody {
    /*background-color:rgba(233, 233, 233, 0.80);
    padding:10px;*/
}


.backgroundInfoBlock {
    /*background-color: rgba(63, 63, 64, 0.85);
    padding:25px;*/
}

.backgroundIndex {
    /*background-image: url("../../Images/Dealfin/car.jpg");
        /*background-size: auto;*/
    /*background-repeat:no-repeat;
        background-size:cover;*/
}

.backgroundContractInfo {
    background-color: #eeeeee; /*#154890;*/
    background-image: url("../Images/tiretracksfading.png");
    /*background-size: auto;*/
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 340px;
    padding-left: 15px;
}

.addBackground {
    /*background-image: url("../Images/tiretracksfading.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: left;*/
}

.addBackgroundLogo {
    /*background-image: url("../../Images/tiretracksfading.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 2px top;
    height: 50px;*/
}

/*header, footer, hgroup,
nav, section {
    display: block;
}*/

.btn-btn-circle {
    border-radius: 2px;
}

.btn-grey {
    color: #ffffff;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

.glyphiconSize {
    font-size: 20px;
}

header {
    padding-top: 5px;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    /*max-width: 960px;*/
    /*padding-top: 80px;  Match header height */
    min-height: calc(100vh - 80px); /* Optional: for full-height content */
}

@media (max-width: 767.98px) {
    .content-wrapper {
        padding-top: 60px;
        min-height: calc(100vh - 60px);
    }
}


.main-content {
    background: url("../Images/accent.png") no-repeat;
    padding-left: 5px;
    padding-top: 10px;
}

.featured + .main-content {
    background: url("") no-repeat;
}

header .content-wrapper {
    padding-top: 10px;
}

.detailGroup {
    background-color: #0070cc; /*#154890;*/
    background-image: url("../Images/car.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}

.HeaderBackground {
    background-color: #E1D4C0; /*#154890;*/
    padding-top: 5px;
}

#footer {
    #footer

{
    background: url("../Images/footer.gif") no-repeat;
    background-color: #005ba7;
    position: relative;
    position: relative;
}



.no-space-break {
    white-space: nowrap;
}

#width_tmp {
    display: none;
    font-size: 100%;
}

.DropDownWidth {
    /*max-width: 350px;*/
    width: 250px;
}

.required {
    color: #e80c4d;
    font-weight: bold;
    font-size: 18px;
}

.required_invert {
    color: white;
}

.requiredif {
    color: #005ba7;
    font-weight: bold;
    font-size: 18px;
}

.unlessif {
    color: #005ba7;
    font-weight: bold;
    font-size: 18px;
}

.unlessif {
    color: #005ba7;
    font-weight: bold;
    font-size: 20px;
}

/*Finance Verdict*/
.statusApproved {
    color: GrayText;
    background-color: yellowgreen;
    border-color: yellowgreen;
    background-image: -webkit-linear-gradient(rgba(229, 255, 0, 0.83), yellowgreen 50%, yellowgreen);
    background-image: -o-linear-gradient(rgba(229, 255, 0, 0.83), yellowgreen 50%, YellowGreen);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 255, 0, 0.83)), color-stop(50%, yellowgreen), to(yellowgreen));
    background-image: linear-gradient(rgba(229, 255, 0, 0.83), yellowgreen 50%, yellowgreen);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusNone {
    background-color: #ff006e;
    border-color: #e80c4d;
    background-image: -webkit-linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-image: -o-linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff006e), color-stop(50%, #e80c4d), to(#e80c4d));
    background-image: linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusContractRequested {
    background-color: mediumorchid;
    border-color: darkmagenta;
    background-image: -webkit-linear-gradient(mediumorchid, darkmagenta 50%, darkmagenta);
    background-image: -o-linear-gradient(mediumorchid, darkmagenta 50%, darkmagenta);
    background-image: -webkit-gradient(linear, left top, left bottom, from(mediumorchid), color-stop(50%, darkmagenta), to(darkmagenta));
    background-image: linear-gradient(mediumorchid, darkmagenta 50%, darkmagenta);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusQuote {
    color: #fff;
    background-color: #0ea00e;
    border-color: darkgreen;
    background-image: -webkit-linear-gradient(#0ea00e, #0ea00e 50%, darkgreen);
    background-image: -o-linear-gradient(#0ea00e, #0ea00e 50%, darkgreen);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0ea00e), color-stop(50%, #0ea00e), to(darkgreen));
    background-image: linear-gradient(#0ea00e, #0ea00e 50%, darkgreen);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusFinanceApplication {
    background-color: turquoise;
    border-color: darkturquoise;
    background-image: -webkit-linear-gradient(turquoise, darkturquoise 50%, darkturquoise);
    background-image: -o-linear-gradient(turquoise, darkturquoise 50%, darkturquoise);
    background-image: -webkit-gradient(linear, left top, left bottom, from(turquoise), color-stop(50%, darkturquoise), to(darkturquoise));
    background-image: linear-gradient(turquoise, darkturquoise 50%, darkturquoise);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusUnderwrite {
    color: #fff;
    background-color: #4800ff;
    border-color: darkslateblue;
    background-image: -webkit-linear-gradient(#4800ff, #4800ff 50%, darkslateblue);
    background-image: -o-linear-gradient(#4800ff, #4800ff 50%, darkslateblue);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4800ff), color-stop(50%, #4800ff), to(darkslateblue));
    background-image: linear-gradient(#4800ff, #4800ff 50%, darkslateblue);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusFinalise {
    color: #fff;
    background-color: slateblue;
    border-color: darkslateblue;
    background-image: -webkit-linear-gradient(slateblue, darkslateblue 50%, darkslateblue);
    background-image: -o-linear-gradient(slateblue, darkslateblue 50%, darkslateblue);
    background-image: -webkit-gradient(linear, left top, left bottom, from(slateblue), color-stop(50%, darkslateblue), to(darkslateblue));
    background-image: linear-gradient(slateblue, darkslateblue 50%, darkslateblue);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusDeclined {
    background-color: red;
    border-color: darkred;
    background-image: -webkit-linear-gradient(red, red 50%, darkred);
    background-image: -o-linear-gradient(red, red 50%, darkred);
    background-image: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(50%, red), to(darkred));
    background-image: linear-gradient(red, red 50%, darkred);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusReferred {
    background-color: orange;
    border-color: darkorange;
    background-image: -webkit-linear-gradient(orange, darkorange 50%, darkorange);
    background-image: -o-linear-gradient(orange, darkorange 50%, darkorange);
    background-image: -webkit-gradient(linear, left top, left bottom, from(orange), color-stop(50%, darkorange), to(darkorange));
    background-image: linear-gradient(orange, darkorange 50%, darkorange);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusPending {
    background-color: mediumorchid;
    border-color: darkmagenta;
    background-image: -webkit-linear-gradient(mediumorchid, mediumorchid 50%, darkmagenta);
    background-image: -o-linear-gradient(mediumorchid, mediumorchid 50%, darkmagenta);
    background-image: -webkit-gradient(linear, left top, left bottom, from(mediumorchid), color-stop(50%, mediumorchid), to(darkmagenta));
    background-image: linear-gradient(mediumorchid, mediumorchid 50%, darkmagenta);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusActive {
    background-color: #ff006e;
    border-color: #e80c4d;
    background-image: -webkit-linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-image: -o-linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff006e), color-stop(50%, #e80c4d), to(#e80c4d));
    background-image: linear-gradient(#ff006e, #e80c4d 50%, #e80c4d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusRequested {
    background-color: darksalmon;
    border-color: #d78e75;
    background-image: -webkit-linear-gradient(darksalmon, #d78e75 50%, #d78e75);
    background-image: -o-linear-gradient(darksalmon, #d78e75 50%, #d78e75);
    background-image: -webkit-gradient(linear, left top, left bottom, from(darksalmon), color-stop(50%, #d78e75), to(#d78e75));
    background-image: linear-gradient(darksalmon, #d78e75 50%, #d78e75);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusNotTakenUp {
    color: #fff;
    background-color: firebrick;
    border-color: #9a2020;
    background-image: -webkit-linear-gradient(firebrick, #firebrick 50%, #9a2020);
    background-image: -o-linear-gradient(firebrick, #firebrick 50%, #9a2020);
    background-image: -webkit-gradient(linear, left top, left bottom, from(firebrick), color-stop(50%, #firebrick), to(#9a2020));
    background-image: linear-gradient(firebrick, #firebrick 50%, #9a2020);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.statusDefault {
    color: #fff;
    background-color: #2b333b;
    border-color: #2b333b;
    background-image: -webkit-linear-gradient(#566676, #566676 50%, #2b333b);
    background-image: -o-linear-gradient(#566676, #566676 50%, #2b333b);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#566676), color-stop(50%, #566676), to(#2b333b));
    background-image: linear-gradient(#566676, #566676 50%, #2b333b);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#566676', endColorstr='#2b333b', GradientType=0);
    -webkit-filter: none;
    filter: none;
}

.displayHeaderColor {
    color: #fff;
}

#mainMessageDiv {
    /*display: block; 
width: 98%;*/
    /*margin-left: 15px;
float: left;*/
}

#taskHeader {
    display: block;
    /*width: 68%;*/
    width: 100%;
    /*margin-left: 15px;
margin-right: 15px;
float:left;*/
}

#suburb_find {
    width: 600px;
    margin-left: -300px;
    margin-right: -300px;
}

.HeadGrey {
    color: #4c4c4c;
    font-weight: bold;
    /*text-shadow: 0 1px 0 #909090;*/
}

.HeadRed {
    color: #b71118;
    font-weight: bold;
    /*text-shadow: 0 1px 0 #555555;*/
}

.HeadRedTitle {
    color: #d8dad9;
    font-weight: bold;
    text-shadow: 0 1px 0 #555555;
}

.HeadTitle {
    color: #404040;
    font-weight: bold;
    /*text-shadow: 0 1px 0 #909090;*/
}

.HeadOrange {
    color: #e65c00;
    font-weight: bold;
}

.HeadHippoGreen {
    color: #bcc900;
}

.HeadBlue {
    color: #222222;
    font-weight: bold;
}

.helperImg {
    float: right;
}

#pdfbox {
    width: 100%;
    height: 450px;
    border: 5px solid #ccc;
}


#pdfbox_large {
    width: 100%;
    height: 600px;
    border: 5px solid #ccc;
}

/*Accordion open and close icons*/
.panel-icon a:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
    color: grey;
    transition: all 0.5s;
}

.panel-icon a.collapsed:after {
    /*content: "\f054";*/
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-toggle="collapse"] .heading-icon:before {
    content: "\f0a7"; /*"\f107";*/
    float: right;
    /*transition: all 0.5s;*/
}

[data-toggle="collapse"].collapsed .heading-icon:before {
    content: "\f0a6"; /*"\f106";*/
    /*-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);*/
}


.list-icon_vaps a:before {
    font-family: 'FontAwesome';
    content: "\f078";
    color: #D52B1E;
}

.list-icon_vaps a.collapsed:before {
    content: "\f054";
}

.modal-link {
    align-items: center;
    color: black;
    background-image: url("../Images/text_view.png");
    background-repeat: no-repeat;
    background-position: center;
}

/* page elements
----------------------------------------------------------*/

.pagerColor {
    color: #000;
}

    .pagerColor:hover {
        color: #666666;
    }

.faPaddingLeft {
    padding-left: 5px;
}

.faMarginLeft {
    margin-left: -10px;
}

.faPaddingRight {
    padding-right: 5px;
}

.faMarginRight {
    margin-right: -10px;
}

/* featured */
.featured {
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 1px;
}

    .featured .content-wrapper {
        background-color: #005ba7;
        border-radius: 1px;
        /*background-image: url("../Images/ui-bg_gloss-wave_45_e14f1c_500x100.png");*/
        background-image: -webkit-linear-gradient(#0070cc, #005ba7 50%, #005ba7);
        background-image: -o-linear-gradient(#0070cc, #005ba7 50%, #005ba7);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0070cc), color-stop(50%, #005ba7), to(#005ba7));
        background-image: linear-gradient(#0070cc, #005ba7 50%, #005ba7);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0070cc', endColorstr='##005ba7', GradientType=0);
        -webkit-filter: none;
        filter: none;
        border: 1px solid #005ba7;
        color: #fff;
        padding: 1px 1px 1px 1px;
        /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 10px;
    }

/* page titles */
hgroup.title {
    margin-bottom: 2px;
}

.featurediv {
    /*background-color: #001650;
    border-radius: 8px;*/
    /*background-image: url("../Images/ui-bg_gloss-wave_45_e14f1c_500x100.png");*/
    /*background-image: -webkit-linear-gradient(#5b99f1, #438bef 50%, #003399);
        background-image: -o-linear-gradient(#5b99f1, #438bef 50%, #003399);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5b99f1), color-stop(50%, #438bef), to(#003399));
        background-image: linear-gradient(#5b99f1, #438bef 50%, #003399);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9c21', endColorstr='#ffc06a00', GradientType=0);
        -webkit-filter: none;
                filter: none;
        border: 2px solid #e6e6e6;*/
    /*height:120px;*/
    width: 100%;
    /*border-top-left-radius: 5px;
border-top-right-radius: 5px;*/
    /*border-left: 5px solid #e6e6e6;
border-top: 5px solid #e6e6e6;
border-bottom: 5px solid #e6e6e6;
    border-right:5px solid #e6e6e6;*/
}

/* login page */
#loginForm {
    /*border-right: solid 2px #c8c8c8;*/
    /*float: left;
width: 55%;*/
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        /*display: inline;*/
        /*list-style: none;*/
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

        #loginForm input[type="checkbox"],
        #loginForm input[type="submit"],
        #loginForm input[type="button"],
        #loginForm button {
            width: auto;
        }

.userEntry input {
    width: 250px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

div.labelHeader {
    display: block;
}

.label_invert {
    color: #000;
}

.labelHeader {
    /*font-size: 18px;
    font-weight: bold;
        
    margin-top: 5px;*/
    font-size: 18px;
    font-weight: 500;
    padding: 3px;
    margin-bottom: 5px;
    display: block;
}

.labelSpacing {
    padding: 1px 25px 5px 10px;
    color: #3a87ad;
    text-align: right;
}

.listgroupitem {
    position: relative;
    display: block;
    padding: 5px 5px 45px 5px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

    .listgroupitem:first-child {
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
    }

    .listgroupitem:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

.divSpacing {
    padding-top: 10px;
}

.currencySymbolLabel {
    float: left;
    line-height: 38px;
    text-align: center;
    display: block;
}

.percentageSymbolLabelFormat {
    background-color: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 22px 22px 22px 22px;
    color: #333333;
    content: "\00BB";
    font-size: 30px;
    height: 28px;
    line-height: 26px;
    margin-top: -14px;
    position: absolute;
    right: 6px;
    text-align: right;
    text-indent: 1px;
    top: 50%;
    width: 28px;
}

.labelWrapping {
    white-space: normal;
}

.labelVaps {
    /*padding: .2em .6em .3em;*/
    /*font-size: inherit;*/
    padding: 2px 1px;
    display: inline;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em;
}

.labelVaps-list_blue_noborder {
    color: #154890;
}

.label-list_blue[href]:hover,
.label-list_blue[href]:focus {
    background-color: #511c39;
}

.label-list_orange {
    color: #D52B1E;
    border: 1px solid #D52B1E;
}

.label-list_orange_noborder {
    color: #D52B1E;
}

.label-list_orange_noborder_nestedtext {
    color: #fff;
}

.label-list_green_noborder {
    color: #4A6D18;
}

.label-list_main {
    color: #7682a2;
    /*border: 1px solid #aea79f;*/
}

input[readonly] {
    border: 1px solid #ced4da;
    background-color: var(--background-color);
    opacity: 1;
    height: calc(2.25rem + 1px);
}


/*height: calc(2.25rem + 1px);*/
.inputfield {
    height: calc(2.25rem + 1px);
}

.tableSuburbList {
    display: block;
    max-height: 250px;
    overflow-y: auto;
}

.custom-scrollbar {
    position: relative;
    height: 200px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

.custom-scrollbarDoc {
    position: relative;
    max-height: 350px;
    width: 100%;
    overflow: auto;
}

.custom-scrollbarFincanceVerdict {
    max-height: 400px;
    overflow: auto;
}

.custom-scrollbarLead {
    position: relative;
    max-height: 450px;
    width: 50%;
    overflow: auto;
}

.table-wrapper-scroll-x {
    display: block;
}

.custom-scrollbarFiles {
    overflow: auto;
}

.labelAlignLeft {
    text-align: left;
    margin-bottom: 0;
    padding-top: 1px;
}

.inputareacode {
    width: 90px;
}

/* info and errors */
.message-box {
    border: 1px solid #aaaaaa /*{borderColorActive}*/;
    background: #ffffff /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #212121 /*{fcActive}*/;
    border-radius: 5px;
    /*border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;*/
}

.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 2px solid #e80c4d;
    background-color: #fee;
}

input[type="checkbox"].input-validation-error {
    /*border: 0 none;*/
    outline: 2px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.input[name^="CategorySelections"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0)
}

    .input[name^="CategorySelections"] span.glyphicon {
        opacity: 0;
    }

    .input[name^="CategorySelections"]:checked span.glyphicon {
        opacity: 1;
    }

.btn span.glyphicon {
    opacity: 1;
}

.btn.active span.glyphicon {
    opacity: 1;
}

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

    .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 13px 13px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
    }

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

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f1f1;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        z-index: 2;
        content: "";
        height: 28px;
        width: 28px;
        background-color: #fff; /*slider round button color*/
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
        -webkit-transition: .4s;
        transition: all 0.4s ease-in-out;
    }

    .slider:after {
        position: absolute;
        left: 0;
        z-index: 1;
        content: "YES";
        font-size: 10px;
        text-align: left !important;
        line-height: 30px;
        padding-left: 1px;
        width: 60px;
        color: #fff;
        height: 30px;
        border-radius: 50px;
        background-color: #0033a1; /*the yes slider color part*/
        -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
        transform: translateX(-50px);
        transition: all 0.4s ease-in-out;
    }

input:checked + .slider:after {
    -webkit-transform: translateX(00px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    /*width: 235px;*/
    padding-left: 10px;
}

input:checked + .slider:before {
    background-color: #fff;
}

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

/* Rounded sliders */
.slider.round {
    border-radius: 50px;
    border: 1px solid lightgrey;
}

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

.absolute-no {
    position: absolute;
    left: 2px;
    color: darkslategrey;
    text-align: right !important;
    font-size: 10px;
    width: calc(100% - 8px);
    height: 30px;
    line-height: 32px;
    cursor: pointer;
}


.bg-categoryDetail {
    background-color: #f5f3ef;
    background-image: -webkit-linear-gradient(#f5f3ef, #f5f3ef 50%, #f5f3ef);
    background-image: -o-linear-gradient(#f5f3ef, #f5f3ef 50%, #f5f3ef);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f3ef), color-stop(50%, #f5f3ef), to(#f5f3ef));
    background-image: linear-gradient(#f5f3ef, #f5f3ef 50%, #f5f3ef);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f3ef', endColorstr='#f5f3ef', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border-bottom: 3px solid #cdbfac;
    border-right: 3px solid #cdbfac;
    border-top: 3px solid #cdbfac;
    border-left: 3px solid #cdbfac;
    /*border-top:5px solid #e6e6e6;*/
    border-color: #cdbfac;
    border-radius: 4px;
    /*border-bottom-right-radius: 4px;
border-top-right-radius: 4px;*/
    overflow-y: hidden;
    overflow-x: hidden;
    padding-left: 15px;
    padding-right: 5px;
}

.verticaltext {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: left top 0;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    /*bottom: 100px;
left:-40px;*/
    position: absolute;
    /*background-color:red;*/
    /*color: #ed217c;*/
    text-transform: uppercase;
    font-weight: bold;
    border: 1px #afd9ee;
    border-radius: 4px;
}


/* --- Features ------------------------- */
._product {
    line-height: 2.8em;
}

    ._product a {
        color: black;
        font-weight: bold;
    }

@media (max-width: 768px) {
    ._product {
        text-align: center
    }
}

._productMainRow {
    margin-left: 0.2em;
    margin-right: 0.2em;
}

._productRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    border: 0.1em solid rgb(163, 163, 163);
}

._subproductRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}

/* --- Plan 1 --------------------------- */
._option1 {
    background: rgb(224,234,242);
}

._productHeader._option1 a {
    background: rgb(72, 109, 139);
    color: white;
}

._productHeader._option1 {
    background: rgb(105, 153, 193);
    border-bottom: thick solid rgb(72, 109, 139);
}

/* --- Plan 2 --------------------------- */
._option2 {
    background: rgb(230,235,218);
}

._productHeader._option2 a {
    background: rgb(108, 131, 62);
    color: white;
}

._productHeader._option2 {
    background: rgb(134, 162, 77);
    border-bottom: thick solid rgb(108, 131, 62);
}

/* --- Plan 3 --------------------------- */
._optionAmount {
    background: rgb(254,235,212);
}

._productHeader._optionAmount a {
    background: rgb(199, 127, 40);
    color: white;
}

._productHeader._optionAmount {
    background: rgb(253, 161, 49);
    border-bottom: thick solid rgb(199, 127, 40);
}




._productFeature {
    text-align: center;
    font-size: 2em;
}

    ._productFeature input.my_check {
        background-color: transparent;
    }

/********************
*   Wizard consumer   *
********************/
.wizard {
    margin: 1px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        /*margin: 40px auto;*/
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 90px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tab i {
        color: #555555;
    }

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #029acf;
}

    .wizard li.active span.round-tab i {
        color: #029acf;
    }

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 33%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 80px;
    height: 50px;
    margin: 5px auto 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 1px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 60px;
        height: 30px;
        line-height: 30px;
    }

    .wizard .nav-tabs > li a {
        width: 60px;
        height: 30px;
        line-height: 60px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

/********************
    * vap lines*
********************/
.timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
}

    .timeline .line {
        position: absolute;
        width: 4px;
        display: block;
        background: currentColor;
        top: 0px;
        bottom: 0px;
        margin-left: 30px;
    }

    .timeline .separator {
        border-top: 1px solid currentColor;
        padding: 5px;
        padding-left: 40px;
        font-style: italic;
        font-size: .9em;
        margin-left: 30px;
    }

    .timeline .line::before {
        top: -4px;
    }

    .timeline .line::after {
        bottom: -4px;
    }

    .timeline .line::before,
    .timeline .line::after {
        content: '';
        position: absolute;
        left: -4px;
        width: 12px;
        height: 12px;
        display: block;
        border-radius: 50%;
        background: currentColor;
    }

    .timeline .panel {
        position: relative;
        margin: 10px 0px 21px 70px;
        clear: both;
    }

        .timeline .panel::before {
            position: absolute;
            display: block;
            top: 8px;
            left: -24px;
            content: '';
            width: 0px;
            height: 0px;
            border: inherit;
            border-width: 12px;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
        }

        .timeline .panel .panel-heading.icon * {
            font-size: 20px;
            vertical-align: middle;
            line-height: 40px;
        }

        .timeline .panel .panel-heading.icon {
            position: absolute;
            left: -59px;
            display: block;
            width: 40px;
            height: 40px;
            padding: 0px;
            border-radius: 50%;
            text-align: center;
            float: left;
        }

    .timeline .panel-outline {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

        .timeline .panel-outline .panel-body {
            padding: 10px 0px;
        }

        .timeline .panel-outline .panel-heading:not(.icon),
        .timeline .panel-outline .panel-footer {
            display: none;
        }

.bg-primary-special {
    background-color: rgba(0, 91, 167, 0.2) !important;
}

.bg-secondary-special {
    background-color: rgba(238, 125, 31, 0.2) !important; /*ee7d1f*/
}

.bg-success-special {
    background-color: rgba(127, 219, 141, 0.2) !important;
}

.bg-info-special {
    background-color: rgba(195, 237, 244, 0.20) !important;
}

.bg-warning-special {
    background-color: rgba(239, 183, 62, 0.20) !important;
}


.bg-danger {
    background-color: #DF382C !important;
}


.bg-dark {
    background-color: #a7a7a7 !important;
}


.finance {
    border-color: #1a376d;
}

    .finance > .card-header {
        /*color: #ffffff;*/
        /*background-color: #20478e;
        background-image: -webkit-linear-gradient(#20478e, #1e4283 50%, #1a376d);
        background-image: -o-linear-gradient(#20478e, #1e4283 50%, #1a376d);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#20478e), color-stop(50%, #1e4283), to(#1a376d));
        background-image: linear-gradient(#20478e, #1e4283 50%, #1a376d);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #1a376d;
    }

.fleet {
    border-color: #1a376d;
}

    .fleet > .card-header {
        /*color: #ffffff;*/
        /*background-color: #20478e;
        background-image: -webkit-linear-gradient(#20478e, #1e4283 50%, #1a376d);
        background-image: -o-linear-gradient(#20478e, #1e4283 50%, #1a376d);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#20478e), color-stop(50%, #1e4283), to(#1a376d));
        background-image: linear-gradient(#20478e, #1e4283 50%, #1a376d);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #1a376d;
    }

.vaps {
    border-color: #356635;
}

    .vaps > .card-header {
        /*color: #ffffff;*/
        /*background-color: #468847;
        background-image: -webkit-linear-gradient(#468847, #468847 50%, #468847);
        background-image: -o-linear-gradient(#468847, #468847 50%, #468847);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#468847), color-stop(50%, #468847), to(#468847));
        background-image: linear-gradient(#468847, #468847 50%, #468847);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #356635;
    }


.default {
    border-color: #8f8f8f;
}

    .default > .card-header {
        /*color: #154890;*/
        /*background-color: #f5f3ef;
        background-image: -webkit-linear-gradient(#f5f3ef, #f5f3ef 50%, #f5f3ef);
        background-image: -o-linear-gradient(#f5f3ef, #f5f3ef 50%, #f5f3ef);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f3ef), color-stop(50%, #f5f3ef), to(#f5f3ef));
        background-image: linear-gradient(#f5f3ef, #f5f3ef 50%, #f5f3ef);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #8f8f8f;
    }

.other {
    border-color: #a47e3c;
}

    .other > .card-header {
        /*color: #ffffff;*/
        /*background-color: #c09853;
        background-image: -webkit-linear-gradient(#c09853, #c09853 50%, #c09853);
        background-image: -o-linear-gradient(#c09853, #c09853 50%, #c09853);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#c09853), color-stop(50%, #c09853), to(#c09853));
        background-image: linear-gradient(#c09853, #c09853 50%, #c09853);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #a47e3c;
    }

.absa {
    border-color: #ed1d2e;
}

    .absa > .card-header {
        /*color: #ffffff;*/
        /*background-color: #ed1d2e;
    background-image: -webkit-linear-gradient(#ed1d2e, #ed1d2e 50%, #ed1d2e);
    background-image: -o-linear-gradient(#ed1d2e, #ed1d2e 50%, #ed1d2e);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ed1d2e), color-stop(50%, #ed1d2e), to(#ed1d2e));
    background-image: linear-gradient(#ed1d2e, #ed1d2e 50%, #ed1d2e);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
    -webkit-filter: none;
    filter: none;*/
        border: 2px solid #bd0f1e;
    }

.standardBankVehicleAssetFinance {
    border-color: #0521ad;
}

    .standardBankVehicleAssetFinance > .card-header {
        /*color: #ffffff;*/
        /*background-color: #072bdd;
        background-image: -webkit-linear-gradient(#072bdd, #072bdd 50%, #072bdd);
        background-image: -o-linear-gradient(#072bdd, #072bdd 50%, #072bdd);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#072bdd), color-stop(50%, #072bdd), to(#072bdd));
        background-image: linear-gradient(#072bdd, #072bdd 50%, #072bdd);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #0521ad;
    }

.wesbank {
    border-color: #117e88;
}

    .wesbank > .card-header {
        /*color: #ffffff;*/
        /*background-color: #16a5b1;
        background-image: -webkit-linear-gradient(#16a5b1, #16a5b1 50%, #16a5b1);
        background-image: -o-linear-gradient(#16a5b1, #16a5b1 50%, #16a5b1);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#16a5b1), color-stop(50%, #16a5b1), to(#16a5b1));
        background-image: linear-gradient(#16a5b1, #16a5b1 50%, #16a5b1);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #117e88;
    }

.iemas {
    border-color: #361a65;
}

    .iemas > .card-header {
        /*color: #ffffff;*/
        /*background-color: #44217f;
        background-image: -webkit-linear-gradient(#44217f, #44217f 50%, #44217f);
        background-image: -o-linear-gradient(#44217f, #44217f 50%, #44217f);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#44217f), color-stop(50%, #44217f), to(#44217f));
        background-image: linear-gradient(#44217f, #44217f 50%, #44217f);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #361a65;
    }

.audiFinServices {
    border-color: #b71523;
}

    .audiFinServices > .card-header {
        /*color: #ffffff;*/
        /*background-color: #de1a2b;
        background-image: -webkit-linear-gradient(#de1a2b, #de1a2b 50%, #de1a2b);
        background-image: -o-linear-gradient(#de1a2b, #de1a2b 50%, #de1a2b);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#de1a2b), color-stop(50%, #de1a2b), to(#de1a2b));
        background-image: linear-gradient(#de1a2b, #de1a2b 50%, #de1a2b);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #b71523;
    }

.fordCredit {
    border-color: #0a447a;
}

    .fordCredit > .card-header {
        /*color: #ffffff;*/
        /*background-color: #0d5ca5;
        background-image: -webkit-linear-gradient(#0d5ca5, #0d5ca5 50%, #0d5ca5);
        background-image: -o-linear-gradient(#0d5ca5, #0d5ca5 50%, #0d5ca5);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0d5ca5), color-stop(50%, #0d5ca5), to(#0d5ca5));
        background-image: linear-gradient(#0d5ca5, #0d5ca5 50%, #0d5ca5);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #0a447a;
    }


.mfc {
    border-color: #004634;
}

    .mfc > .card-header {
        /*color: #ffffff;*/
        /*background-color: #00664d;
        background-image: -webkit-linear-gradient(#00664d, #00664d 50%, #00664d);
        background-image: -o-linear-gradient(#00664d, #00664d 50%, #00664d);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#00664d), color-stop(50%, #00664d), to(#00664d));
        background-image: linear-gradient(#00664d, #00664d 50%, #00664d);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #004634;
    }


.volkswagenFinService {
    border-color: #9d989c;
}

    .volkswagenFinService > .card-header {
        /*color: #ffffff;*/
        /*background-color: #1166a7;
        background-image: -webkit-linear-gradient(#1166a7, #1166a7 50%, #1166a7);
        background-image: -o-linear-gradient(#1166a7, #1166a7 50%, #1166a7);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1166a7), color-stop(50%, #1166a7), to(#1166a7));
        background-image: linear-gradient(#1166a7, #1166a7 50%, #1166a7);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #9d989c;
    }

.arivaFinService {
    border-color: #474a4f;
}

    .arivaFinService > .card-header {
        /*color: #ffffff;*/
        /*background-color: #d93c35;
        background-image: -webkit-linear-gradient(#d93c35, #d93c35 50%, #d93c35);
        background-image: -o-linear-gradient(#d93c35, #d93c35 50%, #d93c35);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d93c35), color-stop(50%, #d93c35), to(#d93c35));
        background-image: linear-gradient(#d93c35, #d93c35 50%, #d93c35);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #474a4f;
    }

.toyotaFinService {
    border-color: #77071f;
}

    .toyotaFinService > .card-header {
        /*color: #ffffff;*/
        /*background-color: #a2a3a5;
        background-image: -webkit-linear-gradient(#a2a3a5, #a2a3a5 50%, #a2a3a5);
        background-image: -o-linear-gradient(#a2a3a5, #a2a3a5 50%, #a2a3a5);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#a2a3a5), color-stop(50%, #a2a3a5), to(#a2a3a5));
        background-image: linear-gradient(#a2a3a5, #a2a3a5 50%, #a2a3a5);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #77071f;
    }

.otherFinHouse {
    border-color: #030303;
}

    .otherFinHouse > .card-header {
        /*color: #ffffff;*/
        /*background-color: #464746;
        background-image: -webkit-linear-gradient(#464746, #464746 50%, #464746);
        background-image: -o-linear-gradient(#464746, #464746 50%, #464746);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#464746), color-stop(50%, #464746), to(#464746));
        background-image: linear-gradient(#464746, #464746 50%, #464746);
        background-repeat: no-repeat;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d7070', endColorstr='#ff3d3f3f', GradientType=0);
        -webkit-filter: none;
        filter: none;*/
        border: 2px solid #030303;
    }

/********************
*  tracking   *
********************/

.tx-tracking-status .order-status {
    margin-top: 75px;
    position: relative;
    margin-bottom: 75px
}

.tx-tracking-status .order-status-timeline {
    height: 12px;
    border: 1px solid #aaa;
    border-radius: 7px;
    background: #eee;
    box-shadow: 0px 0px 5px 0px #C2C2C2 inset
}

    .tx-tracking-status .order-status-timeline .order-status-timeline-completion {
        height: 8px;
        margin: 1px;
        border-radius: 7px;
        background: #469408;
        width: 0px
    }

        .tx-tracking-status .order-status-timeline .order-status-timeline-completion.c1 {
            width: 25%
        }

        .tx-tracking-status .order-status-timeline .order-status-timeline-completion.c2 {
            width: 50%
        }

        .tx-tracking-status .order-status-timeline .order-status-timeline-completion.c3 {
            width: 75%
        }

        .tx-tracking-status .order-status-timeline .order-status-timeline-completion.c4 {
            width: 100%
        }

.tx-tracking-status .image-order-status {
    border: 1px solid #ddd;
    padding: 7px;
    box-shadow: 0px 0px 10px 0px #999;
    background-color: #fdfdfd;
    position: absolute;
    margin-top: -35px
}

    .tx-tracking-status .image-order-status.disabled {
        filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: gray;
    }

    .tx-tracking-status .image-order-status.active {
        box-shadow: 0px 0px 20px 0px #82f425
    }

        .tx-tracking-status .image-order-status.active .status {
            color: #469408;
            font-weight: bold;
            text-shadow: 0px 0px 1px #777
        }



    .tx-tracking-status .image-order-status .icon {
        height: 40px;
        width: 40px;
        background-size: contain;
        background-position: no-repeat
    }

    .tx-tracking-status .image-order-status .status {
        position: absolute;
        text-shadow: 1px 1px #eee;
        color: #333;
        /*transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);*/
        width: 122%;
        top: -40px;
        /*left: 0px*/
    }
/*@import url("https://use.fontawesome.com/releases/v5.2.0/css/all.css");*/
/*.tx-tracking-status .image-order-status .status:before {
        font-family: "Font Awesome 5 Free";
        content: '\f078';
        padding-right: 5px;
    }*/

.tx-tracking-status .image-order-status-new {
    left: 0
}

    .tx-tracking-status .image-order-status-new .icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAA+JJREFUWIXtll+I1FUUxz/n3vv7/WZmZ/+OphuWlliQZn8f2igxyCSIRMgeFNrUDVlUCIoeit4KeujN1CxZN5HAkiCo6CUq0NRU1KUgoqhlFcvd1f0z7Tgzv9+9PfyG2dl1Vpsa8KH9wuHec+/9nfu9557fORdmMYv/O+Rak70vpJcaP3gzDPNrnLg8DjvlS4cCgupGBS1yxFl56bn3xo7XRGDflqYlfpA6qJS+c/mja1LNbe1EUYggGD8A5aNMAtEBykyK6ATKC1A6ILTO/fB1j/Sf+ugvG3HRin2lc1f20HUJ7O9qvk0S/ollKzpb5y26Q40MnHVnD38mTgDncFEeowSjwdOC0YKnwUzrJ5ItZB57w104vteFg6fVz+dGc0XLto3vjvdU7qcrlQNdyQUkk8fvXd3dtviB1Xr8Qh+nv/lYCoUr2CjE2ggloERQCrQSlBK0AjWtLy5P4fJPclPHi5L/4xStidAbHsuvevpBM/DpyWLfVR54v6thXjKVPLls5ab29iUd2o39ihc0UIwmnWSdBWtBGUR7sahYKLWiDYguG042z6eQG6evdy2iNL9dGJtw1m7q3JM9WCbQszE9N2hMHWtbsHShOHJDA33pR555jea5t5IbOTd5X6JANIiKBQ1K4g1FynMSBygAQUOGyMGXO9bjbCGXDPxENpcPcazv3JM9JHs3N7UZY4cB/CB1Pizmv7v9vifX3bN6G9HIL+AszllwLrbqXKyX+v9kzM/cRXbkIl998PJFXHgmsvYJALFsVcZEbwOgZM2VYn5F0Jh5avmqrUSjv2OLE9hiDhdeKYsNp+nF3HXH8n+epXHOIu5euaFFtB62Si8WOOoUO6f8BQe2zzn8+ObdD6czC6+ZH/4Lvt2/PTd0/seNnbsqYgBgX3fTQ2LtUaV1UUR5ojTORjWYdjPOiMS2HC5voygAeH5PVqYQcCAfdje3ABRtdKlj7asMHOupbrFG3Hz/Or7/fAee0m0AnvjFZ3cNZgFMmSU4do9eBujdkiaRSpNMpetCIEg2ArChZL8S5qrVJSht8JMNdSGgjTfj3IwEtPHwE/XxgDZ+7QSM9ggS9fGA+fceuJEEPI+gTjFg/PIV+EDhWgQCoBXiimf8FLhackEViEKpctG9BRgDLgFRNQLNQMYpb3C4/8zczMKO0nBFknGVCceVdVd1TdwO9fdhxRsC5pf2jEokphDQJd374vTEW9idrwthS43nrQqHGfnkxMQ7QALwqHiHTM/5rUCm1AbEd1YPFAAFZIlPfh4oViMAkARaSpvPGKQ1IiS+j1FgHCYft9erevWqijNXqlncaPwNorOPpsGntkIAAAAASUVORK5CYII=);
    }

.tx-tracking-status .image-order-status-application {
    left: 20%
}

    .tx-tracking-status .image-order-status-application .icon {
        background-image: url(data:image/png;base64,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);
    }

.tx-tracking-status .image-order-status-underwrite {
    left: 43%
}

.order-status-timeline {
    width: 93%;
}

.tx-tracking-status .image-order-status-underwrite .icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjMmY4Njc2Mi02MmNkLTExZGYtOGJjNS1hMWFiNzQ2MTIxODIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODI0OTQ1MTJFRTdCMTFERkFGNjZCMDk0NkMyREY1QUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODI0OTQ1MTFFRTdCMTFERkFGNjZCMDk0NkMyREY1QUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDAxODVEODIxQUJEREYx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);
}

.tx-tracking-status .image-order-status-underwrite .status {
    position: absolute;
    text-shadow: 1px 1px #eee;
    color: #333;
    /*transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);*/
    /*width: 100px;*/
    top: -40px;
    /*left: 0px*/
}


.tx-tracking-status .image-order-status-finalise {
    left: 67%;
}

    .tx-tracking-status .image-order-status-finalise .icon {
        background-image: url(data:image/png;base64,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);
    }

    .tx-tracking-status .image-order-status-finalise .status {
        position: absolute;
        text-shadow: 1px 1px #eee;
        color: #333;
        /*transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);*/
        width: 100px;
        top: -40px;
        /*left: 0px*/
    }


.tx-tracking-status .image-order-status-active {
    left: 88%
}

    .tx-tracking-status .image-order-status-active .icon {
        background-image: url(data:image/png;base64,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);
    }

    .tx-tracking-status .image-order-status-active .status {
        position: absolute;
        text-shadow: 1px 1px #eee;
        color: #333;
        /*transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);*/
        /*width: 100px;*/
        top: -40px;
        /*left: 0px*/
    }


.divTracking {
    position: relative;
    /*width: 400px;
height: 200px;
border: 3px solid #73AD21;*/
}

.tx-tracking-status_add .order-status {
    margin-top: 45px;
    position: relative;
    margin-bottom: 30px
}

.tx-tracking-status_add .image-order-status {
    border: 1px solid #ddd;
    padding: 7px;
    box-shadow: 0px 0px 10px 0px #999;
    background-color: #fdfdfd;
    position: relative;
    width: 55px;
    /*margin-top: -28px;*/
}

    .tx-tracking-status_add .image-order-status.disabled {
        filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: gray;
    }

    .tx-tracking-status_add .image-order-status.active {
        box-shadow: 0px 0px 10px 0px #e80c4d
    }

        .tx-tracking-status_add .image-order-status.active .status {
            color: #b1093b;
            font-weight: bold;
            text-shadow: 0px 0px 1px #777
        }

    .tx-tracking-status_add .image-order-status .icon {
        height: 40px;
        width: 40px;
        background-size: contain;
        background-position: no-repeat
    }

    .tx-tracking-status_add .image-order-status .status {
        position: absolute;
        text-shadow: 1px 1px #eee;
        color: #333;
        /*transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);*/
        width: 100px;
        top: -40px;
        left: -4px
    }

        .tx-tracking-status_add .image-order-status .status:before {
            font-family: "Font Awesome 5 Free";
            content: "\f053";
            padding-right: 5px
        }

.tx-tracking-status_add .image-order-status-nottaken {
    /*left: 40%*/
}

    .tx-tracking-status_add .image-order-status-nottaken .icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOEY2MkQyNTFFNDI0N0U3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzFCN0QwOUE1QUIxMUUwQjY1QUI1MUU1QzI1OUYyNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzFCN0QwOEE1QUIxMUUwQjY1QUI1MUU1QzI1OUYyNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCN0YxMTc0MDcyMDY4MTE4NzFDREEyRkNEOTI0OThCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4RjYyRDI1MUU0MjQ3RTc1Ii8+IDwvcmRmOkRlc2NyaXB0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);
    }

    .tx-tracking-status_add .image-order-status-nottaken .status:before {
        display: none
    }

.tx-tracking-status_add .image-order-status-cancelled {
    left: 70%
}

    .tx-tracking-status_add .image-order-status-cancelled .icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOEY2MkQyNTFFNDI0N0U3NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QzFCN0QwOUE1QUIxMUUwQjY1QUI1MUU1QzI1OUYyNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QzFCN0QwOEE1QUIxMUUwQjY1QUI1MUU1QzI1OUYyNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZCN0YxMTc0MDcyMDY4MTE4NzFDREEyRkNEOTI0OThCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4RjYyRDI1MUU0MjQ3RTc1Ii8+IDwvcmRmOkRlc2NyaXB0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);
    }

    .tx-tracking-status_add .image-order-status-cancelled .status:before {
        display: none
    }




/********************
*  vertical list   *
********************/

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-rounded {
    border-radius: 3px;
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #CDBFAC;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #E1D4C0;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 30px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
float: right;*/
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 40px;
                height: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #dddddd;
                -webkit-box-shadow: 0 0 0 5px #dddddd;
                box-shadow: 0 0 0 5px #dddddd;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #005ba7;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #df8e4c;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning2 {
                    background-color: #ff7626;
                    color: #fff;
                }

.label-secondary {
    background-color: #ee4749;
}

.label-warning2 {
    background-color: #ff7626;
}

.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
    position: relative;
    background: #dddddd;
    padding: 5px;
    margin-left: 60px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 9px 9px 0;
        border-color: transparent #dddddd transparent transparent;
        left: 0;
        top: 10px;
        margin-left: -9px;
    }

    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
        color: #737881;
        font-family: "Noto Sans",sans-serif;
        font-size: 12px;
        margin: 0;
        line-height: 1.428571429;
    }

        .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
            margin-top: 15px;
        }

    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

        .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
            color: #303641;
        }

        .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
            -webkit-opacity: .6;
            -moz-opacity: .6;
            opacity: .6;
            -ms-filter: alpha(opacity=60);
            filter: alpha(opacity=60);
        }

/*************************************
* Gauge*
*/
.bg-poor {
    background-color: #ff1c1c;
}

.bg-fair {
    background-color: #ff7626;
}

.bg-good {
    background-color: #ffe002;
}

.bg-verygood {
    background-color: #7af633;
}

.bg-excellent {
    background-color: #10b400;
}

.text-poor {
    color: #ff1c1c;
}

.text-fair {
    color: #ff7626;
}

.text-good {
    color: #ffe002;
}

.text-verygood {
    color: #7af633;
}

.text-excellent {
    color: #10b400;
}

.progress-bar-poor {
    background-color: #ff1c1c;
}

.progress-bar-fair {
    background-color: #ff7626;
}

.progress-bar-good {
    background-color: #ffe002;
}

.progress-bar-verygood {
    background-color: #7af633;
}

.progress-bar-excellent {
    background-color: #10b400;
}

.containerGauge {
    /*width: 300px;*/
    margin: auto;
    text-align: center;
}

.gauge {
    display: inline-block;
    margin: 20px auto 10px auto;
    /*display: block;*/
    /*float: left;*/
    /*border: 1px solid #ddd;*/
    /*box-sizing: border-box;*/
    /*margin: 0 0 1% 0;*/
}

.size-1 {
    width: 40%;
}

.size-2 {
    width: 60%;
}

.size-3 {
    width: 80%;
}

.size-4 {
    width: 100%;
}



/************************************* 
    consumer app*/

.board {
    background: #fff;
}

    .board .nav-tabs {
        position: relative;
        margin: 5px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .board > div.board-inner {
        /*background-size: 30%;
    background-color: white;*/
        position: relative;
    }

p.narrow {
    width: 60%;
    margin: 10px auto;
}

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.board .nav-tabs > li.active > a,
.board .nav-tabs > li.active > a:hover,
.board .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tabs {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tabs.one {
        color: rgb(34, 194, 34);
        border: 2px solid rgb(34, 194, 34);
    }

li.active span.round-tabs.one {
    background: #fff !important;
    border: 2px solid #ddd;
    color: rgb(34, 194, 34);
}

span.round-tabs.two {
    color: #029acf;
    border: 2px solid #029acf;
}

li.active span.round-tabs.two {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #029acf;
}

span.round-tabs.three {
    color: #005ba7;
    border: 2px solid #005ba7;
}

li.active span.round-tabs.three {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #005ba7;
}

span.round-tabs.four {
    color: #EFB73E;
    border: 2px solid #EFB73E;
}

li.active span.round-tabs.four {
    background: #fff !important;
    border: 2px solid #ddd;
    color: #df8e4c;
}

span.round-tabs.five {
    color: #382989;
    border: 2px solid #382989;
}


li.active span.round-tabs.five {
    background: #fff !important;
    border: 2px solid #b4b3b3;
    color: #b4b3b3;
}

.nav-tabs > li.active > a span.round-tabs {
    background: #fafafa;
}

.board .nav-tabs > li {
    width: 20%;
}

    .board .nav-tabs > li.active:after {
        content: " ";
        position: relative;
        left: 46%;
        opacity: 1;
        margin: 0px 0px 0px 0px;
        bottom: 9px;
        border: 12px solid transparent !important;
        border-bottom-color: #dddddd !important;
    }

    .board .nav-tabs > li a {
        width: 70px;
        height: 70px;
        margin: 10px auto 5px auto;
        border-radius: 100%;
        padding: 0;
        position: relative;
    }

        .board .nav-tabs > li a:hover {
            background: transparent;
        }

.board .tab-pane {
    position: relative;
    padding-top: 5px;
}

.tab-content .head {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 15px;
}

.btn-outline-rounded {
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green {
    background-color: #5cb85c;
    color: #ffffff;
}


@media( max-width : 585px ) {

    .board {
        width: 90%;
        height: auto !important;
    }

    span.round-tabs {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .tab-content .head {
        font-size: 20px;
    }

    .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .nav-tabs > li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .btn-outline-rounded {
        padding: 12px 20px;
    }
}

/************************************* 
    Price slider*/

/*#custom-handle {
    width: 78px;
    height: 31px;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
    border-radius: 10px;
    background: #005ba7;
    color: white;
}*/

.priceSlider {
    margin-top: 20px;
}

.ui-widget-content {
    /*border: 1px solid #bdc3c7;
    background: #e1e1e1;*/
    color: #005ba7;
    margin-top: 4px;
}

.ui-slider .ui-slider-handle {
    position: absolute !important;
    z-index: 2 !important;
    width: 3.2em !important;
    height: 2.2em !important;
    cursor: default !important;
    margin: 0 -20px auto !important;
    text-align: center !important;
    line-height: 30px !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
}

.ui-corner-all {
    /*border-radius: 20px;*/
}

.ui-slider-horizontal .ui-slider-handle {
    top: -3em !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    background: #005ba7 !important;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -1.5em !important;
}

.ui-slider .ui-slider-handle {
    cursor: pointer;
}

.ui-slider a,
.ui-slider a:focus {
    cursor: pointer;
    outline: none;
}

.ui-slider-range-min {
    background: #2980b9;
}

.ui-slider-label-inner {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #005ba7;
    display: block;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100%;
    z-index: 99;
}

/*end Price slider*/

/************************************* 
    consumer select switch*/
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .material-switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

/*https://bootsnipp.com/snippets/0erjq*/

.triStateSwitch {
    padding: 7px 0px;
    width: 100%;
    display: block;
}

.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 30px;
    padding: 3px;
    margin: 0 10px 10px 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing: content-box;
}

/*.labeltriStateSwitch {
    font-weight: inherit;
}*/

.input-triStateSwitch {
    margin: 4px 0 0;
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}


.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-left-right .switch-input:checked ~ .switch-label {
    background: inherit;
}

.switch-left-right .switch-input:indeterminate ~ .switch-label {
    background: inherit;
}

.switch-input:checked ~ .switch-label {
    background: #E1B42B;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:indeterminate ~ .switch-label {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-left-right .switch-label {
    overflow: hidden;
}

.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 8px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

.switch-left-right .switch-input:checked ~ .switch-label:before {
    opacity: 1;
    left: 90px;
}

.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}

.switch-input:indeterminate ~ .switch-label:before {
    opacity: 0.7;
}

.switch-left-right .switch-input:indeterminate ~ .switch-label:before {
    opacity: 1;
    left: 60px;
}

.switch-left-right .switch-label:before {
    background: #eceeef;
    text-align: left;
    padding-left: 70px !important;
}

.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}

.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

span.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    position: absolute;
}

.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing: content-box;
}


.switch-left-right .switch-input:checked ~ .switch-label:after {
    left: 0 !important;
    opacity: 1;
    padding-left: 20px;
}


.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}

.switch-input:indeterminate ~ .switch-label {
    opacity: 0.2;
}

.switch-left-right .switch-label:after {
    text-align: left;
    text-indent: 9px;
    background: #005ba7 !important;
    left: -90px !important;
    opacity: 1;
    width: 100% !important;
}

.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}

.switch-left-right .switch-input:indeterminate ~ .switch-label:before {
    opacity: 0;
}

.switch-left-right .switch-input:indeterminate ~ .switch-label:after {
    opacity: 0;
}

.switch-input:checked ~ .switch-handle {
    left: 64px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-input:indeterminate ~ .switch-handle {
    left: 33px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

    .switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }

.consumer-lbl {
    height: 35px;
}

ol li {
    list-style: none !important;
}
/*end consumer select switch*/

/*Monthly adjustments*/
.dealer-grouping {
    width: 100%;
    overflow: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.panel-heading {
    background-color: #005ba7 !important;
}

.aCollapse:link, .aCollapse:visited {
    color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

.aMonth:hover, .aCollapse:hover {
    background-color: transparent;
}

a.aMonth {
    color: #000000 !important;
}

/*th, td {
    padding: 10px;
    text-align: left;
    white-space: nowrap;
}*/

h5.exMessage {
    color: red;
    font-weight: bold;
    text-decoration: underline red;
}

select {
    width: 176px;
    height: 31px;
}

.table-fit {
    width: 1px;
}
/*end Monthly adjustments*/

@media (min-width: 768px) {
    .fixed-posi {
        width: 50%;
        margin-left: 50%;
        height: 100%;
        position: fixed;
    }

    .consumer-lbl {
        height: inherit;
    }
}

@media(min-width: 1274px) {
    .financeColumns {
        column-count: 2;
    }
}

@media(max-width: 1274px) {
    .financeColumns {
        column-count: 1;
    }
}

@media(min-width: 768px) {
    .fastappColumns {
        column-count: 2;
    }
}

@media(max-width: 768px) {
    .fastappColumns {
        column-count: 1;
    }
}

@media(min-width: 1274px) {
    .fastappBalloonColumns {
        column-count: 2;
    }
}

@media(max-width: 1274px) {
    .fastappBalloonColumns {
        column-count: 1;
    }
}


.w-70 {
    width: 70% !important;
}

#cookie-banner {
    background-color: #F4F3F4;
    display: none;
    border: #ee7d1f solid 1px;
    position: fixed;
    bottom: -400px;
    width: 100%;
}

.cookie-text {
    padding: 15px 0;
}

.leads {
    border: 2px;
}

.leadsPriority {
    border: 2px;
}

.hoverable {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .55s ease-in-out;
    -o-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out
}

    .hoverable:hover {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
        -webkit-transition: all .55s ease-in-out;
        -o-transition: all .55s ease-in-out;
        transition: all .55s ease-in-out
    }

.fastapp-card {
    position: absolute;
    left: 42%;
    top: -20px;
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

/*New*/
div.scroll {
    height: 500px !important;
    overflow-x: hidden;
    overflow-x: auto;
    text-align: justify;
}

.centerCell {
    text-align: center;
    vertical-align: middle;
}

.verticalCenter {
    vertical-align: middle;
}


.offsetDropdown {
    left: -110px;
}

@media (max-width: 992px) {

    .navbar-expand-lg {
        max-height: 280px;
        overflow-y: auto;
    }
}



@media (min-width: 576px) {
    .banner-Text {
        top: 20%;
        position: relative;
    }
}

.navigation {
    z-index: 98 !important;
}

.banner-Content {
    top: 20%;
    position: relative;
}

.banner-Text {
    font-size: 11px;
    font-weight: 300;
    color: #005ba7;
}

span.line {
    display: inline-block;
}

.Login-Text {
    bottom: 20%;
    position: relative;
}

.register-Logo {
    height: 100%;
    width: 100%;
}

.list-sm-center {
    display: inline-block;
    vertical-align: middle;
}

div.scroll {
    height: 570px;
    overflow-x: hidden;
    overflow-x: auto;
    text-align: justify;
}

.close-icon {
    position: relative;
    margin-bottom: -29px;
    top: -24px;
    padding: 1px;
    background-color: white;
    border-radius: 5px;
    right: -22px;
}

    .close-icon:hover {
        color: gray;
        font-size: 25px;
    }

    .close-icon:hover {
        color: gray;
        font-size: 25px;
    }

label .input {
    display: none;
}

    label .input:checked + .toggle-wrapper > .selector > .doc-accepted-check {
        display: block !important;
        display: block !important;
    }

    label .input:checked + .toggle-wrapper > .selector > .doc-accepted-uncheck {
        display: none !important;
    }

    label .input:checked + .toggle-wrapper {
        box-shadow: 0 8px 14px 0 rgba(18, 51, 215, 0.12);
    }


        label .input:checked + .toggle-wrapper > .selector {
            left: calc(100% - 35px);
            background-color: #28a745;
        }

        label .input:checked + .toggle-wrapper > .selector {
            left: calc(100% - 35px);
            background-color: #28a745;
        }

    label .input:checked ~ .notification > .selected:before {
        content: "Accepted";
    }

.doc-accepted-check {
    display: none !important;
}

label .input:checked ~ .notification > .selected:before {
    content: "Accepted";
}

.doc-accepted-check {
    display: none !important;
}


label .toggle-wrapper {
    position: relative;
    width: 85px;
    height: 35px;
    background-color: #eaeaea;
    border-radius: 999px;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 8px 14px 0 rgba(215, 60, 18, 0.12);
}

    label .toggle-wrapper .selector {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        background-color: #e23609;
        transition: left 0.25s ease;
        border-radius: 50%;
    }

label .notification {
    font-size: 20px;
    width: 100%;
}

    label .notification .selected:before {
        content: "Not Accepted";
        font-size: 20px;
        border-bottom: 2px solid;
    }

.doc-accepted-check {
    font-size: 24px;
    position: relative;
    bottom: 5px;
}

.doc-accepted-uncheck {
    font-size: 22px !important;
    position: relative;
    bottom: 6px;
}

.sign-modal {
    max-height: calc(122vh - 224px);
    overflow-y: auto;
}

.vertical-sign-align {
    top: 131px;
    left: -20px;
    height: 20px;
}

.uncheck-main-icon {
    left: 3px;
    .uncheck-main-icon

{
    left: 3px;
}

.accept-info {
    max-width: 76%
}




.about-header {
    font-size: 30px;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-family: "bentonsans-regular-webfont" !important;
}

.privacy-policy-text > p {
    font-size: 12px !important;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 15px;
    padding-right: 0px;
}


.privacy-policy-text > ul > li {
    font-size: 12px !important;
    line-height: normal;
    letter-spacing: normal;
}

.privacy-policy-text > h5 {
    font-size: 16px !important;
    line-height: normal;
    letter-spacing: normal;
}

.privacy-policy-col {
    -webkit-box-shadow: 6px 9px 26px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 9px 26px -14px rgba(0,0,0,0.75);
    box-shadow: 6px 9px 26px -14px rgba(0,0,0,0.75);
    padding: 2rem;
    border-radius: 20px;
}

.edit-stakeholder-btn {
    position: relative;
    top: -44px;
    padding: 4px 12px 4px 15px;
    border-radius: 4px;
    margin-bottom: -60px;
    font-size: 30px;
    right: -20px;
}

.new-stakeholder-btn {
    position: relative;
    top: -45px;
    top: -45px;
    border-radius: 4px;
    margin-bottom: -60px;
    font-size: 30px;
    right: 49px;
    padding: 4px 20px 4px 20px;
}

.input-chbox {
    width: 40px;
    margin-top: 30px;
    height: 20px !important;
    height: 20px !important;
}

.input-chbox-lbl {
    position: relative;
    top: -5px;
    font-size: 13px;
    font-weight: bold;
}

.required-label {
    height: 18px;
    position: relative;
    top: -5px;
}

.sms-number-input {
    border: 2px solid #005ba7 !important;
    border-radius: 25px 25px 10px 25px;
    padding: 20px;
}


    .sms-number-input:focus {
        outline: none !important;
        border-radius: 25px 25px 10px 25px;
        box-shadow: 0 0 10px #719ECE;
    }

.ForgotPassBackImg {
    background-image: url("../Images/Dealnet/Login/recovered.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 60px;
    height: 60px;
    background-size: cover;
    width: 60px;
    height: 60px;
}

.ForgotPassBodyText {
    top: 35%;
    position: relative;
    font-size: 13px;
    color: #005ba7;
}

.ForgotPassRowBorder {
    border: 2px solid lightgrey;
}


.required-label::after {
    content: "*";
    font-weight: bold;
    color: red;
}

.Report-structure-container {
    padding: 10px;
    margin: 15px;
}

.rep-struct-search-box {
    padding: 10px;
}


.jstree-default .jstree-icon {
    width: 30px !important;
}

.editReportStructure {
    height: 26px !important;
    margin-top: -1px !important;
    border-radius: 0px !important;
    margin-bottom: -1px !important;
    margin-left: 9px;
}

    .editReportStructure:hover {
        cursor: pointer !important;
    }

    .editReportStructure:hover {
        cursor: pointer !important;
    }


.clearForAddReportStructure {
    height: 26px !important;
    margin-top: -1px !important;
    margin-bottom: -1px !important;
    cursor: pointer !important;
    border-radius: 0px !important;
}

#TreeViewReportStructure {
    margin-left: -25px !important;
}

li.jstree-node {
    padding-bottom: 20px;
}


.editReportStructureOrganization {
    cursor: pointer !important;
    height: 26px !important;
    margin-top: -1px !important;
    margin-bottom: -1px !important;
    margin-left: 9px;
    border-radius: 0px !important;
}

.clearForAddReportStructureOrganization {
    cursor: pointer !important;
    border-radius: 0px !important;
}

.linked-i-bod {
    max-height: 287px;
    overflow: auto;
}

.main-rep-card {
    height: 586px !important;
}

.jstree-anchor {
    margin-top: 4px;
    border: 1px solid #ccc;
    border-left: 0px;
    border-right: 0px;
    padding-right: 0px !important;
}

.jstree-leaf {
    padding-bottom: 1px !important;
    .jstree-leaf

{
    padding-bottom: 1px !important;
}

#DiagnosticOptions {
    height: 42px;
    font-size: 19px;
    border-radius: 7px;
    padding-left: 9px;
    color: #005ba7;
    border: 1px solid #e8ddd2;
}

#ContractDetailInfoForm input {
    width: 250px;
}

#footer {
    width: 100% !important;
}

body {
    overflow-y: auto;
}

.fa-pull-left {
    padding-right: 44px;
}


.is-invalid {
    color: #DF382C !important;
}

#SearchResults_Mapper {
    width: 100% !important;
}

.dataTables_scrollHead {
    background-color: #005ba7 !important;
    color: #fff !important;
}

label {
    color: #004b89;
}

input {
    min-height: 38px !important;
}

.navbar {
    z-index: 98 !important;
}

.MapperDetailAction {
    width: 90%;
    left: 5%;
}

#SearchResults_Mapper td {
    vertical-align: middle; /* Vertically center the text */
}

.btn-info {
    color: #fff !important;
}

.btn-secondary {
    color: #686868;
}

th {
    vertical-align: middle !important;
    font-size: 0.8rem !important;
}

thead > tr > th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#blForm {
    margin: auto;
    width: 80%;
    padding: 60px !important;
    padding-bottom: 85px !important;
}

#CommissionStructureLinksTable_length {
    position: relative;
    top: 50px;
    right: -203px;
    width: 30px;
}

    #CommissionStructureLinksTable_length > label > select {
        border: 0.5px solid #005ba7 !important;
        width: 50px;
        height: 30px;
    }

#CommissionStructureLinksTable_filter {
    width: 200px;
    position: relative;
    top: -21px;
}

    #CommissionStructureLinksTable_filter > label > input {
        min-height: 30px !important;
        border: 0.5px solid #005ba7 !important;
        min-width: 188px !important;
    }

.CommissionStructureLinksTable_info {
    vertical-align: middle;
}

.commissionstructure-search {
    box-shadow: none !important;
}

.dataTables_empty {
    color: #005ba7 !important;
}

.paginate_button.previous {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    width: 75px !important;
    text-align: center;
    background-color: #005ba7 !important;
    color: #fff !important;
    margin-top: 10px;
}

.paginate_button.next {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    width: 75px !important;
    text-align: center;
    background-color: #005ba7 !important;
    color: #fff !important;
    margin-top: 10px;
}

.paginate_button {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    text-align: center;
    background-color: #005ba7 !important;
    color: #fff !important;
    margin-top: 10px;
    min-width: 38px;
}

.paging_simple_numbers {
    margin-left: -5px !important;
}

td {
    padding-left: 15px !important;
}

.dataTable {
    border: none !important;
    margin-bottom: 0px !important;
    display: inline-table !important;
}

    .dataTable > thead {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .dataTable > thead > tr > td {
            border-top: 0px !important;
            padding-top: 8px;
            padding-bottom: 8px;
            font-size: 15px !important;
            font-weight: 600;
            padding-left: 8px !important;
            border-right: 1px solid #2a738d;
            border-left: 1px solid #2a738d;
            text-align: center;
        }

        .dataTable > thead > tr {
            position: sticky;
            top: 0px;
        }

    .dataTable tr th {
        border: none !important;
        font-size: 13px;
        padding-left: 6px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        background-color: #005ba7;
        color: #fff;
    }

.page-item.active .page-link {
    z-index: 1 !important;
    color: #fff !important;
    background-color: #005ba7 !important;
    border-color: #686868 !important;
}

#SearchResults_filter button {
    background-color: #005ba7;
    box-sizing: border-box;
    height: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 1px;
    border: 1px solid #536574;
    color: #f8fdfe;
    font-weight: bold;
    font-size: 13px;
    width: 76px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 25%);
}

.page-link {
    color: #005ba7 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    color: #fff !important;
}

.month-modal {
    display: none; /* Hidden by default */
    position: absolute;
    z-index: 1; /* Sit on top */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}

.month-picker {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #81818185;
    width: 255px;
    top: 30%;
    border-radius: 10px;
    background-color: #fefefe;
    text-align: center;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

.month-picker-button {
    display: inline-block;
    margin: 5px;
    width: 33px;
    height: 34px;
    font-size: 14px;
    color: #fff;
    border-color: #005ba7;
    background-color: #005ba7;
    cursor: pointer;
}

#MappingDataDiv {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

.faint-shadow {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

#SearchProduct {
    width: 78px !important;
}

#ClearSearchResults {
    width: 78px !important;
}

#SubmitRegulatedProduct {
    width: 78px !important;
}

#ClearRegulatedProduct {
    width: 78px !important;
}

#SearchResults_Mapper_wrapper > .dataTables_paginate {
    display: none;
}

.dataTables_scrollBody > #SearchResults_Mapper > thead > tr > th {
    background-color: none !important;
}

#SearchResults_Mapper > thead {
    display: none !important;
}

#comlinksdiv {
    margin-top: -2rem !important;
}

.nav-link {
    margin: auto;
    text-align: center;
    min-height: 60px;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    display: flex;
}

.navbar {
    position: relative;
    max-height: 420px;
    overflow: hidden !important;
}

#navbar-collapse-menu > ul > .nav-item {
    min-width: 110px;
    box-shadow: 10px 10px 10px -9px #054b85 inset;
    -webkit-box-shadow: 10px 10px 10px -9px #054b85 inset;
    -moz-box-shadow: 10px 10px 10px -9px #054b85 inset;
    /*    border-right: 1px solid #2a738d85 !important;
    border-left: 1px solid #2a738d85 !important;*/
}

.navbar-nav > li {
    display: flex;
    flex-direction: column;
}

.nav-item.dropdown {
    position: relative !important;
}

.dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0;
    z-index: 1000;
}

.ps__thumb-x {
    background-color: #0b79d5 !important;
}

#dropdownContentContainer {
    background-color: #fff !important;
    position: absolute;
    z-index: 1000; /* Make sure it's on top */
    display: none;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

    #dropdownContentContainer > a {
        transition: background-color 0.5s ease; /* change 0.5s to the duration you want */
    }

        #dropdownContentContainer > a:hover {
            width: 100%;
            color: #fff;
            background-color: #ee7d1f;
        }

.ps__rail-x {
    cursor: pointer !important;
}

#nav-theres-more {
    right: -200px;
    position: relative;
    left: 0px;
    float: right;
    z-index: 80;
    color: #ffffffc7;
    width: 75px;
    height: 75px;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,0.6460959383753502) 0%, rgba(1,9,25,0.8925945378151261) 10%, rgba(6,44,75,0.80015756302521) 22%, rgba(5,61,107,0.7469362745098039) 41%, rgba(5,75,133,0.6404936974789917) 50%, rgba(5,82,133,0.5452556022408963) 70%, rgba(5,84,133,0.1558998599439776) 86%, rgba(2,124,161,0) 95%, rgba(0,146,176,0) 100%);
    font-size: 50px;
    margin-bottom: -75px;
    text-align: center;
    vertical-align: middle;
}

.ps__rail-y {
    opacity: 1 !important;
    display: block !important;
    width: 20px !important;
}

.ps-container > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps__thumb-y {
    opacity: 1 !important;
    display: block !important;
    width: 15px !important;
}

.ps__rail-x,
.ps__rail-y {
    opacity: 0.6;
}

#dropdownTooHide {
    display: none !important;
}

.nav-item > .dropdown-menu {
    opacity: 0 !important;
}

.mfc-more-btn {
    position: relative;
    width: 100%;
    height: 38px;
    text-align: center;
    font-weight: 500;
    color: grey;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
}

.excel-download-button {
    background: #005ba7;
    color: #fff;
    border-color: #005ba7;
    width: 150px;
    height: 37px;
    position: relative;
    left: 9px;
    top: 14px;
}

#SaveMfcbank {
    position: relative;
    top: -20px;
    float: right;
    right: 63px;
    color: #fff;
    background: #005ba7 !important;
    background-color: #005ba7 !important;
}

#UpdateAddComLink {
    color: #fff;
    background: #005ba7 !important;
    background-color: #005ba7 !important;
}

.validation-error {
    border: 1px solid red;
}

.mfc-delete-btn {
    cursor: pointer;
    position: relative;
    width: 44px;
    height: 38px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.50);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    padding: 5px;
}

.mfc-map-lbl-6 {
    position: relative;
    top: 58px;
    left: 462px;
}

.mfc-save-status {
    color: #005ba7;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.10);
    box-shadow: 0px 4px 0px 0px rgb(0 91 167);
    padding: 9px;
    display: block;
    position: relative;
    top: -1px;
    height: 38px;
    width: 100px !important;
    border-radius: 4px;
    overflow: hidden;
}

    .mfc-save-status.updated, .mfc-save-status.inserted {
        border-color: lawngreen;
        color: #178f00;
        -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.10);
        font-size: 14px;
        box-shadow: 0 3px 8px rgb(100 207 19);
        background: #a5e99d;
    }



.mfc-clear {
    position: relative;
    left: 2px;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.50);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.mvc-mapping-entry {
    background: #0567b996;
    background-image: linear-gradient(to bottom, #99c4e9cc, #e2f2ff12, #005ba7);
    border: 1px solid #005ba7;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

#mvc-mapping-entry {
    display: none !important;
}

.mvc-mapping-entry > .px-1 > input {
    border: 1px solid #005ba7;
}

.d-none {
    display: none !important;
}

.mvc-mapping-entry-wrapper {
    padding: 60px;
    max-height: 500px;
    overflow: auto;
    margin-top: 50px;
    padding-top: 0px;
}

.OffId::placeholder {
    color: #005ba7;
}

.MfcCode::placeholder {
    color: #005ba7;
}

.MfcSubcode::placeholder {
    color: #005ba7;
}

.MfcMonthPeriod::placeholder {
    color: #005ba7;
}

.MfcAmmount::placeholder {
    color: #005ba7;
}

.entry-number {
    display: inline-block;
    width: 30px;
    text-align: center;
    position: relative;
    margin: -15px;
    left: -21px;
    top: 12px;
    font-size: 30px;
    font-weight: 600;
    color: #005ba7;
}

.use-excel-button {
    background-image: linear-gradient(to bottom, #005ba7, #0a93df, #005ba7);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    height: 39px;
}

.mfc-map-lbl {
    width: 38px;
    font-size: 18px;
    font-weight: 600;
    color: #005ba7;
}

.mfc-map-lbl-1 {
    position: relative;
    top: 57px;
    left: 107px;
}

.mfc-map-lbl-2 {
    position: relative;
    top: 57px;
    left: 129px;
}

.mfc-map-lbl-3 {
    position: relative;
    top: 57px;
    left: 189px;
}

.mfc-map-lbl-4 {
    position: relative;
    top: 57px;
    left: 229px;
}

.mfc-map-lbl-5 {
    position: relative;
    top: 57px;
    left: 275px;
}


.dealnet-orange {
    color: #ee7d1f;
}

.fa-link {
    color: #ee7d1f !important;
}

#CommissionStructuresTable_wrapper {
    margin-top: -80px;
}

#CommissionStructuresTable_length {
    position: relative;
    top: 41px;
    left: 200px;
    width: 260px;
}

    #CommissionStructuresTable_length > label > select {
        height: 38px;
        width: 50px;
        border: 1px solid #005ba7;
    }

#CommissionStructuresTable_filter {
    padding-bottom: 20px;
}

    #CommissionStructuresTable_filter > label > input {
        border: 1px solid #005ba7;
        height: 38px;
    }


.new-blew {
    color: #fff;
    background: #005ba7 !important;
    background-color: #005ba7 !important;
}

.table-responsive {
    cursor: pointer;
}


.is-invalid {
    color: #DF382C !important;
}

#SearchResults_Mapper {
    width: 100% !important;
}

.dataTables_scrollHead {
    background-color: #005ba7 !important;
    color: #fff !important;
}

label {
    color: #004b89;
}

input {
    min-height: 38px !important;
}

.navbar {
    z-index: 98 !important;
}

.MapperDetailAction {
    width: 90%;
    left: 5%;
}

#SearchResults_Mapper td {
    vertical-align: middle; /* Vertically center the text */
}

.btn-info {
    color: #fff !important;
}

.btn-secondary {
    color: #686868;
}

th {
    vertical-align: middle !important;
    font-size: 0.8rem !important;
}

thead > tr > th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#blForm {
    margin: auto;
    width: 80%;
    padding: 60px !important;
    padding-bottom: 85px !important;
}

#CommissionStructureLinksTable_length {
    position: relative;
    top: 50px;
    right: -203px;
    width: 30px;
}

    #CommissionStructureLinksTable_length > label > select {
        border: 0.5px solid #005ba7 !important;
        width: 50px;
        height: 30px;
    }

#CommissionStructureLinksTable_filter {
    width: 200px;
    position: relative;
    top: -21px;
}

    #CommissionStructureLinksTable_filter > label > input {
        min-height: 30px !important;
        border: 0.5px solid #005ba7 !important;
        min-width: 188px !important;
    }

.CommissionStructureLinksTable_info {
    vertical-align: middle;
}

.commissionstructure-search {
    box-shadow: none !important;
}

.dataTables_empty {
    color: #005ba7 !important;
}

.paginate_button.previous {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    width: 75px !important;
    text-align: center;
    background-color: #005ba7 !important;
    color: #fff !important;
    margin-top: 10px;
}

.paginate_button.next {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    width: 75px !important;
    text-align: center;
    background-color: #005ba7 !important;
    color: #fff !important;
    margin-top: 10px;
}

.paginate_button {
    margin-left: 5px;
    margin-right: 5px;
    padding: 8px;
    display: inline-block;
    text-align: center;
    background-color: #005ba7 !important;
    color: #fff !important;
    margin-top: 10px;
    min-width: 38px;
}

.paging_simple_numbers {
    margin-left: -5px !important;
}

td {
    padding-left: 15px !important;
}

.dataTable {
    border: none !important;
    margin-bottom: 0px !important;
    display: inline-table !important;
}

    .dataTable > thead {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .dataTable > thead > tr > td {
            border-top: 0px !important;
            padding-top: 8px;
            padding-bottom: 8px;
            font-size: 15px !important;
            font-weight: 600;
            padding-left: 8px !important;
            border-right: 1px solid #2a738d;
            border-left: 1px solid #2a738d;
            text-align: center;
        }

        .dataTable > thead > tr {
            position: sticky;
            top: 0px;
        }

    .dataTable tr th {
        border: none !important;
        font-size: 13px;
        padding-left: 6px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        background-color: #005ba7;
        color: #fff;
    }

.page-item.active .page-link {
    z-index: 1 !important;
    color: #fff !important;
    background-color: #005ba7 !important;
    border-color: #686868 !important;
}

#SearchResults_filter button {
    background-color: #005ba7;
    box-sizing: border-box;
    height: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 1px;
    border: 1px solid #536574;
    color: #f8fdfe;
    font-weight: bold;
    font-size: 13px;
    width: 76px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 25%);
}

.page-link {
    color: #005ba7 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    color: #fff !important;
}

.month-modal {
    display: none; /* Hidden by default */
    position: absolute;
    z-index: 1; /* Sit on top */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}

.month-picker {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #81818185;
    width: 255px;
    top: 30%;
    border-radius: 10px;
    background-color: #fefefe;
    text-align: center;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

.month-picker-button {
    display: inline-block;
    margin: 5px;
    width: 33px;
    height: 34px;
    font-size: 14px;
    color: #fff;
    border-color: #005ba7;
    background-color: #005ba7;
    cursor: pointer;
}

#MappingDataDiv {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

.faint-shadow {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

#SearchProduct {
    width: 78px !important;
}

#ClearSearchResults {
    width: 78px !important;
}

#SubmitRegulatedProduct {
    width: 78px !important;
}

#ClearRegulatedProduct {
    width: 78px !important;
}

#SearchResults_Mapper_wrapper > .dataTables_paginate {
    display: none;
}

.dataTables_scrollBody > #SearchResults_Mapper > thead > tr > th {
    background-color: none !important;
}

#SearchResults_Mapper > thead {
    display: none !important;
}

#comlinksdiv {
    margin-top: -2rem !important;
}

.nav-link {
    margin: auto;
    text-align: center;
    min-height: 60px;
    vertical-align: middle;
    text-align: center;
    align-items: center;
    display: flex;
}

.navbar {
    position: relative;
    max-height: 420px;
    overflow: hidden !important;
}

#navbar-collapse-menu > ul > .nav-item {
    min-width: 110px;
    box-shadow: 10px 10px 10px -9px #054b85 inset;
    -webkit-box-shadow: 10px 10px 10px -9px #054b85 inset;
    -moz-box-shadow: 10px 10px 10px -9px #054b85 inset;
    /*    border-right: 1px solid #2a738d85 !important;
    border-left: 1px solid #2a738d85 !important;*/
}

.navbar-nav > li {
    display: flex;
}

.nav-item.dropdown {
    position: relative !important;
}

.nav-item > .dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0;
    z-index: 1000;
}

.ps__thumb-x {
    background-color: #0b79d5 !important;
}

#dropdownContentContainer {
    background-color: #fff !important;
    position: absolute;
    z-index: 1000; /* Make sure it's on top */
    display: none;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

    #dropdownContentContainer > a {
        transition: background-color 0.5s ease; /* change 0.5s to the duration you want */
    }

        #dropdownContentContainer > a:hover {
            width: 100%;
            color: #fff;
            background-color: #ee7d1f;
        }

.ps__rail-x {
    cursor: pointer !important;
}

#nav-theres-more {
    right: -200px;
    position: relative;
    left: 0px;
    float: right;
    z-index: 80;
    color: #ffffffc7;
    width: 75px;
    height: 75px;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,0.6460959383753502) 0%, rgba(1,9,25,0.8925945378151261) 10%, rgba(6,44,75,0.80015756302521) 22%, rgba(5,61,107,0.7469362745098039) 41%, rgba(5,75,133,0.6404936974789917) 50%, rgba(5,82,133,0.5452556022408963) 70%, rgba(5,84,133,0.1558998599439776) 86%, rgba(2,124,161,0) 95%, rgba(0,146,176,0) 100%);
    font-size: 50px;
    margin-bottom: -75px;
    text-align: center;
    vertical-align: middle;
}

.ps__rail-y {
    opacity: 1 !important;
    display: block !important;
    width: 20px !important;
}

.ps-container > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps__thumb-y {
    opacity: 1 !important;
    display: block !important;
    width: 15px !important;
}

.ps__rail-x,
.ps__rail-y {
    opacity: 0.6;
}

#dropdownTooHide {
    display: none !important;
}

.nav-item > .dropdown-menu {
    opacity: 0 !important;
}

.mfc-more-btn {
    position: relative;
    width: 100%;
    height: 38px;
    text-align: center;
    font-weight: 500;
    color: grey;
    font-size: 14px;
    padding: 5px;
    border-radius: 5px;
}

.excel-download-button {
    background: #005ba7;
    color: #fff;
    border-color: #005ba7;
    width: 150px;
    height: 37px;
    position: relative;
    left: 9px;
    top: 14px;
}

#SaveMfcbank {
    position: relative;
    top: -20px;
    float: right;
    right: 63px;
    color: #fff;
    background: #005ba7 !important;
    background-color: #005ba7 !important;
}

#UpdateAddComLink {
    color: #fff;
    background: #005ba7 !important;
    background-color: #005ba7 !important;
}

.validation-error {
    border: 1px solid red;
}

.mfc-delete-btn {
    cursor: pointer;
    position: relative;
    width: 44px;
    height: 38px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    padding: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.50);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    padding: 5px;
}

.mfc-map-lbl-6 {
    position: relative;
    top: 58px;
    left: 508px;
}

.MfcMonthPeriod {
    min-width: 95px;
}

.mfc-save-status {
    color: #005ba7;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.10);
    box-shadow: 0px 4px 0px 0px rgb(0 91 167);
    padding: 9px;
    display: block;
    position: relative;
    top: -1px;
    height: 38px;
    width: 100px !important;
    border-radius: 4px;
    overflow: hidden;
}

    .mfc-save-status.updated, .mfc-save-status.inserted {
        border-color: lawngreen;
        color: #178f00;
        -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.10);
        font-size: 14px;
        box-shadow: 0 3px 8px rgb(100 207 19);
        background: #a5e99d;
    }



.mfc-clear {
    position: relative;
    left: 2px;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 5px rgba(190, 195, 200, 0.50);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

.mvc-mapping-entry {
    background: #0567b996;
    background-image: linear-gradient(to bottom, #99c4e9cc, #e2f2ff12, #005ba7);
    border: 1px solid #005ba7;
    border-radius: 10px;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
}

#mvc-mapping-entry {
    display: none !important;
}

.mvc-mapping-entry > .px-1 > input {
    border: 1px solid #005ba7;
}

.d-none {
    display: none !important;
}

.mvc-mapping-entry-wrapper {
    padding: 60px;
    max-height: 500px;
    overflow: auto;
    margin-top: 50px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.OffId::placeholder {
    color: #005ba7;
}

.MfcCode::placeholder {
    color: #005ba7;
}

.MfcSubcode::placeholder {
    color: #005ba7;
}

.MfcMonthPeriod::placeholder {
    color: #005ba7;
}

.MfcAmmount::placeholder {
    color: #005ba7;
}

.entry-number {
    display: inline-block;
    width: 30px;
    text-align: center;
    position: relative;
    margin: -15px;
    left: -21px;
    top: 12px;
    font-size: 30px;
    font-weight: 600;
    color: #005ba7;
}

.use-excel-button {
    background-image: linear-gradient(to bottom, #005ba7, #0a93df, #005ba7);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    height: 39px;
}

.mfc-map-lbl {
    width: 38px;
    font-size: 18px;
    font-weight: 600;
    color: #005ba7;
}

.mfc-map-lbl-1 {
    position: relative;
    top: 57px;
    left: 65px;
}

.mfc-map-lbl-2 {
    position: relative;
    top: 57px;
    left: 129px;
}

.mfc-map-lbl-3 {
    position: relative;
    top: 57px;
    left: 201px;
}

.mfc-map-lbl-4 {
    position: relative;
    top: 57px;
    left: 269px;
}

.mfc-map-lbl-5 {
    position: relative;
    top: 57px;
    left: 336px;
}


.dealnet-orange {
    color: #ee7d1f;
}

.fa-link {
    color: #ee7d1f !important;
}

#CommissionStructuresTable_wrapper {
    margin-top: -80px;
}

#CommissionStructuresTable_length {
    position: relative;
    top: 41px;
    left: 200px;
    width: 260px;
}

    #CommissionStructuresTable_length > label > select {
        height: 38px;
        width: 50px;
        border: 1px solid #005ba7;
    }

#CommissionStructuresTable_filter {
    padding-bottom: 20px;
}

    #CommissionStructuresTable_filter > label > input {
        border: 1px solid #005ba7;
        height: 38px;
    }


.new-blew {
    color: #fff;
    background: #005ba7 !important;
    background-color: #005ba7 !important;
}

.table-responsive {
    cursor: pointer;
}


/*This must be added to the redesign*/
.transfer-live-button {
    background: #005ba7;
    color: #fff;
    border-color: #005ba7;
    width: 100px;
    height: 37px;
    position: relative;
    top: 14px;
}

.offcanvas-start {
    width: 250px;
    background-color: #f8f9fa;
}

.nav-flex-column {
    padding-left: 15px;
}

.offcanvas-header {
    border-bottom: 1px solid #dee2e6;
}

.group-content {
    display: none;
}

.report-parameters {
    align-items: flex-end;
}

.report-parameter label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.parameter-input {
    width: 100%;
}

.report-parameter {
    display: flex;
    flex-direction: column;
}

.param-error {
    background: #fff5f5;
    padding: 6px;
    border-radius: 6px;
}

    .param-error .parameter-input {
        border: 2px solid #dc3545;
    }

    .param-error label {
        color: #dc3545;
        font-weight: 600;
    }