/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
/* bootstrap 3 row has a -15px then the col adds back 15px, this forces the width wider thean screen on IOS and makes it 'wobble' */
.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
/* add a futher wrapper around the whole gae to allow centring  then at 1420 link the sidebar to the page div  */
#center-page {
    max-width: 1420px;
    margin: auto;
}
.megags {
    width: 98% !important;
    top: auto !important;
}
@media (min-width: 1420px)  {
.side-header #header {
	position: absolute !important;
    left: -220px !important;
}
    }
@media (min-width: 1200px)  {
.wrapperwide {
	width: 95% !important;
    max-width: 1600px !important;
}
    }
/* hack the lower menu item to allign upward */
@media (min-width: 992px) {
    .liftup160 {
        top: -190px !important;
    }
    .liftup240 {
        top: -240px !important;
    }
    .liftup292 {
        top: -292px !important;
    }
    .liftup60 {
        top: -60px !important;
    }
    .liftup80 {
        top: -80px !important;
    }
    .liftup100 {
        top: -100px !important;
    }
    .liftup120 {
        top: -120px !important;
    }
    .liftup140 {
        top: -140px !important;
    }
    .liftup160 {
        top: -160px !important;
    }
    .liftup180 {
        top: -180px !important;
    }
}
/* reduces the size of the top links to 30px */
#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {
	height: 30px !important;
	line-height: 30px !important;
}

#top-bar .top-links li,
#top-bar .top-links li > a,
#top-bar .top-links ul,
#top-bar {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 10px !important;
}

#top-bar {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 10px !important;
}
.i-xlarge,
.icon-xl,
#primary-menu-trigger,
#page-submenu-trigger {
	font-size: 30px !important;
}
/* helper classes */

.inline {
    display: inline-block;
}
.notout {
    position : absolute;
    left: 0:
}
.inline {
    display: inline-block;
}

/* paddings and margins */
.pad-all-0 {
    padding: 0px !important;
}
.pad-all-5 {
    padding: 5px !important;
}
.pad-all-10 {
    padding: 10px !important;
}
.pad-all-15 {
    padding: 15px !important;
}
.pad-all-20 {
    padding: 20px !important;
}
.pad-all-25 {
    padding: 25px !important;
}
.pad-all-30 {
    padding: 30px !important;
}
.pad-top-0 {
    padding-top: 0px !important;
}
.pad-top-5 {
    padding-top: 5px !important;
}
.pad-top-10 {
    padding-top: 10px !important;
}
.pad-top-15 {
    padding-top: 15px !important;
}
.pad-top-20 {
    padding-top: 20px !important;
}
.pad-top-25 {
    padding-top: 25px !important;
}
.pad-top-30 {
    padding-top: 30px !important;
}
.pad-top-40 {
    padding-top: 40px !important;
}
.mar-bot-130 {
    margin-bottom: 130px !important;
}
.mar-bot-70 {
    margin-bottom: 80px !important;
}
.pad-bot-0 {
    padding-bottom: 0px !important;
}
.pad-bot-5 {
    padding-bottom: 5px !important;
}
.pad-bot-10 {
    padding-bottom: 10px !important;
}
.pad-bot-15 {
    padding-bottom: 15px !important;
}
.pad-bot-20 {
    padding-bottom: 20px !important;
}
.pad-bot-25 {
    padding-bottom: 25px !important;
}
.pad-bot-30 {
    padding-bottom: 30px !important;
}
.pad-left-0 {
    padding-left: 0px !important;
}
.pad-left-5 {
    padding-left: 5px !important;
}
.pad-left-10 {
    padding-left: 10px !important;
}
.pad-left-15 {
    padding-left: 15px !important;
}
.pad-left-20 {
    padding-left: 20px !important;
}
.pad-left-25 {
    padding-left: 25px !important;
}
.pad-left-30 {
    padding-left: 30px !important;
}
.pad-left-80 {
    padding-left: 80px !important;
}
.pad-right-0 {
    padding-right: 0px !important;
}
.pad-right-5 {
    padding-right: 5px !important;
}
.pad-right-10 {
    padding-right: 10px !important;
}
.pad-right-15 {
    padding-right: 15px !important;
}
.pad-right-20 {
    padding-right: 20px !important;
}
.pad-right-25 {
    padding-right: 25px !important;
}
.pad-right-30 {
    padding-right: 30px !important;
}
/* paddings and margins */
.pad-right-22em {
    padding-right: 2em !important;
    position: relative;
}
@media (max-width: 992px)  {
.pad-right-22em {
    padding-right: 1.7em !important;
}
}
.pad-right-1em {
    padding-right: 1em !important;
    position: relative;
}
.pad-right-15em {
    padding-right: 1.5em !important;
    position: relative;
}

.pad-right-5em {
    padding-right: 5em !important;
}

.pad-right-1em {
    padding-right: 0.8em !important;
}

@media (max-width: 992px)  {
.pad-right-5em {
    padding-right: 4em !important;
}
}
@media (max-width: 768px)  {
.pad-right-5em {
    padding-right: 3em !important;
}

}
@media (max-width: 496px)  {
.pad-right-5em {
    padding-right: 1em !important;
}

}

.mar-all-0 {
    margin: 0px !important;
}

.mar-all-5 {
    margin: 5px !important;
}
.mar-all-10 {
    margin: 10px !important;
}
.mar-all-15 {
    margin: 15px !important;
}
.mar-all-20 {
    margin: 20px !important;
}
.mar-all-25 {
    margin: 25px !important;
}
.mar-all-30 {
    margin: 30px !important;
}
.mar-bot-0{
        margin-bottom: 0px !important;
}
.mar-bot-5{
        margin-bottom: 5px !important;
}
.mar-bot-10{
        margin-bottom: 10px !important;
}
.mar-bot-15{
        margin-bottom: 15px !important;
}
.mar-bot-20{
        margin-bottom: 20px !important;
}
.mar-bot-25{
        margin-bottom: 25px !important;
}
.mar-bot-30{
        margin-bottom: 30px !important;
}
.mar-bot-35{
        margin-bottom: 35px !important;
}
.mar-bot-40{
        margin-bottom: 35px !important;
}
.mar-top-0{
        margin-top: 0px !important;
}
.mar-top-3 {
    margin-top: 3px !important;
}
.mar-top-5{
        margin-top: 5px !important;
}
.mar-top-10{
        margin-top: 10px !important;
}
.mar-top-15{
        margin-top: 15px !important;
}
.mar-top-20{
        margin-top: 20px !important;
}
.mar-top-25{
        margin-top: 25px !important;
}
.mar-top-30{
        margin-top: 30px !important;
}
.mar-right-10{
        margin-right: 10px !important;
}
.mar-left-10{
        margin-left: 10px !important;
}
.mar-left-20{
        margin-left: 20px !important;
}
.mar-left-30{
        margin-left: 30px !important;
}
.mar-left-50{
        margin-left: 50px !important;
}
.mar-left-5{
        margin-left: 5px !important;
}
.mar-right-5{
        margin-right: 5px !important;
}
/* changes the news footer */
.entry-meta-gs li {
	font-size: 12px !important;
	color: #000 !important;
}

.pcaption {
	font-size: 12px !important;
}
/* Caption
-----------------------------------------------------------------*/

.gs-caption {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 20;
	max-width: 550px;
	color: #EEE;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	-webkit-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease;
}

.gs-caption:not(.dark),
.gs-caption:not(.dark) h2 {
	color: #222;
	text-shadow: none;
}

.gs-caption.gs-caption-right {
	left: auto;
	right: 15px;
}

.gs-caption.gs-caption-center {
	position: relative;
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.gs-caption-bg {
	padding: 5px 12px;
	border-radius: 2px;
	background-color: rgba(0,0,0,0.6);
	top: auto;
	bottom: 20px;
	left: 20px;
}

.gs-caption-bg.gs-caption-bg-light {
	background-color: rgba(255,255,255,0.8);
	color: #333;
	text-shadow: none;
}

.gs-caption-top-left {
	top: 40px;
	bottom: auto;
}

.gs-caption-top-right {
	top: 40px;
	bottom: auto;
	left: auto;
	right: 40px;
}

.gs-caption-bottom-right {
	left: auto;
	right: 40px;
}

.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {
	width: 72px !important;
}

.firstnews {
    padding-top: 0px !important;
    border-top: 0 !important;
}

.color-def {
    color: #555 !important;
}

/*Panels (Portlets) adds some custom bordered panels
------------------------------------*/
.panel,
.panel-heading,
.panel-group .panel {
	border-radius: 0 !important;
}

.panel-heading {
	color: #fff !important;
}

/*Panel Table*/
.panel .table {
	margin-bottom: 0 !important;
}
.panel-grey {
    border-color: #AAAAAA !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding:5px;
    padding-bottom: 10px;
}

.panel-greygrp {
    border-color: #AAAAAA !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding:5px;
    height: 40px !important;
    border-radius: 5px;

}
.panel-sea {
    border-color: #1abc9c !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.panel-skyblue {
    border-color: #87CEFF !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.panel-lightblue {
    border-color: #99CCFF  !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.panel-medgreen {
    border-color: #42c029   !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.panel-amber {
    border-color: #EB9C4D   !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.panel-red {
    border-color: #C02942 !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.panel-orange {
    border-color: #e67e22 !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.panel-ecbblue {
    border-color: #1b3361   !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.border-ecbblue {
    border-color: #1b3361   !important;
}
.panel-darkblue {
    border-color:  #000066   !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.hr-darkblue {
    border-color:  #000066   !important;
    border-bottom: 2px solid !important;
    min-height: 130px !important;
}
.hr-darkblue80 {
    border-color:  #000066   !important;
    border-bottom: 2px solid !important;
    min-height: 80px !important;
}

.panel-tabgrey {
    border-color:  #f2f2f2   !important;
    border-style: solid !important;
    border-width: 2px !important;
}
.panel-blue {
    border-color:  #1265A8   !important;
    border-style: solid !important;
    border-width: 2px !important;
}
/* various background setting helper clasess*/
/*Back Ground Sky Blue*/
.bg-skyblue {
	 border-color: #87CEFF !important;
	 background: #87CEFF !important;
}
.bg-tabgrey {
	 border-color: #f2f2f2 !important;
	 background: #f2f2f2 !important;
}


/*Back Ground Blue*/
.bg-blue {
	 border-color: #1265A8 !important;
	 background: #1265A8 !important;
}

/*Back Ground Light Red*/
.bg-light-red {
	 border-color: #e74c3c !important;
	 background: #e74c3c !important;
}

/*Back Ground Red*/
.bg-red {
	 border-color: #C02942 !important;
	 background: #C02942 !important;
}

/*Back Ground Green*/
.bg-green {
	 border-color: #59BA41 !important;
	 background: #59BA41 !important;
}
.bg-medgreen {
	 border-color: #42c029  !important;
	 background: #42c029  !important;
}

/*Back Ground Green*/
.bg-darkgreen {
	 border-color: #07322a !important;
	 background: #07322a !important;
}
/*Back Ground Dirty Green*/
.bg-dirtygreen {
	 border-color: #1693A5 !important;
	 background: #1693A5 !important;
}

/*Back Ground Bright Green*/
.bg-bright-green {
	 border-color: #2ecc71 !important;
	 background: #2ecc71 !important;
}

.bg-midgrey {
    border-color: #f7f7f7 !important;
	background: #f7f7f7 !important;
}

/*Back Ground Teal*/
.bg-teal {
	 border-color: #53777A !important;
	 background: #53777A !important;
}

/*Back Ground Leaf*/
.bg-leafgreen {
	 border-color: #A8CABA !important;
	 background: #A8CABA !important;
}
/*Back Ground Sea*/
.bg-sea {
	 border-color: #1abc9c !important;
	 background: #1abc9c !important;
}

/*Back Ground Pink*/
.bg-pink {
	 border-color: #F89FA1 !important;
	 background: #F89FA1 !important;
}

/*Back Ground Pink*/
.bg-lightpink {
	 border-color: #f2dcdb !important;
	 background: #f2dcdb !important;
}

/*Back Ground Orange*/
.bg-orange {
	 border-color: #e67e22 !important;
	 background: #e67e22 !important;
}

/*Back Ground Yellow*/
.bg-yellow {
		border-color: #ECD078 !important;
		 background: #ECD078 !important;
}

/*Back Ground Deep Yellow*/
.bg-deep-yellow {
		border-color: #f1c40f !important;
		 background: #f1c40f !important;
}

/*Back Ground Amber*/
.bg-amber {
		border-color: #EB9C4D !important;
		 background: #EB9C4D !important;
}

/*Back Ground Grey*/
.bg-grey {
	 border-color: #95a5a6 !important;
	 background: #95a5a6 !important;
}

/*Back Ground Purple*/
.bg-purple {
	 border-color: rgb(183,132,167) !important;
	 background: rgb(183,132,167) !important;
}

/*Back Ground Aqua*/
.bg-aqua {
	 border-color: #40C0CB !important;
	 background: #40C0CB !important;
}

/*Back Ground Brown*/
.bg-brown {
	 border-color: #774F38 !important;
	 background: #774F38 !important;
}


/*Back Ground Dark Blue*/
.bg-darkblue {
	 border-color: #000066 !important;
	 background: #000066 !important;
}

/*Back Ground Dark Blue*/
.bg-ecbblue {
	 border-color: #1b3361  !important;
	 background: #1b3361  !important;
}

/*Back Ground Light Green*/
.bg-lightgreen {
	 border-color: #79d5b3 !important;
	 background: #79d5b3 !important;
}
.bg-white {
    border-color: #cccccc !important;
	background: #fff !important;
}
.bg-lightgrey2 {
    border-color: #cccccc !important;
	background: #fafafa !important;
}
.bg-lightgrey {
    border-color: #fafafa !important;
	background: #fafafa !important;
}
.bg-lightgrey1 {
	background: #fafafa !important;
}
.bg-tabgrey {
    border-color: #f2f2f2 !important;
	background: #f2f2f2 !important;
}
.bg-dark {
    border-color: #555 !important;
	background: #555 !important;
}
.bg-lightblue {
    border-color: #99CCFF !important;
	background: #99CCFF !important;
}
.bg-paleblue {
    border-color: #c5ffff !important;
	background: #c5ffff !important;
}
.bg-pwspaleblue {
	 border-color: rgb(171,221,255, 0.6) !important;
	 background: rgb(171,221,255, 0.6) !important;
}
/*Back Ground requested by pws */
.bg-solitude {
    border-color: #dce6f1 !important;
	background: #dce6f1 !important;
}
.bg-lightpink {
	 border-color: #f2dcdb !important;
	 background: #f2dcdb !important;
}
.bg-lightred {
	 border-color: #ffcccb !important;
	 background: #ffcccb !important;
}
.bg-palegreen {
	 border-color: #e3fbe3 !important;
	 background: #e3fbe3 !important;
}
.bg-jordyblue {
	 border-color: #8db4e2 !important;
	 background: #8db4e2 !important;
}
/*Back Ground salmon*/
.bg-salmon {
	 border-color: #fde9d9 !important;
	 background: #fde9d9 !important;
}
/*Back Ground white lilac*/
.bg-lilac {
	 border-color: #E4DFEC !important;
	 background: #E4DFEC !important;
}
/*Back Ground light Purple*/
.bg-lightpurple {
	 border-color: #b1a0c7 !important;
	 background: #b1a0c7 !important;
}
/*Back Ground very light blue*/
.bg-vlightblue {
	 border-color: rgb(218,240,255, 0.4) !important;
	 background: rgb(218,240,255, 0.4) !important;
}
/*end Back Ground requested by pws */
/* add coloure which shade the charts */
/*Back Ground pale blue*/
.bg-shade-green {
	 border-color: rgb(144, 238, 144, 0.2) !important;
	 background: rgb(144, 238, 144, 0.2) !important;
}
.bg-shade-red {
	 border-color: rgb(230, 123, 123, 0.2) !important;
	 background: rgb(230, 123, 123, 0.2) !important;
}
.bg-shade-blue {
	 border-color: rgb(0, 100, 200, 0.2) !important;
	 background: rgb(0, 100, 200, 0.2) !important;
}
.bg-shade-orange {
	 border-color: rgb(255,165,0, 0.2) !important;
	 background: rgb(255,165,0, 0.2) !important;
}
.bg-shade-purple {
	 border-color: rgb(183,132,167, 0.2) !important;
	 background: rgb(183,132,167, 0.2) !important;
}
/*Back Ground Grey*/
.bg-shade-grey {
	 border-color: rgb(149,165,166, 0.2) !important;
	 background: rgb(149,165,166, 0.2) !important;
}
/*transparent*/
.trans {
	 border-color: transparent !important;
     color: transparent !important;
	 background: transparent !important;
}

/*Back Ground Red*/
.col-red {
	 color: #C02942 !important;
}
/*Back Ground Red*/
.col-redstrong {
	 color: #C02942 !important;
     font-weight: 700;
}
/*Back Ground Green*/
.col-green {
	 color: #59BA41 !important;
}

.col-grey {
	 color: #95a5a6 !important;
}
.col-white {
	 color: #FFFFFF !important;
}
.col-black {
	 color: #444 !important;
}
.col-blue {
	 color: #1265A8 !important;
}
.col-skyblue {
	 color: #87ceff !important;
}
.col-darkblue {
	 color: #000066 !important;
}
.col-linkblue {
	 color: #0000c8 !important;
}
.col-dark {
    color: #555 !important;
}
/* removes the largew padding on the 992 break point to use full w1dth */
@media (max-width: 991px) {

	#wrapper {
		padding-left: 3px !important;
        padding-right: 3px !important;
		box-shadow: none;
	}

}
/* custom sytles for the typeahead  */
span.twitter-typeahead { display: block !important; }
		.tt-menu {
			width: 100%;
			margin: 40px 0;
			padding: 8px 0;
			background-color: #FFF;
			border: 1px solid rgba(0, 0, 0, 0.2);
			-webkit-border-radius: 4px;
			 -moz-border-radius: 4px;
				  border-radius: 4px;
			-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
			 -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
				  box-shadow: 0 1px 10px rgba(0,0,0,.1);

		}

		.tt-suggestion {
            padding: 3px 20px;
			font-size: 15px;
			line-height: 24px;
		}

		.tt-suggestion:hover {
			cursor: pointer;
			color: #FFF;
			background-color: #000066;
		}

		.tt-suggestion.tt-cursor {
			color: #fff;
			background-color: #000066;

		}

/* height helper classes used mainly by Maps to keep same height across devices
/*Heights
------------------------------------*/
.height-80 { min-height: 100px;}
.height-100 { min-height: 100px;}
.height-150 { min-height: 150px;}
.height-200 { min-height: 200px;}
.height-250 { min-height: 250px;}
.height-300 { min-height: 300px;}
.height-350 { min-height: 350px;}
.height-400 { min-height: 400px;}
.height-450 { min-height: 450px;}
.height-500 { min-height: 500px !important;}
.height-600 { min-height: 600px !important;}
.height-900 { min-height: 900px !important;}
/* sets widht of lables so they acan be used in results and be same wodth regardless of text */

.labwidth20 {
       min-width: 20px;
       padding: 2px 5px !important;
}
.labwidth30 {
       min-width: 30px !important;
       padding: 2px 5px !important;
}
.labwidth40 {
       min-width: 40px;
       padding: 2px 5px !important;
}
.labwidth60 {
       min-width: 60px;
       padding: 2px 5px !important;
}
.labwidth85 {
       min-width: 85px;
       padding: 2px 5px !important;
}
/* Adds a Triangle to the area above */
.triangle {
    position:relative;
    background-color:#000066;
    margin-bottom: 25px;
}


.triangle:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 25px #000066;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}



.bar{
    min-width: 4px !important;
    font-size: 1px;
    min-height: 14px;
    margin-right: 1px;
    border-radius: 0px !important;
    padding: 0px 0px !important;
}

.form-control:active,
.form-control:focus {
	border-color: #000066 !important;
	box-shadow: none !important;
}

/* Tabs - gs adds site colors heights etc to various Nav tabes
-----------------------------------------------------------------*/

.tabs.tabs-gs ul.tab-nav li {
	border: 0;
	margin: 0;
}

.tabs.tabs-gs ul.tab-nav li a {
	background-color: #fafafa;
	border-bottom: 0px solid transparent;
}

.tabs.tabs-gs ul.tab-nav li.ui-tabs-active a {
	border-bottom: 0px solid #000066;
    background: #000066;
    color: #fff;
	top: -2px;
	height: 44px;
	line-height: 44px;
}
ul.tab-nav:not(.tab-nav-lg) li:first-child {
	border-left: 0px solid transparent !important;
}

/* forms - gs mobile ready forms with the font sixes to the IOS recomended 16px therefreo adjusting various box heights
-----------------------------------------------------------------*/
.input-mb {
  height: 36px !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
}
.input-opps {
	border-color: #C02942 !important;
	background-color:#fff6f6 !important;
    color: #000;
}
.input-mbbold {
  height: 36px !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
  font-weight: bold;
}
select.input-mb {
  height: 36px !important;
  line-height: 36px !important;
}
textarea.input-mb,
select[multiple].input-mb {
  height: auto !important;
}
.form-group-mb .form-control {
  height: 36px !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
}
.form-group-mb select.form-control {
  height: 36px !important;
  line-height: 36px !important;
}
.form-group-mb textarea.form-control,
.form-group-mb select[multiple].form-control {
  height: auto !important;
}
.form-group-mb .form-control-static {
  height: 36px !important;
  min-height: 36px !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
}
.btn-txt {
    color: #FFF !important;
    font-weight: 600 !important;
}
.bold-txt {
    font-weight: 700 !important;
}

.btn-mb {
  height: 36px !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
}

.btn-gs {
  height: 36px !important;
  padding: 6px 12px !important;
  font-size: 16px !important;
  border-radius: 0px !important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  	 background: #dddddd  !important;
}

.button-inline {
    min-width: 100% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important ;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 16px !important;
    height: 36px !important;
    line-height: 36px !important;
    text-transform: none !important;
    letter-spacing: 0px !important;
    text-shadow: 0px 0px 0px !important;
    border-radius: 0px !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.btn-gs:focus,
.btn-gs.focus {
  border-color: #000066 !important;
}
.btn-gs:hover {
  border-color: #000066 !important;
}
.btn-gs:active,
.btn-gs.active,
.open > .dropdown-toggle.btn-gs {
  border-color: #000066 !important;
}
.btn-gs:active:hover,
.btn-gs.active:hover,
.open > .dropdown-toggle.btn-gs:hover,
.btn-gs:active:focus,
.btn-gs.active:focus,
.open > .dropdown-toggle.btn-gs:focus,
.btn-gs:active.focus,
.btn-gs.active.focus,
.open > .dropdown-toggle.btn-gs.focus {
  border-color: #000066 !important;
}

.btn-gs.disabled:hover,
.btn-gs[disabled]:hover,
fieldset[disabled] .btn-gs:hover,
.btn-gs.disabled:focus,
.btn-gs[disabled]:focus,
fieldset[disabled] .btn-gs:focus,
.btn-gs.disabled.focus,
.btn-gs[disabled].focus,
fieldset[disabled] .btn-gs.focus {
  border-color: #000066 !important;
}

.dropdown-toggle:focus {
    outline: none !important;
    outline-offset: 0px !important;
}
.dropdown-menu-gs{
   font-size: 16px !important;
   border-radius: 10px !important;
   width: 100% !important;
}
.dropdown-menu-gs > li > a {
   border-bottom:1px solid #dddddd;
   padding: 5px 0px !important;
   margin-left: 20px !important;
   white-space: normal !important;
}
.textbox-mb {
  padding: 6px 12px !important;
  font-size: 16px !important;
}
.textbutbig {
    font-size: 16px !important;
}
.caret {
    position: absolute;
    right: 1%;
    top: 45%;
}

/* used in panel headers to prevent the text changing on hover due to it being a href  */
.panel-title-gs > a:hover,
.panel-title-gs > a:active,
.panel-title-gs > a:focus  {
    text-decoration:none !important;
}


.flexslider, .flexslider-controls {
  max-width: 800px;
}

.flex-control-gs {
    list-style: none;
    z-index: 10;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    }
.flex-control-gs li {
  background: #87CEFF;
  border-right: solid #fff 1px;
  color: #000;
  cursor: pointer;
  float: left;
  padding: 0.5em 0.5em;
  text-align: center;
  vertical-align: middle;
  width: 12.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.flex-control-gs li:last-child {
   border: none;
}

.flex-control-gs .flex-active {
  background: #000066;
  color: #fff;
}

#page-title {
    padding: 36px 0 !important;
 }
/* change the sidebar menu to fly out */

/* add close button to menu */
#nav-close {
    position: absolute;
    top: 5px;
    right:10px;
    text-decoration: none;
    color: #444;
 }
.panel-title-gs {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #444 !important;
}
.homefix  {
    min-height: 200%;
    opacity: 0;
    height: 1200px
}
.club-logo {
    height: 100px;
}

@media (max-width: 992px)   {

#page-title h1 {
        font-size: 24px !important;
        line-height: 1 !important;
}
}
@media (max-width: 768px)   {

#page-title h1 {
        font-size: 20px !important;
        line-height: 1 !important;
}
}
@media (max-width: 450px)   {

#page-title h1 {
        font-size: 18px !important
        line-height: 1 !important;
}
}
@media (max-width: 768px)  {

.home-menu {
    top: 8px !important;
}
.club-menu {
    top: 8px !important;
    color: #FFFFFF !important;
}
}
.club-header {
    background: #000066;
    margin: 0px;
    padding: 25px 0 5px;
    border-bottom: 3px solid #C02942 !important;
}
.club-header h1 {
        font-size: 24px !important;
        line-height: 1 !important;
        letter-spacing: 1px;
        color: #FFFFFF !important;
}
@media (max-width: 992px)  {
.club-header {
    padding: 20px 0 0;
}
.club-header h1 {
        font-size: 18px !important;
        letter-spacing: 0px;
}
.club-menu {
    top: 8px !important;
    color: #FFFFFF !important;
}

}
/* css to modify league tables, and report headers and font in headers */
.ltborder {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}
.topborder {
    border-top-width: 2px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}
.topbotborder {
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}
.ltborderh1 {
    border-right-width: 2px !important;
    border-right-color: #000066 !important;
}
.ltborderright {
    border-right-width: 2px !important;
}

.ltfonth1 {
    font-size: 14px;
}
.ltfonth2 {
    font-size: 10px;
}
.ltfonth3 {
    font-size: 12px;
}
.ltbotnone {
    border-bottom-width: 0px !important;
}
.ltbotborder {
    border-bottom-width: 1px !important;
    border-bottom-color: #dddddd !important;
}
.bg-shade-green1 {
	 background: rgb(144, 238, 144, 0.2) !important;
}
.bg-shade-red1 {
	 background: rgb(230, 123, 123, 0.2) !important;
}
.bg-shade-blue1 {
	 background: rgb(0, 100, 200, 0.2) !important;
}
.bg-shade-orange1 {
	 background: rgb(255,165,0, 0.2) !important;
}
.bg-shade-purple1 {
	 background: rgb(183,132,167, 0.2) !important;
}
.ltbotborderblue {
    border-bottom-width: 1px !important;
    border-bottom-color: rgb(0, 100, 200, 0.8) !important;
}
.ltborderrightblue {
    border-right-width: 1px !important;
    border-right-color: rgb(0, 100, 200, 0.8) !important;
}
.ltbotborderred {
    border-bottom-width: 1px !important;
    border-bottom-color: rgb(230, 123, 123, 0.8) !important;
}
.ltborderrightred {
    border-right-width: 1px !important;
    border-right-color: rgb(230, 123, 123, 0.8) !important;
}
.ltbotbordergreen {
    border-bottom-width: 1px !important;
    border-bottom-color: rgb(144, 238, 144, 0.8) !important;
}
.ltborderrightgreen {
    border-right-width: 1px !important;
    border-right-color: rgb(144, 238, 144, 0.8) !important;
}
.ltbotborderpurple {
    border-bottom-width: 1px !important;
    border-bottom-color: rgb(183,132,167, 0.8) !important;
}
.ltborderrightpurple {
    border-right-width: 1px !important;
    border-right-color: rgb(183,132,167, 0.8) !important;
}
.ltbotborderorange {
    border-bottom-width: 1px !important;
    border-bottom-color: rgb(255,165,0, 0.8) !important;
}
.ltborderrightorange {
    border-right-width: 1px !important;
    border-right-color: rgb(255,165,0, 0.8) !important;
}
.ltbotborderwarn {
    border-bottom-width: 2px !important;
    border-bottom-color:  #C02942 !important;
}
.ltbotborderdash {
    border-bottom-width: 1px !important;
    border-bottom-style: dashed !important;
    border-bottom-color: #555555 !important;
}
.lttopborderdash {
    border-top-width: 1px !important;
    border-top-style: dashed !important;
    border-top-color: #555555 !important;
}

/* css to modify league tables, headers and font in headers */
#newsdiv  p, #newsdiv  h1, #newsdiv h2, #newsdiv h3, #newsdiv h4, #newsdiv h5    {
    margin-bottom: 10px; !important;
}
.border-bot{
     border-bottom: 2px solid #C02942 !important;
}
.border-botlt{
     border-bottom: 1px solid #555555 !important;
}
.border-botblue{
     border-bottom: 2px solid #000066 !important;
}
.thumb{
     max-width: 65px;
     border-radius: 5px;
}
.w-85px{
     width: 85px !important;
}
.w-800px{
     width: 850px !important;
     max-width: 850px !important;
}
.midthumb{
     border-radius: 8px;
     margin: 3px;
}

@media (max-width: 768px)  {
    .midthumb{
         max-width: 100px !important;
         border-radius: 8px;
    }
}
@media (max-width: 476px)  {
    .midthumb{
         max-width: 75px !important;
         border-radius: 5px;
    }
}
.loadingpanel {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 153, 204, 255, .70 )
                url('../images/preloader-dark@2x.gif')
                50% 50%
                no-repeat;
}
.loadingmodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 153, 204, 255, .70 )
                url('../images/preloader-dark@2x.gif')
                50% 50%
                no-repeat;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loadingmodal {
    display: block;
}
/* fiddle with Tab Size on phones
*/

@media (max-width: 476px)  {

ul.tab-nav:not(.tab-nav-lg) li a {
	padding: 0 6px !important;
	font-size: 12px !important;

}
}
@media (min-width: 922px)  {
.mega4col {
    width: 24% !important;
}
}
/* chart container forcing height and overflows */
.chartmcclouter {
    position: relative;
    height: 320px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.chartmcclinner {
    display: inline-block;
    height: 300px;
    width: 1100px;
    white-space: normal;
    }
.fbox-gs-parent{
    height: 64px;
    text-align: center;
    display: table !important;
}
.fbox-gs-child{
    display: table-cell !important;
    vertical-align: middle;
}
.fbox-gs-small{
    font-size: 20px !important;
}
.icon-gs-small{
    font-size: 20px !important;
    line-height: 16px !important;
}
@media (max-width: 476px)  {
.col-gs-100{
    width: 100% !important
}
.col-gs-50{
    width: 50% !important
}
}
.abs-right {
    position: absolute;
    top: 0px;
    right: 3px;
    }
@media (min-width: 992px){
.modalstats {
    width: 600px !important;
    margin-top: 200px !important;
    margin-right: auto !important;
    margin-bottom: 30px !important;
    margin-left: 250px !important;
    }
}
@media (max-width: 991px){
.modalstats {
    width: 600px !important;
    margin-top: 150px !important;
    margin-right: auto !important;
    margin-bottom: 30px !important;
    margin-left: auto !important;
    }
}
@media (max-width: 767px){
.modalstats {
    width: 80% !important;
    margin-top: 110px !important;
    margin-right: auto !important;
    margin-bottom: 30px !important;
    margin-left: auto !important;
    }
}
@media (max-width: 475px){
.modalstats {
    width: 100% !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    }
}
.fbox-xsmall{
    font-size: 18px !important;
}
@media (max-width: 475px){
.fbox-xsmall{
    font-size: 16px !important;
    line-height: 56px !important;
    width: 56px !important;
    height: 56px !important;

}
.fbox-height{
    width: 56px !important;
    height: 56px !important;
}


}
.closegs{
    opacity: 0.8 !important;
}
.fbox-minheight{
    min-height: 42px !important;
}
.seq-minheight{
    min-height: 63px !important;
}
.fbox-xxsmall{
    font-size: 20px !important;
    line-height: 48px !important;
    width: 48px !important;
    height: 48px !important;

}
.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}
.butwidth {
       min-width: 25px;
       padding: 2px 5px !important;
}
.butwidth1 {
       min-width: 85px;
       padding: 2px 5px !important;
}
.butwidth2 {
       min-width: 165px;
}
.butwidth3 {
    min-width: 60px;
    padding: 3px 5px !important;
    display: inline-block !important;
}

@media print {
   a[href]:after {
      content: none !important;
   }
}
/*wider width */
.width10per {
	width: 100px !important;
}
.width80per {
	width: 500px !important;
}
.width90per {
	width: 650px !important;
}
/**
 * Circle Styles
 */

.circles {
  display: flex;
}
.circle-with-text {
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto;
  font-size: 12px;
  padding: 12px;
  display: flex;
  height: 60px;
  width: 60px;
  color: #fff;
}
.multi-line-text {
  font-size: 12px;
}
@media all and (max-width:768px) {
  .center-xs  {
    text-align: center !important;
  }
}
@media all and (max-width:600px) {
  .button-small-xxs{
	padding: 0 14px !important;
	font-size: 11px !important;
	height: 28px !important;
	line-height: 28px !important;
  }
}
@media all and (max-width:496px) {
  .center-xxs  {
    text-align: center !important;
    width: 100%  !important
  }
  .col-xxs-4  {
    width: 33.3%  !important
  }
}
@media all and (min-width: 992px)  {
.menu25 {
    width: 24%  !important;
}
}

.panel-cup-fixture, .panel-cup-fixture-edit {
    border-color: #AAAAAA !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding:0px;
    margin: 5px auto;
    height: 160px !important;
    width: 170px !important;
    border-radius: 5px;
}
.panel-cup-team, .panel-cup-team-edit {
    border-color: #AAAAAA !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border-width: 1px !important;
    padding:5px;
    margin-top: 0px;
    height: 50px !important;
    width: 168px !important;
}
.panel-cup-selections {
    border-color: #AAAAAA !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding:5px;
    margin-top: 5px;
    height: 30px !important;
    width: 168px !important;
}
.panel-pc-edit {
    border-color: #AAAAAA !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding:5px;
    margin-top: 5px;
    height: 30px !important;
    width: 200px !important;
}
 @media (max-width: 768px) {
      .texttocentre {
              text-align: center !important;
       }
      .move-left-on-small {
              text-align: left !important;
       }
    }
.club-image {
	width: 40px !important;
    margin: auto;
    display: block;
    vertical-align: middle;
}
.table-image {
	width: 25px !important;
}
.result-image {
	max-width: 60px !important;
    max-height: 40px !important;
    padding-left: 10px !important;
    padding-right: 10px !important
}
.ump-image {
    height: 100px !important;
}
.club-image-line {
	line-height: 30px !important;
}
.ump-name {
    padding-top: 30px;
    height: 100px !important;
}
@media (max-width: 767px) {
  .ump-name {
    height: 20px !important;
    padding-top: 0px;
  }
}
.arrow-down {
  margin: auto;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #000066;
}
.col-1-8 {
    width: 25%;
  }
@media (min-width: 768px) {
  .col-1-8 {
    width: 12.5% !important;
  }
}
@media (max-width: 767px) {
  .text-mobile-center {
    text-align: center !important;
  }
}
.panel-lightblue1 {
    border-color:  #99CCFF   !important;
    border: solid !important;
    border-width: 1px !important;
    border-radius: 5px;
}
.border-bot-nar{
     border-bottom: 1px solid  #000066 !important;
}
.lsw-footer {
    min-height: 36px !important;
}
.inputGroup {
  background-color: #f6f6f6;
  display: block;
  border-radius: 8px;
  margin: 5px 0;
  position: relative;
}
.inputGroup label {
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 50px;
  width: 100%;
  display: block;
  text-transform: none;
  font-weight: 600;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: #000066;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: "";
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
  border-radius: 8px;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(80, 80, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #99CCFF;
  border-color: #99CCFF;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}
.progress {
    overflow: hidden;
    width:100%;
    height:30px;
}
.progressleft {
    float: left;
    height: 30px;
    background: #000066;
    width: 10%;
}
.progressright {
    overflow: hidden;
    height: 30px;
    background: #cccccc;
    width: 90%;
}
.progress h5 {
  color: #fff;
  left: 15px;
  line-height: 1;
  position: absolute;
  top: 12px;
}
.red::-webkit-input-placeholder {
  color: #C02942 !important;
}

.red:-moz-placeholder { /* Firefox 18- */
  color: #C02942 !important;
}

.red::-moz-placeholder {  /* Firefox 19+ */
  color: #C02942 !important;
}

.red:-ms-input-placeholder {
  color: #C02942 !important;
}

.red::placeholder {
  color: #C02942 !important;
}
.check-box-1 {
         position: relative;
	       cursor: pointer;
    }
    .check-box-1:before {
         content: "";
         display: block;
         position: absolute;
         width: 20px;
         height: 20px;
         top: 0;
         left: 0;
         border: 2px solid #555555;
         border-radius: 3px;
         background-color: white;
}
    .check-box-1:checked:after {
         content: "";
         display: block;
         width: 7px;
         height: 12px;
         border: solid black;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         color: #000066;
         top: 2px;
         left: 6px;
}
.check-box-2 {
         position: relative;
	       cursor: pointer;
    }
    .check-box-2:before {
         content: "";
         display: block;
         position: absolute;
         width: 20px;
         height: 20px;
         top: 0;
         left: 0;
         border: 2px solid #db6c6c;
         border-radius: 3px;
         background-color: white;
}
    .check-box-2:checked:after {
         content: "";
         display: block;
         width: 7px;
         height: 12px;
         border: solid black;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         color: #000066;
         top: 2px;
         left: 6px;
}
.float-right {
    float: right;
}
.switch_on {
    background-color: #000066 !important;
    color: #ffffff !important;
}
.switch_off {
    width: 84px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block !important;
    height: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    background-color: #ffffff;
    color: #cccccc;
    border: 1px solid #cccccc !important;
}
.switch_on:hover, .switch_on:focus {
    color: #ffffff !important;
    text-decoration: none;
}
.themecolor {
	color: #3A54B4;
}
@media (min-width: 1200px){
    .col-5 {
        width: 20% !important;
    }
}
.vertmiddle {
    vertical-align: middle !important;
}
.w-2{
    width: 2%
}
.w-4{
    width: 4%
}
.w-4_5{
    width: 4.5%
}
.w-5{
    width: 5%
}
.w-6{
    width: 6%
}
.w-7{
    width: 7%
}
.w-8{
    width: 8%
}
.w-10{
    width: 10%
}
.w-15{
    width: 15%
}
.w-16{
    width: 16%
}
.w-18{
    width: 18%
}
.w-20{
    width: 20%
}
.w-25{
    width: 25%
}
.w-28{
    width: 28%
}
.w-30{
    width: 30%
}
.w-35{
    width: 35%
}
.w-40{
    width: 40%
}
.w-45{
    width: 45%
}
.w-50{
    width: 50%
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    height: auto !important;
}
/* The ajax_overlay (background) */
.ajax_overlay {
    /* Height & width depends on how you want to reveal the ajax_overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgba(58,84,180, 0.3);
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the ajax_ajax_overlay (height or width, depending on reveal) */
}

/* Position the content inside the ajax_ajax_overlay */
.ajax_overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
.editable-click {
   color: #000066 !important
}

.high-div{
     line-height : 1.2 !important;
}
.pull-rightbig{
    float: right;
}
.pull-leftbig{
    float: left;
}
@media (max-width: 768px)  {
    .pull-rightbig{
        float: none;
    }
    .pull-leftbig{
        float: none;
}
}
.panel-team-selections, .panel-team-edit {
    border-color: #AAAAAA !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding:5px;
    margin-top: 5px;
    height: 65px !important;
    width: 100% !important;
}
canvas {
  height: 175px;
  width: 175px; 
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
.col-gs-125 {
    width:12.5% !important;
}