@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700|Open+Sans:400,300,600,800,700);



body {
	font-family: "Roboto";
	line-height:30px;
}

h1, h2, h3, h4, h5, h6, span {
	font-family: "Open Sans";
    font-weight:300;
    line-height:40px;

}


ul, li {
	list-style: none;
	padding: 0;
}

span {
}

.marginheader {
    margin: 0 0 50px 0;
}

.centerheader {
    text-align: center;
}

.marginli {
    margin-top:15px;
}

.page {
    margin: 50px 0;
}

.smallicons {
    margin-right:12px;
}

.largeicons {
    font-size: 2.5em;
}

a:hover {
    text-decoration: none;
}

p {
    color:#777;
}

.members {
    background-color:#EFEFEF; 
    padding: 0 50px 50px 50px;
    margin:0;
}

.members td {
    padding: 10px 0 10px 0;
}

.logo {
    margin-top:11px;
}


.h1-border {
    border-bottom:solid 2px;
    width:20px;
    color:#ccc;
}

.xs-icons {
    width:30px;
    margin:0 15px 0 0;
    padding:0;
}



.caret {
    margin-left:7px;
}

.margin-seperator {
    margin-top:80px;
}


/** Index-2--**/


.dropdown-toggle {
    border-radius: 0;
}
.data-dropdown {
    border-radius: 0;

}

.data-switch  {
    -webkit-appearance: none;
	border-radius: 0;
    border:0;
	outline: none;
  	-webkit-box-shadow: 17px 25px 95px -39px rgba(0,0,0,0.55);
-moz-box-shadow: 17px 25px 95px -39px rgba(0,0,0,0.55);
box-shadow: 17px 25px 95px -39px rgba(0,0,0,0.55);
    font-size:24px;
    background:#EFEFEF;
    width:95%;
}

.data-switch> li> a:hover   {
    background:none;
    color:#666;
}

.dropdown  {
    text-decoration:none;
}


.dropdown a:focus {
    text-decoration:none;
}



/** Grid--**/


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
     padding: 8px;
    line-height: 1.9;
    /* vertical-align: top; */
    border-top: 2px solid #ddd;
    font-size:16px;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    padding-top:15px;
    padding-bottom:15px;
}



.result-ok {
     color:#71BE49;
     font-weight:500;
}

.result-bad {
     color:#ED3229;
     font-weight:500;
}

.result-orange {
     color:#FAB03B;
     font-weight:500;
}

.result-blue {
     color:#0099D8;
     font-weight:500;
}

.date-bad {
      color:#ED3229;
      font-size:12px;
      font-weight:500;
}

.date-good {
     color:#71BE49;
     font-size:12px;
     font-weight:500;
}

.date-orange {
     color:#FAB03B;
     font-size:12px;
     font-weight:500;
}

/** Header--topheader--**/

#navbar-top {
	background:none;
	border: none;
	border-radius: 0;
	margin-top: 20px;
}

#navbar-top a {
	padding-right:0;
	-o-transition:.5s;
  	-ms-transition:.5s;
 	-moz-transition:.5s;
 	-webkit-transition:.5s;
 	transition:.5s;
    font-size: 12px;
}

#navbar-top a:hover {
	color:#333;
}

.navbar-collapse {
	border: none;
	border-radius: 0;
}




/** Header --main Nav-- **/



#navmain {
	background-color:#0066A7;	
	border: none;
	border-radius: 0;
    font-size: 12px;
}

#navmain li a {
	color:#FFF;	
	-o-transition:.5s;
  	-ms-transition:.5s;
 	-moz-transition:.5s;
 	-webkit-transition:.5s;
 	transition:.5s;
}

#navmain li a:hover {
	background-color:#03537F;
}

#navsecondary {
    border: 0;
}



/******************** nav drop downs SORT NESTING- ********************/


.nav-dropdown{
    background-color:#03537F;
    border-radius:0;
    padding-top:0;
    padding-bottom:0;
}


.nav-dropdown a{
	padding:12px 30px 12px 30px !important;	
}

.nav-dropdown p{
	padding:12px 30px 12px 30px;
    color:#00a4ff;
}

.nav-dropdown a:hover{
	background-color:#0066A7 !important;	
}

.nav-dropdown-2{
    padding-bottom:20px;
    width:500px;
}
.nav-bar-2-left {
    float:left;
    width:50%;
}


.mega-dropdown-menu {
    margin-top:110px;
    border-radius:0;
    padding:30px 0 30px 0;
    background: #f9f9f9;
}

.paramater {
    margin: 20px 0 20px 0;
}


/******************** nav drop downs SORT NESTING- ********************/


.notifications {
    padding: 20px;
    width: 400px;
    border-radius: 0;

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color:#03537F;
}


#alerts-messages {
    margin-right:0;
}

#alerts-messages a:hover, #alerts-messages a:focus, #alerts-messages a:active, #alerts-messages a:visited{
    background-color:#E3E5E5 !important;
}




/** login page & bg-image **/

#bg-image {
    background: url('../images/home-image.jpg')no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login {
	background-color:#0099D8;
	padding: 50px;	
}

.login h2 {
	color:#FFF;	
	margin:0 0 40px 0;
}
 
.login ul {
    list-style-type:none;
    margin-top: 50px;

}

.login ul li {
    display:inline;
    margin-right:30px; 
}

.login a {
    text-decoration:none; 
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-top:7px;
    border-radius:0;
}


.login-about {
	padding: 50px 100px 0 0;	
}

.login-about h2 {
	color:#FFF;	
	margin:0 0 70px 0;
}


.login-about p {
	color:#FFF;	
}

input {
	margin:20px 0 20px 0;	
}

.form-control, #signin-button   {
	border: none;
	border-radius: 0;
}

#signin-button {
	padding-right:0;
	-o-transition:.5s;
  	-ms-transition:.5s;
 	-moz-transition:.5s;
 	-webkit-transition:.5s;
 	transition:.5s;
	background:none;
	border:solid 1px #FFFFFF;
	font-weight:300;
}

#signin-button:hover {
	border-color:#00c0e0;
    color:#03dbf2;
}


/** lightbox-- **/


.submit-button {
    border-radius: 0;
}


/** maincontent-- **/

.faqs {
    padding:10px;
    border: solid 1px #0066A7;
    width:100px;
    background:none;
    color:#0066A7;
    margin-top:5px;
}


.help-center li{
    font-size: 1.5em;
    line-height: 2.5em;
}


.help-center span{
    margin-right: 55px;
    line-height: 2em;

}

.help-center p{
    font-size: 14px;
    line-height: 1.3em;
    margin-top:15px;

}

.help-center-right {
    border-left: solid 1px #ccc ;
    
    
}

.help-center-right li{
    margin-bottom: 40px;
    margin-left: 20px;
}



.therapy {
	text-align: center;
}

.therapy h3{
	margin: 25px 0 25px 0;
}

.therapy h4{
	margin: 25px 0 25px 0;
}

img.icon  {
	display: block;
	width: 100px;
	margin: 0 auto;

}

img.icon-large  {
	display: block;
	width: 125px;
	margin: 0 auto;
}


img.icon-left  {
	display: block;
	width: 100px;

}

img.icon-consultant  {
	display: block;
	width: 100px;

}

.icon {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.icon:hover {
      opacity: 0.6;
}	





/**  --Tables-- **/

.well {
	-webkit-appearance: none;
	border-radius: 0;
	outline: none;
  	-webkit-box-shadow: none !important;
 	-moz-box-shadow: none !important;
 	box-shadow: none !important;
  	background-color: #F9F9F9;
    
}

#wellred {
	border-top: solid #EC342A 3px !important;
	border: 0px;
}

#wellamber {
	border-top: solid #BE1D7C 3px !important;
	border: 0px;
}

#wellamber-2 {
	border-top: solid #F59120 3px !important;
	border: 0px;
}

#wellmessages{
	border-top: solid #0099D8 3px !important;
	border: 0px;
}

td, th {
	font-size: 16px;	
}

#detailsdropdown {
  	background-color: #F9F9F9;
}

#detailsdropdown a {
    color:#333;
}

#tabletabs li{
    font-size: 18px;
    display:inline;
    margin-left: 18px;
}
 
#tabletabs a:hover{
    text-decoration: none;
}




/**  --big Search-- **/


#custom-search-input-big {
        margin:17px 0 0 0 ;
        padding: 0;
}
 
    #custom-search-input-big .search-query {
        height: 70px;
        background-color:#fff;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        font-size: 26px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin-top:10px;

    }
 
    #custom-search-input-big button {
        border: 0;
        background: none;
        /** belows styles are working good */
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        color:#FAB03B;
        font-size: 55px;
        margin:0 10px 0 40px;
        
    }


  #custom-search-input-big span:hover {
       color:#FAB03B;
    }

#custom-search-input-big input::-webkit-input-placeholder {
        font-weight: 300;
       -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        color:#ccc;
}



.patient-action {
        text-align:center;
        width: 100%;
        background-color:#0066A7;
        padding: 20px;
}

a .patient-action {
        color: #fff;
}

.patient-action:hover {
        background-color:#03537F;
        text-decoration:none;
}


/**  --Small Search-- **/


#menu-search {
    width:500px;
    margin-left:15px;
    margin-top:10px;
}



#new-patient-search {
    margin:17px 0 0 0;
    
}


#custom-search-input {
        margin: 0 0 0 0 ;
        padding: 0;
    }
 
    #custom-search-input .search-query {

        background-color:#fff;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        font-size: 18px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin-top:0;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        color:#71BE49;
        font-size: 25px;
        padding:0 10px 0 30px;
    }

#custom-search-input input::-webkit-input-placeholder {
        font-weight: 300;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
}




/** specialists **/



.contact-methods li{
    text-align:center;
}

.contact-methods span{

}

.rating span {
    color:#F59120;
}

.submit {
        text-align:center;
        background-color:#0066A7;
        padding: 20px;
        color: #FFF;
    
}

.submit:hover {
        background-color:#03537F;
        text-decoration:none;
}

.glyphicon-ok { 
    color:#6ABC45;
}
    
.glyphicon-remove {
        color: #EC342A;
    
}


/** Form **/


.radio-buttons {
    text-align:center;
}

.radio-buttons img{
   margin:0 auto;
}


.form-control {
        background-color:#EFEFEF;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
}

.form-buttons h4{
        margin: 50px 0 0 50px;
        padding: 20px;
        color:#FFF;
}

.advice-dropdown button {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        border:none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background-color:#EFEFEF;
    
}

.advice-dropdown ul {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        border:none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background-color:#d4d4d4;
        font-size:1.5em;
}


/**  --Lightbox-- **/




.modal-dialog {
    
    width:600px;
}







/**  --Footer-- **/



footer {
	padding-top: 34px;
    padding-bottom: 34px;
    background-color: #404041;
}

.footericons {
    margin-right:5px;
}

footer h5 {
	font-weight:600;
    color:#222;
}

footer ul  {
	list-style: none;
	padding: 0;
}

footer a {
	color:#999;	
	font-size: 12px;
}

footer p {
	color:#999;	
	font-size: 12px;
}

footer  a:hover {
	color:#CCC;	
	text-decoration: none;
}

.footer-second {
	background-color:#222;
}




.loginOP {
	background-color:#e9eae8;
	padding: 50px;	
}

.loginOP h2 {
	color:#FFF;	
	margin:0 0 40px 0;
}
 
.loginOP ul {
    list-style-type:none;
    margin-top: 50px;

}

.loginOP ul li {
    display:inline;
    margin-right:30px; 
}

.loginOP a {
    text-decoration:none; 
}


.loginOP-about {
	padding: 50px 100px 0 0;	
}

.loginOP-about h2 {
	color:#FFF;	
	margin:0 0 70px 0;
}


.login-about p {
	color:#FFF;	
}

.form-controlOP {
        background-color:#fff;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
	border-radius: 0;
}