@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(datepicker.css);
@import "jquery-ui.css";

/*$color-pleasure: #6d8fb6;
$color-pleasure-strong: #4d6f96;*/

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat-regular-webfont.eot");
    src: url("../fonts/montserrat-regular-webfont.eot?#iefix") format("eot"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat-regular-webfont.ttf") format("truetype"), url("../fonts/montserrat-regular-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Montserrat';
        src: url("../fonts/montserrat-regular-webfont.svg") format("svg");
        font-weight: normal;
    }
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat-bold-webfont.eot");
    src: url("../fonts/montserrat-bold-webfont.eot?#iefix") format("eot"), url("../fonts/montserrat-bold-webfont.woff") format("woff"), url("../fonts/montserrat-bold-webfont.ttf") format("truetype"), url("../fonts/montserrat-bold-webfont.svg") format("svg");
    font-weight: bold;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Montserrat';
        src: url("../fonts/montserrat-bold-webfont.svg") format("svg");
        font-weight: bold;
    }
}

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/**
 * Firefox specific rule
 */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

html, body { height: 100%; }


.calendar > .table > tbody td .cal-day{
	vertical-align: top;
	text-align: left;
	color:#666666;
}

body {
    color: #777;
    padding-top: 50px;
    font-family: 'Lato', sans-serif;
    background: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        padding-top: 100px;
    }
}

.margin-t20 { margin-top: 20px}


a { color: #333333; text-decoration: none; cursor: pointer;}
a:hover { color: #000000; text-decoration: none; }
a:focus { outline: none; text-decoration: none; color: #000000; }


.text-primary { color: #2e8bd1 }
.text-success, a.text-success { color: #77a008 }
.text-info { color: #3e3e3e}
.text-danger { color: #f00 }

.alert {font-weight: 700;}
.alert-success.alert-block{
	color: #fff;
	background-color: #72d48b;
	border-color: #72d48b
}





.text-indent {text-indent: 20px;}

.truncated-text {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.truncated-text--block { display: block; }

/* DROPDOWN */
.dropdown-visible{ display: block; position: relative; }
.dropdown-menu > li > a {padding: 5px 15px;}
.dropdown-menu.square {
	padding: 0;
	border-radius: 0px;
}

.dropdown-menu.no-border {
	border: none;
	-webkit-box-shadow: 0 0px 12px 0 rgba(0, 0, 0, .175);
          box-shadow: 0 0px 12px 0 rgba(0, 0, 0, .175);
}

.dropdown-menu.margin-list > li > a {margin: 5px;}
.dropdown-menu.margin-list-rounded > li > a {
	margin: 5px;
	border-radius: 3px;
}

.dropdown-menu.with-triangle{top: 90%;}
.dropdown-menu.with-triangle:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.dropdown-menu.with-triangle:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}
.navbar-right .dropdown-menu.with-triangle:before,
.pull-right .dropdown-menu.with-triangle:before,
.dropdown-menu.pull-right.with-triangle:before {
	right: 12px;
	left: auto;
}

.navbar-right .dropdown-menu.with-triangle:after,
.pull-right .dropdown-menu.with-triangle:after,
.dropdown-menu.pull-right.with-triangle:after {
	right: 13px;
	left: auto;
}

@media (max-width: 767px) {
	.dropdown-menu.with-triangle:before,
	.dropdown-menu.with-triangle:after {
		display: none;
	}
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #ccc;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu.primary > .disabled > a,
.dropdown-menu.primary > .disabled > a:hover,
.dropdown-menu.primary > .disabled > a:focus {
	background-color: transparent;
	color: #D5DAE0;
}

.dropdown-menu.primary > li > a:hover,
.dropdown-menu.primary > li > a:focus {
	color: #fff;
	background-color: #2e8bd1;
}

.dropdown-menu.primary > .active > a,
.dropdown-menu.primary > .active > a:hover,
.dropdown-menu.primary > .active > a:focus {
	background-color: #1065a5;
}

.dropdown-menu i { margin-right: 10px; }

.dropdown-content {padding: 3px 20px;}



/* USAGE */
.usage-details-text { display: flex; justify-content: space-between; margin-bottom: .5em}
.usage-details_label:first-child { margin-right: 1em; }

.account-plan-details {padding-top: 10px;}
.account-plan {margin-right: 5px}





/* FORMS */
.form-control { 
	font-family: "Montserrat", sans-serif; 
	border-radius: 0;
	color: #999;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-appearance: none;
	box-shadow: none;
}

.form-control:focus {
    border: 1px solid #999;
    outline: none;
    -webkit-box-shadow: none;
	box-shadow: none;
    color: #000000;
	border-left: 5px solid #1065a5
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: default; }
select.input-sm { line-height: 1.5;}

.input-group-addon {font-size: 12px;}

.form-inline .radio, .form-inline .checkbox { margin-top: 0; }
.form-inline .radio label, .form-inline .checkbox label { padding-left: 5px;}
.form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0 }

input[type=checkbox], input[type=radio] {font-size: 16px;}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] { margin-top: 1px;}


@media (-webkit-min-device-pixel-ratio: 0) {
  	
	select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; }
  
	select.form-control, select[size="0"], select[size="1"] { 
	background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
	}
	  
  	::-webkit-validation-bubble-message {
    	-webkit-box-shadow: none;
    	box-shadow: none;
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    	border: 1px solid;
    	border-color: #747474 #5e5e5e #4f4f4f;
    	color: white;
    	font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    	overflow: hidden;
    	padding: 15px 15px 17px;
    	text-shadow: black 0 0 1px;
    	height: 16px;
  	}

  	::-webkit-validation-bubble-arrow,
  	::-webkit-validation-bubble-top-outer-arrow,
  	::-webkit-validation-bubble-top-inner-arrow {
    	-webkit-box-shadow: none;
   	 	box-shadow: none;
    	background: #666666;
    	border: 0;
  	}
}

.btn {
	margin: 0;
    text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
  	-moz-transition: all 0.3s ease-out;
  	-ms-transition: all 0.3s ease-out;
  	-o-transition: all 0.3s ease-out;
  	transition: all 0.3s ease-out;
  	box-shadow: none;
}

.btn-primary { border-color:#2e8bd1; background-color: #2e8bd1; color: #ffffff; }
  .btn-primary:hover { color: #ffffff; border-color:#1065a5; background-color: #1065a5; }
  .btn-primary:focus, .btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary.active.focus, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
    border-color:#1065a5; background-color: #1065a5; }

.btn-success {border-color:#72d48b;  background-color: #72d48b; color: #ffffff; }
  .btn-success:hover { color: #ffffff; border-color:#4ca763; background-color: #4ca763; }
  .btn-success:focus, .btn-success.active, .btn-success:active, .btn-success.focus, .btn-success.active.focus, .btn-success:active.focus, .btn-primary:active:focus, .btn-success:active:hover {
    border-color:#4ca763; background-color: #4ca763; }

.btn-info {border-color:#666666;  background-color: #666666; color: #ffffff; }
  .btn-info:hover { color: #ffffff; border-color:#3e3e3e; background-color: #3e3e3e; }
  .btn-info:focus, .btn-info.active, .btn-info:active, .btn-info.focus, .btn-info.active.focus, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover {
    border-color:#3e3e3e; background-color: #3e3e3e; }

.btn-default {border-color:#999;  background-color: #999; color: #ffffff !important; }
  .btn-default:hover { color: #ffffff; border-color:#666666; background-color: #666666; }
  .btn-default:focus, .btn-default.active, .btn-default:active, .btn-default.focus, .btn-default.active.focus, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover {
    border-color:#666666; background-color: #666666; }



.btn-sm { font-size: 12px; line-height: 18px;}
.btn-lg { font-size: 18px; line-height: 24px;}

.btn-file { position: relative; overflow: hidden;}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn:active, .btn.active { box-shadow: none;}

.icon-input { font-size: 19px; padding-top: 7px;}

.opsboard-modal .btn {margin-bottom: 10px;}
.opsboard-modal  .btn > img { display: inline-block; margin-bottom: 15px;}
.opsboard-modal  .btn > span { display: block;}

.btn.btn-as-link {
	background: none;
	text-decoration: underline;
	display: inline;
	padding: 0;
	border: none;
	text-transform: none 
}

.btn.btn-as-link:focus, .btn.btn-as-link:hover { color: #1065a5 }



/* LABEL AND BADGE */
.label { border-radius: 3px; font-weight: 900; display: inline-flex; align-items: center; justify-content: center;
text-indent: .15em;}
.label.square {border-radius: 0em;}
.badge,
.label-default,
.label-default[href]:hover,
.label-default[href]:focus {
	background-color: #AAB2BD;
}
.label-primary,
.badge-primary,
.label-primary[href]:hover,
.label-primary[href]:focus {
	background-color: #1065a5;
}

.label-success,
.badge-success,
.label-success[href]:hover,
.label-success[href]:focus {
	background-color: #72d48b;
}

.label.text-wide { letter-spacing: .15em; text-transform: uppercase; }
.label.label-sm { padding: 0 .9em; height: 2em; line-height: 2em; font-size: 10px;}






/* PROGRESS BAR */
.progress {
	height: 10px;
	border-radius: 100px;
	margin-bottom: 10px;
  	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
  	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
}

.progress.progress-sidebar 		{margin: 15px 0 0 0;}
.progress.progress-sm 			{height: 10px;}
.progress.progress-xs 			{height: 5px;}
.progress.no-rounded 			{border-radius: 0px;}
.progress-bar {
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.progress-bar-primary 			{background-color: #1065a5;}



/* TABLES */
.table { max-width: inherit;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding-left: 15px;
    padding-right: 15px;
}

.table tbody td { background: white; background-clip: padding-box; }

.table.no-padding tr td { padding: 0;}
.table tr td.no-padding-left { padding-left: 0;}
.table tr td.no-padding-right { padding-right: 0;}

.table.no-border td {border: none;}

.table:last-child {margin-bottom: 0;}

.table th { background: #eee; font-weight: 400; color: #777;}
.table-hover tr td { cursor: pointer; }

.table.table-small thead th { font-size: 12px;}

.table.table-striped > thead > tr > th,
.table.table-striped > tbody > tr > th,
.table.table-striped > tfoot > tr > th,
.table.table-striped > thead > tr > td,
.table.table-striped > tbody > tr > td,
.table.table-striped > tfoot > tr > td,
.table tbody .table-row-even td,
.table tbody .table-row-odd td{
	border-top: none;
}

.table tbody .table-row-even td { background-color: #fff;}

.table.table-striped > tbody > tr:nth-child(odd) > td,
.table.table-striped > tbody > tr:nth-child(odd) > th,
.table tbody .table-row-odd td{
	background-color: #ebf6fe;
}

.table.table-hover > tbody > tr:hover > td,
.table.table-hover > tbody > tr:hover > th{
	background-color:  #f5f5f5;
	cursor:pointer
}



table input.form-control, table select.form-control { background: transparent; border-color: transparent; padding-left: 0;}
table input.form-control.input-sm { font-size: 14px; height: auto; padding: 0px 10px; }
table input.form-control:focus, table select.form-control:focus  {padding-left: 6px; background: #fff;}

.reports-page .table a i { font-size: 16px; margin-right: 3px; vertical-align: middle; color: #2e8bd1}

	.table-responsive {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}


/* TABS */
.ui-tabs {
	padding: 0;
	border: none;
	background: none;
	color: #666666;
	font-family: 'Lato', sans-serif;
	font-size: inherit;
	margin-top: 20px;
	margin-bottom: 10px;
}

.ui-tabs ul { text-align: center;}

.ui-tabs .ui-tabs-panel { padding: 1em 0; }
.ui-tabs .ui-tabs-nav { margin: 0 !important; padding: 0; list-style: none}
.ui-tabs-nav.ui-widget-header { border:none; background: none; border-bottom: 1px solid #e1e0e0; border-radius: 0;}
.ui-tabs-nav.ui-widget-header:before, 
.ui-tabs-nav.ui-widget-header:after { 
	border-bottom: inherit; 
	content:""; 
	width: 5%; 
	position: absolute; 
	height: 37px;
	}

.ui-tabs-nav.ui-widget-header:before {left: -15px;}
.ui-tabs-nav.ui-widget-header:after {right: -15px;}


.ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: none;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: pointer;
	color: #555555;
}

.ui-tabs .ui-tabs-nav li { float: none; padding-bottom: 0; display: inline-block; line-height: 34px}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #ccc;
	color: #fff;
	background:  #2e8bd1;	
}

.ui-tabs .ui-state-active,
.ui-tabs .ui-widget-content .ui-state-active,
.ui-tabs.ui-widget-header .ui-state-active {
    border: 1px solid #ccc;
	background: #fff !important;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #fff;
}

.ui-state-default a:hover {color: #555;}

.ui-tabs.ui-state-hover, .ui-tabs .ui-state:hover,
.ui-tabs .ui-tabs.ui-widget-content .ui-state-hover,
.ui-tabs .ui-tabs-nav.ui-widget-header .ui-state-hover {
	background: #e6e6e6;
}

.ui-widget-content a { color: #fff;}

/* PANELS */
.panel { margin-top: 20px;}
.panel-heading .panel-title { text-transform: uppercase; margin: 0; font-size: 14px; line-height: 18px;}
.panel-heading a { cursor: pointer; margin: -6px; }


/* DATEPICKER */
.datepicker { z-index: 1151 !important; }
.datepicker.dropdown-menu {font-size: 14px; font-family: "Montserrat", sans-serif;}
.datepicker.dropdown-menu th, .datepicker.dropdown-menu td { padding: 6px 8px;}
.datepicker table tr td.today {background: none; position: relative }

.datepicker table tr td.today:before {
	content: '';
	display: inline-block;
	border: solid transparent;
	border-width: 0 0 7px 7px;
	border-bottom-color: #1065a5;
	border-top-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	bottom: 4px;
	right: 4px;
}


.datepicker table tr td.day:hover { background: #eeeeee !important;}

.datepicker table tr td.today.active:before {border-bottom-color: #fff; }
.datepicker table tr td.active.active {background: #2e8bd1}
.datepicker table tr td.active:hover {background: #2e8bd1 !important}


/* NAVBAR */
.navbar-fixed-top { background: #3e3e3e; margin-bottom: 0; border: none;}

.navbar-fixed-top .navbar-brand {
    color: #a3b4c9;
    background: url(../images/FOPlogo.png) 10px center no-repeat;
    background-size: 200px 33px;
    padding-left: 210px;
    font-weight: normal;
}

.navbar-fixed-top .navbar-nav > li > a { background: #3e3e3e; color: #ccc; transition: all 0.3s ease; }

.navbar-fixed-top .navbar-nav > li > a:hover,
.navbar-fixed-top .navbar-nav > li > a:focus {
    background: #2e8bd1;
    color: #fff;
}

.navbar-fixed-top .navbar-nav > .active > a,
.navbar-fixed-top .navbar-nav > .active > a:hover,
.navbar-fixed-top .navbar-nav > .active > a:focus {
    background: #1065a5;
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-fixed-top .navbar-collapse { clear: both; }
    .navbar-fixed-top .navbar-left { margin-left: -15px; }
}


/* OVERVIEW */

/* Sidebar */
.overview-filters { padding-top: 80px; }
.overview-filters button { color: white !important; transition: all 1s ease; background: #777; }
.overview-search-vouchers input { margin-bottom: 5px; }


.overview-filters .btn-colour1:active,
.overview-filters .btn-colour1.active {
    color: white;
    background: #7fc093;
    border-color: #7fc093;
    box-shadow: none;
}

.overview-filters .btn-colour2:active,
.overview-filters .btn-colour2.active {
    color: white;
    background: #cd8e5b;
    border-color: #cd8e5b;
    box-shadow: none;
}

.overview-filters .btn-colour3:active,
.overview-filters .btn-colour3.active {
    color: white;
    background: #74b9bc;
    border-color: #74b9bc;
    box-shadow: none;
}

.overview-filters .btn-colour4:active,
.overview-filters .btn-colour4.active {
    color: white;
    background: #8775bc;
    border-color: #8775bc;
    box-shadow: none;
}

.overview-filters .btn-colour5:active,
.overview-filters .btn-colour5.active {
    color: white;
    background: #bc7581;
    border-color: #bc7581;
    box-shadow: none;
}

.overview-filters .btn-colour6:active,
.overview-filters .btn-colour6.active {
    color: white;
    background: #bcb875;
    border-color: #bcb875;
    box-shadow: none;
}



/* Calendar */
.calendar-toolbar {
    position: fixed;
    left: 0;
    right: 0;
    top: 52px;
    background: #f5f5f5;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    height: auto;
    min-height: 0;
    z-index: 400;
	padding: 10px 20px;
	text-align: center;
	min-height: 52px;
}
.calendar-toolbar .calendar-left { float: left;}
.calendar-toolbar .calendar-right { float: right;}
.calendar-toolbar .calendar-center { display: inline-block;}

/* the things within each left/right/center section */
.calendar .calendar-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.calendar .calendar-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}

.calendar .calendar-toolbar .row {float: none !important; margin-left: -15px !important;}

.calendar-toolbar h2, .calendar-toolbar h3 { color: #1065a5; }
.calendar-toolbar h2 { margin: 0 }
.calendar-toolbar h3 { margin: 3px 0 0;}

.calendar-toolbar button { position: relative;}
.calendar-toolbar .active {background: #1065a5; color: #fff}


.calendar-toolbar .calendar-state-hover, .calendar-toolbar .ui-state-hover { z-index: 2; }
.calendar-toolbar .calendar-state-down { z-index: 3;}
.calendar-toolbar .calendar-state-active, .fc-toolbar .ui-state-active { z-index: 4;}
.calendar-toolbar button:focus { z-index: 5;}

.calendar .button-position { margin-left: -15px;}

.calendar-button-group { display: inline-block;}
.calendar .calendar-button-group > * {float: left;margin: 0 0 0 -1px;}
.calendar .calendar-button-group > :first-child { margin-left: 0;}

.calendar button .calendar-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}

.calendar-icon {
	display: inline-block;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;

	/* don't allow browser text-selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

.calendar-icon:after { position: relative; }

.calendar-icon-left-single-arrow:after { 
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.calendar-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
}

.calendar button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;
	/* text & cursor */
	font-size: 1em;
	/* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.calendar button::-moz-focus-inner { margin: 0; padding: 0; }

/* ========================================================*/
.calendar-state-default {
	line-height: 30px;
 	font-style: normal;
  	text-shadow: none;
  	text-decoration: none;
   	padding: 0 20px;
	position: relative;
 	letter-spacing: 0;
 	background: #e2e2e2;
 	box-shadow: none;
  	border: none;
	outline: none;
 	z-index: 1;
   	overflow: hidden;
	color: #585f69;
}

.calendar-state-default.calendar-corner-left { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.calendar-state-default.calendar-corner-right { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.calendar-state-default:hover { color:#585f69; background: #ccc; transition: all 0.2s ease; border-color:transparent; }

/* ========================================================*/
.calendar .panel {margin-top: 75px; margin-bottom: 75px}
.calendar th { background: #eee; background-clip: padding-box; vertical-align: top; }

.calendar .days th { cursor: pointer; border:none; font-size: 13px;}
.calendar .days th:hover { color: #2e8bd1;}

.calendar .table > tbody td div { 
	color: white; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0; 
}

.calendar .table > tbody > tr > td { cursor: pointer;  }

.calendar .table > tbody > tr > td:hover,
.calendar .table > tbody > tr > td:active {
    background: #f5f5f5;
}

.calendar .table > tbody > tr.blank > td:hover { background-color: transparent; cursor: default;}




/* ========================================================*/
.opsboard .calendar td, .opsboard .calendar th {
    text-align: center;
    position: relative;
    width: 120px;
    min-width: 120px;
    padding: 8px;
    border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	vertical-align: middle;
}


.opsboard .calendar td { background-color:  #ffffff;}

.opsboard .calendar tbody th { font-size: 13px;}
.opsboard .calendar .unassigned th { color: #999;}

.opsboard  table tr.blank { height: 32px;}
.opsboard  table tr.blank th, .opsboard  table tr.blank td  { border:none !important; background-color: #fff;  }

.opsboard .calendar .table > tbody td div { padding: 2px; font-size: 11px; line-height: 15px; margin-bottom: 3px; }
.opsboard .calendar .table > tbody td div:last-child { margin-bottom: 0;}

.opsboard .calendar tbody td.jobs div { height: 32px;}
.opsboard .calendar tbody td.jobs-2 div:nth-child(1) { bottom: 50%; margin-bottom: 1px; }
.opsboard .calendar tbody td.jobs-2 div:nth-child(2) { top: 50%; margin-top: 1px; }
.opsboard .calendar tbody td.jobs-3 div:nth-child(1) { bottom: 66%; margin-bottom: 1px;}
.opsboard .calendar tbody td.jobs-3 div:nth-child(2) { bottom: 34%; top: 34%; margin-top: 1px; margin-bottom: 1px; }
.opsboard .calendar tbody td.jobs-3 div:nth-child(3) { top: 66%; margin-top: 1px; }
.opsboard .calendar tbody .divider td { height: 30px; background: transparent; }

.opsboard .calendar tbody td.today { background-color: #ebf6fe; }
.opsboard .calendar tbody .notThisMonthTD { background: #f5f5f5;}
.opsboard .calendar tbody .notThisMonthTD .notThisMonth { color:#ccc;}

.opsboard .calendar .monthview td { vertical-align: top; padding: 20px 2px 2px; }


/* ========================================================*/
.overview-calendar .calendar .panel {margin-top: 75px;}

.overview-calendar .table thead th { font-size: 13px; text-align: center; }
.overview-calendar .calendar .table > tbody > tr > td { height: 100px; cursor: pointer; position: relative; width: 14.2857%; }

.overview-calendar .table > tbody > tr > td:hover,
.overview-calendar .table > tbody > tr > td:active {
    background: #f5f5f5;
}

.overview-calendar .table > tbody > tr > td.blank,
.overview-calendar .table > tbody > tr > td.blank:hover,
.overview-calendar .table > tbody > tr > td.blank:active {
    cursor: default;
    background: #f5f5f5;
}

.overview-calendar .table > tbody > tr > td div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 8px 15px; }
.overview-calendar .table > tbody > tr > td div.half:first-child { bottom: 50%; margin-bottom: 1px; }
.overview-calendar .table > tbody > tr > td div.half:last-child { top: 50%; margin-top: 1px; }
.overview-calendar .table > tbody > tr > td div.third:first-child { bottom: 67%; margin-bottom: 1px; }

.overview-calendar .table > tbody > tr > td div.third:nth-child(2) { top: 33%; bottom: 33%; margin-top: 1px; margin-bottom: 1px; }
.overview-calendar .table > tbody > tr > td div.third:last-child { top: 67%; margin-top: 1px; }

.overview-calendar .table > tbody > tr > td div.quarter:first-child { bottom: 75%; margin-bottom: 1px; }
.overview-calendar .table > tbody > tr > td div.quarter:nth-child(2) { top: 25%; bottom: 50%; margin-top: 1px; margin-bottom: 1px; }
.overview-calendar .table > tbody > tr > td div.quarter:nth-child(3) { top: 50%; bottom: 25%; margin-top: 1px; margin-bottom: 1px; }
.overview-calendar .table > tbody > tr > td div.quarter:last-child { top: 75%; margin-top: 1px; }

.overview-calendar .table > tbody > tr > td div.colour1 { background: #7fc093; }
.overview-calendar .table > tbody > tr > td div.colour1:hover,
.overview-calendar .table > tbody > tr > td div.colour1n:active { background: #5fa073; }

.overview-calendar .table > tbody > tr > td div.colour2 { background: #cd8e5b; }
.overview-calendar .table > tbody > tr > td div.colour2:hover,
.overview-calendar .table > tbody > tr > td div.colour2:active { background: #ad6e3b;}

.overview-calendar .table > tbody > tr > td div.colour3 { background: #74b9bc; }
.overview-calendar .table > tbody > tr > td div.colour3:hover,
.overview-calendar .table > tbody > tr > td div.colour3:active { background: #54999c;}

.overview-calendar .table > tbody > tr > td div.colour4 { background: #8775bc; }
.overview-calendar .table > tbody > tr > td div.colour4:hover,
.overview-calendar .table > tbody > tr > td div.colour4:active { background: #67559c;}

.overview-calendar .table > tbody > tr > td div.colour5 { background: #bc7581;}
.overview-calendar .table > tbody > tr > td div.colour5:hover,
.overview-calendar .table > tbody > tr > td div.colour5:active { background: #9c5561;}

.overview-calendar .table > tbody > tr > td div.colour6 { background: #bcb875;}
.overview-calendar .table > tbody > tr > td div.colour6:hover,
.overview-calendar .table > tbody > tr > td div.colour6:active { background: #9c9855;}


/* TOOLTIPS */
.popover { max-width: none; font-size: 12px; white-space: nowrap; }
.popover .popover-title { text-align: center; padding-top: 0; padding-bottom: 0; overflow: hidden;}
.popover .popover-title h5 { color: #333; font-weight: 700; margin-bottom: 0;}
.popover .popover-title h5 span { color: #999; font-weight: 400; margin-left: 5px;}

.popover .popover-content { padding: 0;}

.popover .popover-content .table > thead > tr > th,
.popover .popover-content .table > tbody > tr > th,
.popover .popover-content .table > tfoot > tr > th,
.popover .popover-content .table > thead > tr > td,
.popover .popover-content .table > tbody > tr > td,
.popover .popover-content .table > tfoot > tr > td {
    padding-left: 10px;
    padding-right: 10px;
}

.popover .popover-content .table > tbody > tr > td { height: auto; cursor: pointer; position: relative; width: auto; }

.popover .popover-content table { margin: 0;}
.popover .popover-content table tr { cursor: pointer;}
.popover .popover-content table tr:hover { background: #eee;}
.popover .popover-content table td:first-child { font-weight: 700;}

.popover .popover-content table td:nth-child(6),
.popover .popover-content table td:last-child {
    position: relative;
    width: 33px;
    min-width: 33px;
    padding: 0;
}

.popover .popover-content table td:nth-child(6) a,
.popover .popover-content table td:last-child a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-decoration: none;
}

.popover .popover-content table td:nth-child(6) a i,
.popover .popover-content table td:last-child a i {
    font-size: 16px;
    line-height: 30px;
    display: block;
    text-align: center;
}


/* SUMMARY NUMBERS */
.overview-summary .panel {
    background: transparent;
    color: #999;
    border: 0;
    box-shadow: none;
}

.overview-summary .number {
    display: block;
    text-align: center;
    font-size: 40px;
}

.overview-summary .title {
    display: block;
    text-align: center;
    text-transform: uppercase;
}


/* DAY PAGE */
.day-page .page-heading h3 {
    margin: 0;
    line-height: 80px;
    font-weight: 700;
}

.day-page .page-heading h3 span {
    color: #999;
    font-weight: 400;
}

.day-page .page-heading button {
    margin-top: 24px;
    font-size: 12px;
    text-transform: uppercase;
}

.day-page .table > thead > tr > th,
.day-page .table > tbody > tr > th,
.day-page .table > tfoot > tr > th,
.day-page .table > thead > tr > td,
.day-page .table > tbody > tr > td,
.day-page .table > tfoot > tr > td {
    padding-left: 12px;
    padding-right: 12px;
}


/* MODAL */
.modal-sm { width: 400px;}
.modal-backdrop { z-index: 1061;}
.modal { z-index: 1062;}
.modal .modal-content { overflow: hidden;}
.modal .modal-header {  background-color: #2e8bd1; border-bottom: 1px solid #36a4f7; color: #fff}
.modal .modal-header.light {  background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; color: #333}

.modal .modal-header .close { margin-top: 0;}
.modal .modal-header label { margin-bottom: 0; line-height: 30px}
.modal .modal-body .form-group .form-control { margin-top: 5px;}
.modal .modal-body .form-group .form-control:first-child {margin-top: 0;}
.modal table { margin-bottom: 0; }
.modal table th:last-child, .modal table th:last-child { width: 20%; /* Stop last column expanding too much */ }
.modal .ui-tabs { margin-top: 0;}

@media (min-width:992px) {
    .modal-lg { width: 1200px}
}




/* Scrolling */
.scroll-wrapper { overflow-x: auto; position: absolute; left: 0; right: 0;}
.opsboard .scroll-wrapper { top: 62px; bottom: 20px; height: auto;}
.opsboard .fixed-sidebar { display: block; position: absolute; top: 0; left: 0; z-index: 399; width: auto;}


/* Sticky headings */
.sticky-wrap {
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}

.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    width: auto;
}

.sticky-wrap .sticky-thead {
    box-shadow: 0 0.25em 0.1em -0.1em rgba(0, 0, 0, .125);
    z-index: 100;
    width: 100%;
}

.sticky-wrap .sticky-intersect { opacity: 1; z-index: 150;}
.sticky-wrap .sticky-intersect th { background-color: transparent;}
.sticky-wrap td, .sticky-wrap th { box-sizing: border-box;}


/* OPS BOARD FOOTER */
.navbar-fixed-bottom {  padding: 15px 0;}


/* IE styles */

/*@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .opsboard tbody td div {
        min-height: 72px;
    }
    .opsboard tbody td.jobs-2 div {
        min-height: 35px;
    }
    .opsboard tbody td.jobs-2 div:nth-child(2) {
        top: 40px;
    }
    .opsboard tbody .pilot td div {
        min-height: 48px;
    }
    .opsboard tbody .pilot td.jobs-2 div {
        min-height: 23px;
    }
    .opsboard tbody .pilot td.jobs-2 div:nth-child(2) {
        top: 28px;
    }
}*/


/* COLORS */
.colourdayoff { background-color: #bbb; }
.colourmaint { background-color: #c87368;}
.colouroffice {  background-color: #5d5dd1; }
.colourhome { background-color: #8aacb8; }
.colourtrial { background-color: #9975b9; }
.colourmaint:hover { background-color: #a85348; }

.colour0 { background-color: #999999; }
.colour1 { background-color: #74b9bc; }
.colour2 { background-color: #7fc093; }
.colour3 { background-color: #c3b167; }
.colour4 { background-color: #b27ec5; }
.colour5 { background-color: #a3bc77; }
.colour6 { background-color: #776bb7; }
.colour7 { background-color: #cd8e5b; }
.colour8 {  background-color: #d27eac; }
.colour9 { background-color: #6d8fb6; }

.colour1:hover { background-color: #839c57; }
.colour2:hover { background-color: #54999c; }
.colour3:hover {  background-color:#a39147; }
.colour4:hover { background-color: #925ea5; }
.colour5:hover { background-color: #5fa073; }
.colour6:hover { background-color: #574b97; }
.colour7:hover { background-color: #ad6e3b; }
.colour8:hover { background-color: #b25e8c; }
.colour9:hover { background-color: #4d6f96; }

.colour1-muted { background-color: #91a9c4; }
.colour2-muted { background-color: #aad8b8; }
.colour3-muted { background-color: #dcd2ac; }
.colour4-muted { background-color: #e3beb9; }
.colour5-muted { background-color: #c2a2ce; }
.colour6-muted { background-color: #a3ccce; }
.colour7-muted { background-color: #c8d5b0; }
.colour8-muted { background-color: #e7cdb9; }
.colour9-muted { background-color: #cba5ba; }
.colour10-muted { background-color: #9b94be; }
.colour1-muted:hover { background-color: #7189a4;}
.colour2-muted:hover { background-color: #8ab898;}
.colour3-muted:hover { background-color: #bcb28c;}
.colour4-muted:hover { background-color: #c39e99;}
.colour5-muted:hover { background-color: #a282ae;}
.colour6-muted:hover { background-color: #83acae;}
.colour7-muted:hover { background-color: #a8b590;}
.colour8-muted:hover { background-color: #c7ad99;}
.colour9-muted:hover { background-color: #ab859a; }
.colour10-muted:hover { background-color: #7b749e; }

.colour-vibrant1 { background-color: #4983c5; }
.colour-vibrant2 { background-color: #49c56f; }
.colour-vibrant3 { background-color: #e77e2a; }
.colour-vibrant4 { background-color: #a449c5; }
.colour-vibrant5 { background-color: #49c1c5; }
.colour-vibrant6 { background-color: #98c549; }
.colour-vibrant7 { background-color: #dfbb2a; }
.colour-vibrant8 { background-color: #db5341; }
.colour-vibrant9 { background-color: #dc4b9a; }
.colour-vibrant10 { background-color: #5d49c5; }
.colour-vibrant1:hover {  background-color: #2963a5; }
.colour-vibrant2:hover { background-color: #29a54f; }
.colour-vibrant3:hover { background-color: #c75e0a; }
.colour-vibrant4:hover { background-color: #8429a5; }
.colour-vibrant5:hover { background-color: #29a1a5; }
.colour-vibrant6:hover { background-color: #78a529; }
.colour-vibrant7:hover { background-color: #bf9b0a; }
.colour-vibrant8:hover { background-color: #bb3321; }
.colour-vibrant9:hover { background-color: #bc2b7a; }
.colour-vibrant10:hover { background-color: #3d29a5; }


/* ADD TEMPLATE */
#activityTemplateModal #use-template-yes .modal-body,
#activityDetailModal #use-template-yes .modal-body {
    padding-top: 0;
}

#activityTemplateModal table .input-group .input-group-addon,
#activityDetailModal table .input-group .input-group-addon {
    background: transparent;
    color: #999;
    border-color: transparent;
    padding-left: 0;
}
.colorPicker{
	display:block;
	width:250px;
	height:25px;
	border:solid 1px;
}
.colorpicker{
	z-index:10000;
}

.popover .btn-link {
	background: #ccc;
	margin: 10px;
}

.dataTables_filter label{
	position: relative;
	width: 100%;
}
.dataTables_wrapper  .dataTables_filter label .form-control{
	width: 100%;
	margin-left:0px;
	padding-right: 30px;
}
.dataTables_filter label .glyphicon-search{
	position: absolute;
    top: 10px;
    right: 10px;
}
#chooseVoucherTable tr td{
	height: auto;
}