/*@import 'alphabet-02.css';*/

/*@font-face {*/
/*    font-family: 'FSAlbert Pro';*/
/*    src: url(../fonts/FSAlbertPro.otf) format("opentype");*/
/*}*/

/*@font-face {*/
/*    font-family: 'FSAlbert Pro';*/
/*    src: url(../fonts/fs_albert_web.eot);*/
/*}*/

/*body {*/
/*    padding-top: 50px;*/
/*    padding-bottom: 20px;*/
/*    font-family: "FSAlbert Pro","Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;*/
/*}*/

/*!* Wrapping element *!*/
/*!* Set some basic padding to keep content from hitting the edges *!*/
/*.body-content {*/
/*    padding-left: 15px;*/
/*    padding-right: 15px;*/
/*    */
/*}*/

/*!* Set widths on the form inputs since otherwise they're 100% wide *!*/
/*input,*/
/*select,*/
/*textarea {*/
/*    !*max-width: 280px;*!*/
/*}*/

/*!* Carousel *!*/
/*.carousel-caption {*/
/*    z-index: 10 !important;*/
/*}*/

/*    .carousel-caption p {*/
/*        font-size: 20px;*/
/*        line-height: 1.4;*/
/*    }*/

/*@media (min-width: 768px) {*/
/*    .carousel-caption {*/
/*        z-index: 10 !important;*/
/*    }*/
/*}*/

/*.k-floating-label-container {*/
/*    width: 100% !important;*/
/*}*/

@font-face {
    font-family: "AlphabetSlabProMedium";
    src: url("../fonts/AlphabetSlabProTT-Medium.woff") format("woff");
    src: url("../fonts/AlphabetSlabPro-Medium.woff2") format("woff2");
   /* src: url("../fonts/AlphabetSlabPro-Medium.ttf") format("ttf");*/
}

@font-face {
    font-family: "AlphabetSlabProLight";
    src: url("../fonts/AlphabetSlabProTT-Light.woff") format("woff");
    src: url("../fonts/AlphabetSlabPro-Light.woff2") format("woff2");
    /*src: url("../fonts/AlphabetSlabPro-Light.ttf") format("ttf");*/
}

@font-face {
    font-family: "AlphabetSansProLight";
    src: url("../fonts/AlphabetSansProTT-Light.woff") format("woff");
    src: url("../fonts/AlphabetSansPro-Light.woff2") format("woff2");
    
}

@font-face {
    font-family: "AlphabetSansProMedium";
    src: url("../fonts/AlphabetSansProTT-Medium.woff") format("woff");
    src: url("../fonts/AlphabetSansPro-Medium.woff2") format("woff2");
}

/*$footer_height: 4rem;
$nav_font_size: 1.1rem;
$normal_font_size: 1rem;
$font_gig: 2rem;
$font_h0: 1.6rem;
$font_h1: 1.4rem;
$font_h2: 1.3rem;
$font_h3: 1.2rem;
$font_h4: 1.1rem;
$font_h5: 1rem;
$font_h6: .9rem;
$font_h7: .8rem;
$color-navy: #1e236e;
$color-navy-light: #545991;
$color-coral: #ff6d6a;
$color-coral-light: #ff9894;
$color-blue: #68d4e6;
$color-blue-light: #97edfa;*/


body, html {
    height: 100%;
}

body {
    font-family: AlphabetSansProLight;
    font-size: 0.75rem;
    color: #1e236e !important;
}

footer {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    background: transparent;
    margin-top: auto;
    color: #404040;
    font-family: AlphabetSlabProMedium;
    font-size: .7rem;
    vertical-align: middle;
    align-items: center;
    bottom: 0;
    border-top: 0.12rem solid #c3c3c3;
}

    footer a {
        font-family: AlphabetSansProLight;
        margin: auto 2rem;
    }

a {
    cursor: pointer;
    color: #1e236e;
}

h1 {
    font-family: AlphabetSlabProMedium;
    font-size: 1.4rem !important;
}

h2 {
    font-family: AlphabetSlabProLight;
    font-size: 2rem !important;
}

h3 {
    font-family: AlphabetSlabProMedium;
    font-size: 1.2rem !important;
}

h4 {
    font-family: AlphabetSlabProMedium;
    font-size: 1.1rem !important;
}

h5 {
    font-family: AlphabetSlabProMedium;
    font-size: 1rem !important;
}

img {
    object-fit: cover;
/*//object-fit: contain;*/
}

.button-link {
    background-color: white;
    border: 0;
    padding: 0;
    margin: 0;
    color: white;
    cursor: hand;
}

.fill-height {
    min-height: calc(100% - 4rem);
    height: auto !important; /* cross-browser */
    height: calc(100% - 4rem); /* cross-browser */
}

.control-label {
    font-family: AlphabetSlabProMedium;
    font-size: 0.75rem;
}

.control-label-gray {
    font-family: AlphabetSansProLight;
    font-size: 1.3rem;
    color: #575757;
}

.k-grid, my-app, body, html {
    height: 100%;
}

nav {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background-color: white;

   
}

@media only screen and (max-width: 1100px) {
    .main-content {
        margin-top: 13vh;
    }
}

@media only screen and  (min-width: 1101px) {
    .main-content {
        margin-top: 12vh;
    }
}


.logo {
}

.nav {
    top: 0;
    color: #1e236e !important;
    flex-direction: row !important;
    /*font-family: AlphabetSansProMedium !important;*/

}

.nav li {
    margin-right: 3rem;
}
.nav-link {
    cursor: pointer !important;
    color: #1e236e !important;
    padding: .5rem 2rem;
}

/*    .show > a {
        border-bottom: 0.15rem solid #ff6d6a;
        color: #1e236e !important;
    }
*/
.dropdown-menu.show {
    display: flex;
}

.nav-icon {
    padding: .5rem 1rem;
/*//padding: .5rem 1rem;*/
}

.nav-link.active {
    font-size: 1.1rem;
    text-decoration: none;
    font-family: AlphabetSansProMedium !important;
    border-bottom: .1rem solid #ff6d6a;
    color: #1e236e !important;
}

.mainMenu {
    font-size: 1.1rem;
    text-decoration: none;
    font-family: AlphabetSansProMedium !important;
    background-color: white;
}

.subMenu {
    font-size: 1.1rem;
    text-decoration: none;
    font-family: AlphabetSansProLight !important;
    background-color: white;
    z-index: 1;
}

.sub-nav-link {
    cursor: pointer !important;
    color: #1e236e !important;
    padding: .5rem 1rem;
}

.sub-nav-link.active {
    cursor: pointer !important;
    color: #1e236e !important;
    padding: .5rem 1rem;
    border-bottom: .1rem solid #ff6d6a;
    font-family: AlphabetSansProMedium !important;
}

 /*#region car-description*/
   .car-description {
       font-family: AlphabetSlabProMedium !important;
       font-size: 1.4rem !important;
   }

.rate-main-desc {
    font-family: AlphabetSlabProMedium !important;
    font-size:1.2rem !important;
    color: #1e236e !important;
}

.rate-price {
    font-family: AlphabetSlabProMedium !important;
    font-size: 1.3rem !important;
    color: #ff6d6a !important;
}

.rate_description {
/*//font-family: AlphabetSlabProMedium !important;*/
    font-size: .8rem !important;
    color: #1e236e !important;
}

.slider-result {
    font-size: 1rem;
    font-family: AlphabetSansProMedium;
}

/*// #endregion car-descritpion*/

       /* grids */
   .body-title {
       font-family: AlphabetSansProLight;
       font-size: 1rem;
       color: #1e236e;
   }

.body-value {
    font-family: AlphabetSansProMedium;
    font-size: 1rem;
    color: #1e236e;
}

.grids .price-title {
    font-family: AlphabetSansProMedium;
    font-size: 1rem;
}

.grids .price-value {
    font-family: AlphabetSansProMedium;
    font-size: 1.6rem;
}


/* expander */

.k-expander {
    background-clip: padding-box;
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    border-bottom: 1px solid #7f7f7f;
    border-top: 1px solid #cccccc;
    overflow: hidden;
    outline: 0;
    font-family: inherit;
    line-height: 1.4285714286;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-expander-title {
    text-transform: uppercase;
    font-family: AlphabetSlabProMedium;
    color: #1e236e;
    font-size: 1.1rem;
    padding: .75rem 0 .75rem 0;
}

.k-expander-header {
    border-bottom: 1px solid #cccccc;
}

.k-input {
    font-family: AlphabetSlabProLight;
    font-size: 1rem;
}

.k-expander-content .k-form .k-form-inline {
    font-family: AlphabetSlabProLight;
    font-size: 1rem;
}

.k-expander-content {
    font-family: AlphabetSlabProLight;
    font-size: 1rem;
}

.expander-desc-header {
    font-family: AlphabetSlabProMedium;
    font-size: 1rem;
}

.expander-desc-detail {
    font-family: AlphabetSansProLight;
    font-size: 1rem;
}

.k-i-arrow-chevron-up::before {
    content: url("../svg/arrow_up.svg") !important;
/*//color: #ff6d6a !important;*/
    font-size: 1.4rem;
/*//font-weight: lighter;*/
}

.k-i-arrow-chevron-down::before {
    content: url("../svg/arrow_down.svg") !important;
/*//color: #ff6d6a !important;*/
    font-size: 1.4rem;
/*//font-weight: lighter;*/
}

.calc-details .k-input {
    border: 0 !important;
}

.calc-details .k-textbox {
    border: 0 !important;
}

.car-spec-acc {
    font-family: AlphabetSansProLight !important;
    font-size: 1rem !important;
    color: #1e236e !important;
}

.car-spec-acc table th {
    font-family: AlphabetSlabProLight !important;
    font-size: 1rem !important;
    color: #1e236e !important;
}

.car-spec-acc table td {
    font-family: AlphabetSansProLight !important;
    font-size: 1rem !important;
    color: #1e236e !important;
}

.car-spec-acc span {
    font-family: AlphabetSlabProLight !important;
    font-size: 1rem !important;
    color: #1e236e !important;
}

.elements-header {
    font-family: AlphabetSlabProMedium !important;
    font-size: 1rem !important;
    color: #1e236e !important;
}

/* Button */
.k-button {
    border-radius: 0px !important;
    text-transform: none !important;
    font-family: AlphabetSansProMedium !important;
    font-size: .8rem !important;
    background-color: #545991;
    padding: 0.35rem 0.8rem;
    text-decoration: none;
    cursor: pointer;
}

.k-button:hover {
    text-transform: none !important;
    font-family: AlphabetSansProMedium !important;
    font-size: .8rem !important;
    background-color: #1e236e;
    text-decoration: none;
}


.k-button-blue {
    border-radius: .0rem !important;
    text-transform: none !important;
    font-family: AlphabetSansProMedium !important;
    font-size: 0.75rem !important;
    color: #1e236e;
    background-color: #97edfa;
    padding: 0.65rem 3rem;
    border: 0;
    text-decoration: none;
    cursor: pointer;
}

    .k-button-blue:hover {
        text-transform: none !important;
        font-family: AlphabetSansProMedium !important;
        font-size: 0.75rem !important;
        background-color: #68d4e6;
        color: white;
        border: 0;
        text-decoration: none;
    }

.k-button-white {
    border-radius: .0rem !important;
    text-transform: none !important;
    font-family: AlphabetSansProMedium !important;
    font-size: 0.75rem !important;
    color: #1e236e;
    background-color: #fff;
    padding: 0.5rem 3rem;
    border: 0.15rem solid #707070;
    text-decoration: none;
    cursor: pointer;
}

    .k-button-white:hover {
        text-transform: none !important;
        font-family: AlphabetSansProMedium !important;
        font-size: 0.75rem !important;
        background-color: #e5e5e5;
        color: #1e236e;
        border: 0.15rem solid #707070;
        text-decoration: none;
    }

.k-button-coral {
    border-radius: .0rem !important;
    text-transform: none !important;
    font-family: AlphabetSansProMedium !important;
    font-size: 0.75rem !important;
    background-color: #ff8783;
    color: #fff;
    padding: 0.65rem 3rem;
    border: 0;
    text-decoration: none;
    cursor: pointer;
}

    .k-button-coral:hover {
        text-transform: none !important;
        font-family: AlphabetSansProMedium !important;
        font-size: 0.75rem !important;
        background-color: #ff6d6a;
        color: white;
        border: 0;
        text-decoration: none;
    }

.k-button-coral-small {
    border-radius: .0rem !important;
    text-transform: none !important;
    font-family: AlphabetSansProMedium !important;
    font-size: 0.9rem !important;
    background-color: #ff8783;
    color: #fff;
    padding: 0.6rem 4rem;
    border: 0;
    text-decoration: none;
    cursor: pointer;
}

    .k-button-coral-small:hover {
        text-transform: none !important;
        font-family: AlphabetSansProMedium !important;
        font-size: 0.9rem !important;
        background-color: #ff6d6a;
        color: white;
        border: 0;
        text-decoration: none;
    }

.k-button-coral-nav {
    border-radius: .0rem !important;
    text-transform: none !important;
    font-family: AlphabetSansProMedium !important;
    font-size: 0.9rem !important;
    background-color: #ff8783;
    color: #fff;
    padding: 0.6rem 3rem;
    border: 0;
    text-decoration: none;
    cursor: pointer;
    margin-top: 0.3rem;
}

    .k-button-coral-nav:hover {
        text-transform: none !important;
        font-family: AlphabetSansProMedium !important;
        font-size: 0.9rem !important;
        background-color: #ff6d6a;
        color: white;
        border: 0;
        text-decoration: none;
        margin-top: 0.3rem;
    }

.k-button,
.k-button-secondary {
    border-radius: 0px !important;
    color: #1e236e;
    background-color: #97edfa;
    text-decoration: none;
}

.k-button:hover, .k-button.k-state-hover,
.k-button-secondary:hover,
.k-button-secondary.k-state-hover {
    background-color: #68d4e6;
    text-decoration: none;
    color: white;
}

.k-button:focus, .k-button.k-state-focus, .k-button.k-state-focused,
.k-button-secondary:focus,
.k-button-secondary.k-state-focus,
.k-button-secondary.k-state-focused {
    box-shadow: none;
    text-decoration: none;
}

.k-button:active, .k-button.k-state-active,
.k-button-secondary:active,
.k-button-secondary.k-state-active {
    background-color: #ff6d6a;
    text-decoration: none;
}

.k-button.k-state-selected,
.k-button-secondary.k-state-selected {
    color: #ffffff;
    background-color: #1e236e;
    text-decoration: none;
}

.k-button-primary, .k-button.k-primary {
    color: #ffffff;
    background-color: #1e236e;
    text-decoration: none;
}

.k-button-primary:hover, .k-button.k-primary:hover, .k-button-primary.k-state-hover, .k-state-hover.k-button.k-primary {
    background-color: #545991;
    text-decoration: none;
}

.k-button-primary:focus, .k-button.k-primary:focus, .k-button-primary.k-state-focus, .k-state-focus.k-button.k-primary, .k-button-primary.k-state-focused, .k-state-focused.k-button.k-primary {
    box-shadow: none;
    text-decoration: none;
}

.k-button-primary:active, .k-button.k-primary:active, .k-button-primary.k-state-active, .k-state-active.k-button.k-primary {
    background-color: #1e236e;
    text-decoration: none;
}

.k-button-primary.k-state-selected, .k-state-selected.k-button.k-primary {
    background-color: #1e236e;
    text-decoration: none;
}

.button-commission-hide {
    background-color: white;
    border: 0;
    color: #ff6d6a;
    box-shadow: none;
    text-decoration: none;
}

.button-commission-hide:hover {
    background-color: white;
    border: 0;
    color: #ff9894;
    box-shadow: none;
    text-decoration: none;
}

.button-commission-show {
    background-color: white;
    border: 0;
    color: #ff6d6a;
    box-shadow: none;
    text-decoration: none;
}

.button-commission-show:hover {
    background-color: white;
    border: 0;
    color: #ff9894;
    box-shadow: none;
    text-decoration: none;
}

/* Kendo Upload */
.k-upload .k-upload-button {
    box-shadow: none;
    font-family: AlphabetSansProMedium !important;
    font-size: .9rem !important;
    background-color: #ff8783;
    color: #fff;
    padding: 0.6rem 3rem !important;
    text-decoration: none;
}

.k-upload-button {
    font-family: AlphabetSansProMedium !important;
    font-size: .9rem !important;
    background-color: #ff8783;
    text-decoration: none;
}

.k-upload .k-upload-button:hover {
    font-family: AlphabetSansProMedium !important;
    font-size: .9rem !important;
    background-color: #ff6d6a;
    text-decoration: none;
}

.k-upload-button input {
    font-family: AlphabetSansProMedium !important;
    font-size: .9rem !important;
    text-decoration: none;
}


/* sliders */
.k-slider {
    border: 0;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    background: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-slider .k-button {
    height: 28px;
    line-height: 28px;
    margin: 0;
    min-width: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    width: 28px;
    box-sizing: content-box;
    background-color: white;
}

.k-slider .k-button .k-icon,
.k-slider .k-button .k-button-icon {
    vertical-align: baseline;
    line-height: 28px;
    height: 100%;
}

.k-slider .k-button-increase {
    right: 0;
    top: 0;
}

.k-slider .k-button-decrease {
    left: 0;
    top: 0;
}

.k-slider .k-button-increase {
    right: 0;
    top: 0;
}

.k-slider .k-button-decrease {
    left: 0;
    top: 0;
}

.k-i-arrow-w::before {
    /*content: "\e007";*/
    content: "<";
}

.k-i-arrow-e::before {
    /*content: "\e005";*/
    content: ">";
}

.k-slider .k-draghandle {
    border-color: #ff6d6a;
    color: #ffffff;
    background-color: #ff6d6a;
    border-radius: 50%;
}

.k-slider .k-draghandle:hover {
    border-color: #ff9894;
    background-color: #ff9894;
}

.k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
    border-color: #ff6d6a;
    background-color: #ff6d6a;
}

.k-slider .k-slider-track {
    background-color: #1e236e;
}

.k-slider .k-slider-selection {
    background-color: #1e236e;
}


/* quote offer */

.quote_offer .k-button {
    text-transform: none !important;
    font-family: AlphabetSansProLight !important;
    font-size: 1rem !important;
    background-color: #68d4e6;
    color: white;
    padding: 0.75rem 3rem;
    border: 0;
}

.quote_offer .k-button:hover {
    text-transform: none !important;
    font-family: AlphabetSansProLight !important;
    font-size: 1rem !important;
    background-color: #97edfa;
    color: white;
    border: 0;
}


.quote_offer .k-card-title,
.quote_offer .k-card-subtitle {
/*//font-weight: 500;*/
}

.quote_offer .k-card {
/*//border-color: rgba(0, 0, 0, 0.12);*/
/*//color: rgba(0, 0, 0, 0.87);*/
    border: 0;
    background-color: white;
    box-shadow: none
}

.quote_offer .quote-offer-list-box {
    border-top: 2px solid #cccccc;
}

.quote_offer kendo-card-header {
    border: 0;
}

.quote_offer kendo-card-header .title {
    font-family: AlphabetSlabProLight;
    font-size: 1.3rem;
    overflow-wrap: break-word;
}

.quote_offer kendo-card-header .subtitle {
    font-family: AlphabetSansProLight;
    font-size: 1rem;
    overflow-wrap: break-word;
}

.quote_offer kendo-card-body {
    border: 0;
}

.quote_offer kendo-card-body .body-rate-title {
    font-family: AlphabetSlabProMedium;
    font-size: 1rem;
    color: #ff6d6a;
}

.quote_offer kendo-card-body .body-rate-value {
    font-family: AlphabetSlabProMedium;
    font-size: 1.3rem;
    color: #ff6d6a;
}

.quote_offer kendo-card-body .body-rate-value .rate-net{
    font-family: AlphabetSlabProMedium;
    font-size: 1rem;
    color: #ff6d6a;
}

.quote_offer kendo-card-body .body-title {
    font-family: AlphabetSansProLight;
    font-size: 1rem;
    color: #1e236e;
}

.quote_offer kendo-card-body .body-value {
    font-family: AlphabetSansProMedium;
    font-size: 1rem;
    color: #1e236e;
}

.quote_offer kendo-card-actions {
    border: 0;
}

.quote_offer kendo-card-footer {
    border: 0;
}

/* quote offer details */
.quote-offer-details {

}

.quote-offer-details .quote-offer-detail-title {
    font-family: AlphabetSansProLight;
}

.quote-offer-details .quote-offer-detail-value {
    font-family: AlphabetSansProMedium;
    text-align: right;
}

.quote-offer-description {
    font-family: AlphabetSlabProLight;
    font-size: 2rem;
    /*//text-align: center;*/
}

.quote-offer-details .quote-offer-admin-details {
    font-family: AlphabetSansProMedium;
}


.quote-offer-details  .rate-main-desc {
    font-family: AlphabetSlabProMedium !important;
    font-size: 1.3rem !important;
    color: #1e236e !important;
}

.quote-offer-details .rate-price {
    font-family: AlphabetSlabProMedium !important;
    font-size: 1.4rem !important;
    color: #1e236e !important;
}

.quote-offer-details .rate_description {
    font-family: AlphabetSlabProMedium !important;
    font-size: 1.1rem !important;
    color: #1e236e !important;
}

/* grid icons*/

.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    border-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    background-color: #68d4e6;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}

.k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover {
    background-color: #97edfa;
}

/* tabstrip */
.k-tabstrip-wrapper {
    padding: 0px 0px;
    border-width: 0px;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.k-tabstrip {
    border-width: 0;
    border-color: transparent;
    box-sizing: border-box;
    outline: 0;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    color: inherit;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-tabstrip-items {
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    color: white;
}

.k-tabstrip-items .k-item {
    margin: 0;
    padding: 0;
/*//border-left: .1rem solid #68d4e6;*/
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
    justify-items: stretch;
    outline: 0;
    text-transform: none !important;
    font-family: AlphabetSansProLight !important;
    font-size: 1rem !important;
    color: white;
    background-color: #1e236e;
    padding: 0.75rem 2rem;
}
.k-tabstrip-items .k-item:hover {
    background-color: #545991;
    color: white;
}

.k-tabstrip-items .k-tab-on-top {
    z-index: 1;
}

.k-tabstrip-items .k-link {
    padding: 6px 12px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.k-tabstrip-content,
.k-tabstrip > .k-content {
    padding: 6px 12px;
    border: 0;
    display: none;
    overflow: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

/* combo box */

.k-combobox {
    font-family: AlphabetSansProLight;
    width: 12.4em;
    border-width: 0;
    box-sizing: border-box;
    outline: 0;
    background: none;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4285714286;
    text-align: left;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-combobox .k-dropdown-wrap {
    background-clip: padding-box;
    border-radius: 2px;
    padding: 0;
    width: 100%;
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    transition: all .1s ease;
    outline: 0;
    cursor: initial;
}

.k-combobox .k-select {
/*//border-color: rgba(0, 0, 0, 0.08);*/
/*//color: #ffffff;*/
    background-color: white;
/*//background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));*/
}

.k-combobox .k-select:hover {
/*//border-color: rgba(0, 0, 0, 0.08);*/
/*//color: #ffffff;*/
    background-color: white;
/*//background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));*/
}

.k-combobox .k-select .k-i-arrow-s {
    content: url("../svg/arrow_down.svg") !important;
    font-size:1.2rem;
}

.k-combobox .k-select {
    border-radius: 0 2px 2px 0;
    padding: 0px 0px;
    width: calc( 1.4285714286em + 8px);
    border-width: 0 0 0 0px;
    box-sizing: border-box;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    cursor: pointer;
}

.k-combobox > :hover,
.k-combobox .k-state-hover {
    border-color: rgba(0, 0, 0, 0);
}

.k-combobox > :hover .k-select,
.k-combobox .k-state-hover .k-select {
    background-color: white;
}

.k-combobox > .k-state-focused {
    border-color: rgba(0, 0, 0, 0);
/*//box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);*/
}

.k-combobox .k-state-active .k-select {
/*//background-color: #eb6462;*/
}

.k-combobox.k-state-invalid .k-dropdown-wrap, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap {
    border-color: rgba(213, 25, 35, 0.5);
}

.k-searchbar .k-input {
    font-family: AlphabetSansProLight !important;
}



.validation-error ul {
    list-style: none;
}
.validation-summary-errors ul li {
    list-style: none;
}

.k-i-lock {
    content: url("../svg/klodka_icon.svg");
    cursor: hand;
}

.k-i-unlock {
    content: url("../svg/klodka_opened_icon.svg");
    cursor: hand;
}

.vertical-middle {
    display: flex;
    align-items: center;
}

.login-button-box {
    display: flex;
    align-items: center;
}

.form-control {
    border: .1rem solid #545991;
}


#loginForm .form-control, #nipVerificationGrid .form-control, #forgottenForm .form-control, #restPass .form-control,
#appHistGrid .form-control, #reportGrid .form-control, #addNewUser .form-control {
    background-color: #f5f5f5 !important;
    border: 0.1rem solid #f5f5f5;
    font-size: 1.0rem;
    line-height: 1.7;
    border-radius: 0rem;
    height: auto;
}

#appHistGrid .form-control, #reportGrid .form-control, #containerForBisnodeData .form-control, #soletraderRowsContainer .form-control,
#leasingAndStatement .form-control, #containerBalanceSheetRows .form-control, #containerCalcVariant .form-control, #containerCompVariant .form-control {
    background-color: #f5f5f5;
    border: 0.1rem solid #f5f5f5;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 0rem;
    height: auto;
}

/* APIX: NAV */



.dropdown-menu {
    border: none;
}

    .dropdown-menu li {
        display: inline !important;
        margin: 1.5rem 0 0 -0.5rem;
    }

#subMenuFiles a:hover, #subMenuMenu a:hover, #subMenuRisk a:hover {
    color: black;
    border-bottom: 0.15rem solid #ff6d6a;
    text-decoration: none;
}
/* END NAV */
.alert-text {
    color: #ff6d6a !important;
}

.account-title {
    font-family: AlphabetSansProLight !important;
}

.account-value {
    font-family: AlphabetSansProMedium !important;
}

input.checkbox {
    text-align: left;
    width: 2rem;
    height: 2rem;
}

textarea {
    font-family: AlphabetSansProLight !important;
    font-size: 1rem;
    color: #1e236e;
    border: .1rem solid #545991;
}

.k-textbox {
    height: 10rem !important;
}

@media all and (min-width: 700px) {
    .margin-top2 {
        margin-top: 1.2rem;
    }
    .width50perc {
        width:30%;
    }
    .margin-left1 {
        margin-left: 1rem;
    }
    .margin-top4 {
        margin-top: 4rem;
    }
    .margin-bottom2 {
        margin-bottom: 4rem;
    }
    .margin-bottom1 {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 1200px) {
    #navprogress {
        display: none;
    }
}

.table {
    color: #575757;
}

.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none;
}

.table tbody {
    border-bottom: 2px solid #dee2e6;
        
}

.disabled-tbl-nav {
    padding: 0.3rem 0.5rem 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #b3b3b3;
}

.active-end-tbl-nav {
    padding: 0.3rem 0.5rem 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #69d7e6;
    cursor: pointer;
}

.active-start-tbl-nav {
    padding: 0.3rem 0.5rem 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #69d7e6;
    cursor: pointer;
}

.active-tbl-nav {
    padding: 0.3rem 0.5rem 0.25rem 0.5rem;
    font-size: 0.85rem;
    line-height: 1.2rem;
    background-color: #69d7e6;
    cursor: pointer;
}

.active-tbl-nav-selected {
    padding: 0.3rem 0.5rem 0.25rem 0.5rem;
    font-size: 0.85rem;
    line-height: 1.2rem;
    background-color: #1e236e;
    color:#fff;
}

.nav-dropdown {
    height: calc(2.1rem + 2px) !important;
    margin-left: 1rem;
    font-size: 0.9rem !important;
}

.pointer {
    cursor: pointer;
}

.disabled-control {
    background-color: #dcdcdc !important;
}

.fs-13 {
    font-size: 1.1rem;
    font-family: AlphabetSlabProLight;
}

.fs-15 {
    font-size: 1.5rem;
    font-family: AlphabetSlabProLight;
}

.fs-only {
    font-family: AlphabetSlabProLight!important;
}

.nav-link {
    font-size: 0.9rem !important;
}

    .nav-link:not(.collapsed) {
        border-bottom: 0.15rem solid #ff6d6a;
        color: #1e236e !important;
    }

.collapsing {
    -webkit-transition: height 0.001s;
    -moz-transition: height 0.001s;
    -ms-transition: height 0.001s;
    -o-transition: height 0.001s;
    transition: height 0.001s;
}


.k-pager-numbers .k-link.k-state-selected {
    border-color: #007bff;
    color: #1e236e;
    background-color: #97edfa;
}

.k-pager-numbers .k-link {
    border-color: #dee2e6;
    color: #1e236e;
    background-color: #fff;
}
.k-pager-nav.k-link, .k-pager-refresh {
    border-color: #dee2e6;
    color: #1e236e;
    background-color: #fff;
}




.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #f5f5f5;
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

li.ui-menu-item {
    padding: 0.5em;
    line-height: 1.5em;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
    padding: 2px;
}