.full-bg {
        height:100vh;
        background: #fff;
    }
    
    .menu-bg {
        background: linear-gradient(89deg, #0d5a70 , #0d5a70 , transparent);
    }
    
    .right-content-bg {
        background: linear-gradient(38deg, #0e1e2b , #0c86a4);
    }
    
    .navbar-dark .navbar-nav .nav-link {
        border-right: 1px solid #fff;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .input-group-addon
    {
        background-color: transparent;
    }
    
    .cost-input, .cost-input:focus, .calc-input {
        background-color: transparent;
        outline: none;
        border-radius: 0px;
    }
    
    .input-group-addon {
        border-radius: 0px;
    }
    
    .cost-input:focus {
        border-color: #ced4da;
        border-left-color: transparent;
        border-left: 0;
        box-shadow: 0 0 0 0.02rem transparent;
    }
    
    .calc-input:focus {
        border-color: #0e2533;
            box-shadow: 0 0 0 1px #0e2533;
    }
    
    .customer-name, #customer-name, #f_customer-name, #r_customer-name {
        background-color: transparent;
        outline: none;
        border-radius: 0px;
    }
    
    .customer-name:focus, #customer-name:focus, #f_customer-name:focus , #r_customer-name:focus {
        background-color: transparent;
        border-color: #fff;
        border-left-color: transparent;
        box-shadow: 0 0 0 0.05rem;
    }
    
    .labels-font-size {
        font-size: 14px;
    }
    
    .nested-row {
        border-bottom: 1px solid #CCCCCD;
    }
    
    .monthly-payment {
        font-size: 50px;
        font-weight: 200;
        word-spacing: -6px;
        letter-spacing: 4px;
    }
    
    .superscript {
        font-size: 24px;
        border-color: #CCD8E8;
    }
    
    .hr-line {
        opacity: 0.3;
    }
    
    .calculation-details {
        font-size: 10px;
        opacity: 0.6;
    }
    
    .main-menu {
    }
    
    .main-menu li a {
        color: #fff;
        padding: 12px 20px;
    }
    
    .main-menu li a:after {
        content: "|";
        position: absolute;
        font-size: 20px;
        font-weight: 100;
        padding-left: 12px;
        opacity: 0.7;
        top: 7px;
        margin-left: 5px;
    }
    
    .main-menu li:nth-last-child(1) a:after {
        display: none;
    }
    
    .menu-wrapper {
        background: linear-gradient(38deg, #0e1e2b , #0c86a4);
    }
    
    .main-menu-actions {
    }
    
    .plus-minus {
        width: 20px;
        cursor: pointer;
    }
    
    .plus-minus-span {
        cursor: pointer;
    }
    
    #initial_scheme[readonly],#f_initial_scheme[readonly] {
        background-color: transparent;
    }
    
    #term-slider .slider-selection, #commission-slider .slider-selection, #commission-mobile-slider .slider-selection,
    #f_term-slider .slider-selection, #f_commission-slider .slider-selection, #f_commission-mobile-slider .slider-selection {
        background: linear-gradient(45deg, #0e1e2b, #163c5b);
    }
    
    #term-slider .slider-handle, #commission-slider .slider-handle, #commission-mobile-slider .slider-handle,
    #f_term-slider .slider-handle, #f_commission-slider .slider-handle, #f_commission-mobile-slider .slider-handle {
        background: #0e1e2b ;

    }
    
    #term-slider .slider-tick.in-selection, #commission-slider .slider-tick.in-selection, #commission-mobile-slider .slider-tick.in-selection,
    #f_term-slider .slider-tick.in-selection, #f_commission-slider .slider-tick.in-selection, #f_commission-mobile-slider .slider-tick.in-selection {
        background-image: -webkit-linear-gradient(top, #0e1e2b  0%, #0e1e2b 100%);
        background-image: -o-linear-gradient(top, #0e1e2b 0%, #0e1e2b 100%);
        background-image: linear-gradient(to bottom, #0e1e2b 0%, #0e1e2b 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5ac94e', endColorstr='#ff5CB353', GradientType=0);
        opacity: 1;
    }
    
    #yield-slider .slider-selection,
    #f_yield-slider .slider-selection {
        background: #0e1e2b;
        background: linear-gradient(45deg, #0e1e2b, #163c5b);
    }
    
    #yield-slider .slider-handle,
    #f_yield-slider .slider-handle {
        background: #0e1e2b;
    }
    
    #yield-slider .slider-tick.in-selection,
    #f_yield-slider .slider-tick.in-selection {
        background-image: -webkit-linear-gradient(top, #0e1e2b 0%, #0e1e2b 100%);
        background-image: -o-linear-gradient(top, #0e1e2b 0%, #0e1e2b 100%);
        background-image: linear-gradient(to bottom, #0e1e2b 0%, #0e1e2b 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5ac94e', endColorstr='#ff5CB353', GradientType=0);
        opacity: 1;
    }
    
    .slider.slider-horizontal {
        width: 100% !important;
        margin-bottom: 0px !important;
    }
    
    .main-menu a.active {
        /* font-size: 35px; */
    }
    
    li.nav-item.active {
        background: rgb(242 242 242 / 25%);
    }
    /* Custom CheckBox */
    
    .custom-checkbox > [type="checkbox"],
    .custom-checkbox > label{
        margin-bottom:0px !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .custom-checkbox > [type="checkbox"]:not(:checked),
    .custom-checkbox > [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
    }
    .custom-checkbox > [type="checkbox"]:not(:checked) + label,
    .custom-checkbox > [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 16px;
        cursor: pointer;
    }
    .custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
    .custom-checkbox > [type="checkbox"]:checked + label:before {
        content: '';
        position: absolute;
        left:0; 
        top: 50%;
        margin-top:-5px;
        width: 11px; 
        height: 11px;
        border: 1px solid #ddd;
        background: transparent;
    }
    .custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
    .custom-checkbox > [type="checkbox"]:checked + label:after {
        font: normal normal normal 12px/1 'Glyphicons Halflings';
        content: '✔';
        position: absolute;
        top: 50%;
        margin-top:-5px;
        left: 2px;
        color: #fff;
        xtransition: all .2s;
    }
    
    .custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
    }
    .custom-checkbox > [type="checkbox"]:checked + label:after {
        opacity: 1;
        transform: scale(1);
    }
    
    .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
    .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
        content: '\2212';
        left: 2px;
        opacity: 1;
        transform: scale(1);
    }
    
    .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
    .custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
        box-shadow: none;
        background-color: #eeeeee;
        border-color: #eeeeee;
        cursor: not-allowed;
        opacity: 1;
        color: #dadada;
    }
    .custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
      color: #dadada; cursor: not-allowed;
    }
    .custom-checkbox > [type="checkbox"]:disabled + label {
      color: #aaa; cursor: not-allowed;
    }
    .custom-checkbox > [type="checkbox"]:checked:focus + label:before,
    .custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
        border: 1px solid #66afe9;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }
    .custom-checkbox > label:hover:before {
        border: 1px solid #88D2FF !important;
    }
    .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
    .custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before{
        border: 1px solid #E4E4E4 !important;
    }
    
    
    .cost-input::-webkit-input-placeholder { color: white; }  /* WebKit, Blink, Edge */
    .cost-input:-moz-placeholder { color: white; }  /* Mozilla Firefox 4 to 18 */
    .cost-input::-moz-placeholder { color: white; }  /* Mozilla Firefox 19+ */
    .cost-input:-ms-input-placeholder { color: white; }  /* Internet Explorer 10-11 */
    .cost-input::-ms-input-placeholder { color: white; }  /* Microsoft Edge */
    
    
    
    @media (max-width: 575px) { 
        h4 {
            font-size: 0.8rem;
        }
        
        .navbar-toggler {
            outline: none !important;
        }
    }
    
    @media (max-width: 768px) {
        .c-offcanvas {
          left: 0;
          padding: 1rem;
          overflow-y: scroll;
        }
    
        .js-offcanvas a {
           color: #337ab7;
           outline: 0;
        }
        
        .js-offcanvas .dropdown-menu {
          position:relative;
          border:none;
        }
        
        .navbar-toggler {
            outline: none !important;
        }
        
        .monthly-payment {
            font-size: 40px;
        }
    }


    .mswitcher{
        

        background: #263542;

        display: flex;
        max-width: max-content;
        margin-left: auto;
        font-weight: 600;
        color: white;
        border-radius: 4px;
        overflow: hidden;
    }
    .mswitcher div {
        text-align: center;
        padding: 6px 10px;
        cursor: pointer;
    }
    .mswitcher .active_switch {
        background: #0c829f;
    }
    .loancalc,.financecalc,.bridgingcalc{
        display: none;
    }
    .loancalc.active_calc,.financecalc.active_calc,.bridgingcalc.active_calc{
        display: block;
    }
    .img-fluid {
        max-width: 245px;
    }
    a.w-webflow-badge {
        display: none !important;
    }
    div#calculator_content img {
        margin: 0;
    }
    
    div#calculator_content * {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    }
    div#calculator_content li {
        margin: 0;
    }

    @media (max-width: 992px) {
        .main-menu li a {
            font-size: 14px;
            padding: 12px 12px;
        }
        .main-menu li a:after {
            content: "|";
            position: absolute;
            font-size: 20px;
            font-weight: 100;
            padding-left: 12px;
            opacity: 0.7;
            top: 5px;
            margin-left: -2px;
        }
    }

    @media print {
        .slider-wrapper, .menu-wrapper, .main-menu, #yield-slider, #term-slider, #yield_minus, #yield_plus , #yield_minus2, #yield_plus2 , #f_yield_minus,#f_yield_plus,#f_commission_minus,#f_commission_plus {
            display: none !important;
        }
        .col-12, .nested-row {
            padding-top: 8px !important;
            padding-bottom: 12px !important;
        }
        .bridgingcalc .col-12,.bridgingcalc .nested-row {
            padding-top: 4px !important;
            padding-bottom: 2px !important;
        }

        .result-wrapper {
            margin-top: 0px !important;
        } 
        .right-content-bg {
            color: #000 !important;
        }
        .input-group-addon {
                border-color: #000;
                color: #000 !important;
        }
        .cost-input, .calc-input, p, label, #customer-name, .customer-name-label {
            color: #000 !important;
        }
        button, input, optgroup, select, textarea {
            border-color: #000 !important;
        }
        .custom-checkbox > [type="checkbox"]:not(:checked) + label:before, .custom-checkbox > [type="checkbox"]:checked + label:before {
            border-color: #000 !important;
        }
        .nested-row {
            border-bottom: none;
        }
        .mswitcher{
            display: none
        }
    }