/* This file is /templates/jd_medical/css/custom.css */ 

/* 
Colors - Hady		: (1-Green: #8dc63e), (2-Blue: #35aef0), (Dark Blue: #4090ff), (3-Grey: #6d6e72)
Colors - jd_medical : (Major1: #2f507d), (Major2: #057bdf), (Major3: #0fb8bf)
*/ 

/* Bilal: Customisations suggested by the OSM developer and by me */ 

/* for purity_iii - Bilal Template */ 
/* 
.osm-plan-price {
    background: #ff8800;
}

.btn.btn-primary {
    background-color: #ff8800;
	background-image: linear-gradient(to bottom,#ffcc00,#ff8800);
    border-color: #ff8800 #ff8800 #ffcc00;
}
*/ 

/* body 
, p 
, ul {
	color: #000000;
	font-family: Tahoma,Arial,Nazli,KacstOne,"DejaVu Sans"; 
} */

.osm-container h1, .osm-container h2 {
    clear: both;
}

/* To hide empty panel, when No "Component", e.g. Plans List" is used - Select #sp-main-body, which is preceded by #sp-main-body-non-component */ 
#sp-main-body-non-component ~ #sp-main-body {
    padding: 0;
    background: inherit; 
} 

#sp-row-1 ~ #sp-main-body {
    padding: 0;
    background: inherit; 
} 

#sp-row-2 ~ #sp-main-body {
    padding: 0;
    background: inherit; 
} 

.osm-item-description.clearfix .row {
	margin: 0;
}

.form-horizontal .form-group.osm-terms-and-conditins-container {
	margin-left: 0;
}

/* was: 160px; */
@media only screen and (min-width: 40.063em) {	
	.form-horizontal .form-group .control-label {
		width: 17rem;  
	}
}

@media only screen and (max-width: 40em) {	
	/* Label (Sex) */ 
	#field_osm_Sex .control-label {	
		width: auto;
	}
	
	/* Button (Process Subscription) */ 
	.osm-container .form-horizontal .form-actions {
		padding-left: 0;
	}
}

/* Femal/Male radio button */ 
/* .required {
    padding-left: initial;
} */


/* AFLContact Form - Message textarea */ 
textarea {
	height: auto;
}

@media only screen and (max-width: 40em) {
	.contact-form .form-horizontal .control-group .controls {
		margin-left: initial;
	}
}

/* Membership Pro input elements */ 
.controls input
,.form-group input
,.filter-search input
 {
	height: auto;
}

.input-group-addon, .input-group-btn {
    width: initial;
    /* vertical-align: initial; */
}

input[type="text"] {
    display: initial;
}

ul.nav.clearfix {
    display: inline-block;
	margin-right: 10px; 
}

.input-group-addon {
    background-color: initial;
    border: none;
}

/* How it Works - Thumbnails */ 
.thumbnail {
	border: initial; 
}

/* How it Works - Green */ 
.color-major-2 a
, .color-major-2 {
	color: #8dc63e; 
}

.color-major-2 a {
	text-decoration: underline;
}

.color-major-2 a:hover
,.color-major-2 a:focus 
,.color-major-2 a:active {
	color: #000000;
}

/* Blue */ 
.color-major-1 a
, .color-major-1 {
	color: #35aef0;
}

/* How it Works */ 
.no-margin {
	margin: 0; 
}

/* Home - list */ 
.sp-module .article_anywhere ul {
	list-style-type: disc;
	padding: 0 2em; 
    margin-bottom: 0.5em;
} 

.sp-module .article_anywhere ul >li {
    border-bottom: initial; 
	display: list-item !important;
} 
	
/* [class^="icon-"], [class*=" icon-"],  */
/* .glyphicon {
    background-image: url('glyphicons-halflings.png');
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .25em;
    line-height: 14px;
} */

/* background-image: url('glyphicons-halflings.png'); */ 
/* [class^="icon-"], [class*=" icon-"] {
    background-image: url('../../../img/glyphicons-halflings.png');
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .25em;
    line-height: 14px;
} */ 

/* background-image: url(../../../media/jui/img/glyphicons-halflings.png); */
/* [class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url('../../../img/glyphicons-halflings.png');
    background-position: 14px 14px;
    background-repeat: no-repeat;
} */ 

/* Bilal: Customisations suggested by the OSM developer (?) */ 
div#osm-plans-list-columns div.row.osm-pricing-table .osm-plan {
    margin-bottom: 30px;
	margin-right: 30px;
}

#adminForm #plan_id_chzn {
  width: auto !important;
}

.osm-container .nav 
, #osm_Sex .nav {
    margin-bottom: 0;
}

/* Images/Thumbnails for each Plan on the list of plans page  */ 
.osm-container img.osm-thumb-left {
    margin: 0 35px 0 0 !important; /* was: 0 25px 0 0*/ 
}

.osm-description-details ol
,.osm-description-details ul {
    margin-top: 2em;
}

/* ************** from here *************/ 
#sp-user3 
,#sp-user4 {
	padding-left: 0;
	padding-right: 0;
	color: #ffffff;
} 

.article_anywhere {
	padding: 2em;
} 

/* Position: User3 */ 
#sp-user3 {
	background-color: #8dc63e;
}

/* Position: User4 - Grey */ 
#sp-user4 {
	background-color: #6d6e72;
}

#sp-user4 ul {
	color: #ffffff;
}

.bg-color-major-1 {
	background-color: #35aef0;
}

.bg-color-major-2 .sp-module ul >li 
,.bg-color-major-3 .sp-module ul >li {
    border-bottom: initial; 
    -webkit-transition: initial; 
    transition: initial; 
}

/* PayPal image */ 
.osm-container img.osm-payment-method-icon {
    float: initial !important;
	margin-top: -1em;
}

/* ************** from here *************/ 

/* Module "How it Works - Introduction" */ 
@media only screen and (max-width: 766px) {	
	.grey-bg {
		padding: 10px 10px; 		
	} 
}

@media only screen and (min-width: 767px) {	
/* @media only screen and (min-width: 40.063em) {	 */

	/* columns: user1, user3 - which are used on About-Us Page */ 
	.col-left-175 {
		padding: 0 0 0 175px;
	}

	/* columns: user2, user4 - which are used on About-Us Page */ 
	.col-righ-175 {
		padding: 0 155px 0 0;
	}
	
	/* Module "How it Works - Introduction" */ 
	.grey-bg {
		padding: 25px 175px 25px 175px; 		
	} 
	
	/* Module "How it Works - Custom HTML " */ 
	.col-left-right-175 {
		padding: 0 175px 0 175px; 
	} 	
}

@media only screen and (max-width: 1400px) {	
	/* columns: user1, user3 - which are used on About-Us Page */ 
	.col-left-175 {
		padding: 0 0 0 10px;
	}

	/* columns: user2, user4 - which are used on About-Us Page */ 
	.col-righ-175 {
		padding: 0 10px 0 0;
	}	
}	

/* Module "How it Works - Introduction" */ 
.grey-bg {
	color: #ffffff; 
	background-color: #6d6e72; /* Grey */ 
	/* text-align: center; */	
} 

/* Module "How it Works - Introduction" - Header */ 
.grey-bg h1, 
.grey-bg h2 {
	color: #8dc63e; /* Green */ 
} 

/* Plans Page: (Sign Up) Button */ 
/* .full-width {
	background-color: #ffffff;
} */

/* Green */ 
.sppb-btn-success {
	background-color: #8dc63e; 
	border-color: inherit; 
} 

/* blue */ 
/* .desc-panel-1 {
	padding: 20px 30px;
	color: #ffffff; 
	background-color: #35aef0; 
} */

/* .desc-panel-2 .label-2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.5em;
} */

/* blue */ 
/* .desc-panel-2 .price-2 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	font-size: 3em;
	color: #35aef0; 
} */

/* Plans Page: (Join) Button */ 
.desc-panel-2 ul.buttons-list {
	margin: 1em 0 0 0;
}

/* Plans Page - 1st panel */ 
/* .grey2-bg {
	background-color: #dedede; 
	padding-top: 1.5em; 
} */

/* Plans Page */ 
/* @media (min-width: 1200px) {
	#sp-main-body .container {
		width: 100%;
		padding-left: 0; 
		padding-right: 0; 
	}
} */

/* Plans Page */ 
/* .view-plans #sp-main-body .container {
	background-color: #ffffff; 
}

@media (min-width: 1200px) {
	.view-plans #sp-main-body .container
	{
		width: 100%;
		padding-left: 0; 
		padding-right: 0; 
	}
} 

@media only screen and (max-width: 414px) {	
	h4.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
		font-size: 12px; 
	}
	
	h1 {
		font-size: 30px; 
	}
	
	h2 {
		font-size: 24px; 
	}
}

#sp-main-body  {
	padding: 0;
}

#osm-plans-list-columns {
	padding-top: 0;
}

#myTabContent {
	margin-bottom: 2em;
}


#login_form {
	margin: 20px auto;
} */

/* ****************** Plans Page - Tabs ****************** */
.buttons-list li {
    list-style: none;
}

.tab-content {
	margin-top: 1em;
}

/* .nav-pills>li>a span.bg-grey {
    color: #fff;
    background-color: #999;	
} */

.nav>li>a>img {
    max-width: 100%;
}

.nav-pills>li>a {
    color: #35aef0;
    background-color: #eee;	
}

  .nav-pills>li>a:focus
, .nav-pills>li>a:hover {
    color: #fff;
    background-color: #35aef0;	
}

  .nav-pills>li.active>a 
, .nav-pills>li.active>a:focus 
, .nav-pills>li.active>a:hover {
  color: #fff;
    background-color: #337ab7;	
}

.osm-container img {
    margin-top: 1em;
	margin-bottom: 1em; 
}

.margin-top-10 {
	margin-top: 10px;
}

/* *********** Dentists Page ********** */ 
.article_anywhere .dl-horizontal dt {
    margin: 1px 0;
}

.article_anywhere ol>li>strong {
    color: #8dc63e;
}

.article_anywhere .dl-horizontal dd a {
    text-decoration: underline;
}

.article_anywhere ol { counter-reset: item; }
.article_anywhere ol li { display: block; }
.article_anywhere ol li:before {
     content: counter(item) ". ";
     counter-increment: item;
     color: #8dc63e;
	 font-weight: 700;
 }


/* ****************** ****************** */
/* #sp-main-body .osm-container {
	padding: 20px 20px;
}
 */
 
/* #sp-row-1 ~ #sp-main-body {
    padding: 0;
    background: inherit; 
} 

#sp-row-2 ~ #sp-main-body {
    padding: 0;
    background: inherit; 
}  */

/* #myTabs li  */
/* Safari */
/* .nav-tabs {
   -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
} */
 
/* #tab-1 {
   -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
} */
 
 /* Safari */
/* #myTabs li:active 
, #myTabs li:hover 
, #myTabs li::selection
, #myTabs li:visited {
   -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
 */