/* =============================================
Search Tabs
============================================= */

#search-tabs { margin:20px 0; }

.tabs .tab-header li, .tabs .tab-content { background: #f6f6f6;  }


.tab-header, .tabs .tab-content { float: left; width: 100%; }
.tab-header li { float: left; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; padding-bottom:0; }
.tab-header li a { float: left; width: 100%; color: #838383; text-align: center; padding:10px 20px; }
.tab-header .active a { color: #2c85c7; }


.tabs .tab-header .active, .tabs .tab-content .active { background: #eeeeee; }
.tabs .tab-content li { padding:30px; }
.tabs .tab-content .result { float: left; width: 100%; margin:10px 0; border-radius:8px; overflow: hidden; }
.tabs .tab-content .result a { background: #FFF; float: left; width:100%; }

.tabs .tab-content .result a .ward-image { float: left; width:100%; position: relative; overflow: hidden; }
.tabs .tab-content .result a .ward-image .availability { width:60%; position: absolute; background: #62ba56; bottom:0; left:0; padding:10px; border-top-left-radius: 10px; border-top-right-radius: 10px;  border-bottom-right-radius: 10px; }
.tabs .tab-content .result a .ward-image .availability:before { 
	/*width: 0; 
	content: ''; 
	height: 0;    
	border-top: 50px solid transparent; 
	border-left: 39px solid #62ba56; 
	border-bottom: 49px solid transparent; 
	position: absolute; 
	right: -38px;  
	top: 8px;*/
	content: url( ../images/arrow-end-green.png);
    height: 0;
    position: absolute;
    right: -28px;
    top: 0px;
}
.tabs .tab-content .result a .result-content { padding:20px; float: left; width: 100%; position: relative; }
.tabs .tab-content .result a:hover .ward-image img { opacity: 0.5; }


.availability p {color: #fff; font-family: din_next; font-weight: bold; }
.availability i {color: #36782e; font-size: 26px;}
.amount { font-size: 26px; margin:0; padding: 0; }
.availability .now {font-family: 'Source Sans Pro', sans-serif; font-size: 15px; margin:0 0 10px 0; padding: 0;}

.tabs .filter { float: left; width: 100%; background: #FFF; border-radius: 8px; margin-bottom:20px; padding:20px; }
.tabs .filter h3 { font-size: 22px; border-bottom:1px solid #d9d9d9; padding-bottom: 3px; margin:10px 0; }
.filter h2 {border:none; position: relative; margin-bottom: 28px;}
.filter h2:before{position: absolute; bottom: 0px; left: 0px; height: 3px; width: 80px; background: #2c85c6; content: '';}

.filter form p  {font-family: 'Source Sans Pro', sans-serif; font-size: 15px;     padding: 5px 0;}
.filter form input {margin-right: 8px;}
.filter form select  {padding: 15px; float: left; width: 100%; background: #FFF; color:#404040; font-size: 12px; margin:5px 0; border:1px solid #eeeeee; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 8px;}
.filter form select {border-radius:10px; background-image: url("../images/dropdown.jpg"); background-repeat: no-repeat;
    background-position: 95%; background-size:12px 9px, 12px 12px; }

.filter-button { padding: 10px 0; width: 100%; display: block; float: left; margin:20px 0;  border-top: solid 1px #d9d9d9; border-bottom:1px solid #d9d9d9;  }
.filter-button input {margin: 0;font-family: din_next;}
.filter-button input { cursor: pointer; width:160px; margin-top: 0; font-family: din_next; background:#2c85c6 url("../images/white-arrow-right.png") no-repeat; background-position: 10%; background-size: 8px; color: #fff;  }
.filter-button input:hover { background:#05538c url("../images/white-arrow-right.png") no-repeat; background-position: 10%; background-size: 8px;  }


.tabs .services-links { background: #FFF; float: left; width: 100%; border-radius: 8px; margin-bottom:20px; padding:20px; }

.tabs .services-links h2 {position: relative; border:none;}
.tabs .services-links  h2:before{position: absolute; bottom: 0px; left: 0px; height: 3px; width: 80px; background: content: '';}

.female-ward, .male-ward {margin: 0 5px; font-size: 14px; color: #fff; width: 28px; height: 28px; border-radius: 30px; display: inline-block; text-align: center; line-height: 29px;}


.female-ward {background: #f05872;}
.male-ward {background: #2c85c6;}

body .tab-content .result-content ul li { font-family: 'Source Sans Pro', sans-serif; display: block!important; clear: both; padding: 0; font-size: 13px; line-height: 28px;}

.result-content .button { margin: 10px 0 0 0; }
.result-content ul li i {color: #2c85c6;} 
.result-content h3 {border:none; position: relative;}
.result-content h3:before {position: absolute; bottom: 0px; left: 0px; height: 3px; width: 80px; background: #2c85c6; content: '';}





/* =============================================
Workbridge
============================================= */

.tab-ico {float: left; width: 31px; height: auto; margin-right: 10px;     margin-top: -4px;}

.workbridge-site .tab-header li a  {padding:14px 30px; font-size: 18px; min-height: 55px; text-align: left;}

.workbridge-site .tab-header li { width: 100%; border-radius: 0px; } 

@media only screen and (min-width: 900px) {


.workbridge-site .tab-header li a { text-align: center; }


.workbridge-site .tab-header .one {border-top-left-radius: 8px;}

.workbridge-site .tab-header li.two {border-radius: 0px; border-right:solid 1px #dadada; border-left:solid 1px #dadada;}
.workbridge-site .tab-header li.three {border-top-left-radius: 0px; border-top-right-radius: 8px; }

.workbridge-site .tab-header li.four {border-top-left-radius: 8px; border-top-right-radius: 8px; }

.workbridge-site .tab-header li { width: auto!important; }


}

/* =======================================
 @ 600
======================================= */
@media only screen and (min-width: 600px) {


.tab-header li { width: auto; }

.tabs .tab-content .result a .ward-image { width: 36%; }
.tabs .tab-content .result a .ward-image img { min-width: 320px; }
.tabs .tab-content .result a .result-content { width: 64%; }

.availability .now { font-size: 14px; }

.tabs .services-links a { overflow: hidden; }
.tabs .services-links .text-content .call-title { font-size: 25px; padding-top: 31px; }
/*.tabs .services-links .text-content p { padding-left: 63px;  }*/
.tabs .services-links .service-buttons a .text-content:before { left: -12px; }
.tabs .services-links .service-buttons a .text-content:after { left: -12px; }

/*.tabs .tab-content .result a .ward-image .availability:before { 
	border-top: 64px solid transparent;
    border-left: 39px solid #62ba56;
    border-bottom: 57px solid transparent;
 }*/

}

/* =======================================
 @ 771
======================================= */
@media only screen and (min-width: 771px) {

.tabs .services-links a { overflow: hidden; }
.tabs .services-links .text-content .call-title { font-size: 23px; padding-top: 22px; }
/*.tabs .services-links .text-content p { padding-left: 110px;  }*/
.tabs .services-links .service-buttons a .text-content:before { left: 10px; }
.tabs .services-links .service-buttons a .text-content:after { left: 10px; }



}



/* =======================================
 @ 800
======================================= */
@media only screen and (max-width: 1020px) {


.tab-content .col/*, .tab-content .service-buttons a*/ {width:100%;}

}




/* =======================================
 @ 900
======================================= */
@media only screen and (min-width: 900px) {
.tabs .services-links .service-buttons a .text-content:before { left: 30px; }
.tabs .services-links .service-buttons a .text-content:after { left: 30px; }
.tabs .services-links .chevron { width: 67%; }
}



/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {

.tabs .tab-content .result a .ward-image img { min-width: 290px; }
.tabs .services-links .service-buttons a { float: left; width: 50%; }
.tabs .services-links .service-buttons a img { max-width: 190px; }

}


/* =======================================
 @ 1020
======================================= */
@media only screen and (min-width: 1020px) {

.tabs .services-links a { overflow: hidden; }
.tabs .services-links .text-content .call-title { font-size: 23px; }
/*.tabs .services-links .text-content p { padding-left: 90px;  }*/
.tabs .services-links .chevron { width: 56%; }
.tabs .services-links .service-buttons a { float: left; width: 100%; }
.tabs .services-links .service-buttons a img { max-width: 190px; }
.tabs .services-links .service-buttons a .text-content:before { left: 10px; }
.tabs .services-links .service-buttons a .text-content:after { left: 10px; }

}





/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {

.tabs .tab-content .result a .ward-image img { min-width: auto; }

.tabs .services-links a { overflow: hidden; }
.tabs .services-links .text-content .call-title { font-size: 24px; padding-top: 25px; }
/*.tabs .services-links .text-content p { padding-left: 110px;  }*/
.tabs .services-links .service-buttons a .text-content:before { left: 30px; }
.tabs .services-links .service-buttons a .text-content:after { left: 30px; }

}








/*NE JH - Green arrow fix*/
#search-tabs .ward-image .availability{
	/*position: relative;*/
}

#search-tabs .ward-image .availability:before{
	content: unset;
}

#search-tabs .ward-image .availability .arrow{
	min-width: unset;
	opacity: 1 !important;
	position: absolute;
	height: 100%;
	width: 38px;
	top: 0;
	right: -30px;
}