/* .mdi::before {
    font-size: 115%;
    line-height: 14px;
}
.btn .mdi::before {
    position: relative;
    top: 4px;
}
.btn-xs .mdi::before {
    font-size: 18px;
    top: 3px;
}
.btn-sm .mdi::before {
    font-size: 18px;
    top: 3px;
}
.dropdown-menu .mdi {
    width: 18px;
}
.dropdown-menu .mdi::before {
    position: relative;
    top: 4px;
    left: -8px;
}
.nav .mdi::before {
    position: relative;
    top: 4px;
}
.navbar .navbar-toggle .mdi::before {
    position: relative;
    top: 4px;
    color: #FFF;
}
.breadcrumb .mdi::before {
    position: relative;
    top: 4px;
}
.breadcrumb a:hover {
    text-decoration: none;
}
.breadcrumb a:hover span {
    text-decoration: underline;
}
.alert .mdi::before {
    position: relative;
    top: 4px;
    margin-right: 2px;
}
.input-group-addon .mdi::before {
    position: relative;
    top: 3px;
}
.navbar-brand .mdi::before {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.list-group-item .mdi::before {
    position: relative;
    top: 3px;
    left: -3px
}
*/

.mdi:before, .mdi-set {
    line-height: normal;
}

form .form-group {
    margin-bottom: 1rem!important;
}

.required {
    display: inline-block;
    /* color: inherit; */
    font-size: inherit;
    /* font-weight: inherit; */
    position: inherit;
    top: inherit;
}
.required:after {
    content: '*';
    color: #f00;
    font-weight: bold;
    padding-left: 5px;
}

.btn-google {
    color: #ffffff;
    background-color: #DB4437;
}

.btn-facebook {
    color: #ffffff;
    background-color: #4267B2;
}

.btn-linkedin {
    color: #ffffff;
    background-color: #0072b1;
}

.btn-microsoft {
    color: #ffffff;
    background-color: #00a2ed;
}

.btn-google:hover,
.btn-facebook:hover,
.btn-linkedin:hover,
.btn-microsoft:hover {
    color: #ffffff;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "/");
}

.fi-en {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/6.4.4/flags/4x3/us.svg);
}

td.dataTables_empty {
    padding: 60px 0 !important;
}

.datepicker {
    border: 1px solid #ced4da !important;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
}

.bd-callout-primary {
    border-left-color: #556ee6;
}

@media (min-width: 768px) {
    .col-md-5col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
    }

    .col-md-7col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 14.28571428571429%;
    }

    .col-md-8col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
    }

    .col-md-9col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 11.11111111111111%;
    }

    .col-md-10col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 10%;
    }
}

.input-group .select2-container {
    width: auto !important;
}

.auth-full-bg {
    background-color: transparent;
}

.select2-container {
    width: auto !important;
    min-width: 100% !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

div.dataTables_wrapper div.dataTables_filter label {
    display: block;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
}

label+div.form-control {
    margin-top: -.75rem;
    padding-bottom: .25rem;
}

@media screen and (max-width: 767px) {
    .auth-full-page-content {
        min-height: calc(100vh - 96px);
    }
}

.form-floating .form-control.border-0 {
    border-bottom: 1px solid #ced4da !important;
    padding-left: .8rem;
    text-align: right;
}

.form-floating>div.form-control {
    height: auto !important;
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
        transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
        transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
    }
    40%, 60%, 80% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.mdi-tada {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.mdi-tada-hover:hover{
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite
}

.ribbon-1 {
    position: fixed;
    background: #08769b;
    box-shadow: 0 0 0 999px #08769b;
    clip-path: inset(0 -100%);
}

.ribbon-1-left {
    inset: 0 auto auto 0; /* top and left equal to 0 */
    transform-origin: 100% 0; /* OR top right */
    transform: translate(-29.3%) rotate(-45deg);
}

.ribbon-1-right {
inset: 0 0 auto auto; /* top and right equal to 0 */
transform-origin: 0 0; /* OR top left */
transform: translate(29.3%) rotate(45deg);
}

.ribbon-2 {
    --f: 10px; /* control the folded part*/
    --r: 15px; /* control the ribbon shape */
    --t: 10px; /* the top offset */

    position: absolute;
    inset: var(--t) calc(-1*var(--f)) auto auto;
    padding: 0 10px var(--f) calc(10px + var(--r));
    clip-path:
      polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
        calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
        var(--r) calc(50% - var(--f)/2));
    box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
}

.bg-verify-unverified {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
}

.bg-verify-verification-requested {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important;
}

.bg-verify-verified {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important;
}

.bg-car-request-status,
.bg-quotation-status {
    background-color: #50a5f1;
}

.bg-car-request-submitted {
    background-color: #f1b44c;
}

.bg-car-request-rejected-by-customer,
.bg-quotation-rejected {
    background-color: #f46a6a;
}