﻿.body-content {
    background-color: #ebebeb !important;
}
/*step by step appointment*/


.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 90%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.btn-circle i:hover,.btn-circle i:active{
    color:#f85319
}

.btn-circle i{
    background-color:#fff !important;
}
.multiStep-form{
    background-color:#b9b9bb;
}
fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 0;
    box-sizing: border-box;
    margin: 0 10%;
    border-radius:1%;
    /*stacking fieldsets above each other*/
    position: relative;
}

/****************************************************************************/
.reserve-calendar {
    font-size: 14px !important;
}

.ti-icon {
    padding-left: 10px;
}

.cal-title {
    line-height: 70px;
}

.calendar-row {
    line-height: 70px;
    font-size: 15px;
}

.reserve-calendar ul {
    list-style: none;
    overflow: no-display;
    line-height: 40px;
    margin-left: 20px;
    margin-right: 20px;
}

.reserve-calendar .list-inline li {
    display: inline;
    text-align: center !important;
    height: 40px;
    /*background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);*/
    background-color: #fff;
    border: 1px solid #2fcecc;
    border-radius: 25px;
    /*margin-right: 7px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

    /*.reserve-calendar .list-inline li a {
       
    }*/

    .reserve-calendar .list-inline li:hover {
        box-shadow: 1px 2px 15px 0px rgba(161,159,161,1);
        background-color: #5ed7d5;
        border: none;
        color: #fff !important;
    }

/*.reserve-calendar list-inline li a:hover {
                -webkit-box-shadow: 1px 2px 15px 0px rgba(161,159,161,1);
                background-color:#fff;
                border: 1px solid #E82624;
                color:#E82624 !important;
            }*/
/*.reserve-calendar .list-inline li .highlight > a{
                 background-color:#E82624 !important ;
                 color:#fff;
                 border:none !important;

             }*/
.highlight {
    background-color: #E82624 !important;
    color: #fff;
    border: none !important;
}

.position-sticky {
    position: sticky !important;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgt20 {
    margin-top: 20px;
}

@media (min-width: 1366px) and (max-width:1680px) {
    .stepwizard {
        width: 80% !important;
        display: table;
    }

    .mini-modal {
        width: 35% !important;
    }
    /*.aside img{
    width:70%;
}*/
}

.aside2 {
    background-color: white;
}

.center-panel {
    display: flex;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
}

.side-panel-list {
    margin: 0 auto;
    padding: 0;
}

    .side-panel-list li {
        list-style: none;
        border-bottom: dotted 1px #cecdcd;
        line-height: 50px;
        margin: 0 auto;
        padding: 0;
    }

        .side-panel-list li a {
            color: #000000 !important;
        }

.mute-color {
    background: #f3f4f5 !important;
}

.brdb {
    border-bottom: 1px dotted rgb(206, 205, 205);
    padding: 20px;
}

@media (min-width:768px) {
    .center-panel {
        position: sticky;
        top: 3rem;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: rgb(222, 225, 228) 0px 1px 10px 0px;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-1 {
        order: 1;
    }

    .mg {
        margin-right: 75px !important;
        margin-left: -100px !important;
    }

    .top-340 {
        margin-top: -340px;
    }
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

/*@media (min-width: 320px) and (max-width: 480px) {*/

/*.doctor-img{
   margin-right:15% !important;
 }
  
}*/
/*scrole slider*/
/*.swiper-button-prev, .swiper-container-rtl .swiper-right-arrow {
        margin-right: -9px !important;
        background-color: #fff !important;
    }*/

/*.swiper-button-prev, .swiper-container-rtl .swiper-left-arrow {
        margin-left: -9px !important;
        background-color: #fff !important;
    }*/

.swiper-container .swiper-wrapper .swiper-slide {
    width: auto !important;
    margin-left: 10px !important;
}

.swiper-right-arrow, .swiper-left-arrow {
    background-size: 18px 50px !important;
    margin-top: -25px !important;
    left: 0 !important;
}
/*swiper slider*/
.swiper-cards {
    width: 100%;
    height: 100%;
}

.swiper-card {
    text-align: center;
    /*font-size: 18px;
      background: #fff;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-image {
    background-position: center;
    background-size: cover;
    height: 300px;
    text-align: center;
    margin: 20px;
    /*font-size: 18px;
      background: #fff;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.white {
    background: #fff;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0 !important;
}



/*******frmDoctors style********/
@media (max-width:767px) {
    .swiper-images {
        width: 80%;
        height: 100%;
    }
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:1200px) {
    .swiper-images {
        width: 50%;
        height: 100%;
    }
}
/**980915*/
.content-box {
    overflow: hidden !important;
}

.ui.labeled.icon.button-mrg, .ui.labeled.icon.buttons .button-mrg, .button-mrg {
    padding-left: 2.6em !important;
}

.pad, .ui.pad {
    margin: 0 !important;
    padding-right: 5px !important;
    padding-left: 10px !important;
}

.button-mrg {
    padding-left: 2.6em !important;
}
/*980920*/
.ui.basic.teal.btn-lable:hover, .ui.basic.teal.buttons .btn-lable:hover {
    background-color: #2fcecc !important;
    color: #fff !important;
}

.ui.teal.lable-hover:hover , .ui.teal.labels .lable-hover:hover {
    background-color: #fff !important;
    box-shadow: 0 0 0 1px #00b5ad inset !important;
    color: #00b5ad !important;
}
.footer-box{
    padding:20px 15px 0 !important;   
    border-top:groove 3px #cecdcd;

}
.ui.labeled.icon.nextBtn, .ui.labeled.icon.buttons .nextBtn {
    position: relative;
    padding-left: 2.9em  !important;
    padding-right: 1em !important;
}
.ui.labeled.icon.prevBtn, .ui.labeled.icon.buttons .prevBtn {
    position: relative;
    padding-left: 1em !important;
    padding-right: 2.9em !important;
}
.ui[class*="right labeled"].icon.hour-lable {
    padding-right: 3em !important;
    padding-left: 1.2em !important;
}
.header-box{
    padding:20px 20px;
}
.mrg50{
    margin-top:50px;
    margin-bottom:50px;
}