@font-face {
    font-family: "Roboto";
    src: url(material-components-web/roboto/Roboto-Regular.ttf);
}

:root {
    --bs-danger-rgb: #FFFFFF !important;
}

.bg-danger {
    background-color: yellow !important;
}



a.list-group-item.active {
    background-color: #FFFFFF;
    color: #000000;
}

    .a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
        background-color: #F2F4F6 !important;
        color: #000000;
    }

.list-group-item:hover {
    background-color: #F2F4F6 !important;
    color: #000000;
}

.Loginbtn {
    border-radius: 4px;
    background: #EE2E24 !important;
    border: 1px solid #EE2E24 !important;
    font-weight: 500;
    color: #FFFFFF !important;
    font-weight: 500;
    font-size: 15px !important;
    line-height: 26px;
    letter-spacing: 0.46px;
    height: 42px !important;
    width: 334px !important;
}

    .Loginbtn:hover {
        background-color: #FFFFFF !important;
        border: 1px solid #EE2E24 !important;
        border-radius: 4px;
        color: #EE2E24 !important;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.46px;
    }

.CreateAccountbtn {
    box-sizing: border-box;
    background: white;
    color: #EE2E24;
    display: flex;
    font-weight: 500;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
    height: 42px;
    /* X-Red */
    border: 1px solid #EE2E24;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    order: 6;
    flex-grow: 0;
}

    .CreateAccountbtn:hover {
        background-color: #EE2E24;
        color: #FFFFFF;
    }

.forgotPassword {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 12px;
    letter-spacing: 0.15px;
    color: #0085FF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    height: 42px !important;
    width: 334px;
}

.dark-danger {
    left: 0px;
    top: 204px;
    border-radius: 4px;
    background: #EE2E24;
    border: 1px solid #EE2E24;
    font-weight: 500;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.46px;
}

    .dark-danger:hover {
        background-color: #FFFFFF;
        border: 1px solid #EE2E24;
        border-radius: 4px;
        color: #EE2E24;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.46px;
    }

.bg-danger {
    background: #FFFFFF !important;
    /* X-Red */
    color: #EE2E24 !important;
    border: 1px solid #EE2E24;
    border-radius: 4px;
    font-weight: 500;
    font-size: 15px;
    height: 42px !important;
    width: 334px !important;
}

    .bg-danger:hover {
        border-radius: 4px;
        background: #EE2E24 !important;
        border: 1px solid #EE2E24 !important;
        font-weight: 500;
        color: #FFFFFF !important;
        font-weight: 500;
        font-size: 15px;
        line-height: 26px;
    }

.btnView {
    background: #FFFFFF !important;
    color: #F50057 !important;
    border: 1px solid #F5005780 !important;
    height: 42px !important;
    width: 334px !important;
    margin-right: 10px !important;
}

    .btnView span {
        font-weight: 700;
        font-size: 15px;
        line-height: 26px;
        letter-spacing: 0.46px;
        text-transform: uppercase;
        color: #F50057;
    }

    .btnView:hover {
        background: #F50057 !important;
        border-radius: 4px;
        font-weight: 500;
        color: #FFFFFF !important;
        font-weight: 500;
        font-size: 15px;
        line-height: 26px;
        color: #FFFFFF !important;
    }

        .btnView:hover span {
            color: #FFFFFF !important;
        }

    .btnView span:hover {
        color: #FFFFFF !important;
    }

.div-circle {
    height: 70px;
    width: 70px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #EE2E24;
    font-family: Roboto, sans-serif !important;
}

    .div-circle p {
        vertical-align: middle;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 20px;
    }

.h6 {
    font-size: 0.75rem !important;
}

.card {
    height: 180px !important;
    --mdb-card-spacer-y: 0.5rem !important;
    --mdb-card-spacer-x: 1.25rem !important;
    width: 254px !important;
}

.nav-tabs .nav-link.active {
    /* --mdb-nav-tabs-link-active-color: #000000 !important;
    --mdb-nav-tabs-link-active-border-color: #EE2E24 !important;
    --mdb-nav-tabs-link-color: #000000 !important;*/
    font-weight: bold !important;
}

    .nav-tabs .nav-link.active > h6 {
        font-weight: 700 !important;
    }

.nav-tabs .nav-link {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    /* identical to box height, or 171% */
    text-align: center !important;
    letter-spacing: 0.4px !important;
    --mdb-nav-tabs-link-color: rgba(0, 0, 0, 0.6) !important;
    height: 49px !important;
    font-size: 14px !important;
}

.backButton {
    color: #536170;
    font-weight: 400;
    font-size: 17px;
    margin-left: 8px !important;
}

    .backButton:hover {
        color: #000000 !important;
        font-weight: 400 !important;
        font-size: 17px !important;
    }

.font12px {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 32px !important;
    color: #2E3238;
    letter-spacing: 0.15px !important;
}

.font14px {
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.font18Black {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 21p !importantx;
    /* identical to box height */
    /* X-Black */

    color: #000000 !important;
}

.card:hover {
    cursor: pointer !important;
    --mdb-card-box-shadow: 0 2px 15px -3px #AEB6BF,0 10px 20px -2px #AEB6BF !important;
}

.btn-danger {
    align-items: center !important;
    padding: 0px !important;
    width: 161px !important;
    height: 42px !important;
    /* X-Red */
    background: #EE2E24 !important;
    /* Elevation/2 */
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 26px !important;
    /* identical to box height, or 173% */
    letter-spacing: 0.46px !important;
    /* Secondary/Contrast */
    color: #FFFFFF !important;
}

    .btn-danger span {
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 26px;
        /* identical to box height, or 173% */

        letter-spacing: 0.46px;
        text-transform: uppercase;
        /* Secondary/Contrast */

        color: #FFFFFF;
    }

.btnDownload {
    border: 1px solid #EE2E24;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 48px;
    width: 129px;
    height: 42px;
    border: 1px solid #EE2E24;
    border-radius: 4px;
    flex: none;
    flex-grow: 0;
    order: 1;
    flex-grow: 0;
}

.table tbody tr {
    height: 80px !important;
    background: rgba(255, 255, 255, 0.002) !important;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.12) !important;
}


.ActiveStatus {
    color: #34C759;
}

.PendingStatus {
    color: orange;
}

.InactiveStatus {
    color: gray;
}

.btn-primary {
    background: #EE2E24 !important;
    border: 1px solid #EE2E24;
    color: #FFFFFF !important;
    height: 42px;
    font-size: 15px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.46000000834465027px;
    text-align: left;
    text-transform: uppercase;
}

.pull-right {
    display: flex;
    justify-content: end;
}

.btn {
    letter-spacing: 0.46px !important;
}

.mandatoty:after {
    content: " *" !important;
    color: #EE2E24 !important;
    font-weight: 100 !important;
}

.invalid-feedback {
    margin-top: -13px !important;
    text-align: left !important;
}

.text-left {
    color: #000;
}

/* button styles*/

.btn-default, .btn-default:hover {
    background-image: -webkit-linear-gradient(#455560,#455560 ] 50%,#455560 );
    background-image: linear-gradient(#455560,#455560 50%,#455560 );
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#455560', endColorstr='#455560', GradientType=0);
    filter: none;
    border: 1px solid#455560;
    color: #FFFFFF;
}

.label-default {
    --mdb-table-bg: #455560 !important;
    color: #FFFFFF;
}

.field-validation-error {
    color: #EE2E24 !important;
    font-weight: 700;
    font-size: 12px;
    font-family: Roboto;
    /*margin-left: -12px !important;*/
    margin-bottom: 5px !important;
}

/*
#AccidentTime-error, #fields_7__fieldValue-error, #fields_12__fieldValue-error, #subFields_0__fieldValue-error, #subFields_5__fieldValue-error, #policyNo-error, #Time-error, #fields_19__fieldValue-error, #DateofBirth-error, #vehiclemake-error, #vehiclemodel-error, #vehicleplate-error, #drivername-error, #driverlicense-error, #driverlicensedState-error, #subFields_0__fieldValue-error, #vehicleyear-error {
    margin-left: 16px !important;
}
#subFields_1__fieldValue-error{
    margin-left: 6px !important;
  }
*/
/* Centered text */
.txtcentered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* font-size: 2rem !important;
    font-family: 'Roboto' !important;*/
}

.externallinks {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 125%;
    text-decoration-line: underline;
    color: #0085FF;
}

table.dataTable thead .sorting_asc {
    background: url("../images/up-arrow.png") no-repeat center left !important;
}

table.dataTable thead .sorting_desc {
    background: url("../images/down-arrow.png") no-repeat center left !important;
}


.mdc-button:not(:disabled) {
    color: #000;
}

.mylidiv {
    width: 210px !important;
}

.my_card {
    min-width: 254px !important;
    height: 180px !important;
    background: #FFFFFF;
    border: 1px solid rgba(46, 50, 56, 0.15);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.my_card_content {
    height: 22% !important;
    margin-left: 20px !important;
}

.my_card__caption {
    margin-left: 20px !important;
    letter-spacing: 0rem !important;
    color: #2E3238 !important;
}

.mdc-tab-indicator .mdc-tab-indicator__content--underline {
    border-color: #EE2E24 !important;
}

.mdc-tab--active .mdc-tab__text-label {
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.mdc-banner .mdc-button .mdc-button__ripple::after {
    background-color: #F2F4F6 !important;
}

.mdc-layout-grid__inner {
    display: grid;
    margin: 0;
    grid-gap: 0px !important;
}

.AutoPolicyCard {
    width: 254px;
    height: 77px;
    border: 1px solid rgba(46, 50, 56, 0.15);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.mdc-div__center {
    align-self: center;
    flex-grow: 1;
    padding-top: 4px;
    padding-bottom: 4px;
}

.mdc-div__center__Bymargin {
    margin-top: 10px;
    margin-bottom: 10px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

/*tr:nth-child(even) {
    background-color: #F2F4F6 !important;
}*/

.mdc-typography--headline2rem {
    font-size: 2rem !important;
    font-family: Roboto, sans-serif !important;
}

.btnIDCard {
    font-family: Roboto;
    letter-spacing: 0.46000000834465027px;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 26px !important;
    letter-spacing: 0.46px !important;
    text-transform: uppercase !important;
    color: #EE2E24 !important;
    border: 1px solid #EE2E24 !important;
    height: 42px !important;
    width: 110px !important;
}

    .btnIDCard span {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 26px !important;
        letter-spacing: 0.46px !important;
        text-transform: uppercase !important;
        color: #EE2E24 !important;
    }

.btnCertificate {
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 26px !important;
    letter-spacing: 0.46px !important;
    text-transform: uppercase !important;
    color: #EE2E24 !important;
    border: 1px solid #EE2E24 !important;
    height: 42px !important;
    margin: 5px !important;
}

    .btnCertificate span {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 26px !important;
        letter-spacing: 0.46px !important;
        text-transform: uppercase !important;
        color: #EE2E24 !important;
    }

.paginationrow {
    display: flex;
    justify-content: end;
}

.fa-angle-left, .fa-angle-right {
    font-size: 25px !important;
    margin-right: 25px;
}

.dataTables_paginate paging_simple {
    margin: 20px;
}

ul .disabled a {
    color: rgba(0, 0, 0, 0.54) !important;
}

.previous a {
    color: #000000 !important;
}

.next a {
    color: #000000 !important;
}

.mdc-floating-label--float-above {
    color: #808080 !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #808080 !important;
    /* @alternate */
    border-color: #808080 !important;
}

.mdc-data-table__cell {
    white-space: normal !important;
    word-wrap: anywhere !important;
}

.mdc-data-table__header-cell {
    white-space: normal !important;
    font-weight: bold !important;
    max-width: 200px !important;
}

table thead th {
    white-space: normal !important;
    overflow: inherit !important;
}

.borderred {
    border: 1px solid #EE2E24 !important;
    padding: 5px;
    min-width: 125px !important;
}

.txtred {
    color: #EE2E24 !important;
}

.helpercardmenu {
    width: 200px;
    margin-right: 20px;
    border-radius: 5px !important;
}

a:hover {
    color: #000000 !important;
}

.refreshbutton {
    height: 56px;
    min-width: 43px !important;
    padding: 0px;
    background-color: #EE2E24;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

.input:required:invalid {
    outline-color: red;
    outline-width: thin;
}

.txtsearch {
}

.sub-header text-center {
    font-size: 3rem !important;
    color: #000 !important;
}
/*.mdc-data-table{
    width:100% !important;
}*/
table.dataTable td, table.dataTable th.vinclass {
    width: 150px !important;
}

table.dataTable td, table.dataTable th.checkboxclass {
    width: 8px !important;
}

table.dataTable td, table.dataTable th.yearclass {
    width: 80px !important;
}

table.dataTable td, table.dataTable th.makeclass {
    width: 60px !important;
}

table.dataTable td, table.dataTable th.modelclass {
    width: 60px !important;
}

table.dataTable td, table.dataTable th.valueclass {
    width: 80px !important;
}

table.dataTable td, table.dataTable th.statusclass {
    width: 107px !important;
}

table.dataTable td, table.dataTable th.activestatusclass {
    width: 66px !important;
}

table.dataTable td, table.dataTable th.idcardsclass {
    width: 110px !important;
}

table.dataTable td, table.dataTable th.scheidcardsclass {
    width: 145px !important;
}

.mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
    background-color: #000 !important;
}


#divMyVehicles, #divMyInactiveVehicles, #divMyPendingVehicles, #divActiveMyDrivers, #divInactiveMyDrivers, #divPendingMyDrivers {
    /*overflow-x: auto !important;*/
}

.ddlstateselected {
    color: red;
}
/*progress Bar CSS*/
#bar {
    width: 0px;
    height: 25px;
    border: 1px solid black;
    background-color: yellow;
    border-radius: 3px;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #E0E0E0;
        border-color: #6c757d;
    }

.mdc-typography--subtitle1 {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: 0.009375em;
    text-decoration: inherit;
    color: #2E3238 !important;
}

.validationerrormsg {
    text-align: left !important;
    color: yellow !important;
    margin-left: -15px !important;
}

/*Footer CSS*/
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 45px;
    background-color: #000 !important;
    background-image: none !important;
    color: #ffffff !important;
    min-height: 10% !important;
    overflow: auto;
}

.navbar-footer {
    background-color: #000 !important;
    background-image: none !important;
    color: #FFFF;
    margin-right: 30px;
}

    .navbar-footer ul {
        text-align: right;
        margin: 0;
        padding: 0;
    }

        .navbar-footer ul li {
            display: inline;
        }

            .navbar-footer ul li a {
                color: #ffffff !important;
                margin-right: 30px;
                text-transform: uppercase;
                text-decoration: none;
            }
.navbar-footer ul li a:hover {
                    color: #989D9D !important;
                }
.copyright {
    text-align: center;
    color: #ffffff !important;
    padding: 5px;
}

    .copyright:after {
        content: "Prime Holdings Insurance Services, Inc., all rights reserved";
    }
.fa-2x {
    font-size: 1.5em !important;
}
#page-container {
    
}
.h-50
{
    height:50px !important;
}
#content-wrap {
    height: calc(100vh - 220px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 5px !important;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    text-align: center;
    padding: 10px !important;
}

.alertmsg mdc-typography--subtitle1 {
    color: #3c763d !important;
}

.divcenter {
    margin-top: 20px;
}

.btnResend {
    border-radius: 4px;
    background: #EE2E24 !important;
    border: 1px solid #EE2E24 !important;
    font-weight: 500;
    color: #FFFFFF !important;
    font-weight: 500;
    font-size: 12px !important;
    line-height: 26px;
    letter-spacing: 0.46px;
    height: 42px !important;
    width: 224px !important;
}

    .btnResend:hover {
        background-color: #FFFFFF !important;
        border: 1px solid #EE2E24 !important;
        border-radius: 4px;
        color: #EE2E24 !important;
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.46px;
    }



div.dt-container div.dt-layout-cell.dt-start {
    text-align: right;
    width: 90%;
}

.list-group-item:hover {
    background-color: #F2F4F6 !important;
}

.dataTables_scrollBody {
    overflow-x: scroll !important;
}

.dt-paging-button:disabled,
.dt-paging-button[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

.dt-paging-button {
    background: none !important;
    border: none !important;
    width: 30px;
    cursor: pointer;
}
.mincellwidth {
    min-width: 120px !important;
}

.claimsmincellwidth {
    min-width: 160px !important;
}

.yearclass {
    width: 80px !important;
}

.tdheadercell-min-width {
    min-width: 100px !important;
}
.displayflex {
    display: flex !important;
    margin: 3px 8px !important;
}
:root {
    --bs-info-rgb: #000000 !important;
}
.dt-layout-row {
    display: flex !important;
    justify-content: end !important;
    width: 96% !important;
}
.btnWallet {
    font-family: Roboto;
    letter-spacing: 0.46000000834465027px;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 26px !important;
    letter-spacing: 0.46px !important;
    text-transform: uppercase !important;
    color: #EE2E24 !important;
    border: 1px solid #EE2E24 !important;
    height: 42px !important;
    width: 220px !important;
}

    .btnWallet span {
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        line-height: 26px !important;
        letter-spacing: 0.46px !important;
        text-transform: uppercase !important;
        color: #EE2E24 !important;
    }
.walleticon {
    width: 45px !important;
}