ol#subList {
    list-style-type: lower-alpha;
}
ol {
    list-style-position: inside;
    padding-inline-start: 0;
}
a, a:hover {
    color: #00A3E0;
}
/* .tab_wrapper > ul li.active > a,a:hover {
    color: #fff;
} */

/* .tab_wrapper > ul li > a, a:hover {
 color: #2E3138;
} */

.font-upsize {
    font-size: medium !important;
}
/*Progress Bar*/
#progress-section {
    width: 100%;
}
.progress {
    border-radius: 100px;
    background-color: #f8f9fa;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.192);
    margin: 0 15px 0 15px;
}
.progress-bar.active {
    border-radius: 100px;
    background-color: #b70827;
}
.progress-bar.success {
    background-color: green;
    transition: width .6s ease, background-color .3s .3s ease-in;
}
.progress-bar.fail {
    background-color: #D6001C;
    transition: width .6s ease, background-color .3s .3s ease-in;
}
.progress-bar-text {
    font-weight: 500;
}
#info-box {
    /*background-color: #f4f4f4;*/
    border: solid 1px #f4f4f4;
    text-align: right;
    padding-right: 15px;
    margin-left: -15px;
}
.popover-header {
    color: #D6001C;
    font-family: CeraPROFamily, Arial;
    padding: 7px 17px;
}
.popover-body {
    margin: 0 20px;
    font-family: CeraPROFamily, Arial;
	font-size: 9pt;
}
.toggle-bar {
    padding: 15px;
    /*margin-left: -15px;*/
}
.toggle-bar2 {
    padding: 15px;
    margin-bottom: 15px;
}
#count_message {
    background-color: smoke;
    margin-top: -20px;
    margin-right: 5px;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.image-cropper {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
    border: solid 3px white;
    box-shadow: 3px 3px 5px grey;
}
.icon {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
    /* background-color: #D6001C; */
    vertical-align: inherit;
}
.btn-default {
    background-color: #898b8e;
    border-color: #76777b;
    color: #fff;
    font-weight: normal;
}
.btn-default:hover {
    background-color: #6c757d;
    border-color: #898b8e;
    color: #fff;
}
.btn-primary:focus, .btn-primary.focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-group-text {
    width: 40px;
}
button#previousBtn, button#nextBtn, button#submitBtn, button#newClaim_nextBtn, button#newClaim_getCodeBtn, button#newClaim_submitCodeBtn, button#newClaim_nextCodeBtn, button#existingClaim_getCodeBtn, button#existingClaim_submitCodeBtn, button#claimFormPDF_Btn {
    background-color: #3F4249;
    border-color: transparent;
    font-size: .8rem;
    border-radius: 20px;
}
button#previousBtn:hover, button#nextBtn:hover, button#submitBtn:hover, button#existingClaim_getCodeBtn:hover ,  button#newClaim_nextBtn:hover, button#newClaim_getCodeBtn:hover, button#newClaim_submitCodeBtn:hover, button#newClaim_nextCodeBtn:hover, button#existingClaim_submitCodeBtn:hover, button#claimFormPDF_Btn:hover  {
    background-color: #767C89;
    border-color: transparent;
}
button#newClaim_proceedBtn, button#newClaim_closeBtn {
    background-color: #3F4249;
    border-color: transparent;
    font-size: .8rem;
    border-radius: 20px;
    width: 100%;
    height: 60px;
}
button#newClaim_proceedBtn:hover {
    background-color: #767C89;
    border-color: transparent;
}
button#newClaim_completeLaterBtn, button#newClaim_completeLater2Btn {
    background-color: #3F4249;
    border-color: transparent;
    font-size: .8rem;
    border-radius: 20px;
    width: 100%;
    height: 60px;
}
button#newClaim_completeLaterBtn:hover, button#newClaim_completeLater2Btn:hover {
    background-color: #767C89;
    border-color: transparent;
}
.btn-danger {
    background-color: #3f4249;
}
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #D6001C;
    border-color: darkslategrey;
}
#driver-section, #employee-section, #vehicle-section, #vehicle-state-section, #client-insurance-section, #driver-history-section, #incident-section, #damage-section, #3rdparty-section, #witness-section, #repairer-section, #infoAuthorityWarranty-section, #submit-section {
    padding: 20px 15px;
}
.bg-white, .bg-light {
    padding: 20px 15px 15px 15px;
}
#employee-section, #refusedIns-section, #5Year-section, #liquorDrugs-section {
    display: none;
}
button#edit-driver, button#edit-3rdparty, button#edit-3rdparty2, button#edit-3rdparty3, button#edit-3rdparty4, button#edit-witness, button#reset-selections {
    float: right;
    font-size: .8rem;
}
.sticky-footer {
    flex-shrink: none;
}
button#previousBtn, button#submitBtn {
    display: none;
}
div.toggle {
    float: right;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.32rem;
}
/*damage selection*/
.scratch {
    color: rgba(91, 155, 213, 1);
    font-weight: bold;
}
.dent {
    color: rgba(245, 68, 0, 1);
    font-weight: bold;
}
.broken {
    color: rgba(193, 10, 39, 1);
    font-weight: bold;
}
.none {
    color: black;
    font-weight: bold;
}
.card-header button {
    font-size: 10pt;
    color: #D6001C;
}
.card-header button:hover, .card-header button:focus {
    text-decoration: none;
    color: #D6001C;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.accordion > .card-body div .col-6, .accordion > .card-body div .col-2, .accordion > .card-body div .col-4, .accordion > .card-body div .col-3, .accordion > .card-body div .col-12 {
    padding-left: 5px;
    padding-right: 5px;
}
.accordion {
    font-size: .6rem;
}
fieldset#client-details > div label, fieldset#insurance-details > div label, div#damage-subsection > div label {
    padding-right: 5px;
}
#damage-container {
    background-image: url('assets/brand/vehicle.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 264px !important;
    height: 360px !important;
    margin-top: 15px;
}
#damage-container tr {
    width: 12px !important;
    height: 12px !important;
}
#claimfast-logo {
	height: 20px;
	max-height: 20px;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media only screen and (max-device-width: 576px), only screen and (max-width: 576px) {
    #driver-section, #employee-section, #vehicle-section, #vehicle-state-section, #client-insurance-section, #driver-history-section, #incident-section, #damage-section, #3rdparty-section, #witness-section, #repairer-section, #infoAuthorityWarranty-section, #submit-section {
        padding: 10px;
    }
    .bg-white, .bg-light {
        padding: 10px;
    }
    .form-group {
        margin-bottom: 0.3rem;
    }
    button#edit-driver, button#edit-witness, button#edit-3rdparty, button#edit-3rdparty2, button#edit-3rdparty3, button#edit-3rdparty4 {
        margin-bottom: 10px;
    }
    button#nextBtn, button#previousBtn, button#submitBtn {
        margin: 10px;
    }
    button#newClaim_nextBtn, button#newClaim_getCodeBtn, button#newClaim_submitCodeBtn, button#newClaim_nextCodeBtn, button#existingClaim_getCodeBtn, button#existingClaim_submitCodeBtn  {
        margin: 15px 0;
    }
    .progress-bar-text {
        font-size: .5rem;
    }
    .card-body {
        padding: 0.5rem;
    }
    .nav-item {
    font-size: 13px;
}
}



@media only screen and (max-width: 769px) {
div.toggle {
    float: left;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    button#nextBtn, button#previousBtn, button#submitBtn {
        margin: 10px 15px;
    }
    button#newClaim_nextBtn, button#newClaim_getCodeBtn {
        margin: 0;
    }
    button#newClaim_submitCodeBtn, button#newClaim_nextCodeBtn, button#existingClaim_getCodeBtn, button#existingClaim_submitCodeBtn {
        margin: 15px 0 0 0;
    }
}
@media screen and (min-width: 768px) {
    #claimfast-logo {
	height: 12px;
    }
}
@media screen and (min-width: 992px) {
    #claimfast-logo {
	height: 20px;
    }
}

/* (A) FULL SCREEN WRAPPER */
#LoadingSpinner {
  position: fixed;
  top: 0; left: 0; z-index: 9999;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.2s;
}

/* (B) CENTER LOADING SPINNER */
#LoadingSpinner img {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%);
}

/* (B) CENTER LOADING SPINNER TEXT*/
#LoadingSpinner div {
  position: absolute;
  top: 30%; left: 50%;
  transform: translate(-60%);
}