#floatcontant {
    position: fixed;
    bottom: 80px;
    right: 25px;
    z-index: 1049;
    cursor: pointer;
    opacity: 1;
    transition: opacity, bottom 0.2s ease;
    -moz-transition: opacity, bottom 0.2s ease;
    -webkit-transition: opacity, bottom 0.2s ease;
    text-align:center;
}

.app-img{
    width:115px;
}
.icon-img{
    height:60px;
}
.fix-doctorbar {
	border-top:5px solid #67c8c7;
	position: fixed;
	bottom: 45%;
	right: 0px;
	right: 0px;
	width: 350px;
	height: auto;
	z-index: 110;
	background-color: transparent;
	-webkit-transition: right .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-o-transition: right .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: right .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-backface-visibility: hidden;
    border-radius: 5px;
    display: none;
    transition: all .5s;
}
.fix-doctorbar .sm-form-control{
	padding: 15px 20px 15px 55px;
}
.fix-doctorbar input#doctor_name_search{
	padding: 15px 20px 15px 20px;
	color: #242422;
}

.fix-doctorbar .doctor_grid {
	position: relative;
	border-bottom: 1px solid #f2f2f2;
}
.fix-doctorbar .fix-specialty-pos{
	position: absolute;
    top: calc(50% - 16px);
    left: 15px;
}
.ui-widget-content{
    background-color:#fff;
}
select#specialty_select_search, select#doctor_select_search {
    background-color: #fff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #536776;
    font-size: 12px;
    border: none;
    background: url(<?php echo base_url()?>images/home/chevron-down.png) no-repeat 95% 50%;
}
input#doctor_name_search{
	background-color: #fff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #536776;
    font-size: 12px;
    border: none;
}
.doctor_care_search{
	cursor: pointer;
    height: 40px;
    background: #67c8c7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 0 5px ! important;
    margin-bottom: 0px;
}
.doctor_care_search #docSubmit{
	color: #fff;
}
.doctor-toggle-fix{
	position: fixed;
	bottom: 65%;
	right: 0px;
	right: 0px;
	width: 170px;
	height: auto;
	z-index: 110;
	transition: all .5s;
}
.doctor-toggle-text{
	position: absolute;
	right: -70px;
	width: 120px;
	background: #67c8c7;
	height: 50px;
	display: flex;
	align-items: center;
	float: left;
	color: #fff;
	padding-left: 20px;
	border-radius: 10px 0 0 10px;
	transition: all .5s;
}
.doctor-toggle-icon{
	position: absolute;
	right: 0;
	background: #67c8c7;
	width: 50px;
	text-align: center;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	border-radius: 10px 0 0 10px;
	transition-delay: 250ms;
}
.doctor-toggle-icon img{
    max-height:20px;
}
.doctor-toggle-fix-close{
    position: fixed;
	bottom: calc(35% + 188px);
	right: 0px;
	right: 0px;
	width: 170px;
	height: auto;
	z-index: 109;
	transition: all .5s;
}
.doctor-toggle-fix-close .doctor-toggle-icon{
    font-size: 25px;
    color: #fff;
    border-radius: 10px 0 0 0px;
}
#docSearchfixdoctor{
	margin-bottom: 0px! important;
}
.fix-doctorbar .ui-widget-content{
	z-index: 99999;
	list-style: none;
    padding-left: 20px;
    max-height: 400px;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-menu {
    list-style: none;
    margin: 0;
    display: block;
    outline: 0;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}
@media(min-width:1200px){
    .doctor-toggle-fix:hover .doctor-toggle-text{
		right: 50px;
	}
	.doctor-toggle-fix:hover .doctor-toggle-icon{
		border-radius: 0px;
	}
}
@media (max-width:1100px){
    .copyrights .copyright-left {
	    float: none;
	    width: 100%;
	    text-align: center;
	}
	.copyrights .copyright-right{
		 float: none;
	    width: 100%;
	    text-align: center;
	}
	.mb-10-1100{
		margin-bottom: 10px;
	}
}

@media (max-width:991px){
    .max-w-270-991{
    	max-width: 280px;
    }
}

@media(max-width:767px){
	 #floatcontant {
        bottom: 100px;
        right: 10px;
    }
    
    .app-img{
        width:120px;
    }
    .icon-img{
        height:60px;
    }
    .col-half-767{
    	width: 48%;
    	float: left;
    }
    .mb-20-767{
    	margin-bottom: 20px! important;
    }
    #docSearchfixdoctor .respBorder{
        padding:0px! important;
    }
    .doctor-toggle-fix, .doctor-toggle-fix-close{
        bottom: calc(40% + 188px);
    }

    .fix-doctorbar {
		bottom: 40%;
    }
}