:root {
    --primary:#2549A3 ; 
    --secondary:#F29137;
    --gray-1-light-mode:#6C757D;
    --gray-2-light-mode:#98a6ad;
    --gray-3-light-mode:#dee2e6;
    --gray-1-dark-mode: #404954;
    --gray-2-dark-mode: #aab8c5;
    --gray-3-dark-mode:#8391a2;

    --tsc: rgb(124, 47, 40);
    --sunblinds: rgb(235, 178, 57);

  
    --silver-1-ligth-mode: rgb(242, 242, 242);
    --silver-2-ligth-mode: rgb(224 224 224);
    --prussian-blue: rgb(11, 38, 58);
    --yellow: rgb(246, 189, 65);
}

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Nunito', sans-serif;
    font-size: .8rem;
    max-width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5 {
    padding: 0;
    margin: 0 !important;
    letter-spacing: .02rem;
    padding-bottom: .5rem !important;
}

p, a {
    color: var(--gray-2-light-mode);
    font-size: .9rem;
    margin: 0;
}

label {
    display: inline-block;
}

a {
   text-decoration: none; 
   cursor: pointer;
}

i {
    color: var(--gray-2-light-mode);
    font-size: 1.6rem;
}

button {
    cursor:pointer;
}

input[type=text], input[type=password] {
    -moz-appearance: none;   
    -ms-appearance: none; 
    -webkit-appearance: none;
    appearance: none;
}

input:-webkit-autofill { 
    -webkit-box-shadow:200px 200px 100px white inset; 
    box-shadow:200px 200px 100px white inset; 
    -webkit-text-fill-color:  var(--gray-1-light-mode) !important;  
   -webkit-text-size-adjust: .9rem;
   -webkit-font-feature-settings: .9rem;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cecece !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:var(--gray-1-light-mode)!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:var(--gray-2-light-mode) !important;
}

input::-webkit-input-placeholder {
    line-height:normal!important;
}

/* .z-auth_input_group input::placeholder { 
    color: rgb(181, 181, 181) !important;
    opacity: 1; 
}

.z-auth_input_group input:-ms-input-placeholder { 
    color:rgb(181, 181, 181) !important;
}

.z-auth_input_group input::-ms-input-placeholder { 
    color:rgb(181, 181, 181) !important;
} */

/* Flex */
.z-auth-flex {
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
}

.z-auth-justify_space_around {
    justify-content:space-around;
}

.z-auth-justify_center {
    justify-content: center;
}

.z-auth-justify_end{
    justify-content: flex-end !important;
}


.z-auth-direction_column {
    flex-direction: column;   
    flex-basis: 100%;    
}

.z-auth-align_center{
    align-items: center;
}

.z-auth-align_end {
    align-items: flex-end
}

.z-auth-align_start {
    align-items: flex-start;
}

/********************************************************/

/* Containers */

.z-auth-row {
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    min-height:100vh;
    max-height: 100vh;
    -webkit-box-align: stretch;
    align-items:stretch;
    position: relative;
    -webkit-box-direction: normal;
    -webkit-box-orient:horizontal;
    flex-direction:row;
    overflow: hidden;
}

.z-auth-cl {
    min-height:100vh;
}

.z-auth-item_column {
    flex-basis: 100%;
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    justify-content:flex-start;
}

.z-auth-column_form {
    background:#fff;
    max-width:480px;
    width:100%;
    padding:2rem; 
    position: relative;
    min-height: 100vh;
    top:0;
    display:flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 100%;
   
}

.z-auth-card_body {
    padding: 1.5rem;
}

.z-auth-brand {
    position: absolute;
    top:2.5rem;
}

.z-auth-column_info {
    /* background: rgba(0, 0, 0, .2); */
    background-size:cover;
    flex:1;
    justify-content: center;
    padding: 3rem 6rem;
    position: relative
}

.z-auth-info_testimonial {
    margin: 0 auto;
    z-index: 2;
}

.z-auth_overlay {
    background: rgba(0, 0, 0, .4);
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.z-auth-brand_center {
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    left:0;
    right:0;
    justify-content:center
}

.z-auth-footer {
    position: absolute;
    bottom:0;
    left:0;
    padding: 1.5rem 3.7rem;
    width: 100%;
}

.z-auth-shadow_box {
    box-shadow: 10px 0px 15px 0px rgb(39 39 39 / 60%)
}

/********************************************************/


/* Text and positions */

.z-auth-text-center {
    text-align:center;
}

.z-auth-heading {
    font-size:4rem;
} 

.z-auth-heading_1 {
    font-size:2.5rem;
    color: var(--gray-1-light-mode);
    font-weight: 600;
}

.z-auth-heading_2 {
    font-size:1.2rem;
    color: var(--gray-1-light-mode);
    font-weight: 600;
}

.z-auth-subtitle {
    line-height: 22px;
}

.z-text_shadow {
    text-shadow: 3px 3px rgba(0, 0, 0, .15);
}

.z-auth-link {
    color: var(--gray-2-light-mode);
    font-size: .8rem;
    cursor: pointer;
}

.z-auth-link:hover {
    color: var(--gray-1-light-mode);
}

.z-auth-float_right {
    float: right;
}

.z-auth-text_center {
    text-align: center;
}

.z-auth-text_left {
    text-align: left;
}

.z-auth-error {
    font-size: .85rem;
    color:rgb(231, 76, 60);
}

/********************************************************/


/* Color and background Colors */

.z-auth-cl_white {
    color: #fff;
}

.z-auth-cl_pr_blue {
    color: var(--prussian-blue) !important;
}

.z-auth-cl_gray_3 {
    color: var(--gray-3-light-mode) !important;
}

.z-auth-bc_log_in_eztrack {
    background: url(../../_public.images/assets/bc-login-anniversary.webp) center;
    background-size:cover;
}

.z-auth-bc_log_in_sunblinds {
    background: url(../../_public.images/sunblind/bc-login-1.png) center;
    background-size:cover;
}
.z-auth-bc_log_in_tsc {
    background: url(../../_public.images/tsc/bc-login-1.png) center;
    background-size:cover;
}

.z-auth-bc_primary {
    background: var(--primary);
}

.z-auth-bc_silver_dark {
  background: var(--silver-2-ligth-mode) !important;
}

.z-auth-bc_silver_light {
    background-color: var(--silver-1-ligth-mode) !important;
}

.z-auth-bc_pr_blue {
    background-color: var(--prussian-blue) !important;
}

.z-auth-bc_yellow{
    background-color: var(--yellow) !important;
}

/********************************************************/


/* Margins and  paddings */
.z-auth-mg_tp_2 {
    margin-top:2rem;
}

.z-auth-mg_tp_4 {
    margin-top:4rem;
}

.z-auth-mg_tp_7 {
    margin-top:7rem;
}

.z-auth-mg_bt_0_3 {
    margin-bottom:.3rem !important;
}

.z-auth-mg_rg_0_5 {
    margin-right:0.5rem;
}

.z-auth-mg_bt_1 {
    margin-bottom:1rem !important;
}

.z-auth-mg_rg_1_5 {
    margin-right:1.5rem;
}

.z-auth-mg_bt_2 {
    margin-bottom: 2.25rem !important;
}

.z-auth-mg_bt_3 {
    margin-bottom:3rem;
}

.z-auth-mg_bt_4 {
    margin-bottom:4rem !important;
}

.z-auth-mg_bt_7 {
    margin-bottom:8rem;
}

.z-auth-mg_bt_6 {
    margin-bottom:6rem;
}

.z-auth-mg_bt_8 {
    margin-bottom:8rem;
}

.z-auth-mg_lf_0_6 {
    margin-left: .6rem;
}

.z-auth-form_group {
    margin-bottom: 2rem;
}

/********************************************************/


/* Forms */
.z-auth_input_group {
    width: 100%; 
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
    align-items: stretch; 
    overflow: hidden;  
    position: relative;
    flex-wrap: wrap;
}

.z-auth_input_group_text {
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    padding: .3rem .7rem;
    align-items: center;
    font-size: 1.2rem;
    border-radius: .3rem;
    text-align: center;
    white-space: nowrap;

}

.z-auth_input_group button {
    border:none;
    border-radius: .3rem;
    font-size: .8rem;
    padding: 0rem .5rem;
}

.z-auth_input_group .z-auth_input_group_prepend .z-auth_input_group_text, .z-auth_input_group .z-auth_input_group_prepend button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.z-auth_input_group .z-auth_input_group_append .z-auth_input_group_text, .z-auth_input_group .z-auth_input_group_append button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.z-auth_input_group_prepend, .z-auth_input_group_append {
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
}

.z-auth_input_group > .z-auth-form_input {
    background: #fff; 
    /* border: none;  */
    flex: 1; 
    padding: .65rem 1rem;  
    margin-bottom: 0;
}

.z-auth_input_group.z-auth_text_left > .z-auth-form_input {
    border-top-left-radius: 0;
    border-bottom-left-radius:0;
}

.z-auth_input_group.z-auth_text_right > .z-auth-form_input {
    border-top-right-radius: 0;
    border-bottom-right-radius:0;
}

.z-auth_input_group_base.z-auth_text_left .z-auth-form_input {
    border-left: none;   
}

.z-auth_input_group_base.z-auth_text_right .z-auth-form_input {
    border-right: none;   
}

.z-auth_input_group_base button {
    border: 1px solid #dee2e6;
    border-left: none;
    background: none;
}


/* .z-auth_input_group > .z-auth-form_input:focus {
    border: none;
} */

.z-auth-form_input {
    width: 100%;
    border-radius: .3rem;
    padding: .65rem 1rem;
    border: 1px solid #dee2e6;
    background: #fff;
    outline: none;
    display: block;
    transition: .5s;
    color: var(--gray-1-light-mode);
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: .3rem;
}

.z-auth-form_input:focus {
    border: 1px solid #c1c4c7;
}

.z-auth-form_label {
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: .7rem;
    color: var(--gray-1-light-mode);
}

.z-auth-form_btn {
    display: block;
    font-size: .9rem;
    font-weight: 600;
    text-align: center;
    border-radius: .3rem;
    padding: .7rem 2rem;
    width: 100%;
    border: 1px solid transparent;
    color:#fff;
    cursor: pointer;
    transition: .5s;   
    position: relative;
}

.z-auth-form_btn_eztrack {
    background: var(--primary);
}

.z-auth-form_btn_tsc {
    background: var(--tsc);
}

.z-auth-form_btn_sunblinds {
    background: var(--sunblinds);
}

.z-auth-form_btn_shadow_blue {
    box-shadow: 0 2px 6px 0 rgb(37 73 163 / 50%);
}


.z-auth-form_btn_shadow_gray {
    box-shadow: 0 2px 6px 0 rgb(187 187 187 / 50%);
}

.z-auth-form_btn:hover {
    background: #1d3d8e;
}

.z-auth-form_btn:focus {
    outline: none;
    box-shadow: none;
}

.z-auth-form_btn_loading .z-auth-btn_text{
    visibility: hidden;
    opacity: 0;
}

.z-auth-form_btn_loading::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 3px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
    animation: z-form_btn_loading 1s ease infinite;
}

@keyframes z-form_btn_loading {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

/********************************************************/

/* Checkbox */
.z-auth-checkbox {
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: .90rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--gray-1-light-mode);
    font-weight: 600;
}

.z-auth-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.z-auth-checkbox_checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius:4px;
    transition: .5s;
}

.z-auth-checkbox input:checked ~ .z-auth-checkbox_checkmark {
    background:var(--primary);
    border: 1px solid var(--primary);
}

.z-auth-checkbox_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.z-auth-checkbox input:checked ~ .z-auth-checkbox_checkmark:after {
    display: block;
}

.z-auth-checkbox .z-auth-checkbox_checkmark:after {
    left: .27rem;
    top: 2px;
    width: .18rem;
    height: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/********************************************************/

/* Sidebar */

.ez-sidebar {
    box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
    z-index:9001;
    display: none;
    transition: ease-in-out .3s;
    background: #fff;
    height: 100vh;
    width: 260px;
}

.ez-sidebar_overlay {
    position: fixed;
    display: none;
}

.ez-sidebar_overlay.ez-sidebar_left {
    top: 0px;
}

.ez-sidebar_overlay.ez-sidebar_right {
    top: 0px;
}

.ez-sidebar_overlay.ez-sidebar_left.ez-active {
    left: 0px
}

.ez-sidebar_overlay.ez-sidebar_right.ez-active {
    right: 0px;
}

/********************************************************/

/* Loader */

.ez-loader_container {
    width: 100%;
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    justify-content:center;
}

.ez-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid var(--primary);
    width: 30px;
    height: 30px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

.ez-loader.ez-loader_md_20 {
    width: 20px;
    height: 20px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--primary);
}

.ez-loader.ez-loader_md_50 {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid var(--primary);
}

.ez-loader.ez-loader_md_30 {
    width: 30px;
    height: 30px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--primary);
}

/********************************************************/

/* Display States */

.z-auth-hidden {
    display: none !important;
}

.z-auth-show {
    display: block;
}

/********************************************************/

/* Tablets */
@media screen and (max-width: 1024px) {
    .z-auth-row {
        display: block;
    }

    .z-auth-column_form, .ez-sidebar {
        width: 100% !important;
        max-width: 100%;
        min-height: 100vh;
        justify-content: initial;
    }

    .z-auth-column_form {
        padding: 1rem 3.5rem;
    }

    .z-auth-column_info {
       display: none;
    }

    .z-auth-text_center {
        text-align: center !important;
    }

    .z-auth-mg_bt_6 {
        margin-bottom: 1.2rem;
    }

    .z-auth-mg_bt_4 {
        margin-bottom: 2.5rem;;
    }

    .z-auth-card_body {
        padding: 1.2rem 0;
    }

    .z-auth-brand {
       position: initial;
    }

    .z-auth-brand_center {
        margin-top: 0rem;
    }

    .z-auth-justify_center {
        justify-content: initial;
    }

    #z-auth-sidebar {
        display: none;
    }

    .ez-sidebar .z-auth-heading_2, .ez-sidebar .z-auth-subtitle {
        text-align: center;
    }

    .z-auth-hide_on_mobile {
        display: none;
    }

}

/* Mobile */
@media screen and (max-width: 400px) {
    .z-auth-column_form {
        padding: 3rem 2.8rem;
    }

    .z-auth-card_body {
        padding: 0;
    }

    #z-auth-sidebar {
        display: none;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {

    .z-auth-hide_on_mobile {
        display: none;
    }

}

/* Dark Theme */
@media (prefers-color-scheme: dark) {

    .z-auth-heading_2, .z-auth-form_label, label {
        color: var(--gray-2-dark-mode) !important;
    }

    p {
        color: var(--gray-3-dark-mode) !important;
    }
    
    .z-auth-column_form, .z-auth-form_input, .ez-sidebar {
        background: var(--gray-1-dark-mode);
    }

    .z-auth-form_input {
        border: 1px solid var(--gray-1-light-mode); 
        color: #dcdcdc !important           
    }

    .z-auth-form_input:focus {
        border: 1px solid #575c61;
        background: #48525f;
    }

    .z-auth-checkbox_checkmark {
        background: var(--gray-1-light-mode);
        border: 1px solid var(--gray-1-light-mode);
    }

    .z-auth-form_btn {
        box-shadow: 0 2px 6px 0 rgb(49 57 78 / 50%);
    }

    input:-webkit-autofill { 
        -webkit-box-shadow:200px 200px 100px #404954 inset; 
        box-shadow:200px 200px 100px #404954 inset; 
        -webkit-text-fill-color:  #dcdcdc !important;
    }

    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--gray-1-light-mode)!important;
        opacity: 1; /* Firefox */
    }

}