/* BOOTSTRAP OVERRIDES */
* { outline: 0; }
form { margin: 0px; }
body { overflow-x: hidden; }

/* BRANDING COLOURS: Purple: #993399, Blue: #0099FF */
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-inverse .navbar-inner {
	background-color: #993399;
	background-image: -moz-linear-gradient(top, #8D198D, #6E0C6E);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8D198D), to(#6E0C6E));
	background-image: -webkit-linear-gradient(top, #8D198D, #6E0C6E);
	background-image: -o-linear-gradient(top, #8D198D, #6E0C6E);
	background-image: linear-gradient(to bottom, #8D198D, #6E0C6E); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8D198D', endColorstr='#FF6E0C6E', GradientType=0);
	border-color: #252525;
}

.navbar-inverse-alternate .navbar-inner {
	background-color: #0099FF;
	background-image: -moz-linear-gradient(top, #006DB3, #005288);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006DB3), to(#005288));
	background-image: -webkit-linear-gradient(top, #006DB3, #005288);
	background-image: -o-linear-gradient(top, #006DB3, #005288);
	background-image: linear-gradient(to bottom, #006DB3, #005288);
	background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF006DB3', endColorstr='#FF005288', GradientType=0);
	border-color: #252525;
}

.navbar-inverse i[class*="icon"] { background-image: url(/images/glyphicons-halflings-white.png); }

.nav-tabs > li > a, .nav-pills > li > a:hover { color: #0099FF; }
.nav .dropdown-toggle .caret, .nav .dropdown-toggle:hover .caret { border-bottom-color: #0099FF; border-top-color: #0099FF; }

/* sharpen up the default bootstrap well design - no shadows, lighter background colour etc */
.well { box-shadow: none; border-radius: 2px; background: #FAFAF5; border: 1px solid #D3D3C3; }

/* ovveride the default margins on wells as the default wont allow us to use up the whole page width */
[class*="span"] { margin-left: 28px; }

/* ==== PAGE HEADER - TITLE + BUTTONS + NAVIGATION */
#page-header { position: relative; }
#page-header .page-header-buttons { position: absolute; right: 0; top: 1.5em; width: 1000px; text-align: right; }

/* styling for a "stats" bar - to show key summary counts (like number of people booked on an event) */
.dashboard-headline-stats { border-top: 1px dotted #777777; border-bottom: 1px dotted #777777; list-style-type: none; margin: 10px; padding: 10px 0px 0px 0px; width: 100%; }
.dashboard-headline-stats li { color: #555555; display: inline-block; font-size: 16px; font-weight: 100; margin-bottom: 10px; text-align: center; width: 15%; }
.dashboard-headline-stats li b { color: #111111; display: inline-block; font-size: 21px; margin-right: 15px; position: relative; top: 1px; }

/* ==== MOTUS COMMENTS AREA ==== */
.motus-comments-area { display: block; margin: 0 0 10px; padding: 9.5px; height: 110px; min-height: 10px; max-height: 334px; max-width: 100%; overflow-y: scroll; overflow-x: hidden; background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', 'monospace'; font-size: 13px; line-height: 20px; word-wrap: break-word; }
.motus-comments-area .comment { border-bottom: 1px dotted #CECECE; padding: 2px 0px; }
.motus-comments-area .comment .comment-infomation span { color: #636363; }
.motus-comments-area .comment .comment-infomation span::after { content: ' - '; }
.motus-comments-area .comment .comment-infomation span:last-child::after { content: ':' !important; }

/* some styles for the "key contacts table" - replacement for the key contact boxes */
.motus-contact-details-table td { vertical-align: middle; }
.motus-contact-details-table .control-group { margin: 0 !important; }
.well .motus-contact-details-table { margin-bottom: 0 !important; }

/* fix to make icons default to white in buttons */
.btn-primary i[class*="icon"], .btn-info i[class*="icon"], .btn-success i[class*="icon"], .btn-warning i[class*="icon"], .btn-danger i[class*="icon"], .btn-inverse i[class*="icon"] { background-image: url(/images/glyphicons-halflings-white.png); }

/* fix for empty dd in horizontal dl tags */
.dl-horizontal > dd:after { display: table; content: ""; clear: both; }

/* fix for hidden select with chosen */
.chosen-container.input-mini    { width:60px  !important; }
.chosen-container.input-small   { width:90px  !important; }
.chosen-container.input-medium  { width:150px !important; }
.chosen-container.input-large   { width:210px !important; }
.chosen-container.input-xlarge  { width:270px !important; }
.chosen-container.input-xxlarge { width:530px !important; }

/* add an alt text to be displayed when copy/pasted - font awesome icons */
.fa-alt-text { overflow: hidden; }
.fa-alt-text span { margin-left: 999999999999px; }

/* GENERIC LAYOUT */
#main-navigation li { line-height: 22px; }
#main-navigation .navbar-search i { position: relative; left: 23px; top: 1px; }
#main-navigation .navbar-search input { padding-left: 30px; }

/* GENERIC LAYOUT - SECTION NAVIGATION */
.motus-page-navigation a { color: #993399 !important; }
.motus-page-navigation .pull-right a { color: #0099FF !important; }

/* PAGE HEADER + NAVIGATION STYLES */
.zeno-page-header h1 > span:nth-child(2) { font-size: 0.8em; color: #999999; font-weight: normal; }
.zeno-page-header h1 > span:nth-child(3) { font-size: 0.7em; color: #999999; font-weight: normal; }
.zeno-page-header h1 > span:nth-child(4) { font-size: 0.6em; color: #999999; font-weight: normal; }
.zeno-page-header h1 > span + span::before { position: relative; right: 0.15em; content: '•'; color: #DDDDDD; }

.page-headers .motus-page-navigation { margin-bottom: 0; }
.page-header-block + .page-header-block .motus-page-navigation { 
    padding-top: 0.5em; 
    padding-left: 0.5em;
    background: #f9f9f9; 
    border-left: solid #d3d3d3 1px; 
    border-right: solid #d3d3d3 1px; 
}

.page-header-block:not(:last-child) .motus-page-navigation li.active a { background-color: #f9f9f9; }

/* ajax loading indicator (id is used for improved css inheritance power) */
body#page-body.working { cursor: progress !important; }
body#page-body.working:after { 
	position: fixed;
	bottom: 1em;
	right: 1em;

	font-family: 'FontAwesome';
	content: '\f1ce';
	font-size: 3em;

	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

/* SPACERS */
.zeno-spacer-mini, .spacer10 { clear: both; height: 1em; }
.zeno-spacer-small, .spacer20 { clear: both; height: 1.5em; }
.zeno-spacer-medium, .spacer30 { clear: both; height: 2em; }
.zeno-spacer-large, .spacer40 { clear: both; height: 3em; }

/* ADDITIONAL MODAL SIZES - AND STYLES */
.modal-xlarge { width: 1418px; margin-left: -714px; }
.modal-large { width: 1058px; margin-left: -529px; }
.modal-medium { width: 828px; margin-left: -414px; }
.modal-small { width: 568px; margin-left: -284px; }

.modal-span3  { width: 310px; margin-left: -155px; }
.modal-span6  { width: 600px; margin-left: -300px; }
.modal-span9  { width: 890px; margin-left: -445px; }
.modal-span12 { width: 1180px; margin-left: -590px; }

.modal-body { max-height: 520px; overflow: visible; }

.modal-success .modal-header, .modal-error .modal-header, .modal-warning .modal-header, .modal-info .modal-header { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.modal-success .modal-header { background-color: #DFF0D8; }
.modal-error   .modal-header { background-color: #F2DEDE; }
.modal-warning .modal-header { background-color: #FAF2CC; }
.modal-info    .modal-header { background-color: #D9EDF7; }

/* MESSAGE BOX */
#zeno-message-container .zeno-message-box { margin-top: 100px; }
#zeno-message-container .zeno-message-box img { margin-right: 15px; }
#zeno-message-container .zeno-message-box label > input { position: relative; top: 3px; }

/* ALERTS BOX */
#zeno-alert-container { width: 900px; margin: 30px auto; position: fixed; left: 50%; margin-left: -450px; z-index: 1100; }

/* JUMP TO TOP WIDGET */
#zeno-page-scroll { position: fixed; right: -2px; bottom: 90px; width: 33px; height: 35px; background: url(/images/btt.png); cursor: pointer; display: none; }
#zeno-page-scroll:hover { background-position: 0px 36px; }

/* ACION BAR - RECORD WALKER AND MISC BUTTONS */
.zeno-header-action-bar { position: relative; }
.zeno-header-action-bar > div { position: absolute; top: 0.5em; right: 0.5em; }

/* PAGE HEADER - WITH BUTTONS */
.zeno-page-header { text-align: right; padding-top: 0.5em; }
.zeno-page-header > h1 { font-size: 28.5px; }
.zeno-page-header > h1, .zeno-page-header > h2, .zeno-page-header > h3 { display: inline-block; float: left; }
.zeno-page-header > .btn, .zeno-page-header > .btn-group > .btn { margin-top: 0.5em; }
.zeno-page-header .dropdown-menu { text-align: left; }

/* FIX THE CONTROL GROUP PADDING WHEN IUN TABLES */
table tbody td .control-group { margin: 0px; padding: 0px; }
table tbody td .control-group input, table tbody td .control-group select { margin: 0; }

/* ZENO FORM VALIDATION */
.zeno-validatable-field { position: relative; }
.zeno-validatable-field .zeno-validation-marker, .popover i.fa.fa-close { cursor: pointer; }
.zeno-validatable-field .popover { min-width: 200px; max-width: 450px; }
.zeno-validatable-field .zeno-validation-marker { position: absolute; top: 0px; right: -11px; display: none; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 @white; background-color: #eeeeee; border: 1px solid #cccccc; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.zeno-validatable-field	textarea + .zeno-validation-marker { border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; }
.zeno-validatable-field	select + .zeno-validation-marker { z-index: 100; right: -5px; height: 21px; }
.control-group.error .zeno-validatable-field .zeno-validation-marker { display: inline-block; border-color: #b94a48; color: #b94a48; }
/*.control-group.warning .zeno-validatable-field .zeno-validation-marker { display: inline-block; border-color: #c09853; color: #c09853; }*/

/* ZENO EDITABLE WELL - PLEASE ATTACH POPUP CODE TO THE EDIT BUTTON */
.zeno-editable-well { position: relative; }
.zeno-editable-well .zeno-editable-well-link { position: absolute; top: 15px; right: 15px; font-size: 20px; color: #333333; }
.zeno-editable-well .zeno-editable-well-link:hover { color: #666666; }

/* ZENO TABLE HEADER - LOCATION FOR TABLE WIDGETS */
.zeno-table-header { margin-top: 20px; }
.zeno-table-header > * { float: right; margin-left: 10px; }
.zeno-table-header h1, .zeno-table-header h2, .zeno-table-header h3 { display: inline;  font-size: 24.5px; margin: 0px; float: left; }

/* QUICK SEARCH FILTER THINGIE */
.motus-search-filter-bar { position: relative; float: left; margin-bottom: 1em; }
.motus-search-filter-bar::before { content: '\f002'; font-family: 'FontAwesome'; position: absolute; top: 0.35em; color: #999999; }
.motus-search-filter-bar input[name="filter[quicksearch]"] { width: 300px; font-size: 1.2em; margin-left: -0.6em; padding-left: 1.7em; }
.motus-search-filter-bar .dropdown-menu > li:not(.divider) { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; cursor: pointer; }
.motus-search-filter-bar .dropdown-menu > li:not(.divider):hover, .motus-search-filter-bar .dropdown-menu > li:not(.divider):focus { text-decoration: none; color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }

/* ZENO SEARCHABLE TABLE */
.zeno-loading-results { text-align: center; padding: 2em; color: #999999; }
.zeno-loading-results i { position: relative; top: 0.2em; left: 0.2em; }

/* FANCY CHECKBOXES + RADION OPTIONS */
.zeno-fancy-checkbox input[type="checkbox"] + i { font-size: 1.4em; position: relative; top: 0.3em; }
.zeno-fancy-checkbox input[type="checkbox"]:checked + i::before { content: '\f046'; }
.zeno-fancy-checkbox span { position: relative; top: 0.25em; left: 0.3em; }

.control-group.warning .zeno-fancy-checkbox { color: #C09853; }
.control-group.error   .zeno-fancy-checkbox { color: #B94A48; }
.control-group.info    .zeno-fancy-checkbox { color: #3A87AD; }
.control-group.success .zeno-fancy-checkbox { color: #468847; }

.zeno-fancy-radio input[type="radio"] { display: none; }
.zeno-fancy-radio input[type="radio"] + i { font-size: 1.4em; position: relative; top: 0.3em; }
.zeno-fancy-radio input[type="radio"]:checked + i::before { content: '\f05d'; }
.zeno-fancy-radio span { position: relative; top: 0.25em; left: 0.3em; }

/* ZENO COMBINATION SELECT/TEXT INPUT */
.zeno-combobox { pointer-events: none; display: inline; position: relative; }
.zeno-combobox .dropdown-menu { min-width: 50px; border-top-right-radius: 0px; border-top-left-radius: 0px; }
.zeno-combobox > * { pointer-events: all; }
.zeno-combobox::after {
    position: absolute; pointer-events: all; color: #888888; top: 0.2em; right: 0.6em; cursor: pointer; width: 1em; height: 1em; 
    content: "\f0d7"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/* GENERIC "COMBOBOX" CONTROL */
.input-dropdown-wrapper { display: inline; position: relative; }
.input-dropdown-wrapper::after { position: absolute; pointer-events: none; color: #888888; top: 50%; transform: translateY(-70%); right: 0.6em; content: "\f0d7"; font-family: 'FontAwesome'; }
.input-dropdown-wrapper .dropdown-menu { text-align: left; min-width: 20px; width: 100%; border-top-right-radius: 0px; border-top-left-radius: 0px; }

/* ALLOW BOOTSTRAP DROPDOWN TO BE USED SANS-LINKS */
.dropdown-menu { cursor: default; }
.dropdown-menu > li > a { padding: 0 !important; }

.dropdown-menu > li:not(.divider) {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #999999;
    white-space: nowrap;
}

.dropdown-menu > li:not(.divider):not(.disabled) {
    color: #333333;
    cursor: pointer;
}

.dropdown-menu > li:not(.divider):not(.disabled):hover, .dropdown-menu > li:not(.divider):not(.disabled):focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

/* ZENO SCROLLABLE TABLE MAIN STYLES */
.zeno-scrollable-table { display: flex; flex-flow: column nowrap; }
.zeno-scrollable-table thead {margin-right: 15px; }
.zeno-scrollable-table tbody { max-height: 60vh; overflow-y: scroll; }
.zeno-scrollable-table tr { display: flex; flex-flow: row nowrap; width: 100%; }
.zeno-scrollable-table thead tr th, .zeno-scrollable-table tbody tr td { flex-grow: 1; flex-basis: 0; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }

/* ZENO SELECTABLE TABLE - SELECTION OF TABLE ROWS */
.zeno-selectable-table tr td { cursor: pointer; }
.zeno-selectable-table tr.selected td { background-color: #e7e7e9; }
.zeno-selectable-table tr.selected:hover td { background-color: #dddde9; }

.zeno-selectable-table[data-zeno-selectable-colour="success"] tr.selected td { background-color: #dff0d8; }
.zeno-selectable-table[data-zeno-selectable-colour="success"] tr.selected:hover td { background-color: #c3e3b5; }

.zeno-selectable-table[data-zeno-selectable-colour="error"]   tr.selected td { background-color: #f2dede; }
.zeno-selectable-table[data-zeno-selectable-colour="error"]   tr.selected:hover td { background-color: #ceadad; }

.zeno-selectable-table[data-zeno-selectable-colour="warning"] tr.selected td { background-color: #fcf8e3; }
.zeno-selectable-table[data-zeno-selectable-colour="warning"] tr.selected:hover td { background-color: #d8d2af; }

.zeno-selectable-table[data-zeno-selectable-colour="info"]    tr.selected td { background-color: #d9edf7; }
.zeno-selectable-table[data-zeno-selectable-colour="info"]    tr.selected:hover td { background-color: #aed3e5; }

/* ZENO CLICKABLE TABLE */
.zeno-clickable-table tbody tr { cursor: pointer; }

/* ZENO SORTABLE TABLE */
.zeno-search-results-table thead th, .zeno-sortable-table thead th { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: pointer; position: relative; }
.zeno-search-results-table thead th i[class*="fa-sort"], .zeno-sortable-table thead th i[class*="fa-sort"] {
    margin-left: 0.5em;
}

/* ZENO INLINE UPLOADER */
.zeno-inline-uploader-dropzone input[type="file"] { position: absolute; top: -10000px; left: -10000px; }
.zeno-inline-uploader-dropzone label { color: #AAAAAA; margin: 0em; padding: 0.5em; font-size: 1em; border: 4px dashed #CCCCCC; height: 20px; text-align: center; }
.zeno-inline-uploader-dropzone:hover label, .zeno-inline-uploader-dropzone.active label { border: 4px dashed #AAAAAA; }

/* ZENO TABLE WIDGETS */
.zeno-table-footer .control-label { margin-top: 20px; width: 50px; }
.zeno-table-footer .controls { margin-left: 60px !important; margin-top: 20px; }
.zeno-table-footer .controls select, .zeno-table-footer .controls .chosen-container { width: 83% !important; }

/* BUTTON CHECKBOXES */
input[type="checkbox"] + label.btn { color:#333333; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); background-color:#f5f5f5; background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image:-o-linear-gradient(top, #ffffff, #e6e6e6); background-image:linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat:repeat-x; padding-top:12px;}
input[type="checkbox"] + label.btn:hover { background-color: #e6e6e6; }

input[type="checkbox"]:checked + label.btn { color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-position: 0 0px;}
input[type="checkbox"]:checked + label.btn-primary { background-color: #006dcc; background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); }
input[type="checkbox"]:checked + label.btn-warning { background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); }
input[type="checkbox"]:checked + label.btn-danger  { background-color: #da4f49; background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); }
input[type="checkbox"]:checked + label.btn-success { background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); }
input[type="checkbox"]:checked + label.btn-info    { background-color: #49afcd; background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); }
input[type="checkbox"]:checked + label.btn-inverse { background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); }

input[type="checkbox"]:checked + label.btn:hover, input[type="checkbox"]:checked + label.btn:focus, input[type="checkbox"]:checked + label.btn:active, input[type="checkbox"]:checked + label.btn.active, input[type="checkbox"]:checked + label.btn.disabled, input[type="checkbox"]:checked + label.btn[disabled]{ color: #ffffff; background-image: none; }

input[type="checkbox"]:checked + label.btn-primary:hover,  input[type="checkbox"]:checked + label.btn-primary:focus, input[type="checkbox"]:checked + label.btn-primary:active, input[type="checkbox"]:checked + label.btn-primary.active,input[type="checkbox"]:checked + label.btn-primary.disabled,input[type="checkbox"]:checked + label.btn-primary[disabled]{ background-color:#0044cc; }
input[type="checkbox"]:checked + label.btn-primary:active, input[type="checkbox"]:checked + label.btn-primary.active { background-color:#003399; }
input[type="checkbox"]:checked + label.btn-warning:hover,  input[type="checkbox"]:checked + label.btn-warning:focus, input[type="checkbox"]:checked + label.btn-warning:active, input[type="checkbox"]:checked + label.btn-warning.active,input[type="checkbox"]:checked + label.btn-warning.disabled,input[type="checkbox"]:checked + label.btn-warning[disabled]{ background-color:#f89406; }
input[type="checkbox"]:checked + label.btn-warning:active, input[type="checkbox"]:checked + label.btn-warning.active { background-color:#c67605; }
input[type="checkbox"]:checked + label.btn-danger:hover,   input[type="checkbox"]:checked + label.btn-danger:focus,  input[type="checkbox"]:checked + label.btn-danger:active,  input[type="checkbox"]:checked + label.btn-danger.active,input[type="checkbox"]:checked + label.btn-danger.disabled,input[type="checkbox"]:checked + label.btn-danger[disabled]{ background-color:#bd362f; }
input[type="checkbox"]:checked + label.btn-danger:active,  input[type="checkbox"]:checked + label.btn-danger.active  { background-color:#942a25; }
input[type="checkbox"]:checked + label.btn-success:hover,  input[type="checkbox"]:checked + label.btn-success:focus, input[type="checkbox"]:checked + label.btn-success:active, input[type="checkbox"]:checked + label.btn-success.active,input[type="checkbox"]:checked + label.btn-success.disabled,input[type="checkbox"]:checked + label.btn-success[disabled]{ background-color:#51a351; }
input[type="checkbox"]:checked + label.btn-success:active, input[type="checkbox"]:checked + label.btn-success.active { background-color:#408140; }
input[type="checkbox"]:checked + label.btn-info:hover,     input[type="checkbox"]:checked + label.btn-info:focus,    input[type="checkbox"]:checked + label.btn-info:active,    input[type="checkbox"]:checked + label.btn-info.active,input[type="checkbox"]:checked + label.btn-info.disabled,input[type="checkbox"]:checked + label.btn-info[disabled]{ background-color:#2f96b4; }
input[type="checkbox"]:checked + label.btn-info:active,    input[type="checkbox"]:checked + label.btn-info.active    { background-color:#24748c; }
input[type="checkbox"]:checked + label.btn-inverse:hover,  input[type="checkbox"]:checked + label.btn-inverse:focus, input[type="checkbox"]:checked + label.btn-inverse:active, input[type="checkbox"]:checked + label.btn-inverse.active,input[type="checkbox"]:checked + label.btn-inverse.disabled,input[type="checkbox"]:checked + label.btn-inverse[disabled]{ background-color:#222222; }
input[type="checkbox"]:checked + label.btn-inverse:active, input[type="checkbox"]:checked + label.btn-inverse.active { background-color:#080808; }


/* ADDITIONAL TABLE MODIFIERS */
table.table-buttons tbody td:last-child { text-align: right; white-space: nowrap; width: 10px; }
table.table-buttons button.btn-block { padding-left: 0.8em; padding-right: 0.8em; }
table.table-clickable tbody tr { cursor: pointer; }
table.table-nowrap th, table.table-nowrap td { white-space: nowrap; }

/* MAGIC IMAGE DESATURATION */
img.desaturated { opacity: 0.7; filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; }

/* BOOTSTRAP FORM CHANGES */
input.input-max-width, select.input-max-width, textarea.input-max-width { width: 97%; }

select.input-mini { width: 72px; }
select.input-small { width: 102px; }
select.input-medium { width: 162px; }
select.input-large { width: 222px; }
select.input-xlarge { width: 282px; }
select.input-xxlarge { width: 542px; }

.form-horizontal .control-group { margin-bottom: 10px; }
.form-horizontal .control-group .controls { margin-left: 170px; } /* tighten up the default for spacing */
.form-horizontal .control-group .controls.inline-checkboxes { position: relative; top: 0.4em; }

.input-numeric { width: 60px; text-align: right; }
/* Numeric Input inside control-group*/
.form-horizontal .input-numeric .controls { width: 60px !important; }
.form-horizontal .input-numeric .controls input { text-align: right; }

/* Date Input inside control-group
.form-horizontal .input-date .controls { width: 60px !important; } */

.controls-multiline { margin-bottom: -10px; }
.controls-multiline input, .controls-multiline select, .controls-multiline textarea { margin-bottom: 10px; }

input, select, button, textarea { outline: none; }

input[type="checkbox"] { border: medium none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
input[type="checkbox"] + label { background: url(/images/checkbox.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: inline-block; font-size: 14px; height: 20px; font-weight: normal; line-height: 8px; padding: 5px 30px 0px 30px; margin-left: 0px; }
input[type="checkbox"]:checked + label { background-position: 0 -26px; }

i[data-action="toggle-password"] { cursor: pointer; position: relative; top: -2px; left: 3px; }

textarea { resize: vertical; height: 4.4em; width: 99%; }

/* textarea sizes */
textarea.textarea-2-lines { height:  3em; }
textarea.textarea-4-lines { height:  6em; }
textarea.textarea-8-lines { height: 12em; }

/* COMMENTS - NEED TO HIGHLIGHT EVENTS ETC - YUCK */
code.comments-box { display: block; color: #333333; white-space: normal; background-color: #FFFFFF; }

/* MOTUS SPECIFIC */
.modal-motus-member-settings-contact-popup { margin-left: -414px; width: 650px; }
.modal-motus-member-settings-contact-popup .modal-body { max-height: 630px; }

/* COMMENTS */
textarea[readonly].comments-box { background-color: #ffffff; cursor: default; }
textarea[readonly].comments-box:focus { outline: 0 none !important; border: 1px solid #cccccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }

/* BACKGROUD COLORS OF WELL */
.well-light-green { background-color: #bcd890 }
.well-dark-green { background-color: #698b47 }
.well-gray { background-color: #a9b7b9; }
.well-yellow { background-color: #fdf07a }
.well-blue { background-color: #a7c6eb }
.well-red { background-color: #f77d64 }
.well-white { background-color: #ffffff }
.well-brown { background-color: #9e7339 }

/* datetime / date picker enabled inputs should be readonly - but style them better */
input[type="text"][data-datepicker="datetime"], input[type="text"][data-datepicker="date"] {
   background-color: #ffffff;
   cursor: pointer;

}

/* for inside the search table */
.table-disabled { opacity: 0.5; }

/* BOOTSTRAP - DATERANGEPICKER */
.daterangepicker.dropdown-menu { max-width: none; z-index: 3000; }
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; }
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { float: right; margin: 4px; }
.daterangepicker .ranges { width: 160px; text-align: left; }
.daterangepicker .ranges .range_inputs>div { float: left; }
.daterangepicker .ranges .range_inputs>div:nth-child(2) { padding-left: 11px; }
.daterangepicker .calendar { display: none; max-width: 250px; }
.daterangepicker.show-calendar .calendar { display: block; }
.daterangepicker .calendar.single .calendar-date { border: none; }
.daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; }
.daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label { color: #333; font-size: 11px; margin-bottom: 2px; text-transform: uppercase; text-shadow: 1px 1px 0 #fff; }
.daterangepicker .ranges input { font-size: 11px; }
.daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; }
.daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; }
.daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; }
.daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; }
.daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.daterangepicker.opensleft:before { position: absolute; top: -7px; right: 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: ''; }
.daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }
.daterangepicker.opensright: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: ''; }
.daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; }
.daterangepicker table { width: 100%; margin: 0; }
.daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
.daterangepicker td.off { color: #999; }
.daterangepicker td.disabled { color: #999; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; }
.daterangepicker td.in-range { background: #ebf4f8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }
.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }
.daterangepicker select.yearselect { width: 40%; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { width: 60px; margin-bottom: 0; }
.daterangepicker_start_input { float: left; }
.daterangepicker_end_input { float: left; padding-left: 11px }
.daterangepicker th.month { width: auto; }

/* ==== Learner Programme Progress Bars ===================================== */
.motus-learner-progress-bar-header { width: 200px; min-width: 200px; }
.motus-learner-progress-bar { text-align: center !important; color: #888888; }

th.progress-block { height: 140px; white-space: nowrap; width: 1px; }
th.progress-block > div { transform: translate(0px, 0px) rotate(-45deg); width: 1px; }

td.progress-block { padding: 8px 0px 4px !important; white-space: nowrap; }
td.progress-block > div { display: inline-block; height: 20px; padding: 0px; margin: 0px 2px; border: 1px solid #888888; font-size: 0; background: #DDDDDD; }

.progress-activity { display: inline-block; width: 10px; height: 20px; background: #CCCCCC; margin-left: 1px; }
.progress-activity:first-child { margin-left: 0px; }
.progress-activity:hover { outline: 1px solid #333333; }

.progress-activity[data-status="Pending"] { background: #FFFFFF; }
.progress-activity[data-status="Overdue"] { background: #ED7D31; }
.progress-activity[data-status=^"Scheduled"] { background: #FFF2CC; }
.progress-activity[data-status="Attended"] { background: #FFF2CC; }
.progress-activity[data-status="In Delivery"] { background: #FFF2CC; }
.progress-activity[data-status^="Exempt"] { background: #E2EFDA; }
.progress-activity[data-status^="Completed"] { background: #FFC7CE; }
.progress-activity[data-status="Completed - Successful"] { background: #A9D08E; }
.progress-activity[data-status^="Cancelled"] { background: #FF0000; }

/* ==== Company/Contact Timeline ============================================ */
.timeline-event { display: table; width: 100%; background: #F3F3F3; margin-bottom: 3px; }
.timeline-event:hover { background-color: #ECECEC; }
.timeline-event > div { display: table-cell; padding: 3px 10px; vertical-align: center; }

.timeline-event-icon { width: 32px; text-align: center; }
.timeline-event-icon i { position: relative; top: 7px; }
.timeline-event-time { width: 50px; text-align: center; }
.timeline-event-content { position: relative; }
.timeline-event-content .label { font-size: 1em; padding: 0.3em 0.5em; min-width: 6em; text-align: center; }

/* ==== Zeno Wizard Styles ================================================== */
.zeno-wizard .zeno-wizard-step { padding: 1em; }

.zeno-wizard[data-zeno-wizard-paused="-1"] .zeno-wizard-prev { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.zeno-wizard[data-zeno-wizard-paused="-1"] .zeno-wizard-next { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.zeno-wizard .zeno-wizard-timeline { position: relative; overflow: hidden; background-color: #F9F9F9; border: 1px solid #D4D4D4; border-radius: 4px; *zoom: 1; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); }
.zeno-wizard .zeno-wizard-timeline:before, .zeno-wizard-timeline:after { display: table; line-height: 0; content: ""; }
.zeno-wizard .zeno-wizard-timeline:after { clear: both; }

.zeno-wizard .zeno-wizard-timeline ul { width: 4000px; padding: 0; margin: 0; list-style: none outside none; }
.zeno-wizard .zeno-wizard-timeline ul li { position: relative; float: left; height: 46px; padding: 0 20px 0 30px; margin: 0; font-size: 16px; line-height: 46px; color: #999999; cursor: default; background: #EDEDED; }
.zeno-wizard .zeno-wizard-timeline ul li:last-child { width: 3000px; }

.zeno-wizard .zeno-wizard-timeline ul li .badge { margin-right: 8px; position: relative; top: -2px; }
.zeno-wizard .zeno-wizard-timeline ul li .chevron { position: absolute; top: 0; right: -14px; z-index: 1; display: block; border: 24px solid transparent; border-right: 0; border-left: 14px solid #D4D4D4; }
.zeno-wizard .zeno-wizard-timeline ul li .chevron:before { position: absolute; top: -24px; right: 1px; display: block; border: 24px solid transparent; border-right: 0; border-left: 14px solid #EDEDED; content: ""; }

.zeno-wizard .zeno-wizard-timeline ul li.title { color: #333333; font-size: 23px; font-weight: bold; padding-left: 20px; border-radius: 4px 0 0 4px; }

.zeno-wizard .zeno-wizard-timeline ul li.complete { color: #468847; background: #F3F4F5; }
.zeno-wizard .zeno-wizard-timeline ul li.complete .badge { background-color: #468847; }
.zeno-wizard .zeno-wizard-timeline ul li.complete .chevron:before { border-left: 14px solid #F3F4F5; }
.zeno-wizard .zeno-wizard-timeline ul li.complete:hover { cursor: pointer; background: #E7EFF8; }
.zeno-wizard .zeno-wizard-timeline ul li.complete:hover .chevron:before { border-left: 14px solid #E7EFF8; }

.zeno-wizard .zeno-wizard-timeline ul li.active { color: #3A87AD; background: #F1F6FC; }
.zeno-wizard .zeno-wizard-timeline ul li.active .badge { background-color: #3A87AD; }
.zeno-wizard .zeno-wizard-timeline ul li.active .chevron:before { border-left: 14px solid #F1F6FC; }

.zeno-wizard .zeno-wizard-steps .zeno-wizard-step:not(:first-child) { display: none; }