.image-style {
    /*position: absolute;*/
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.select2-selection__choice {
    background-color: rgb(174, 36, 91) !important;
}

.select2-container--default .select2-selection__choice__remove {
    color: #fff !important;
}

.white-bg {
    background: white !important;
}

.sp-details-img {
    width: 100%;
    height: 350px;
    border: 2px solid grey;
    padding: 2px;
}

.modal-dialog {
    /*width: 60% !important;*/
    /* or whatever you wish */
}


/* Admin LTE Overrides */

.login-page,
.register-page {
    background: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Roboto', sans-serif;
}

.pagination>li>a {
    background: #fff;
}


/** pace 1.0.0 */

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-running:not(.pace-done) {
    pointer-events: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #29d;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.pace.pace-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1001;
}

.pace .pace-activity {
    display: none;
}


/** Checkbox Primary */

.checkbox.checkbox-primary input[type=checkbox]+label::before {
    background-color: #fff;
}

.checkbox.checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: rgb(174, 36, 91);
    border-color: rgb(174, 36, 91);
}

.checkbox.checkbox-primary input[type=checkbox]:checked+label::after {
    border-color: #fff;
}


/** Custom list color */

.delivered_to_list .mobile_app>i {
    color: #007fc1
}

.delivered_to_list .customer_portal>i {
    color: #ba9d15
}

.delivered_to_list .Website>i {
    color: #00aa4c
}

.delivered_to_list .All>i {
    color: #ff524f
}


.custom-control-input.checked~.custom-control-label::after {
    background-color: #d24350;
}
.custom-control-input.checked~.custom-control-label::after {
    background-color: #d24350;
}


.modal-dialog.modal-xxl{
    max-width: 880px;
}

.diagnosis.accordion .card-header{border-bottom:none;}
.diagnosis.accordion .card-body{background-color: rgba(0,0,0,.03);}
.diagnosis.accordion .card-header.collapsed{background-color: #fff;}
.diagnosis.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: '\f106';
    float: right;
    font-size: 20px;
}
.diagnosis.accordion .card-header.collapsed:after {
    content: '\f107';
}

.diagnosis_time_slot{margin: 10px 0; padding: 0px; list-style: none; display: block;}
.diagnosis_time_slot li{display: inline-block; margin: 8px 8px 0px 0px;}
.diagnosis_time_slot li input[type="radio"]{ display: none;}
.diagnosis_time_slot li label{border: solid 1px #d24350; padding: 3px 6px; cursor: pointer;}
.diagnosis_time_slot li input:checked ~ label{border-color: #d24350; background-color: #d24350; color: #fff;}

/*--------------------------------------------------------------Book Diagnostics-----------------------------------------------------------------------------*/
.diagnosis-first-column{

    min-width: 555px;
}
.Diagnostics.accordion .card-header {
    padding-left: 0px;
    margin-left: 19px;
    padding-right: 2px;
    margin-right: 11px;
    width: 550px;
}

/*    1st column */
.diagnostics-check,.diagnostics-check1,.diagnostics-check2,.diagnostics-check3,.diagnostics-check4,.diagnostics-check5,.diagnostics-check6,.diagnostics-check7,.diagnostics-check8,.diagnostics-check9,.diagnostics-check10,.diagnostics-check11,.diagnostics-check12{
    position: relative;
    top: -12px;
    right: -12px;
}

/*  2nd column   */

.diagnostics-check13 ,.diagnostics-check14,.diagnostics-check15,.diagnostics-check16,.diagnostics-check17,.diagnostics-check18,.diagnostics-check19,.diagnostics-check20,.diagnostics-check21,.diagnostics-check22,.diagnostics-check23,.diagnostics-check24,.diagnostics-check25{
    position: relative;
    top: -10px;
    right: -15px;
}

/*  2nd column*/
.Diagnostics.collapse.show
{
    background-color:#f4f4f4;
    padding-top: 5px;
    padding-left: 9px;

}
.Diagnostics.accordion.card-header::after{
    font-weight: bold;
    background: #000;
}


.card-header:not(.collapsed) .rotate-icon {
    transform: rotate(180deg);
  }

  .fa{
    font-size: 20px;
    /*color:grey;*/
}



/*--------------------------------------------------------------Book Diagnostics-----------------------------------------------------------------------------*/
/*--------------------------------------------------------------Book Diagnostics-----------------------------------------------------------------------------*/

 /*#################################################### Select service Provider##################################################################### */


 .service_check label:before{border-radius: 100%;
    position: absolute;
    width:100px;
    height:  100px;
    border:solid 1px #8a8a8a;
    }
    .service_check label:after{border-radius: 50%;}

    .diagnosis1.accordion .card-header{border-bottom:collapse;background-color: #fff; }
    .diagnosis1.accordion .card-body{background-color: rgba(0,0,0,.03);}
    .diagnosis1.accordion .card-header.collapsed{background-color: #fff;}
     .diagnosis1.accordion .card-header:before {
        font-family: 'FontAwesome';
        content: '\f107';
        float: right;
        font-size: 30px;
    }

    .diagnosis1.accordion .card-header.collapsed:after {

        background-color: #fff;
    }


     /* .diagnosis1.accordion .card-header:after {
        font-family: 'FontAwesome';
        content: '\f106';
        float: right;
        font-size: 30px;



    }
    .diagnosis1.accordion .card-header.collapsed:after {
        content: '\f107';

    }  */