body{
    font-size:16px !important;
}
.input-sm {
    height: 34px !important;
}
.form-group-sm .form-control, .input-sm {
    font-size: 14px !important;
}
@media (max-width: 767px){
.left-side, .main-sidebar {
    -webkit-transform: translate(-300px,0);
    -ms-transform: translate(-300px,0);
    -o-transform: translate(-300px,0);
    transform: translate(-300px,0);
}
}

@media (max-width: 767px){
.content-wrapper, .main-footer, .right-side {
    margin-left: 0;
}
}

@media (min-width: 768px){
.left-side, .main-sidebar {
    width: 200px;
}
}

@media (min-width: 768px){
.content-wrapper, .main-footer, .right-side {
    margin-left: 200px;
}
}

.skin-blue-light .main-header .logo {
    background-color: #000000 !important;
    color: #fff !important;
}

.skin-blue-light .main-header .navbar {
    background-color: #000000 !important;
}

/***
.skin-blue-light .left-side, .skin-blue-light .main-sidebar, .skin-blue-light .wrapper {
    background-color: #0c172e !important;
}

.skin-blue-light .sidebar a{
    color: #fff !important;
}

.skin-blue-light .sidebar a:hover, .skin-blue-light .sidebar a:clicked{
    color: #000;
}
***/

#add-customer{
    color: #000000 !important;
}

.btn-black, .btn-black:hover {
    background-color: #0b0b0b;
    color: #fff;
    border-color: #fff;
}

.login-logo{
    background: #f4f4f4;;
}

.form-control-feedback {
    top: 31px;
}

@media (min-width: 992px) {
       .login-box, .register-box {
            width: 450px;
        }

        .login-box .login-card-body, .register-card-body {
           padding: 24px;
        }

        .login-box .login-box-msg, .register-box-msg {
            padding: 0 0px 20px 0px;
        }
        
        .login-box .login-card-body .input-group, .register-card-body .input-group{
            padding: 5px;
        }

        .login-box .login-card-body .row-btn, .register-card-body .row-btn{
            margin-top: 20px;
        }

    }

    @media (max-width: 991px) {
        .login-box, .register-box {
            width: 392px;
        }
    }

    @media (max-width: 600px) {
        .login-box, .register-box {
            width: 392px;
        }
    }

    @media (max-width: 400px) {
        .login-box, .register-box {
            width: 300px;
        }
    }

    @media (max-width: 310px) {
        .login-box, .register-box {
            width: 100%;
        }
    }

    .login-box .card-header{
      background-color: #536a7d;
      box-shadow: none;
      color: #fff;
      min-height: 48px;
    }

    .login-box .block-label{
      display:block !important;
      width: 100%;
    }

    .login-box .card {
        box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
        margin-bottom: 1rem;
    }

    .login-box .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 0 solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
        width:100% !important;
        height:100% !important;
    }

    .login-box .login-logo{
        margin-bottom: 0px !important;
    }

    .login-box .login-card-body, .login-box .register-card-body {
        background: #fff;
        border-top: 0;
        color: #666;
        padding: 20px;
    }

    .mb-3, .my-3 {
        margin-bottom: 1rem !important;
    }
    .login-box .input-group {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
    }

    .login-box .input-group-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: .375rem .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: .25rem;
    }

    .login-box .login-card-body .input-group .input-group-text, .login-box .register-card-body .input-group .input-group-text {
        background-color: transparent;
        border-bottom-right-radius: .25rem;
        border-left: 0;
        border-top-right-radius: .25rem;
        color: #777;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .login-box .login-card-body .icheck-primary, .register-card-body .icheck-primary {
        padding-left: 10px;
    }

    .btn-primary, .btn-warning, .btn-danger, .btn-success {
        background-color: #FFFFFF !important;
        border: 1px solid #798cdb !important;
        color: #308ac9 !important;
        font-weight:bold !important;
    }

    .btn-primary:hover, .btn-warning:hover, .btn-danger:hover, .btn-success:hover {
        background-color: #c7e4f957 !important;
        border: 1px solid #798cdb !important;
        color: #308ac9 !important;
    }

    .btn-xs {
        font-size: 15px !important;
    }

    .login-card-body .btn-primary {
        background-color: #080808 !important;
        border-color: #060606 !important;
    }

    .nav>li>a.dropdown-toggle>img {
       width:22px;
    }

    /*** Table ***/
    table.dataTable {
        border: 1px solid #dee2e6 !important;
    }
    .table td, .table th {
        padding: .75rem !important;
        vertical-align: bottom !important;
        border-bottom: 2px solid #dee2e6 !important;
        border: 1px solid #dee2e6 !important;
        text-align: left !important;
    }

    /*** END ***/

    .right-border {
        border-right: 1px solid #d5d5d5;
    }

    .checkbox-padding {
        padding: 20px;
    }

    .btn-default {
        background-color: #f4f4f4 !important;
        color: #444 !important;
        border-color: #6b6b6b !important;
    }


    /*** Admin Panel Design Related Changes ***/
    .main-header .logo {
        width: 200px;
    }

    .main-header>.navbar {
        margin-left: 200px;
    }

    .skin-blue-light .main-header .logo {
        color: #fff !important;
        background: linear-gradient(118deg, #314155 32.59%, #007bff 99.7%) !important;
    }

    .skin-blue-light .main-header .navbar {
        background: linear-gradient(118deg, #314155 32.59%, #007bff 99.7%) !important;
    }

    .skin-blue-light .main-header li.user-header {
        background: linear-gradient(118deg, #314155 32.59%, #007bff 99.7%) !important;
    }

    .skin-blue-light .left-side, .skin-blue-light .main-sidebar, .skin-blue-light .wrapper {
        background-color: #343434 !important;
        box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22) !important;
    }

    .skin-blue-light .sidebar a {
        color: #ffffff;
    }

    @media (max-width: 767px) {
        .main-header .logo, .main-header .navbar {
            width: 100%;
            float: none;
            position: relative !important;
        }
    }

    @media (max-width: 767px) {
        .main-header .navbar {
            margin: 0;
        }
    }
    /*** END ****/

.right-border {
    border-right: 1px solid #d5d5d5;
}

.mt-27{
    margin-top:27px;
}

.dealer .close{
    color:#fff !important;
}

.dealer .checkbox input[type=checkbox]{
    position: relative !important;
    margin-left: 0px !important;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 900px;
        margin: 30px auto;
    }
}
.mr-3{
    margin-right:3px;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: 80px !important;
}