.required {
    color:#f4516c;
}
.show-div label {
    font-weight: 500;
}
.show-div span {
    display: block;
}
.show-div .row {
    padding-top: 10px;
    padding-bottom: 10px;
}
.tab-header-button {
    text-align: right !important;
    padding-bottom: 2rem;
}
.m-login__logo img {
    width: auto;
    height: 100px;
    object-fit: contain;
}
.user-profile-image {
    max-width: 50px !important;
}
.m-widget13 .m-widget13__item .m-widget13__desc {
    width:20% !important;
}
.com-logo{
    width:80px;
}
.m-brand__logo{
    text-align: right !important;
}
.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__type {
    color: #d9dae3 !important;
}
[class^="fa-"], [class*=" fa-"] {
    font-size: 1.3rem;
    margin-right: 3px;
    margin-top: 3px;
}
.tooltip {
    font-size: 14px;
    font-weight: 500;
}
.select2popup {
    width: 100% !important;
}
.tab-detail{
    display: block;
}
.font-weight-500{
    font-weight: 500 !important;
}
.label-data{
    display: block;
    word-break: break-all;
}
.customer-profile{
    width: 80px;
    height: 80px;
}
.customer-profile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.insured-list{
    display: block;
    list-style-type: none;
    padding: 10px 0 0 0;
    margin: 0;
}
.insured-list li{
    margin: 5px 0;
    display: block;
}
.sub-heading{
    display: block;
    margin-bottom: 1rem;
}
.drvr-dtl{
    width: 110px;
    height: 110px;
    border: 0px solid rgba(0, 0, 0, 0.1);
}
.drvr-img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.vehicle-img{
    display: block;
    height: 200px;
    margin: 15px 0;
    border: 1px solid rgba(0,0,0,0.1)
}
.img-vw{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control{
    background-color: #ffffff;
    border: 1px solid #DB2730 !important;
}

.m-login.m-login--2.m-login-2--skin-3 .m-login__container .m-login__head .m-login__title{
    color: #333333 !important;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
    color: #555555 !important;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control::-webkit-input-placeholder {
    color: #555555 !important;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control:-ms-input-placeholder {
    color: #555555 !important;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control::-ms-input-placeholder {
    color: #555555 !important;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control::placeholder {
    color: #555555 !important;
}
.m-login.m-login--2.m-login-2--skin-3 .m-login__container .m-login__form .m-login__form-sub .m-link{
    color: #757575 !important;
}
.btn-focus, .btn-brand, .btn-primary{
    background-color: #FF353F !important;
    border-color: #FF353F !important;
}

.m-login.m-login--2.m-login-2--skin-3 .m-login__container .m-login__form .btn-focus.m-btn--air {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.m-aside-left.m-aside-left--skin-dark, .m-brand.m-brand--skin-dark{
    background-color: #DB2730;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__ver-arrow, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-text{
    color: #ffffff !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open, .m-menu__item--active{
    background-color: #e44947 !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-bullet.m-menu__link-bullet--dot > span, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-bullet.m-menu__link-bullet--dot > span{
    background-color: #ffffff !important;
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after{
    background-color: #DB2730 !important;
}
.btn-outline-focus,.btn-outline-danger {
    color: #FF353F !important;
    border-color: #FF353F !important;
}
.btn-outline-focus:hover, .btn-outline-danger:hover{
    background-color: #FF353F !important;
}
.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--primary a.m-tabs__link.active, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--success a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--success a.m-tabs__link.active {
    color: #FF353F;
    border-bottom: 1px solid #FF353F;
}
.dataTables_wrapper .pagination .page-item.active > .page-link, .dataTables_wrapper .pagination .page-item:hover > .page-link {
    background: #FF353F;
    color: #ffffff !important;
}
.dataTables_wrapper .pagination .page-item.previous > .page-link:hover, .dataTables_wrapper .pagination .page-item.next > .page-link:hover, .dataTables_wrapper .pagination .page-item.last > .page-link:hover, .dataTables_wrapper .pagination .page-item.first > .page-link:hover {
    background: #FF353F;
    color: #ffffff !important;
}
.form-control:focus {
    border-color: #FF353F !important;
}
.m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__item > .m-nav__link:hover > .m-nav__link-text {
    color: #FF353F !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active .m-menu__link-text {
    font-weight: bold;
}
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text, .m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow, .btn.m-btn--label-brand, .m-link {
    color: #FF353F !important;
}
a:hover{
    color: #b70912 !important;
}
.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__name{
    color: #333333;
}
.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header, .m-nav.m-nav--inline .m-nav__separator{
    border-bottom: 1px solid #ebedf2;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow{
    color: #fff;
}
.dt-buttons {
    display: inline;
}
.btn-group .export-btn {
    border-radius: 0.25rem !important;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow {
    color: #fff;
}
.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header .m-dropdown__header-title, .m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header .m-dropdown__header-subtitle{
    color: #333333;
}
.m-aside-left--fixed .m-aside-left.m-aside-left--skin-dark .ps > .ps__rail-y > .ps__thumb-y {
    background: #a41d22;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon > i:before{
    background: none !important;
    background-clip: none !important;
    text-fill-color: transparent !important;
    -webkit-background-clip: none !important;
    -webkit-text-fill-color: #FF353F !important;
}
.noti-badge {
    position: absolute;
    right: 0;
}
.bg-white {  background-color: #fff !important; }
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #FF353F !important;
}
.dashbord-display{
    display: flex !important;
    table-layout:  inherit!important;
}
.dashbord-display .m-widget_content-item{
    display: block!important;
}

/* css for solver support message box*/
/*.container{max-width:1170px; margin:auto;}*/
/*img{ max-width:100%;}*/
.inbox_msg {
    border: 1px solid #c4c4c4;
    clear: both;
    overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}

.received_msg {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: top;
    margin-bottom: 20px;
    max-width: 75%;
}
/*.incoming_msg.document {*/
/*    max-width: 300px !important;*/
/*}*/
.incoming_msg.document img{
    width: 250px;
    height: auto;
}
.received_withd_msg p {
    background: #dcdcdc none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
}
.time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}
.received_withd_msg {
    width: auto;
}
/*.outgoing_msg.document { max-width: 300px!important; margin-left: auto}*/
.outgoing_msg.document img{width: 250px; height: auto}
.mesgs {
    padding: 30px 15px 0 25px;
}

.sent_msg p {
    background: #e44947 none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0; color:#fff;
    padding: 5px 10px 5px 12px;
    width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
    float: right;
    width: auto;
    max-width: 75%;
}
.input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}
.msg_send_btn {
    background: #e44947 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 33px;
}
.msg_image_btn {
    background: #e44947 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 43px;
    top: 11px;
    width: 33px;
}
.messaging { padding: 0 0 50px 0;}
.msg_history {
    height: 516px;
    overflow-y: auto;
}

@media (max-width: 767px){
    .sent_msg {
        float: right;
        width: 80%;
    }
    .received_withd_msg {
        width: 80%;
    }
}

/* css for page loader when form can submit*/

.circular {
    height: 30px;
    width: 30px;
    animation: loading-rotate 2s linear infinite;
}
.circular .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #db2730;
    stroke-linecap: round;
}
@keyframes loading-rotate{
    to{
        transform:rotate(1turn)
    }
}
@keyframes loading-dash{
    0%{
        stroke-dasharray:1,200;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-40px
    }
    to{
        stroke-dasharray:90,150;
        stroke-dashoffset:-120px
    }
}

.custom-disabled{
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
    color: #828080 !important;
}