/*@import url(http://fonts.googleapis.com/css?family=Kreon:400,700);*/



/********* Foundation Icons Sizes*************/
.size-10 { font-size: 10px; }

.size-11 { font-size: 11px; }

.size-12 { font-size: 12px; }
 
.size-13 { font-size: 13px; }

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

.size-15 { font-size: 15px; }

.size-16 { font-size: 16px; }

.size-17 { font-size: 17px; }

.size-18 { font-size: 18px; }

.size-20 { font-size: 20px; }

.size-30 { font-size: 30px; }

.size-21 { font-size: 21px; }

.size-22 { font-size: 22px; }

.size-24 { font-size: 24px; }

.size-25 { font-size: 25px; }

.size-26 { font-size: 26px; }

.size-27 { font-size: 27px; }

.size-28 { font-size: 28px; }

.size-29 { font-size: 29px; }

.size-30 { font-size: 30px; }

.size-32 { font-size: 32px; }

.size-34 { font-size: 34px; }

.size-36 { font-size: 36px; }

.size-40 { font-size: 40px; }

.size-44 { font-size: 44px; }

.size-48 { font-size: 48px; }

.size-55 { font-size: 55px; }

.size-60 { font-size: 60px; }

.size-72 { font-size: 72px; }

.nobold {font-weight:500; }

.makebold {font-weight:bold; }
/*******************************************************/

.pad-3 { padding: 3px; }
.redtext{ color:#f00; }
.yellowtext{ color:#ff0; }
.whitetext{ color:#fff; }
.bluetext{ color:#00f; }
.redalerttext{ color:#AF4442; }
.padright{ padding-right:30px;}
.males-colour{ color:#5680A9; }
.darksuccessgreen{ color:#038812; }

.AlertTheme{
	background-color:#F4C2CE;
	color:#71132A;
	font-size:1.1em;
	text-align:center;
	padding:5px; 
	font-weight:bold;
	margin-bottom:10px;
}

.SuccessTheme{
	background-color:#D4EDDA;
	color:#346F41;
	font-size:1.1em;
	text-align:center;
	padding:5px; 
	font-weight:bold;
	margin-bottom:10px;
}


div.blockMsg {
    width:  40%;
    top:    30%;
    left:   30%;
    text-align: center;
    background-color: #057458;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:1;
	text-align:center;
	font-size:20px;
	font-weight:bold;
    opacity:1;
    padding: 15px;
    color: #fff;
}

.btn-yellow {
  background: #55574500; /*rgb(250, 255, 140);*/
  color: rgb(250, 255, 140); /*#574500;*/
  border: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn-yellow:hover, .btn-yellow:focus {
  background: rgb(252, 255, 179);
}
.btn-yellow:active {
  background: rgb(247, 255, 71);
}


/************** Tab ****************************/

.nav-tabs { border-bottom: 2px solid #DDD; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }

.nav-tabs > li > a { border: none; color: #ffffff;background: #5680A9; }

.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #5680A9 !important; background: #fff; }

.nav-tabs > li > a::after {
	content: ""; 
	background: #5680A9; 
	height: 2px; 
	position: absolute; 
	width: 100%; 
	left: 0px; 
	bottom: -1px; 
	transition: all 250ms ease 0s; 
	transform: scale(0); 
}

.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }

.tab-nav > li > a::after { background: ##5680A9 none repeat scroll 0% 0%; color: #fff; }

.tab-pane { padding: 15px 0; }

.tab-content{padding:20px}

.nav-tabs > li  {width:20%; text-align:center;}

.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }

@media all and (max-width:724px){
	.nav-tabs > li > a > span {display:none;}	
	.nav-tabs > li > a {padding: 5px 5px;}
}