﻿/*Search*/
.ms-srch-item{
	border-bottom: 1px dotted gray;
    padding-top: 4px;
    padding-bottom: 9px;
}
.ms-srch-Paging li
{
    font-size: 14px;
    cursor: pointer;
    margin: 0 2px;
    color: inherit;
    border: 1px solid transparent;
    padding: 6px 12px;
    background-color: #F2EFEF;
}
.ms-srch-Paging li:hover
{
  background-color: #222;
	
}
.ms-srch-result #PagingLink a:hover
{
	
	color: #fff !important;
}
#PagingSelf {
	
	    font-weight: bold;
    background-color: #da291c !important;
        color: #fff !important;	

}
#PagingSelf a{
    color: #fff !important;	
}
li#PagingImageLink{
	
	border:none;
}
li#PagingImageLink a{
	border:none;
	border-style:none;
}
.ms-promlink-button-enabled
{
	    background-color: #F2EFEF;
}
.blog-posts{
	min-height:auto !important;
}
/*End Search*/
.ContentMain>.container
{
	padding-top: 15px;
	padding-bottom: 15px;

}

.ms-srch-item
{
	width:70%;
}

#divLogo
{
	vertical-align:middle;
}
.img-sitelogo-akuhn
{
	margin-left:60px;
}

.img-sitelogo-jcia
{
	margin-right:60px;
}

#MenuH {
    height: 40px;
}

.dropdown-toggle
{
	padding-left: 12px;
}

.FooterLinks a:visited{
	color:#fff;
}
@media (max-width: 4000px) and (min-width: 1200px)
{

}

.BottomMain{
	background:#363839;
}

.FooterMain{
	background:#333333;
	border-top:1px solid #444444;
}

.carousel-indicators
{
	display:none;
}

.Rotate .fa {
	background: #da291c;
    border: 5px solid #da291c;
}
.Rotate .fa:hover {
  background: #da291c;
  border: 5px solid #da291c;
}
.btn-rotateIcon
{
	background-color: #777;
    border-color: #777;
}
.btn-rotateIcon:visited
{
	background-color: #777;
    border-color: #777;
}
.btn-rotateIcon:hover
{
	background-color: #777;
    border-color: #777;
}


.text-align-center
{
	text-align:center;
}

/*Find Doctor Start*/
.viewProfilebtn
{
	padding-left:46px !important;
	padding-right:46px !important;
}
.bookanAppointmentbtn
{


}
.finddoctorTileBtn
{
    color: #fff !important;
    background-color: #777 !important;
    border:none !important;
    font-size:12px !important;
}
.finddoctorTileBtn:hover
{
background-color:#da291c !important;
}
.specialitysection
{
	padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-left: 8px;
}
.QualificationSection
{
	    text-align: left;
    padding: 8px;
}
.doctorName{
	font-size: 21px;
}
.DoctorHeaderInformation
{
    background: #F5F5F5;
    padding: 8px;
}
.doctorprofileDetail-icon
{
	float: right;
    font-size: 45px;
}
.btn-sm-doctorprofile{
	text-transform:capitalize !important;
}
.team-item-Custom .thumb-info
{
	overflow:visible;
}
.team-item-Custom
{

padding:0px !important;
overflow:visible;
}
.team-item-Custom .thumb-info-title{
	
 -moz-border-top-left-radius: 10px;
 -webkit-border-top-left-radius: 10px; 
  border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
 -webkit-border-top-right-radius: 10px; 
  border-top-right-radius: 10px;
}
.team-item-Custom .thumb-info
{
	
	background:none !important;
}

.doctorprofile-icon
{
	font-size:35px;
	float:right;
}
.team-item-Custom .thumb-info-title
{
	
    background: #F5F5F5;
    margin: 0px;
    color: #777;
}
.font-color-theme-red{
	
	color:#da291c !important;
}
.font-color-theme-black{
	color:#000000 !important;
}
/*Find Doctor End*/
/*Site MAP*/
.level-band
{
	background-color: #fff ;
	border-bottom: 1px dotted #e4e4e4;
	padding-bottom: 8px;
    
}
.level-band a
{
	color: #da291c;
	padding-bottom:3px;
}
.level-band a:visited
{
	color: #da291c;

}
.level-bullet
{
	background-image:none;
}
.level-header a
{
	color:#4d4d4d;
	font-weight:normal !important;
}
.level-section
{
	border-bottom: 1px dotted #e4e4e4;

}
.level-section:hover
{
	background-color:#e4e4e4;
}
/*End Site Map*/

.margin-top-2{
	margin-top:2px;
}
.findDoctorNavigationBtnPadding{
	padding: 2px 13px !important;
}
/*this class will border the picture and provide boxed look*/
.PictureBorder
{
	height: 149px;
    border: 1px solid #ddd;
    padding: 4px; 
    background-color: #fff;
}
/*Modal Popup branding Clases*/
.modal-header
{
background-color:#da291c !important;
}
.modal-title
{ 
    color :#fff !important;
    font-size:12px;
}
.close
{
    color :#fff;
    text-align:right;
    opacity:1.2 !important;
}
/*Modal Popup branding Clases End*/


input[type=submit], input[type=reset], input[type=button], button, .btn{
	padding:6px 12px !important;
	border-radius:4px !important;
	min-width:0em !important;
}

.btn:visited{
	color:#fff;
}


.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
	border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.ms-webpartzone-cell
{
	margin: auto auto 0px !important;
}



.wellCustomForBlog{
	padding:9px !important;
	background-color:rgba(185, 184, 184, 0.06) !important;
}

  
.HelperBackgroundRedAndFondWhite
{
	background-color:#da291c !important;
	color:white  !important;
}
.HelperBackgroundRedAndFondWhite a:hover
{
	color:white;

}
/*Blog Style*/
.CustomFontColor{
	color: #da291c !important;
    font-size: 18px !important;
}
.ActionBar{
    line-height: 3.5;
}
.CommentsSeperator
{
    border-top: 1px dotted #ababab !important;
    width: 90% !important;
}
.badge2{
	background-color: #da291c;
}
.CommentsBody
{
	border: 1px solid #F2F2F2;
    border-radius: 7px;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
    padding: 9px;
    box-shadow: 1px 1px 1px #ddd;
    -webkit-box-shadow: 1px 1px 1px #ddd;
    -moz-box-shadow: 1px 1px 1px #ddd;

	
}   
.CommentsBody img{
	height:110px;
} 
.blguser{
	
	font-size: 50px;
    border: 1px solid #ddd;
    padding: 17px;
    color: #f2dede;
    }
.blguser:visited{
color: #f2dede;
}
#commentsContainer{
	min-height:auto !important;
}
/*Blog Style End*/

.list-group-item.active a{
color:#fff;	
}
.list-group-item.active a:visited{
color:#fff;	
}
.list-group-item.active a:hover{
color:#fff;	
}
/*Contact Us*/
.ItemMaginTop10px{
	margin-top:10px;
}
/*End Contact Us*/
/*Admin Panel Branding*/
.AdminBox
{
    border: 1px solid;
    background: #f2f2f2;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 13px;
	border: 1px solid #e4e4e4;
	height:157px;
	box-shadow: 2px 3px 9px #9C7B7B;
	-webkit-box-shadow: 2px 3px 9px #9C7B7B;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.8);
	position: relative;
}

.AdminBox:hover
{
cursor:pointer;
	background-color: #da291c;
    color: #fff;
}
.AdminBoxAnchor:hover
{
    color: #fff;
}
.AdminBoxHeading
{
	font-size:20px;
}
.AdminBoxHeading img
{
	width: 43px;
    height: 43px;
    padding-right: 5px;
    padding-bottom: 8px;
}
.AdminPanelCategory {
	font-size:22px;
}
.AdminPanelCategory img
{
 	width:30px;
	height:30px;
	margin-right:7px;
}
/*End Admin Panel Branding*/
/*Mobile Media Query*/
@media (max-width:1199px) {

.img-sitelogo-jcia
{
	display:none;
}
.img-sitelogo-akuhn
{
	margin-left:5px;
}

.sf-sub-indicator
{
	font-size:20px;
}

}
/*Tablet Query*/
@media (min-width:768px) and (max-width:999px) {
	/*Find Doctot*/
.team-item-Custom
{
	min-height:207px;
	
}
.thumb-info-caption p{
min-height:40px;
}
/*End Find Doctor*/


}
.thumb-info{
	border-bottom: 1px dotted #e3e4e8 !important;
	    -moz-border-radius: 0px;
     -webkit-border-radius: 0px; 
     border-radius: 0px; 
}
.thumbnail
{
  -moz-border-radius: 10px;
     -webkit-border-radius: 10px; 

	    border-radius: 10px;
	border-bottom: 2px solid #e3e4e8;

}
.tooltip-inner
{
	
	color:white !important;
}
/*Full Width Query*/
@media (min-width:992px) {
    .ContactUsItem{
        min-height: 488px;
    }
    /*Find Doctot*/
.team-item-Custom
{
	min-height:207px;
}
.thumb-info-caption p{
min-height:40px;
}
/*End Find Doctor*/

}

@media (min-width:1200px) {
    .ContactUsItem{
        min-height: 432px;
    }
    /*Find Doctot*/
.team-item-Custom
{
	min-height:207px;
}
.thumb-info-caption p{
min-height:40px;
}

/*End Find Doctor*/

}

.ms-webpartzone-cell{
	margin:0px !important;
}
/*AKU Accordian Start*/
.AKUaccordion .panel.panel-default>.panel-heading{
	background-color:white;
}

.AKUaccordion .panel .panel-heading .panel-title a{
	color:#DA291C !important;
	outline:none;
}

.AKUaccordion .panel .panel-heading .panel-title a.collapsed{
	color:black !important;
	border-bottom: #E7E7E7 1px solid !important;
}

.AKUaccordion .panel .panel-heading a:hover, #accordion .panel .panel-heading a:hover *{
	color:#DA291C !important; 
}



.AKUaccordion .panel.panel-default>.panel-heading{
	background-color:white;
}

.AKUaccordion .panel .panel-heading .panel-title a{
	color:#DA291C !important;
	outline:none;
}

.AKUaccordion .panel .panel-heading .panel-title a.collapsed{
	color:black !important;
	border-bottom: #E7E7E7 1px solid !important;
}

.AKUaccordion .panel .panel-heading a:hover, #accordion1 .panel .panel-heading a:hover *{
	color:#DA291C !important; 
}
.AKUaccordion .panel .panel-heading a.collapsed:before {
    content: "\f055";
}
.AKUaccordion .panel .panel-heading a:before {
    content: "\f056";
    display: inline-block;
    font-family: fontawesome;
    font-size: 16px;
    margin-right: 5px;
}
.AKUaccordion .panel .panel-heading a {
    display: block;
    color: #fff;
    padding: 10px 15px;
}
.AKUaccordion .panel 
{
    box-shadow: none;
        border: 0;
    border-radius: 0;
}
.AKUaccordion .panel-heading
{
	padding:0px;
}
.AKUaccordion .panel-body
{
	border-top:0px;
}

/*AKU Accordian END*/
/* ##################### Accordion ###################### */

#accordion .panel.panel-default>.panel-heading{
	background-color:white;
}

#accordion .panel .panel-heading .panel-title a{
	color:#DA291C !important;
	outline:none;
}

#accordion .panel .panel-heading .panel-title a.collapsed{
	color:black !important;
	border-bottom: #E7E7E7 1px solid !important;
}

#accordion .panel .panel-heading a:hover, #accordion .panel .panel-heading a:hover *{
	color:#DA291C !important; 
}



#accordion1 .panel.panel-default>.panel-heading{
	background-color:white;
}

#accordion1 .panel .panel-heading .panel-title a{
	color:#DA291C !important;
	outline:none;
}

#accordion1 .panel .panel-heading .panel-title a.collapsed{
	color:black !important;
	border-bottom: #E7E7E7 1px solid !important;
}

#accordion1 .panel .panel-heading a:hover, #accordion1 .panel .panel-heading a:hover *{
	color:#DA291C !important; 
}
#accordion1 .panel .panel-heading a.collapsed:before {
    content: "\f055";
}
#accordion1 .panel .panel-heading a:before {
    content: "\f056";
    display: inline-block;
    font-family: fontawesome;
    font-size: 16px;
    margin-right: 5px;
}
#accordion1 .panel .panel-heading a {
    display: block;
    color: #fff;
    padding: 10px 15px;
}
#accordion1 .panel 
{
    box-shadow: none;
        border: 0;
    border-radius: 0;
}
#accordion1 .panel-heading
{
	padding:0px;
}
#accordion1 .panel-body
{
	border-top:0px;
}

/*END*/
#accordion2 .panel.panel-default>.panel-heading{
	background-color:white;
}

#accordion2 .panel .panel-heading .panel-title a{
	color:#DA291C !important;
	outline:none;
}

#accordion2 .panel .panel-heading .panel-title a.collapsed{
	color:black !important;
	border-bottom: #E7E7E7 1px solid !important;
}

#accordion2 .panel .panel-heading a:hover, #accordion2 .panel .panel-heading a:hover *{
	color:#DA291C !important; 
}
#accordion2 .panel .panel-heading a.collapsed:before {
    content: "\f055";
}
#accordion2 .panel .panel-heading a:before {
    content: "\f056";
    display: inline-block;
    font-family: fontawesome;
    font-size: 16px;
    margin-right: 5px;
}
#accordion2 .panel .panel-heading a {
    display: block;
    color: #fff;
    padding: 10px 15px;
}
#accordion2 .panel 
{
    box-shadow: none;
        border: 0;
    border-radius: 0;
}
#accordion2 .panel-heading
{
	padding:0px;
}
#accordion2 .panel-body
{
	border-top:0px;
}

/*END*/
#accordion3 .panel.panel-default>.panel-heading{
	background-color:white;
}

#accordion3 .panel .panel-heading .panel-title a{
	color:#DA291C !important;
	outline:none;
}

#accordion3 .panel .panel-heading .panel-title a.collapsed{
	color:black !important;
	border-bottom: #E7E7E7 1px solid !important;
}

#accordion3 .panel .panel-heading a:hover, #accordion3 .panel .panel-heading a:hover *{
	color:#DA291C !important; 
}
#accordion3 .panel .panel-heading a.collapsed:before {
    content: "\f055";
}
#accordion3 .panel .panel-heading a:before {
    content: "\f056";
    display: inline-block;
    font-family: fontawesome;
    font-size: 16px;
    margin-right: 5px;
}
#accordion3 .panel .panel-heading a {
    display: block;
    color: #fff;
    padding: 10px 15px;
}
#accordion3 .panel 
{
    box-shadow: none;
        border: 0;
    border-radius: 0;
}
#accordion3 .panel-heading
{
	padding:0px;
}
#accordion2 .panel-body
{
	border-top:0px;
}

#accordion .panel-body
{
	padding-left:37px !important;
	padding-top:2px !important;
	padding-bottom:2px !important;
	padding-right:2px !important;

}

#accordion1 .panel-body
{
	padding-left:37px !important;
	padding-top:2px !important;
	padding-bottom:2px !important;
	padding-right:2px !important;

}

#accordion2 .panel-body
{
	padding-left:37px !important;
	padding-top:2px !important;
	padding-bottom:2px !important;
	padding-right:2px !important;

}

#accordion3 .panel-body
{
	padding-left:37px !important;
	padding-top:2px !important;
	padding-bottom:2px !important;
	padding-right:2px !important;

}

.group-span-filestyle label{
	padding: 2px 8px !important;
}

/******Added by karim to for new header top*****************/
/* 3 .top-bar styles */

.top-barn {
	border-bottom: 2px solid #EAEAEA;
    font-size: 10pt;
    font-weight: bold;
}

.top-barn .left-text p {
	font-size: 13px;
	color: #B6B6B6;	
	margin: 0;
	line-height: 48px;
}

.top-barn .left-text p span {
	color: #383838;
}

.social-iconsn ul,
.social-iconsn ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.social-iconsn ul li:first-child a {
	/*border-left: 1px solid #EAEAEA;*/
}

.social-iconsn ul li a {
	display: inline-block;
	color: #222222;
	line-height: 35px;
	padding: 0 12px;
	transition: all .3s ease;
}

.social-iconsn ul li a:hover {
	color: #fff !important;
	background: rgba(0, 165, 228, 0.67) !important;
}
.social-iconsn ul li a i{
	color: inherit;
	transition: all 0s;
}

.social-iconsn ul li a i:hover {
	color: #fff;
}

@media (max-width:998px) {
	.social-iconsn ul li:first-child a {
		border-left: 1px solid #EAEAEA;
	}
	.social-iconsn ul li a {
		border-right: 1px solid #EAEAEA;
	}
}
/************END change for top bar****************/

/************Change for contact us by karim******************/
.maincontact
{
color:#fff !important;
}

.maincontact a:hover{	
color: black !important;	
}

/************END change for contact****************/

/************START Social Media Icons by Sajid****************/

.fa-twitter-square{
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#00acee;

}
	
.fa-twitter-square:hover{
		color:red ;
}
	
.fa-facebook-square{
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#3b5998;
	padding-left: 15px;

}
	
.fa-facebook-square:hover{
		color:red ;
}

.fa-youtube-square{
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	color:#c4302b;
	padding-left: 15px;

}
	
.fa-youtube-square:hover{
		color:red ;
}


.TopSM-icons-placment{

	float: right;
    padding-top: 15px;
    padding-right: 100px;
	
}

@media (max-width:1199px) {

.TopSM-icons-placment
	{
	display:none;
	}
}

.socialShareLinks li {
    float: left;
    margin: 2px;
}
.socialShareLinks {
    list-style: none;
}
.socialShareLinks li a {
    display: block;
    height: 30px;
    overflow: hidden;
    width: 30px;
    background-color: #eee;
    border-radius: 10px;
	color:red
}
.socialShareLinks li a:hover {
    background-color: #fff;
}
.socialShareLinks li a img{
    width: 100%;    
}

/************END change for Social Media Icons ****************/
