@font-face {
    font-family: 'riftsoft';
    src: url("../fonts/rift-soft.woff2") format("woff2"), url("../fonts/roboto-italic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'segoeuisl';
    src: url("../fonts/segoeuisl.ttf") format("ttf");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'rift-soft';
    src: url('../fonts/rift-soft.woff2') format('woff2'),
        url('../fonts/rift-soft.woff') format('woff'),
        url('../fonts/rift-soft.otf') format('otf'),
        url('../fonts/rift-soft.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('../fonts/Oswald-Light.eot');
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Light.svg#Oswald-Light') format('svg'),
        url('../fonts/Oswald-Light.woff') format('woff'),
        url('../fonts/Oswald-Light.woff2') format('woff2'),
        url('../fonts/Oswald-Light.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

/*
Overlay CSS
*/

.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background:rgba(0,0,0,0.6);
}

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

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

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-top-color: #f2f2f2;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}


/* 
  Header Code Starts 
*/
.headerContainer,.footer_container {
    margin: 0 !important;
}

.headerContainer .eshopHeader {
    box-shadow: 0 13px 15px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
    padding-top: 4px;
    min-height: 70px;
    background-color: #222;
    margin: auto;
    text-align: center;
}

.headerContainer .eshop_logo {
    margin-right: 30px;
    margin-left: 30px;
    margin-top: 5px;
    max-width: 130px;
}
}
.nav-link{
    color: #000 !important;
}



/* 
  Body Code Starts 
*/
.container-fluid.bodywrapper {
    padding: 0 !important;
}


.bookReport__title{
    font-family: riftsoft;
    font-size: 30px;
    line-height: 2;
    text-align: center;

}

/* LOGIN FORM */

.loginHeading{
    font-family: riftsoft !important;
    font-size: 30px;
    text-align: center;

}
.login-card{
    margin-top: 30px !important;
}

.login-card .form-control
{
    border-radius: 0rem !important;
}
.login-card .btn
{
    border-radius: 0rem !important;
}

.login-container{
    margin-top: 5%;
    margin-bottom: 5%;
}

.login-form-2{
    margin-top: 35px;
    padding: 5%;
    background: #000;  /* fallback for old browsers */    
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form-2 h3{
    text-align: center;
    color: #fff;
    font-family: rift-soft;
    margin-bottom: 20px;
}
.login-container form{
    padding: 10%;
}
.btnSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    border: none;
    cursor: pointer;
}
.login-form-2 .btnSubmit{
    font-weight: 600;
    color: #000;
    background-color: #cecece;
}
.login-form-2 .ForgetPwd{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.formInput{
    border-radius: 0rem !important;
}
.formInput:focus{
    border-color: #000;
}

#formLogin .form-group input{
    color: #000 !important;
}
#formLogin .form-group label.error, #formLogin label.form-error,#bookingReport__date_error{
    color: red !important;
    font-size: 12px;
}
#formLogin .password_eye{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

/*
* Footer code
*/
.footer_container .col-md-12 {
    padding: 0 !important;
}

.page-footer {
    font: normal normal 400 12px/18px Segoe UI;
    box-shadow: 0 13px 15px -1px #222, 2 16px 20px 11px #222, 0 1px 18px #222;
    padding-top: 4px;
    min-height: 70px;
    background-color: #222 !important;
    text-align: center;
    color: #fff;
}

.page-footer a {
    font: normal normal 400 14px/18px Segoe UI;
    color: #aaa;
}


.page-footer .footerLinks {
    font-family: segoeuisl;
    font-weight: semilight;
    text-align: right;
    font: normal normal 400 12px/18px Segoe UI;
    letter-spacing: 0px;
    color: #B8B8B8;
    opacity: 1;
    padding-bottom: 20px !important;
}

.page-footer .footerLinks ul:not(.avoid) {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.page-footer .footerLinks ul, .page-footer .footerLinks ul li {
    list-style-type: none;
    padding: 0;
}

.page-footer .footerLinks ul li {
    float: left;
}

.page-footer .footerLinks ul li a {
    color: #ADADAD;
    line-height: 25px;
    font-size: 12px;
}

.page-footer .footerLinks ul li a {
    padding: 5px 5px;
}

.page-footer .footerLinks ul li:last-child, .page-footer .footerLinks ul li:nth-child(6) {
    clear: both;
}

.page-footer .footercontent {
    /*  font-size: 10px !important;*/
    text-align: left;
    font: normal normal 400 12px/18px Segoe UI;
    letter-spacing: 0px;
    color: #B8B8B8;
    opacity: 1;
}

.page-footer .container {
    padding-bottom: 3rem !important;
}

.page-footer .carzato-container {
    text-align: right;
    margin-top: 45px;
    margin-right: 10px;
}

.page-footer .carzato-container img {
    clear: both;
    position: relative;
    max-height: 20px;
    max-width: 125px;
}

body.dealeradmin-body {
    font-size: 16px;
    line-height: 27px;
    font-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/video_modal.png) 0 0/cover no-repeat;*/
    /*background: url(https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/images/video_modal.png) 100% repeat; */
    /*background: url('../img/video_modal.png') 100% no-repeat;*/
    /* background: url('https://d1jougtdqdwy1v.cloudfront.net/dealeradmin/cdjr/acdfjr-banner-landing1.jpg') 100% no-repeat; */
    background: url('../img/dashboard/alfa_retouch_high_rez@2x.png') 100% no-repeat;
    background-position: top center;
    background-color: #cecece;
    background-size: 100%;
}

.container.bodyContainerWrapper {
    min-height: 90vh;
    margin-bottom: 15px;
}

img, video {
    height: auto;
    max-width: 100%;
}


.bookingTable_header{
    font-weight: bold;
}


/*
    Booking Page CSS
*/
.dt-button.btn.btn-primary{
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}
.dt-button.btn.btn-primary:hover{
    color: #fff !important;
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}