.icon-visible {font-family: Lato,Arial,Helvetica,sans-serif !important;}
.page-working {position: fixed; top: 50%; left: 50%; z-index: 5000; margin-top: -25px; margin-left: -25px;}

th.tablesorter-header:not(.sorter-false) {cursor: pointer; background-image: url('../plugins/jquery.tablesorter-2.31.1/css/images/black-unsorted.gif'); background-repeat: no-repeat; background-position: calc(100% - 5px) 50%;}
th.tablesorter-headerAsc:not(.sorter-false) {background-color: #D7E7F5; background-image: url('../plugins/jquery.tablesorter-2.31.1/css/images/black-asc.gif');}
th.tablesorter-headerDesc:not(.sorter-false) {background-color: #D7E7F5; background-image: url('../plugins/jquery.tablesorter-2.31.1/css/images/black-desc.gif');}

.admin-header {background: #aaa url('/img/banner-admin.jpg') no-repeat 50% 50%; background-size: cover; padding: 40px; color: white;}
.admin-header h1 {text-shadow: 0 0 20px black;}
.admin-header p.lead {text-shadow: 0 0 10px black;}
@media (min-width: 992px) {
 .admin-header h1 {font-size: 6rem;}
 .admin-header .row>div {display: table-cell; float: none; vertical-align: bottom;}
 .updates-panel {margin-bottom: 20px;}
}
.updates-panel {background: rgba(0,0,0,0.5); padding: 10px;}
.updates-panel h3 {margin-top: 10px;}

.search-log {margin-top: 20px;}

.dropdown-menu a.dropdown-toggle {padding-right: 40px;}
.dropdown-menu a.dropdown-toggle:after {font-family: 'Glyphicons Halflings'; content: '\e250'; position: absolute; right: 10px; font-size: 60%; padding-top: 2%;}
.dropdown-submenu {top: 0%; left: 100%; margin-left: 20px;}
@media (min-width: 768px) {
 .dropdown-submenu {margin-left: 0;}
}
#admin_accordion .panel-title a:before {font-family: 'Glyphicons Halflings'; content: '\e114'; display: inline-block; transition: 0.5s; margin-right: 5px;}
#admin_accordion .panel-title a.collapsed:before {transform: rotate(-90deg);}

.ui-datepicker {z-index: 2000 !important;}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.alert {max-height: 200px; overflow-y: auto;}

.form-control::-moz-placeholder {color: #ccc; opacity: 1;}
.form-control:-ms-input-placeholder {color: #ccc;}
.form-control::-webkit-input-placeholder {color: #ccc;}

textarea {resize: vertical;}

body {padding-top: 70px;}
.navbar-brand {background: url('/img/admin_logo.png') no-repeat 15px 50%; padding-left: 60px;}
.modal-loader {margin: 40px auto; display: block;}
.modal-loader.saver {position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px;}
.element-loading {position: relative; opacity: 0.5;}
.element-loading:before {position: absolute; content: ""; z-index: 10000; width: 100%; height: 100%; background: url('/admin/img/ajax-loader-sm.gif') no-repeat 50% 50%;}
.element-loading.large:before {background: url('/admin/img/ajax-loader.gif') no-repeat 50% 50%;}
.control-loader {background: url('/admin/img/ajax-loader-sm.gif') no-repeat 5px 50%; padding-left: 24px; opacity: 0.5;}
.form-signin {max-width: 360px; padding: 15px; margin: 0 auto;}
.form-signin .form-signin-heading, .form-signin .checkbox {margin-bottom: 10px;}
.form-signin .form-control {position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input:nth-of-type(1) {margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.form-signin input:nth-of-type(2) {border-top-left-radius: 0; border-top-right-radius: 0;}
.form-signin button {margin-top: 10px;}
.form-signin p {margin-top: 5px;}
.form-signin .form-control-feedback {top: 46px;}
.table>tbody>tr>td {vertical-align: middle;}
.table>tbody>tr>td .thumbnail {margin-bottom: 0;}
.table td a {word-break: break-word;}
#modal_1 textarea {resize: none;}
.ajax_sync {display: none;}
.expired {color: red;}
.thumbnail {max-width: 150px; max-height: 150px;}

.row-hide {display: none;}
.row-show {display: table-row;}

input[type="checkbox"]+label {margin-right: 1em;}
label small {color: #aaa; float: right;}
#modal_6 label,#modal_13 label {display: block;}
.modal label+div.checkbox {margin-top: 0;}

#form-editpage textarea {resize: none; width: 100%; height: 400px; font-family: "Courier New", Courier, monospace;}
#form-editpage .tab-pane {margin-top: 20px;}
.modal .tab-pane {margin-top: 20px;}

.btn-group[data-toggle='buttons'] span {font-size: 300%;}
#uploaded_image {width: 100%; margin-top: 10px;}
.image-choice {list-style-type: none; margin: 10px 0; padding: 0;}
.image-choice li {display: inline-block; width: 30%;}
.image-choice li img {width: 100%;}
.image-choice a {opacity: 0.4; display: inline-block; margin-bottom: 5px; transition: 0.1s;}
.image-choice a:hover {opacity: 1;}
.image-choice a.active {opacity: 1; box-shadow: 0 0 10px #337ab7;}

#organiseList {list-style-type: none; margin: 20px 0; padding: 0;}
#organiseList li {margin-bottom: 5px;}
#organiseList input[name^='title'] {width: 300px;}

input.dept,input.posn,input.init {width: 60px;}
.dept_list {list-style-type: none; padding: 0;}
.booking-dropdown {margin-bottom: 20px;}

.pwd-strength {font-size: 11px; line-height: 11px; text-align: right;}
.pwd-strength span {width: 20px; height: 5px; margin-left: 2px; display: inline-block; background-color: #ccc;}

.editable-empty {display: block; border: 0; height: 20px;}
.x_calendar_title,.x_news_headline {font-weight: bold;}

#log {height: 500px; margin: 20px 0; overflow-y: scroll; background: #f8f8f8; padding: 10px;}

.ajax_check {margin: 0 1px; cursor: pointer;}
.glyphicon-rotate {
 display: inline-block;
 margin: 0 1px;
 color: #888;
 -webkit-animation: spin 2s infinite linear;
 -moz-animation: spin 2s infinite linear;
 -o-animation: spin 2s infinite linear;
 animation: spin 2s infinite linear;
}

@-moz-keyframes spin {0% {-moz-transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg);}}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);}}
@-o-keyframes spin {0% {-o-transform: rotate(0deg);} 100% {-o-transform: rotate(359deg);}}
@keyframes spin {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg);}}

.icon-3x {font-size: 3em;}
.svg-icon {background: #888; padding: 5px;}

.page-header .form-group {margin: 20px 0 0 10px;}

.results-table,.images-table,.documents-table {margin-top: 20px;}
.images-table .thumbnail a>img {max-height: 120px;}
.pagination {margin-top: 0;}
.refresh-form {margin-bottom: 20px;}

#edit-menu {max-height: 300px; overflow-x: hidden; overflow-y: auto;}

.fieldlist {list-style-type: none; padding: 0;}
.fieldlist li {background: #eee; padding: 2px 5px; margin-bottom: 1px;}
.fieldlist li.active {font-weight: bold;}
.fieldlist li.active:before {content: '> ';}
.fieldlist span.glyphicon {cursor: pointer; padding: 2px 0;}
.fieldlist span.glyphicon:hover {color: #888;}
.fieldlist span.glyphicon-trash:hover {color: #f00;}
.fieldlist input[type='checkbox'] {margin-right: 5px;}
.fieldlist li small {padding: 2px 5px;}
.fieldlist-hover li:hover {background: #e5e5e5;}
.fieldlist-clickable li {cursor: pointer;}
#fieldlist:empty:before {content: 'There are no fields in use. Add a field from the choice below.';}
.date-list:empty:before {content: 'There are no dates available for this form. Add a new date below.';}
.time-list:empty:before {content: 'There are no times available for this date. Add a new time below.';}
.date-list li.selected {font-weight: bold;}
.date-list li.selected:before {content: '> ';}
.time-list li small {float: right;}
.session-list li small {float: right;}
.session-list li.unsaved:after {content: 'Not saved';color: red; float: right; font-size: 85%; margin-top: 2px; font-style: italic;}
.session-edit {padding: 20px; border: 1px solid #ccc; margin: 20px 0;}

.options-form {position: relative;}
.options-panel {position: absolute; top: 40px; right: 0; width: 300px; z-index: 1000;}

.datetime-row {border-bottom: 1px solid #ccc; margin-bottom: 10px;}

.x_compliance,.compliance-noedit {background: #eee; text-align: left; padding: 5px;}
.x_compliance[data-type='textarea'] {min-height: 50px;}
.editable-inline,.editable-inline .form-group, .editable-inline .editable-input,.editable-inline textarea,.editable-inline input[type='text'].form-control {width: 100% !important;}
.editable-inline .editable-buttons .editable-submit {float: right;}
.editable-inline .editable-buttons .editable-cancel {float: left; margin-left: 0;}


@media (min-width: 768px) {
 .navbar-right {margin-right: 0;}
 .navbar {max-height: 50px;}
}

table.organise {margin-top: 10px;}
button .glyphicon-rotate {color: white;}

#modal_viewer .modal-dialog {height: 90%;}
#modal_viewer .modal-content {height: 100%;}
#modal_viewer .modal-body {height: 90%;}
#modal_viewer iframe {width: 100%; height: 100%;}
#modal_viewer a.close {margin-right: 5px;}

[data-notify='message'] ul {list-style-type: none; margin: 0; padding: 0;}
[data-notify='message'] ul li:not(:last-child) {margin-bottom: 5px;}