#appointment {
    min-height: 470px;
}
.content-tabs {
    border:none
}
    #appointment .doc-name {
        border: 1px solid #107fc9;
    }
    #appointment .zoom-wrap {
        border: 1px solid #107fc9;
        border-bottom:none
    }
#appointment .doc-name-class {
    padding: 0 5px 0 5px
}
#appointment .doctor-box {
    cursor: pointer;
    max-width: 277.5px !important
}
#appointment .doctor-box:hover .inner-page-butt-blue {
    color: #fff;
    background-color: #0e70b1;
    transition: .5s;
    border: 1px solid #107fc9;
    box-shadow: 0 2px #0d67a3;
}
#appointment .doc-name a.go
{
	float:none;
	margin-top:10px;
    cursor:pointer
}
#appointment .doc-name-class, #appointment .doc-title {
    font-weight:400 !important
}
#appointment .back {
    position: absolute;
    z-index: 999;
}
#appointment a.butt {
    cursor:pointer
}
#step3 h2 {
    border-bottom: 3px solid #107fc9 !important
}
    #step3 h2.nobottom {
        border-bottom:none !important
    }
#step3 h3 {
    margin: 50px 0 50px 0 !important
}
.butt + .red {
    background: #bb0000 !important;
    box-shadow: 0 2px #bb0000;
    border: solid 1px #bb0000;
    margin-left: 50px
}
.buttons {
    margin-top: 50px;
}
#appointment .closed {
    display: block;
    color: rgb(255, 255, 255);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    float: left;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 6px 20px;
    margin: 5px 15px 5px 5px;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(144, 1, 1);
    transition: 0.2s;
    background: rgb(187, 0, 0);
}
#appointment .opened {
    display: block;
    color: rgb(255, 255, 255);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    float: left;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 6px 20px;
    margin: 5px 15px 5px 5px !important;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(17, 137, 21);
    transition: 0.2s;
    background: rgb(5, 205, 13);
    cursor:pointer
}
.auth img {
    margin-top:10px;
        width: 96%;
}
.auth div {
    text-align:center;
}
.auth .number {
    text-align:center;
    width:50% !important;
    display:inline-block;
    float:none !important;
}
    .auth .inner-page-butt-blue {
        float: none !important;
        margin:0 auto
    }
.record {
    padding-top:10px
}
.record:hover {
    background:#c6cdd1
}
    .record a {
        cursor:pointer;
        margin-top:10px
    }
.records td a {
    cursor:pointer
}
a.showrecords {
    display:none;
    cursor:pointer
}
img.js-loader {
    display:block;
    margin:0 auto;
    padding: 5px;
    width:80px;
    height:80px
}
@media (max-width:767px)
{
    #appointment .back {
        top: -50px;
        text-align: center;
        width: 100%;
    }
    .doctor-box {
	width: 96% !important
	}
    #step2 .doctor-box {
        margin: 50px auto 0 auto !important
    }
    .buttons .butt {
             margin-bottom:10px
    }
    .butt + .red {
        margin-left:0 !important;
    }
    .collapse-widget-side .ui-state-default .collapse-cheveron {
        margin-right:5px !important;
        height: 36px !important;
    }
    .ui-accordion .ui-accordion-header {
        padding-right:5px !important;
        font-size: 12px !important;
    }
    #appointment .doc-name
	{
		float: none;
	}
}
@media (max-width:550px) {
    .doctor-box {
        float:none !important;
        padding-bottom: 30px !important;
        margin: auto !important
    }
}
@media (max-width:350px) {
    .collapse-widget-side .ui-state-default .collapse-cheveron {
        display:none
    }
    .ui-accordion .ui-accordion-header {
        padding-left:5px !important
    }
}