body {
    padding-top: 55px;
    padding-bottom: 40px;
    background-color: #eee;
}

body.grey {
    background-color: #ccc;
}

body.grey.login .container {
    margin-top: 50px;
    background-color: #eee;
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 40px 40px;
}

body.contract {
    padding-top:0;
}

body.contract > .container {
    max-width: 600px !important;
    margin: 50px auto !important;
    background-color: #ffffff !important;
    border: 1px solid #008C98;
    border-radius: 5px;
}

body.layout-actionbar .container {
    padding-top: 30px;
}



div#fixed-actionbar {
    width: 100%;
    position: fixed;
    background-color: #eee;
    border-bottom: 2px solid #12416b;
    z-index: 1000;
    top: 52px;
    padding: 0 15px;
}

.btn-actionbar-button {
    margin: 10px 0 0 10px !important;
}

tr.danger {
    background-color:#FBD5D5;
}

tr.success {
    background-color: #bcfbb8;
}

.container {
    width:98% !important;
    margin:1% !important;
}

a {
    color:#13416b;
}

/**** NAVBAR ****/
a.navbar-brand {
    padding: 6px 10px;
}

a.navbar-brand>img {
    height: 40px;
}

nav.navbar {
    background-color: #fff;
    border-bottom: 1px solid #13416b;
}

ul.nav > li.menu-item > a {
    border-right:1px solid #ececec;
}

ul.nav > li.menu-item > a:first-child {
    border-left:1px solid #ececec;
}

ul.nav > li.menu-item > a > .fa, ul.dropdown-menu > li.menu-item > a > .fa {
    margin-right:5px;
}

ul.dropdown-menu > li.menu-item > a > .fa {
    width: 20px;
    text-align: center;
}

/**** ERRORS ****/
div#formErrors {
    float: left;
    clear: both;
    width: 100%;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: 0;
    color: inherit;
}

.alert-info {
    background-color:#ceeaff;
}

.alert.info-band {
    padding: 5px 15px;
    color: #888;
}

.alert.alert-default {
    background-color: #ccc;
}

.alert.minimal-margin-below {
    margin-bottom: 5px;
}

.alert.alert-info {
    padding-left:50px;
}

.alert.alert-info:before {
    font-family: FontAwesome;
    content: "\f05a";
    position: absolute;
    left: 15px;
    font-size: 20px;
    top: 12px;
}

/**** HEADINGS ****/
.page-header {
    padding: 0 0 5px 0;
    margin: 15px 0 5px;
    border: 0;
    font-size: 2em;
    border-bottom: 2px solid #13416b;
    color: #13416b;
}

div#page-icon {
    position: absolute;
    top: 15px;
    font-size: 40px;
    z-index: 100;
    background-color: #13416b;
    padding: 4px 15px;
    border-radius: 100px;
    color: #FFFFFF;
}

#page-icon+h1.page-header {
    padding-left: 80px;
}

div#page-content {
    margin-top: 20px;
}

.button-row {
    /* margin-bottom: 60px; */
    padding: 0;
    line-height: 5em;
    text-align: right;
}

table {
    font-size: 1em;
}

table th {
    font-size:11px;
}

table td {
    font-size:12px;
}

table th, table td {
    padding:5px 10px;
}

span.input-group-addon {
    width: 40px;
}

table.table-in-form > tbody > tr > th {
    background-color: #95BDBD;
}

table.table-in-form > tbody > tr:nth-child(even) {
    background-color: #C4E0E0;
    border-bottom: 1px solid #95BDBD;
}
table.table-in-form > tbody > tr:nth-child(odd) {
    background: #D8ECEC;
    border-bottom: 1px solid #95BDBD;
}
table.table-in-form > tbody > tr.danger:nth-child(even) {
    background-color:#E0C4C4;
}
table.table-in-form > tbody > tr.danger:nth-child(odd) {
    background-color:#ECD8D8;
}
/**** BUTTON STYLES ****/

.btn-group .btn.btn-success, .btn-group .btn.btn-warning, .btn-group .btn.btn-danger {
    color: #3a3a3a;
    background-color: #DAE8E8;
    border-color: #B2CCCC;
}

.btn-group .btn.btn-success:hover, .btn-group .btn.btn-warning:hover, .btn-group .btn.btn-danger:hover {
    background-color:#ffffff;
}

.btn-warning {
    background-color:#FF7E0F;
}



.btn-default.active, .btn-default:active,
.open>.dropdown-toggle.btn-default {
    color: #13416b;
    background-color: #56D0DA;
    border-color: #32C0CC;
}

.btn-group .btn.btn-success.active {
    background-color: #47BF4E;
    color: #fff;
    text-shadow: 0px 0px 8px rgba(182, 255, 45, 0.9);
}

.btn-group .btn.btn-warning.active {
    background-color: #FF7E0F;
    color:#fff;
    text-shadow: 0px 0px 8px rgba(255,255,0,0.9);
}

.btn-group .btn.btn-danger.active {
    background-color: #D9534F;
    color: #fff;
    text-shadow: 0px 0px 8px rgba(255, 163, 138, 0.9);
}

.btn-group.small.inline-right {
    float:right;
    margin-right:20px;
    position:relative;
    top:-2px;
}

.btn-group.small>.btn {
    padding: 2px 10px !important;
    font-size: 12px !important;
}

.switch-bar {
    display: inline-block;
    padding: 5px 10px;
    width: 50%;
    margin-bottom: 5px;
}

.switch-bar>span {
    float: left;
    margin-right:10px;
}

.toggle.btn {
    margin-top:0;
}

.switch-bar .toggle.btn {
    margin-top: 2px;
    width: 40px !important;
}

.switch-bar label {
    display: inline-block;
    width: 150px;
    float: left;
}



/**** FORM STYLES ****/

form>section {
    float: left;
    display: block;
    clear: both;
}

form.form-horizontal>div>div.box {
    border-top: 1px solid #ddd;
}

textarea.form-control {
    width: 100%;
    height: 150px;
}

.read-only-field {
    padding: 7px 15px;
}

.tab-pane.form-horizontal {
    margin-top:0;
}

.form-group {
    border-bottom: 1px solid #D4E8E8;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.form-group.bottom {
    border-bottom:none;
    padding-top:10px;
    margin-top:10px;
    border-top: 1px solid #D4E8E8;
}

.form-group small {
    font-weight: normal;
    color: #665665;
}

label {
    float: left;
    line-height: 2.4em;
    font-size: 12px;
    text-align:left !important;
}

label.full-width {
    float:left;
    display: block;
    width: 100%;
    clear: both;
    line-height: 1.5em;
}

.box {
    float:left;
    width:100%;
}

.box-content {
    padding: 20px;
    background-color: #ecf5f9;
    border: 1px solid #13416b;
    /* border-top: none; */
    width: 100%;
    float: left;
    margin-bottom: 5px;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #13416b;
    border-bottom-color: transparent;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #ecf5f9;
    color: #003436;
}

/**** WIDGETS ****/
.widget {
    margin: 10px;
    background-color: #eee;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 0;
    font-size: 12px;
}

.row>.widget:first-child {
    margin-left:0;
}

.row>.widget:last-child {
    margin-right:0;
}

.widget-header {
    background-color: #ddd;
    padding: 15px;
    border-bottom: 1px solid #999;
}

.widget-footer {
    background-color: #ddd;
    padding: 15px;
    border-top: 1px solid #999;
}

.widget h1,.widget h2, .widget h3, .widget h4, .widget h5 {
    margin-top:0;
}

.widget h3 {
    font-size: 14px;
    font-weight: bold;
    display: inline;
}

.widget table>tbody>tr>td>h3 {
    font-size: 14px !important;
}

.widget tr.danger {
    background-color:#ffdddd;
}

.widget tr.danger>td {
    border-bottom:1px solid #994444;
}

.widget table>tbody>tr.danger>td>h3 {
    color:#994444;
}

.widget tr.warning {
    background-color:#ffe7ca;
}

.widget table>tbody>tr.warning>td>h3 {
    color:#e27802;
}

.widget tr.warning>td {
    border-bottom: 1px solid #eac0a8;
    background-color: #fbe5cd !important;
}

.widget tr.warning>td>i.fa {
    color: #e27802;
}

.btn.view_contract {
    background-color: #448a90;
    color: #ffffff;
    font-weight: normal;
    border-radius: 5px;
    padding: 1px 5px;
    font-size: 11px;
    display: inline;
    position: relative;
    top: -1px;
    margin-left: 20px;
}


/**** NAVTABS ****/
.nav-tabs {
    margin-top: 30px;
    float: left;
    clear: left;
    border-bottom: none;
}

/**** Settings ****/
.settings-section-group-title {
    font-size: 1.6em;
    border-bottom: 1px solid #2FC0CC;
    margin: 15px 0;
    font-weight: normal;
    color: #06B7C5;
    /* margin-top: 35px; */
    padding-top: 15px;
}

/**** Forms ****/

.nav-tabs>li>a {
    border: 1px solid #98BDC0;
    background-color: #e2e2e2;
    color: #13416b;
    border-bottom-color: #13416b;
}

.nav-tabs>li>a:hover {
    background-color: #B9B9B9;
    border-color: #13416b;
    color: #EFEFEF;
}

ul.nav-tabs>li>a.flagged-red {
    border-top: 2px solid #ff0000 !important;
    position: relative;
    top: -1px;
}

span.error-indicator {
    margin-left: 10px;
    color: #F51E32 !important;
    display:none;
}

span.form-information-field {
    font-family: monospace;
    line-height: 2em;
    font-size: 18px;
    color: #777;
}

.input-wrapper {
    position:relative;
}

.input-wrapper input, .input-wrapper select, .input-wrapper textarea {
    /*padding-right:50px !important;*/
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.input-wrapper span.field-icon {
    position: absolute;
    z-index: 1000;
    background-color: #f2f2f2;
    padding: 7px 8px;
    border: 1px dotted #ccc;
}

span.field-icon.error {
    color: #aa0000;
    background-color: #F9CECE;
    border: 1px dotted #aa0000;
}

.input-wrapper .field-icon+input {
    padding-left: 40px;
}

.input-wrapper>input.error,.input-wrapper>textarea.error {
    background-color: #ffeeee;
    border-color: #aa0000 !important;
    color: #aa0000;
}

.input-wrapper>input.valid {
    background-color: #eeffee !important;
    border-color: #00aa00 !important;
}

label.error {
    position: absolute;
    right: 30px;
    padding: 0 15px 0;
    background-color: #F51E32;
    color: #fff;
    font-size: 11px;
    border-radius: 5px 5px 0px 0px;
    border: 0px solid #000000;
    top: -16px;
    font-weight: normal;
    line-height: 1.5em;
}

.error-label-right+label.error {
    position: absolute;
    left: 100px;
    margin-left: 50px;
    border-radius: 0;
    border-radius: 5px;
    width: 200px;
}

span.valid-indicator {
    position: absolute;
    right: 25px;
    top: 10px;
    font-size: 15px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width:50px;
}

.settings-section-group-title:first-child {
    margin-top: 0;
}

/**** BOOTSTRAP-SWITCH ****/
.toggle.btn {
    min-width: 50px;
    min-height: 30px;
    margin-top: 8px;
}

.toggle-group .btn {
    display: inline-block;
    padding: 4px 12px;
}

.toggle-group .btn.toggle-off>.fa {
    padding: 0 12px;
}

span.toggle-handle.btn.btn-default {
    background-color: #c3c3c3;
    margin-top: 0px;
}

/**** SELECT2 ****/
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle; }
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-search--inline {
    float: left; }
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051; }

.select2-results {
    display: block;
    font-size: 12px;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0; }

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none; }
.select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
    left: 0;
    top: -10px;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-search--dropdown {
    display: block;
    padding: 4px; }
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0); }

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; }

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 2px;
    height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #a7a7a7;
    border: 1px solid #7d7d7d;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 5px 5px 10px;
    color: #fff;
     }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-left: 10px;
    float: right;
    padding: 0 5px;
    border-radius: 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #cc0000;
    background-color:#ffeeee;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #aaaaaa 1px;
    outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
    padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white; }

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none; }

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
    border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
    border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
    padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white; }

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb; }

.select2-close-mask{
    z-index: 2099;
}
.select2-dropdown{
    z-index: 3051;
}
/**** END SELECT2 ****/

.multi li.select2-selection__choice {
    width: 100%;
}

.select2-container {
    margin: 0px 0;
}
/**** END SELECT 2 ****/

/**** RICH TEXT EDITOR ****/
.richText {position: relative;background-color: #FAFAFA;border: #EFEFEF solid 1px;color: #333333;width: 100%;}.richText .richText-form {font-family: Calibri,Verdana,Helvetica,sans-serif;}.richText .richText-form label {display: block;padding: 10px 15px;}.richText .richText-form input[type="text"], .richText .richText-form input[type="file"], .richText .richText-form input[type="number"], .richText .richText-form select {padding: 10px 15px;border: #999999 solid 1px;min-width: 200px;width: 100%;}.richText .richText-form select {cursor: pointer;}.richText .richText-form button {margin: 10px 0;padding: 10px 15px;background-color: #3498db;border: none;color: #FAFAFA;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.richText .richText-toolbar {min-height: 20px;border-bottom: #EFEFEF solid 1px;}.richText .richText-toolbar ul li {float: left;display: block;list-style: none;}.richText .richText-toolbar ul li a {display: block;padding: 10px 13px;border-right: #EFEFEF solid 1px;cursor: pointer;-webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;transition: background-color 0.4s;}.richText .richText-toolbar ul li a .fa, .richText .richText-toolbar ul li a .fas, .richText .richText-toolbar ul li a .far, .richText .richText-toolbar ul li a svg {pointer-events: none;}.richText .richText-toolbar ul li a .richText-dropdown-outer {display: none;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);cursor: default;}.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {position: relative;display: block;margin: 3% auto 0 auto;background-color: #FAFAFA;border: #EFEFEF solid 1px;min-width: 100px;width: 300px;max-width: 90%;-webkit-box-shadow: 0 0 5px 0 #333;-moz-box-shadow: 0 0 5px 0 #333;box-shadow: 0 0 5px 0 #333;}.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {position: absolute;top: 0;right: -23px;background: #FFF;color: #333;cursor: pointer;font-size: 20px;text-align: center;width: 20px;}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {list-style: none;}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {display: block;float: none;font-family: Calibri,Verdana,Helvetica,sans-serif;}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {display: block;padding: 10px 15px;border-bottom: #EFEFEF solid 1px;}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {background-color: #FFFFFF;}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {margin: 10px 6px;float: left;}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {display: block;padding: 0;margin: 0;border: none;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 10px 0 #999;-moz-box-shadow: 0 0 10px 0 #999;box-shadow: 0 0 10px 0 #999;}.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a span {display: block;height: 30px;width: 30px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {padding: 10px 15px;}.richText .richText-toolbar ul li a:hover {background-color: #FFFFFF;}.richText .richText-toolbar ul li[data-disable="true"] {opacity: 0.1;}.richText .richText-toolbar ul li[data-disable="true"] a {cursor: default;}.richText .richText-toolbar ul li:not([data-disable="true"]).is-selected .richText-dropdown-outer {display: block;}.richText .richText-toolbar ul:after {display: block;content: "";clear: both;}.richText .richText-toolbar:last-child {font-size: 12px;}.richText .richText-toolbar:after {display: block;clear: both;content: "";}.richText .richText-editor {padding: 20px;background-color: #FFFFFF;border-left: #FFFFFF solid 2px;font-family: Calibri,Verdana,Helvetica,sans-serif;height: 300px;outline: none;overflow-y: scroll;overflow-x: auto;}.richText .richText-editor ul, .richText .richText-editor ol {margin: 10px 25px;}.richText .richText-editor table {margin: 10px 0;border-spacing: 0;width: 100%;}.richText .richText-editor table td, .richText .richText-editor table th {padding: 10px;border: #EFEFEF solid 1px;}.richText .richText-editor:focus {border-left: #3498db solid 2px;}.richText .richText-initial {margin-bottom: -4px;padding: 10px;background-color: #282828;border: none;color: #33FF33;font-family: Monospace,Calibri,Verdana,Helvetica,sans-serif;max-width: 100%;min-width: 100%;width: 100%;min-height: 400px;height: 400px;}.richText .richText-help {float: right;display: block;padding: 10px 15px;cursor: pointer;}.richText .richText-undo, .richText .richText-redo {float: left;display: block;padding: 10px 15px;border-right: #EFEFEF solid 1px;cursor: pointer;}.richText .richText-undo.is-disabled, .richText .richText-redo.is-disabled {opacity: 0.4;}.richText .richText-help-popup a {color: #3498db;text-decoration: underline;}.richText .richText-help-popup hr {margin: 10px auto 5px auto;border: none;border-top: #EFEFEF solid 1px;}.richText .richText-list.list-rightclick {position: absolute;background-color: #FAFAFA;border-right: #EFEFEF solid 1px;border-bottom: #EFEFEF solid 1px;}.richText .richText-list.list-rightclick li {padding: 5px 7px;cursor: pointer;list-style: none;}
/**** END RICH TEXT EDITOR ****/

/**** TIME-PICKER ****/
.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
    box-shadow:0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
    width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
    width: 11em;
}

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
    color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    background: #f2f2f2;
}
/**** END TIME-PICKER ****/

/**** DATE-PICKER ****/
.daterangepicker {
    position: absolute;
    color: inherit;
    background: #fff;
    border-radius: 4px;
    width: 278px;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
    /* Calendars */ }
.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
.daterangepicker.opensleft:before {
    right: 9px; }
.daterangepicker.opensleft:after {
    right: 10px; }
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
.daterangepicker.opensright:before {
    left: 9px; }
.daterangepicker.opensright:after {
    left: 10px; }
.daterangepicker.dropup {
    margin-top: -5px; }
.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc; }
.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff; }
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
.daterangepicker.show-calendar .calendar {
    display: block; }
.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
.daterangepicker .calendar.single .calendar-table {
    border: none; }
.daterangepicker .calendar th, .daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px; }
.daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background: #fff; }
.daterangepicker table {
    width: 100%;
    margin: 0; }
.daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #eee; }
.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date {
    border-radius: 4px; }
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff; }
.daterangepicker th.month {
    width: auto; }
.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
.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.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px; }
.daterangepicker .daterangepicker_input {
    position: relative; }
.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px; }
.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed; }

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left; }
.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
.ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
.ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff; }
.ranges li.active {
    background: #08c;
    border: 1px solid #08c;
    color: #fff; }

/*** CHECKRADIOS ***/
.checkradios-checkbox, .checkradios-radio{

    font-size:16px;

    position:relative;
    display:inline-block;
    vertical-align:bottom;
    text-align:center;

    border:1px solid #333;
    color:#333;
    width:1em;
    height:1em;
    cursor:pointer;
    padding:0.2em;

    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

    overflow:hidden;
    background-color: #ffffff;


}


.checkradios-radio{

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

}

/*Focus*/
.checkradios-checkbox.focus, .checkradios-radio.focus{

    -webkit-box-shadow:0px 0px 3px rgba(22,150,255,0.9);
    -moz-box-shadow:0px 0px 3px rgba(22,150,255,0.9);
    box-shadow:0px 0px 3px rgba(22,150,255,0.9);

    border-color:#1696f1;

}

/*Hide original*/
.checkradios-checkbox input[type=checkbox], .checkradios-radio input[type=radio]{

    margin:0;
    position:absolute;
    top:0;
    left:-9999%;
    width:100%;
    height:100%;

    position:absolute;
    display:inline-block;
    vertical-align:bottom;

}

.crtquk {
    font-size: 12px;
    color: #6aa1df;
    border: 2px solid #6aa1df;
    background-color: #ffffff; /*#d6e4f3;*/
    -webkitbox-shadow: inset 0px 0.1em 0.1em rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0px 0.1em 0.1em rgba(0,0,0,0.3);
    box-shadow: inset 0px 0.1em 0.1em rgba(0,0,0,0.3);
    margin-right: 10px;
    border-radius: 5px;
    padding:0.1em;
}

.checkradios-radio.checkradios.crtquk {
    border-radius: 20px;
    margin-right: 5px;
}

div.checkradios-radio.checkradios.crtquk+label {
    float: none;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    position: relative;
    top: 2px;
}

label[data-toggle="tooltip"] {
    cursor:help;
}

.radio-inline-label {
    margin-left:0;
    margin-right:20px;
    font-size:1.05em;
}

.crtquk.checked {
    background-color:#ffffff;
}

.checkradios-checkbox.checkradios.cbStandalone {
    font-size: 12px;
}

.checkradios-checkbox.important {
    border-color:#aa0000;
    color:#aa0000;
}

/*** END CHECKRADIOS ***/

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto; }
    .daterangepicker .ranges ul {
        width: 160px; }
    .daterangepicker.single .ranges ul {
        width: 100%; }
    .daterangepicker.single .calendar.left {
        clear: none; }
    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
        float: left; }
    .daterangepicker .calendar.left {
        clear: left;
        margin-right: 0; }
    .daterangepicker .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker .calendar.right {
        margin-left: 0; }
    .daterangepicker .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker .left .daterangepicker_input {
        padding-right: 12px; }
    .daterangepicker .calendar.left .calendar-table {
        padding-right: 12px; }
    .daterangepicker .ranges, .daterangepicker .calendar {
        float: left; } }

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
        float: left; }
    .daterangepicker .calendar.left {
        clear: none; } }
/**** END DATE-PICKER ****/

/**** DATATABLES ****/

table.table td, table.table.th {
    word-wrap: break-word;
}

table.table {
    /*  table-layout: fixed; */
}

table.datatable.dataTable {
    margin-top: 20px;
    font-size:13px;
}

tr.odd {
    background-color: #ede2ff;
}

tr.even {
    background-color: #f1ebff;
}

table.table-sorting>thead>tr>th {
    text-align: left;
}

.pagination>li>a, .pagination>li>span
{
    color: #13416b;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #cc604d;
    border-color: #cc614e;
}

a.list-icon {
    color: #333 !important;
    float: right;
}

.dataTables_length, .datatable-toolbar {
    font-size: 12px;
}

.dataTables_filter>label {
    float: right;
}

.dataTables_info {
    font-size: 12px;
}

th.sorting, th.sorting_asc, th.sorting_desc {
    cursor: pointer;
}

th.sorting:after {
    font-family: FontAwesome;
    content: '\f0aa\f0ab';
    margin-left: 5px;
    color:#ccc;
    float: left;
    clear: both;
    width: 100%;
}

th.sorting_asc,th.sorting_desc {
    color:#cc5f4c !important
}

th.sorting_asc:after {
    font-family: FontAwesome;
    content: '\f0aa';
    margin-left: 5px;
    float: left;
    clear: both;
    width: 100%;
}

th.sorting_desc:after {
    font-family: FontAwesome;
    content: '\f0ab';
    margin-left: 5px;
    float: left;
    clear: both;
    width: 100%;
}

th.sorting_disabled:after {
    content: '';
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
}

ul.pagination {
    margin: 0;
    float: right;
    font-size: 12px;
}

table.datatable td {
    font-size:13px;
}

table.datatable td .list-icon {
    font-size:10px
}

.dataTables_scrollBody thead {visibility: hidden;}

.dataTables_scrollBody>table {
    margin: 0 !important;
}

/* tooltip */
.tooltip.in {
    filter: alpha(opacity=98);
    opacity: .98;
}
.tooltip-inner {
    text-align:left;
    padding:10px;
    background-color:#99c9dc;
    color:#000;
    line-height:1.25em;
    border-color:#000;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #99c9dc;
}


.tab-content .paginate_button {
    /*padding: 5px 10px;*/
    background-color: #13416b;
    margin-left: 2px;
    color: #fff;
    border-radius:3px;
    cursor:pointer;
}

.tab-content .paginate_button.disabled {
    background-color:#eee;
    color:#aaa;
}

.tab-content .paging_full_numbers {
    text-align: right;
}

.tab-content .paging_full_numbers>span>span {
    padding: 5px 10px;
    background: transparent;
}

.tab-content a.paginate_button.current {
    background-color: #00292e;
}

/**** END DATATABLES ****/

/**** LOGIN FORM ****/
form.form-login {
    width: 250px;
    margin: 20px auto;
}

form.form-login button[type=submit]{
    display: block;
    margin: 5px 0;
}

form.form-login div.links {
    font-size: 11px;
}

form.form-login img.logo {
    width: 80%;
}

/**** BADGE CLASSES ****/
.dataTable span.badge.badge-ok, .dataTable span.badge.badge-active {
    background-color: #3EA03E;
    line-height: 1.2em;
    margin: 5px 0 0;
}

.dataTable span.badge {
    width: 95px;
    font-size: 10px !important;
    line-height: 1em !important;
    margin: 0;
    font-size: 11px !important;
}

span.badge.number {
    width: 30px !important;
}

span.badge.small {
    width: 40px !important;
}

span.badge.dark {
    background-color:#444;
    color:#fff;
    border-radius:2px;
}

.dataTable span.badge.badge-period {
    width:60px;
    background-color: #4686C5;
}

span.badge.badge-duration {
    font-weight: normal;
    width: 60px;
    background-color: #333;
}

.dataTable span.badge.badge-ok {
    background-color: #3EA03E;
}

.dataTable span.badge.badge-disabled {
    background-color: #a02c25;
}

.dataTable span.badge.badge-draft {
    background-color: #EC8125;
}

span.badge.status {
    width: 40px;
    margin: 0 auto !important;
    display: block;
}

.dataTable span.check-icon {
    font-size: 19px;
    text-align: center;
    display: block;
    color: #7E9C23;
}

.dataTable span.check-icon.fail {
    color: #CA2C2C !important;
}

.datatable th {
    font-size: 11px;
    text-align:center;
}

.dataTable td.danger-cell {
    background-color:#FF3F3F;
    color:#fff;
}
.dataTable td.warning-cell {
    background-color: #FFB035;
}

.danger-text {
    color: #ff0000;
}

table#datatable-filters select, table#datatable-filters input {
    font-size:11px;
}

table#datatable-filters label {
    margin:0;
    padding:0;
    font-size:10px;
}

span.cert-type {
    padding: 1px 5px 2px;
    color: #4A4A4A;
    margin: 10px auto;
    width: 20px;
    display: block;
    text-align: center;
    font-size: 12px;
    border-radius: 20px;
    font-weight: bold;
    font-family: monospace;
}

span.cert-type.printed {
    background-color: #62D2FF;
}

span.cert-type.ecert {
    background-color: #FFB6EB;
}

span#org_notes, span#venue_notes {
    font-family: monospace;
    background-color: rgba(100,100,100,0.1);
    display: block;
    padding: 10px 10px;
    border: 1px dashed rgba(70,70,70,0.2);
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 12px;
}

span#company_notes {
    font-family: monospace;
    background-color: #ffffee;
    display: block;
    min-height: 220px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/**** UTILITY CLASSES ****/
.no-padding {
    padding:0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.space-below-1em {
    margin-bottom:10px;
}

.space-below-5px {
    margin-bottom:5px;
}

.space-below-20px {
    margin-bottom:20px;
}

textarea.notes {
    height: 210px;
    border-radius: 3px;
    background-color: #ffffee;
    font-family: monospace;
    line-height: 1.75em;
    letter-spacing: 0.015em;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    float: left;
    clear: left;
    width: 100%;
    position: relative;
}

.alert.icon {
    padding-left:50px;
}
.alert.icon:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 24px;
}
.alert.icon.actionwarning {
    background-color: #ffe0ba;
    color: #ff6e00;
    padding: 5px 10px 5px 50px;
}

span.field-note {
    display: block;
    line-height: 1em;
    font-size: 10px;
    font-weight: normal;
}

.alert.icon.infocircle:before {
    content: "\f05a";
}

.alert.icon.checked:before {
    content: "\f046";
}

.alert.icon.hand:before {
    content: "\f256";
}

.alert.icon.actionwarning:before {
    content: "\f071";
    font-size: 16px;
    top: 4px;
}

span.cell-label {
    margin-right: 5px;
    display: inline-block;
    width: 40px;
    /* float: left; */
    font-size: 11px;
    background-color: #D6D6D6;
    color: #333;
    font-weight: bold;
    padding: 1px 5px;
    border-radius: 4px;
}

span.cell-icon {
    margin-right: 5px;
    display: inline-block;
    color: #333;
    font-size: 15px;
}

.badge.table-missing {
    background-color: transparent;
    color: #ccc;
    font-weight: normal;
    border: 1px dotted #ccc;
    width: 45px !important;
}

.finger {
    cursor:pointer;
}

#page-icon>i.fa {
    position: relative !important;
}

#page-icon.icon-calendar>i.fa,
#page-icon.icon-calendar-check-o>i.fa {
    top: -1px !important;
}

#page-icon.icon-calendar-plus-o>i.fa {
    top: 0 !important;
    left: 1px;
}

#page-icon.icon-users>i.fa {
    top: -3px !important;
    font-size:30px !important;
}

#page-icon.icon-file-text-o>i.fa {
    top: -1px !important;
}

#page-icon.icon-balance-scale > .fa {
    font-size: 28px;
    top: -5px !important;
}

#page-icon.icon-heartbeat>i.fa {
    top: 2px !important;
}

#page-icon.icon-shopping-bag>i.fa {
    top: -2px !important;
}

#page-icon.icon-envelope>i.fa,#page-icon.icon-refresh>i.fa {
    top:0 !important;
    left:0 !important;
}

#page-icon.icon-building>i.fa {
    top:0 !important;
    left:2px !important;
}

#page-icon.icon-comment>i.fa {
    top: 0 !important;
}

.lookup-in-progress {
    background-image:url(../images/ajax-loader.gif);
    background-repeat:no-repeat;
    width: 31px;
    height: 31px;
    display: inline-block;
    float: right;
}

#company-results, #venue-results {
    display: block;
    width: 100%;
    float: left;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    height: 300px;
    background-color: rgb(239, 239, 239);
    border: 1px solid #AFAFAF;
    padding-top: 50px;
    top: -12px;
    left: 5px;
    box-shadow: rgba(0,0,0,0.5) 4px 4px 10px;
    border-radius: 5px;
}

input#company_query, input#venue_query {
    z-index: 1010;
    position:relative;
}

div#company-results-content, div#venue-results-content {
    /* margin-top: 50px; */
    height: 240px;
    position: relative;
    overflow-y: auto;
    padding: 0 10px;
}

#company-results-content>.company-result-row, #learner-results>.learner-result-row,
#venue-results-content>.venue-result-row {
    padding: 4px 10px;
    background-color: #E4E4E4;
    margin-top: 2px;
    font-size: 11px;
    cursor: pointer;
    border: 1px solid #ccc;
}

#company-results-content>.company-result-row:hover, #learner-results>.learner-result-row:hover, #venue-results-content>.venue-result-row:hover {
    background-color: #A3D2D6;
    border-color: #88BABE;
}

.learner-on-course, .branch-row {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #ddd;
    color: #585858;
    font-weight: normal;
    margin-bottom:5px;
}

.learner-on-course .learner-id, .learner-result-row .learner-id, .branch-row .branch-id {
    color: #a5a5a5;
    font-size: 0.9em;
}

.remove-learner, .remove-branch {
    float: right;
    cursor: pointer;
    color: #990000;
}

span.clear-query {
    font-size: 24px;
    margin: 5px 10px;
    color: #990000;
    z-index:1010;
    position:relative;
}

.no-ajax-results {
    margin-top: 2px;
    background-color: #FFDFA6;
    font-size: 11px;
    padding: 2px 5px;
    border-radius: 3px;
}

input.datepicker {
    width: 105px;
    float: left;
    margin-right: 20px;
}

select.ui-timepicker-select {
    width: 100px;
    float: left;
    margin-right: 10px;
}

.course-date-fields {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

/*** Pass / fail learner on booking ***/
span.passfail-learner {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    background-color: #aaa;
    padding: 3px 10px;
    border-radius: 5px;
    position: relative;
    top: -2px;
    cursor: pointer;
    width: 102px;
    border: 1px solid #888;
}

span.passfail-learner.passed {
    background-color: #5FDE67;
    color: #E3FFE3;
    border: 1px solid #3FB547;
    font-size: 12px;
}

span.passfail-learner:hover {
    background-color:#bbb;
}

span.passfail-learner.passed:hover {
    background-color: #7fe884;
}

span.passfail-learner>.fa {
    margin-right: 5px;
}

a.learner-email-cert, a.learner-download-cert {
    width: 50px;
    float: right;
    background-color: #ccc;
    margin-right: 10px;
    text-align: center;
    padding: 1px 5px;
    position: relative;
    top: -2px;
    border-radius: 5px;
    border: 1px solid #bbb;
}

a.learner-email-cert:hover, a.learner-download-cert:hover {
    background-color:#eee;
    border-color:#ccc;
}

.email-sample-inner {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.email-sample-outer {
    background-color: #E6E6E6;
    padding: 50px;
    border: 1px solid #ccc;
}

#popupAddLearner input.error {
    border: 1px solid #cc0000;
    color: #aa0000;
    background-color: #ffeeee;
}

#popupAddLearner input.error:after {
    font-family: 'FontAwesome';
    position: absolute;
    top: -4px;
    left: -25px;
    font-size: 15px;
    content: '\f071';
}

div#popuperror {
    background-color: #ffcccc;
    margin-bottom: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #aa0000;
    color: #aa0000;
    font-size: 12px;
}

div#popuperror>span {
    margin-left: 30px;
    position: relative;
    display:inline-block;
}

div#popuperror>span:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: -4px;
    left: -25px;
    font-size: 15px;
    content: '\f071';
}

#popuperror > span > ul, #popuperror > span > li {
    margin: 0;
}

#company-contract-details > tbody > tr > th, #trainer-contract-details > tbody > tr > th {
    width:150px;
    vertical-align:top;
}

#company-contract-details > tbody > tr > th, #company-contract-details > tbody > tr > td, #trainer-contract-details > tbody > tr > th, #trainer-contract-details > tbody > tr > td {
    line-height: 1.5em;
    padding: 10px;
    font-size: 12px;
}

#company-contract-details ol, #trainer-contract-details ol {
    margin: 0;
    padding: 0 15px;
}

#company-contract-details ol > li, #trainer-contract-details ol > li {
    margin: 10px 0;
}

#company-contract-details span.session-date, #trainer-contract-details span.session-date {
    width: 180px;
    display: inline-block;
}

span.inline-companyname {
    font-weight: bold;
    width: 100%;
    display: inline-block;
}

span.inline-branchname {
    color: #6F7073;
    width: 100%;
    display: inline-block;
}

span.inline-contactname {
    font-weight: bold;
    color: #008E9A;
    width: 100%;
    display:inline-block;
}

span.inline-venue {
    font-weight: bold;
    width: 100%;
    display: inline-block;
}

/*** Organisation ***/
table.invoice-table {
    width: 100%;
    border: 1px solid #ccc;
}

table.invoice-table th, table.invoice-table td {
    padding: 5px 10px;
    font-size: 12px;
}

#upload-invoice {
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.file-uploadprogress {
    width: 100%;
    height: 15px;
    background-color: rgb(144, 144, 144);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /* padding: 1px; */
    border: 1px solid #999;
    margin: 2px 0;
    display:none;
}

.file-uploadprogress>div {
    display: block;
    height: 100%;
    text-align: center;
    width: 0;
    background-color: rgb(245, 152, 30);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.file-uploadsummary {
    font-size: 10px;
    margin: 0;
    padding: 0;
}

.file-uploadprogresstext {
    color: #FFF;
    font-size: 10px;
    z-index: 100;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 15px;
}

.upload-error {
    border: 1px solid #aa0000;
    background-color: #ffcccc;
    padding: 5px 15px;
    font-size: 12px;
    color: #990000;
    font-weight: bold;
    margin-bottom: 10px;
    display:none;
}

textarea#invoicedesc {
    float: left;
    clear: left;
    width: 100%;
    border: 1px solid #ddd;
}

.label.label-na {
    display: inline-block;
    padding: 5px 10px;
    background-color: #C5E4E4;
    color: #1C858E;
    font-weight: normal;
}


body.read-only-view .input-wrapper {
    padding: 10px 0 5px;
}

/*** Badges ****/
.badge {
    font-weight:normal;
    color:#ffffff;
    padding:5px 10px;
}

.badge.badge-success {
    background-color:#31AA56;
}

.badge.badge-warning {
    background-color: #FF7E0F;
}

.badge.badge-danger {
    background-color: #ab0c08;
}

.badge.badge-black {
    background-color:#000000;
}

/*** Feedback form ***/
textarea.feedbackform {
    width: 100%;
    float: left;
    clear: left;
    margin: 5px 0;
    border: 1px solid #006972;
    border-radius:3px;
    padding: 10px 15px;
    font-family: monospace;
    font-size: 12px;
}

.feedbackformsection {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #C1E7E9;
    float: left;
}

.feedbackformsection label.full-width {
    margin: 5px 0 -5px;
    padding: 0;
}

.feedbackformsection label.full-width:first-child {
    margin-top: 0;
    margin-bottom:0;
}

#feedback tr.feedback-row {
    cursor:pointer;
}

#feedback tr.feedback-row:hover {
    background-color:#509196;
    color:#fff;
}



/*** Internal verification ***/

.sample-course-select > .select2-container .select2-selection--single {
    height: 34px;
}

.sample-course-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    right: 3px;
}

.sample-course-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px;
}

.rounded-container {
    border-radius: 5px;
    border: 1px solid #31708F;
    padding: 20px;
    background-color: #F0F9F9;
}

label.row-label {
    font-size: 14px;
    line-height: 2.5em;
}

.row-content {
    font-size: 14px;
    line-height: 2.5em;
}

.sample-learner-container {
    padding-right: 20px;
    padding-left: 0;
}

.sample-learner {
    border: 1px solid #C6DCDC;
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.sample-learner>h4 {
    margin: 0;
}

.sample-learner .row {
    margin: 0;
}

.sample-learner .col-sm-8, .sample-learner .col-sm-2 {
    padding: 8px;
}

.sample-learner .row.band-one {
    background-color: #F0F9F9;
    border-top: 1px solid #CBDCDC;
}

.sample-learner .row.band-two {
    background-color: #E0F0F1;
    border-top: 1px solid #BAD2D2;
}

#sample_comments {
    width: 100%;
    height: 80px;
    border-radius: 5px;
    margin-top: 10px;
    border: 1px solid #D4E8E8;
    font-family: monospace;
    padding: 10px;
    margin-bottom: 10px;
}
.unacceptable-comment {
    line-height: 1em;
    padding-bottom: 15px;
    color: #6D7173;
}

.unacceptable-comment > input {
    border: 1px solid #BAD2D2;
    padding: 4px 5px;
    font-family: monospace;
    border-radius: 4px;
}

.text-small { font-size: 0.8em; }
.text-normal { font-size: 1em; }
.text-medium { font-size: 1.15em; }
.text-large { font-size: 1.25em; }

.text-bold { font-weight: bold !important; }

.text-centered { text-align: center; }

.no-left-padding { padding-left:0 !important; }

.bootstrap-switch{display:inline-block;direction:ltr;cursor:pointer;border-radius:4px;border:1px solid #ccc;position:relative;text-align:left;overflow:hidden;line-height:8px;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bootstrap-switch .bootstrap-switch-container{display:inline-block;top:0;border-radius:4px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on,.bootstrap-switch .bootstrap-switch-label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:table-cell;vertical-align:middle;padding:6px 12px;font-size:14px;line-height:20px}.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on{text-align:center;z-index:1}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary{color:#fff;background:#337ab7}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info{color:#fff;background:#5bc0de}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success{color:#fff;background:#5cb85c}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning{background:#f0ad4e;color:#fff}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger{color:#fff;background:#d9534f}.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default{color:#000;background:#eee}.bootstrap-switch .bootstrap-switch-label{text-align:center;margin-top:-1px;margin-bottom:-1px;z-index:100;color:#333;background:#fff}.bootstrap-switch span::before{content:"\200b"}.bootstrap-switch .bootstrap-switch-handle-on{border-bottom-left-radius:3px;border-top-left-radius:3px}.bootstrap-switch .bootstrap-switch-handle-off{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch input[type=radio],.bootstrap-switch input[type=checkbox]{position:absolute!important;top:0;left:0;margin:0;z-index:-1;opacity:0;filter:alpha(opacity=0);visibility:hidden}.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{padding:1px 5px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label{padding:5px 10px;font-size:12px;line-height:1.5}.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label{padding:6px 16px;font-size:18px;line-height:1.3333333}.bootstrap-switch.bootstrap-switch-disabled,.bootstrap-switch.bootstrap-switch-indeterminate,.bootstrap-switch.bootstrap-switch-readonly{cursor:default!important}.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label{opacity:.5;filter:alpha(opacity=50);cursor:default!important}.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container{-webkit-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on{border-radius:0 3px 3px 0}.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off{border-radius:3px 0 0 3px}.bootstrap-switch.bootstrap-switch-focused{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label{border-bottom-right-radius:3px;border-top-right-radius:3px}.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label{border-bottom-left-radius:3px;border-top-left-radius:3px}

.bootstrap-growl.alert {
    border: 1px solid;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
}

.bootstrap-growl.alert.alert-error {
    border: 2px solid #ff0000;
    color: #ff0000;
    background-color: #fff4e9;
    font-weight: bold;
}

.btn.btn-default {
    color: #ffffff;
    background-color: #44a1df;
    border-color: #0078a5;
    margin: 10px 0;
}

/*** Depressed button state ***/
/*.btn.btn-default {
    color:#303030;
    border-color:#676767;
}*/

#registrationform .btn-fullwidth {
    margin: 0;
}

.btn.btn-default.active {
    color:#ffffff;
    border-color:#444444;
}

.btn.active, .btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.5);
}

.btn.btn-default:hover {
    background-color:#3884b7;
}

.btn.btn-fullwidth {
    width:100%;
}

label.btn.btn-default.active {
    background-color: #398d9a;
    color: #ffffff;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.9);
}

.btn-primary {
    color: #fff;
    background-color: #cc604d;
    border-color: #ddaea7;
    margin: 10px 0;
}

.btn>.fa {
    margin-right: 5px;
}

.btn.btn-small {
    font-size:12px !important;
    line-height: 0.9em;
}

.btn.btn-dark {
    background-color: #555;
    border-color: #333333;
    color: #ffffff;
}

.red-text {
    color:#cc0000 !important;
}

.activity-item-header {
    color:#13416b;
    font-weight:bold;
}

.activity-action {
    color:#13416b;
}

.activity-item-key {
    color: #13416b;
    margin-right: 20px;
    width: 150px;
    display: inline-block;
}

.act-to {
    font-weight:bold;
    color:#13416b;
}

.act-empty {
    color: #aaa;
    /* font-weight: bold; */
}

.activity-changed-from {
    background-color: #ffdd9e;
    padding: 1px 5px;
    margin-bottom: 1px;
    display: inline-block;
    border-radius: 4px;
}

.activity-changed-to {
    background-color: #ead3ff;
    padding: 1px 5px;
    margin-bottom: 1px;
    display: inline-block;
    border-radius: 4px;
}

.badge.badge-checking {
    font-size: 11px;
    background-color: #ff9134;
    color: #fff;
    border: 1px solid #ff7600;
}

.badge.badge-available {
    font-size: 11px;
    background-color: #4cb44a;
    color: #fff;
    border: 1px solid #449e42;
}

.badge.badge-unavailable {
    font-size: 11px;
    background-color: #ff441c;
    color: #fff;
    border: 1px solid #d82119;
}

.badge-unavailable a {
    color:#fff !important;
    border-bottom:1px dotted #ffffff;
}

.badge.badge-info {
    background-color: #0077FF;
}

span.info-required-flag {
    font-size: 18px;
    color: #ffffff;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

a.dashboard-quicklink {
    display: inline-block;
    float:left;
    padding: 20px;
    text-align: center;
    background-color: #f9f9f9;
    margin: 5px 5px;
    width: 200px;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 200px;
}

a.dashboard-quicklink:hover {
    background-color:#fff;
    color:#444;
    border-color:#444;
    text-decoration:none;
}

.dashboard-quicklink>i.fa {
    font-size: 66px;
    font-weight: normal;
    display: block;
    margin: 30px auto 10px;
}

#googlemap {
    min-height: 500px;
}

#googlemap h2 {
    font-size: 14px;
    color: #437575;
    border-bottom: 1px solid #437575;
}

#searchError {
    color: #aa0000;
    border: 1px solid #aa0000;
    padding: 5px;
    display: none;
    margin: 15px;
    width: 85%;
    font-size: 11px;
    border-radius: 3px;
    background-color: #ffdddd;
}

div#searchResults {
    margin: 30px 10px 10px 0;
}

.map-icon {
    width:40px;
    float:left;
    display:inline-block;
    text-align: center;
}

.map-row {}

.map-item {
    font-size: 12px;
    display: block;
    background-color: #DAE8E8;
    border: 1px solid #437575;
    border-radius: 5px;
    padding: 10px !important;
    cursor: pointer;
    margin-bottom: 5px;
}

.map-item:hover {
    background-color: #ffffff;
    border: 1px solid #DAE8E8;
}

a.map-csv-link {
    display: block;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    background-color: #13416b;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 12px;
}

#documents,#invoices {
    background-color: #eee;
    display: block;
    clear: both;
    margin-top: 10px;
    float: left;
    width: 100%;
    border-top: 1px solid #333333;
}

#documents span.remove-doc, #invoices span.remove-invoice {
    background-color: #cc0000;
    padding: 2px 5px;
    border-radius: 3px;
    color: #ffffff;
    cursor:pointer;
    border:1px solid #cc0000;
}

#documents span.remove-doc:hover, #invoices span.remove-invoice:hover {
    background-color:#ff0000;
}

/*** Spacing ***/
.top-info-and-paging {
    padding-top: 10px !important;
    line-height: 2em;
}

/*** OPTIONS MANAGER ***/

.divider-bottom {
    border-bottom: 1px dotted #00a1de;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.divider-bottom.spaced {
    margin-bottom: 30px;
}

#optiongroup_optionlist>.option {
    margin-top: 5px;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 5px 0 5px 0;
    background-color: #ddd;
    display: block;
    width: 100%;
    float: left;
}

#optiongroup_optionlist>.option>div>button {
    width:100px;
    margin-right:5px;
}

.option-handle {
    float: left;
    display: inline-block;
    width: 3%;
    text-align: center;
}

.option-input {
    float: left;
    display: inline-block;
    width: 50%;
    text-align: center;
}

.option-assoc-input {
    float: left;
    display: inline-block;
    width: 12%;
    text-align: center;
    margin-left: 1%;
}

.option-buttons {
    float: left;
    display: inline-block;
    width: 33%;
    text-align: center;
}

#btn_save_order.btn.btn-default {
    float: right;
    background-color: #777;
    border-color: #555555;
    color: #ffffff;
    margin-bottom: 10px;
}


.btn-revert-option {
    background-color: #ffa500;
    color: #ffffff;
}

.btn-revert-option:hover {
    background-color:#d88c00;
    color: #ffffff;
}

.btn-revert-option,.btn-save-option {
    display:none;
}

.btn-delete-option {
    float: right;
}

.btn-new-option {
    width: 205px;
}

.changed {
    background-color: #ffffaa;
    border-color: #ffa501 !important;
}

.to-delete {
    background-color: #ffbbbb;
    border-color: #d95350;
    color: #d95350;
}

span#loading_optiongroups_anim,.spinny_thing {
    font-size: 21px;
    margin: 0 35px;
    position: relative;
    top: 5px;
    color: #cc614e;
    display:none;
}

.spinny_thing {
    margin:0px;
    top:2px;
}

input.default {
    width: 100%;
    line-height: 28px;
    padding: 2px 10px;
    border-radius: 4px;
    border: 1px solid #aaa;
}

/* System Log */
span.log-item {
    font-family: monospace;
    color: #b11e91;
}

span.log-object {
    font-family: monospace;
    color: #0b9bd2;
}

.datatable-toolbar>div>span.select2-container {
    margin: 0 !important;
    width: 250px !important;
}

/* Unit manager & forms */

.row.form-row {
    margin-bottom: 3px;
}

.row.form-row>div>label {
    font-size: 1em;
    font-family: sans-serif;
    float: right;
    line-height: 2.5em;
    font-weight: normal;
}

ul.nav-tabs>li.errors>a {
    color: #ff0000;
    text-shadow: rgba(255,100,0,0.9) 0 0 8px;
}

/* Main footer buttons */
.btn-main {
    width: 200px;
    margin: 10px 5px;
}
.btn-main:first-child {
    margin-left: 0;
}

.btn.disabled,.btn.disabled:hover {
    cursor: not-allowed;
    color:#aaa;
    background-color: #ccc;
    border-color: #aaa;
}

span.error-bookmark {
    position: absolute;
    top: 0px;
    right: 10px;

    background-color: #ff4444;
    padding: 5px 20px 5px 50px;
    line-height: 1.75em;
    color: #ffffff;
    /* font-weight: bold; */
    border-radius: 25px 5px 5px 25px;
    width: 320px;
    cursor:pointer;
}

span.error-bookmark:before {
    font-family: FontAwesome;
    content: "\f053";
    position: absolute;
    left: 10px;
}

input.error, select.error, textarea.error {
    background-color: #ffcccc;
    border: 1px solid #cc0000;
}

.deletelink {
    cursor:pointer;
}

tr.marked-for-deletion {
    background-color: #ffcfcf !important;
    color:#aa0000 !important;
}

div#autosaving-alert {
    /* position: absolute; */
    top: 80px;
    right: 20px;
    display: block;
    width: 200px;
    height: 70px;
    position: fixed;
    z-index: 10000;
    background-color: #fffed7;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid #ff6820;
    opacity: 0.8;
    color: #ff6820;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    display:none;
}

/** Drag and drop (including Dragula styles) **/
.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
span.handle {
    padding: 7px 2px;
    font-size: 18px;
    cursor: move;
}

/** Library module **/
div#selected_centres, div#selected_products {
    border: 1px solid #aaaaaa;
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background-color: #f5f5f5;
    height: 300px;
    overflow-y: auto;
}

.selected_centre_item, .selected_product_item, .selected_list_item
{
    display: block;
    width: 98%;
    margin: 8px auto;
    padding: 5px 10px;
    background-color: #dddddd;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
    position:relative;
}

span.remove_selected_item,span.remove_selected_item_pending {
    width: 20px;
    text-align: center;
    cursor: pointer;
    top: 5px;
    position: absolute;
    right: 10px;
}

.move_selected_item {
    position: absolute;
    bottom: 5px;
    right: 14px;
    cursor:pointer;
}

span.remove_selected_item_pending {
    cursor: default;
}

span.unit-group-target {
    display: block;
    border: 1px solid #aaa;
    margin-bottom: 5px;
    border-radius: 5px;
    width: 80%;
    margin: 0 auto 5px;
    padding: 5px 10px;
    text-align: center;
    background-color: #ccc;
    cursor:pointer;
}

.unit-group-target.mandatory-group {
    background-color: #ffeda9;
    border-color: #d86c00;
}

.unit-group-target.optional-group {
    background-color: #a9e3ff;
    border-color: #0060d8;
}

.unit-group-target.mandatory-group:hover {
    -webkit-box-shadow: 0px 0px 19px 1px rgba(255,170,0,1);
    -moz-box-shadow: 0px 0px 19px 1px rgba(255,170,0,1);
    box-shadow: 0px 0px 19px 1px rgba(255,170,0,1);
}

.unit-group-target.optional-group:hover {
    -webkit-box-shadow: 0px 0px 19px 1px rgb(81, 131, 255);
    -moz-box-shadow: 0px 0px 19px 1px rgb(81, 131, 255);
    box-shadow: 0px 0px 19px 1px rgb(81, 131, 255);
}

.lookup-in-progress {
    background-image:url(/themes/tquk/images/ajax-loader.gif);
    background-repeat:no-repeat;
    width: 31px;
    height: 31px;
    display: inline-block;
    position: absolute;
    top: 41px;
    right: 17px;
}

#centre-results, #product-results {
    display: block;
    width: 100%;
    float: left;
    overflow: hidden;
    position: absolute;
    z-index: 1000;
    height: 299px;
    background-color: rgb(239, 239, 239);
    border: 1px solid #AFAFAF;
    padding-top: 50px;
    top: 32px;
    left: -10px;
    box-shadow: rgba(0,0,0,0.5) 4px 4px 10px;
    border-radius: 5px;

}

input#centre_search, input#product_search {
    z-index: 1010;
    position:relative;
    width: 250px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

#select_centres input#centre_search, #select_products input#product_search {
    width: 200px;
}

div#centre-results-content, div#product-results-content {
    /* margin-top: 50px; */
    height: 240px;
    position: relative;
    overflow-y: auto;
    padding: 0 10px;
}

#centre-results-content>.centre-result-row,
#product-results-content>.product-result-row {
    padding: 4px 10px;
    background-color: #E4E4E4;
    margin-top: 2px;
    font-size: 11px;
    cursor: pointer;
    border: 1px solid #ccc;
}

#centre-results-content>.centre-result-row:hover, #product-results-content>.product-result-row:hover {
    background-color: #A3D2D6;
    border-color: #88BABE;
}

span.clear-query {
    font-size: 24px;
    margin: 5px 10px;
    color: #990000;
    z-index: 1010;
    position: absolute;
    top: 37px;
    right: 10px;
    cursor:pointer;
}

/** Licence page **/
#product-popup, #centre-popup {
    position: absolute;
    top: -45px;
    display: block;
    width: 300px;
    display:none;
}

#centre-popup div#centre-results, #product-popup div#product-results {
    padding-top: 100px;
    margin-bottom: 50px;
    height: 350px;
}

#centre-popup input#centre_search, #product-popup input#product_search {
    position: absolute;
    width:280px;float:left;
    top: 85px;
}

.popup-cancel-button {
    float: right;
    position: absolute;
    top: 45px;
    z-index: 10000;
    right: 20px;
}

#centre-popup span.lookup-in-progress, #product-popup span.lookup-in-progress {
    position: absolute;
    top: 180px;
    z-index: 10000;
    left: 130px;
}

#centre-popup #centre-results, #product-popup #product-results {
    background-color:#f9f9f9;
}

#centre-popup h4, #product-popup h4 {
    position: absolute;
    top: 40px;
    z-index: 10000;
    font-size: 14px;
    font-weight: bold;
}

/*** Centre Profile Editor ***/

.centre-user-row {
    margin: 0px 20px;
    border-bottom: 1px dotted #999;
    padding: 10px;
}

.centre-user-row.odd {
    background-color:#ddebf3;
}

.centre-user-row.even {
    background-color:#e6ebef;
}

.btn.btn-centre-edit,
.btn.btn-centre-view-token {
    float: right;
    background-color: #444;
    color: #fff;
    width:90px;
    margin-left: 10px;
}

.btn.btn-centre-view-token {
    display: none;
}

.btn.btn-centre-edit:hover {
    color: #444;
    background-color:#777;
    color:#fff;
}

.centre-user-edit-row,
.centre-user-view-token-row {
    border-bottom: 1px dotted #888;
    background-color: #ddd;
    margin: 0 20px;
    padding: 20px 0 10px;
    display:none;
}

.centre-user-edit-row input,
.centre-user-view-token-row input {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;

}

div.reset_password_container, div.primary_user_container {
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 5px;
    margin: 5px 0;
    background-color: #ccc;
}

.reset_password_container>input, .primary_user_container>input {
    float: left;
    margin-right:5px;
}

.reset_password_container>.checkradios-checkbox, .primary_user_container>.checkradios-checkbox {
    float: left;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #555;
    border-radius: 2px;
    font-size: 12px;
    padding: 3px 5px 3px 3px;
}

.reset_password_container>label, .primary_user_container>label {
    float: none;
    line-height: 1em;
    margin: 0;
    position: relative;
    top: -1px;
    font-weight: normal;
}

.row.centre-user-row.primary_centre_user {
    background-color: #fff2be;
}

span.primary-user-icon {
    background-color: #f7cc00;
    color: #000000;
    font-size: 10px;
    line-height: 1.5em;
    position: relative;
    top: 3px;
    display:none;
}

.row.centre-user-row.primary_centre_user>div>span.primary-user-icon {
    display:inline-block;
}

.badge.badge-centre-permission {
    font-size: 15px;
    padding: 4px 10px;
    background-color: transparent;
    color: #555;
    border: 1px solid #555;
    width: 180px;
    background-color: #ccc;
    margin-right: 15px;
    position: relative;
    text-align: left;
    cursor:pointer;
}

.badge.badge-centre-permission.on {
    background-color:#444;
    border-color: #444;
    color: #fff;
    font-size: 15px;
    padding: 4px 10px;
    font-weight:bold;
}

.badge.badge-centre-permission:after {
    font-family: fontawesome;
    content: "\f096";
    margin-right: 10px;
    font-size: 17px;
    position: absolute;
    top: 4px;
    right: -2px;
    font-weight: normal;

}

.badge.badge-centre-permission.on:after {
    content: "\f046";
}

.tag.tag-required {
    font-size: 20px;
    font-weight: bold;
    margin-left: 2px;
    color: #aa0000;
    background: none;
    position: absolute;
    /* top: -5px; */
    right: -5px;
}

.save-centre-user, .cancel-edit-centre-user {
    display: block;
    margin: 5px 10px;
    width: 150px;
    float:right;
}

.delete-centre-user {
    display: block;
    margin: 5px 0;
    width: 150px;
}

.centre-user-edit-row input,
.centre-user-view-token-row input {
    position:relative;
}

.centre-user-edit-row input.error,
.centre-user-view-token-row input.error {
    border: 1px solid #c1220e;
}

.badge-centre-permission.read-only-field {
    background: #888 !important;
    border-color: #888 !important;
    cursor: not-allowed;
}

.btn.btn-danger.read-only-button {
    background-color: #d38886;
    border-color: #d38886;
    cursor: not-allowed;
}

span.error-marker {
    position: absolute;
    bottom: 4px;
    right: 19px;
    width: 24px;
    height: 24px;
    /* background-color: #d42f1a; */
    color: #b42b0e;
    display: block;
    border-radius: 5px;
    padding: 3px;
    font-size: 15px;
    text-align: center;
}

span.error-label {
    display: inline-block;
    padding: 0 10px;
    border-radius: 10px;
    margin-left: 10px;
    color: #cc0000;
}

.save-centre-user > .fa, .cancel-edit-centre-user > .fa, .delete-centre-user > .fa {
    margin-left:10px;
}

.space-above-row {
    margin: 30px 0;
}

.line-above-row {
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.centreuser-error {
    background-color: #ffdddd;
    border: 1px solid #ff0000;
    border-radius: 5px;
    padding: 7px 10px 5px;
    margin: 5px;
    color: #cc0000;
    display:none;
}

.btn-document-download {
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block;
    padding: 7px 10px 3px 5px;
    background-color: #333;
    color: #fff !important;
    font-size: 10px;
    text-decoration: none !important;
}

table#centredocs td, table#productdocs td {
    font-size: 13px;
    vertical-align: middle;
}

#productdocs td>small {
    color: #777;
}

h3.grey-banner {
    background-color: #ddd;
    padding: 10px 10px;
    margin: 0 0 5px;
    border-radius: 5px;
}

.tag {
    background-color: #999;
    padding: 3px 5px;
    border-radius: 2px;
    color: #ffffff;
}

.tag.tag-success {
    background-color: #31b60e;
}

.tag.tag-warning {
    background-color: #ff6a00;
}

.tag.tag-danger {
    background-color: #cc0300;
}

.tag.tag-black {
    background-color: #000;
    color:#fff;
}

.tag.tag-blue {
    background-color:#44a1df;
    color:#fff;
}

.field-alert {
    padding: 7px 10px 3px;
    display:none;
    text-align:center;
}

.api-token {
    font-family: "Courier New",monospace;
    font-size: 30px;
    letter-spacing: 0.14em;
    border: 1px solid #cccccc;
    display: block;
    word-wrap: break-word;
    margin: 20px 0;
    width: 800px;
    padding: 20px 40px;
    background-color: #eee;
    border-radius: 10px;
}

/* Document library */
@media (max-width: 1200px) {
    .document-library-column {
        width:90% !important;
        margin:0 5% 50px;
        border:none !important;
    }
}
@media (min-width:1201px){
    .document-library-column:first-child {
        border-right: 2px solid #ddd;
    }
}

/** Units editor **/
div.add-new-unit-group {
    display: block;
    float: left;
    width: 100%;
}

div.add-new-unit-group>h4 {
    display: inline;
    line-height: 38px;
}

div.add-new-unit-group-label { width:30%; float:left; }
div.add-new-unit-group-controls { width: 70%; float:left; }

div.unit-group-tabs {
    width: 30%;
    float: left;
}

div.unit-container {
    width: 70%;
    float: left;
    border: 1px solid #ccc;
    min-height: 200px;
    padding: 15px;
    z-index:10;
    background-color:#f2f2f2;
    position:relative;
    display:none;
}

div.unit-container.active {
    display:block;
}

.unit-container>h4 {
    margin-top: 0;
    font-weight: bold;
    font-size: 11pt;
}

.unit-container-tab {
    border: 1px solid #ccc;
    background-color: #ddd;
    padding: 5px 10px;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    right: -5px;
    z-index: 1;
    border-right: none;
    margin-bottom: 2px;
    cursor:pointer;
}

.unit-container-tab.active {
    background-color: #f2f2f2;
    z-index: 100;
    position: relative;
    right: -1px;
    cursor:default;
}

.list-search-results-overlay-box {
    display: block;
    width: 100%;
    float: left;
    overflow: hidden;
    z-index: 1000;
    background-color: rgb(239, 239, 239);
    border: 1px solid #AFAFAF;
    padding: 10px;
    top: 32px;
    left: -10px;
    box-shadow: rgba(0,0,0,0.5) 4px 4px 10px;
    border-radius: 5px;
    margin-top: 10px;
    min-height:250px;
}

.list-search-results-content {
    max-height: 300px;
    overflow-y: scroll;
}

span.list-search-result-attributes {
    float: left;
    width: 90px;
    display: inline-block;
}

span.inline-unit-title {
    display: inline-block;
    float: left;
    width: 70%;
    font-size: 14px;
    padding: 2px 0 0 10px;
    border-left: 1px solid #bbb;
    min-height: 42px;
}

span.inline-unit-reference,
span.inline-unit-level,
span.inline-unit-credits,
span.inline-unit-barred {
    font-family: monospace;
    font-size: 11px;
    font-weight: bold;
    background-color: #f0f78b;
    padding: 2px;
    border-radius: 3px;
    margin-right: 5px;
    float: left;
    display: inline-block;
    width: 80px;
    text-align: center;
    border:1px solid #aaa;
}

span.inline-unit-level {
    background-color: #f5afdc;
    width: 30px;
    padding: 1px;
    margin-top: 2px;
}

span.inline-unit-credits {
    background-color: #a2baff;
    width: 25px;
    padding: 1px;
    margin-top: 2px;
}

.mandatory-unit > span > span.inline-unit-credits {
    width:40px;
}

.mandatory-unit > span > span.inline-unit-reference,
.mandatory-unit > span > span.inline-unit-level,
.mandatory-unit > span > span.inline-unit-credits {
    margin-right:10px;
}

span.inline-unit-barred {
    width: 15px;
    padding: 2px 1px 1px;
    margin-top: 2px;
    background-color: transparent;
    color: #990000;
    border: none;
    line-height: 1.5em;
    cursor:pointer;
}

tr.barred-unit-row.barred.odd {
    background-color: #fa9595;
}

tr.barred-unit-row.barred.even {
    background-color: #ffadad;
}

tr.unit_claim_selection_row.disabled {
    color: #aaa;
    background-color: #eee;
    border-color: #ddd !important;
}

tr.unit_claim_selection_row.odd.disabled {
    background-color: #e2e2e2;
}

tr.unit_claim_selection_row.disabled select,tr.unit_claim_selection_row.disabled div.checkradios {
    display: none;
}

.list-search-result-row {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    background-color: #ddd;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
    border:1px solid #aaa;
}



table.unit-group-info {
    width: 100%;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
}

td.unit-group-label {
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 0;
    padding-top: 0;
}

table.unit-group-info th {
    font-size: 0.9em;
    padding-left: 0;
}

table.unit-group-info td.unit-group-edit-button {
    padding-left: 0;
    padding-top: 0;
    text-align: right;
    vertical-align: top;
}

span.btn.btn-edit-unit-group {
    background-color: #dedede;
    padding: 4px 10px 1px;
    font-size: 12px;
    color: #6d6d6d;
    border: 1px solid #c2c2c1;
}

span.btn.btn-delete-unit-group {
    margin-left:10px;
}

span.btn.btn-delete-unit-group>.fa {
    color:#aa0000;
}

span.btn.btn-edit-unit-group:hover {
    background-color: #fff;
    color: #333;
    border-color: #333;
}

.unit-management .mandatory-unit,
.optional-unit.selected_list_item,
.award-unit.selected_list_item
{
    float: left;
    margin: 0 0 5px 0;
}

/** Pop-up new unit group form **/
div#new-unit-group-form {
    min-height: 120px;
}

#new-unit-group-form>div {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom:5px;
}

#new-unit-group-form>div>label {
    float: left;
    display: inline-block;
    width: 120px;
}

#new-unit-group-form>div>input {
    float: left;
    width: 250px;
}

#new-unit-group-form>div>input.small {
    width: 100px;
}

.saving-tag {
    background-color: #eeeeee;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    float: left;
}

/** RoC tool **/

span.not-applicable {
    font-size: 0.9em;
    color: #777;
}

table#roc-summary>tbody>tr>td.failed {
    color: #dd0000 !important;
    font-weight:bold;
    /*text-shadow: 0 0 5px #ff2c2c;*/
}

table#roc-summary .bleft {
    border-left: 1px solid #888;
}

div#roc-calc-table {
    position: relative;
    /*top: 60px;*/
}

table.roc-units tr:nth-child(odd),table#roc-summary tr:nth-child(odd) {
    background-color: #d0d0d0;
}

table.roc-units tr:nth-child(even),
table#roc-summary tr:nth-child(even)
{
    background-color: #dddddd;
}

table.roc-units tr:first-child,
table#roc-summary tr:first-child,
table#roc-summary tr:nth-child(2)
{
    background-color: #a0a0a0;
    color:#fff
}

td.roc-unit-checkbox {
    width: 30px;
}
td.roc-unit-title {
    width: 550px;
}
td.roc-unit-credits {
    width: 100px;
}

td.roc-unit-title>span.roc-reference, td.roc-unit-title>span.roc-unit-level{
    font-family: monospace;
    font-size: 11px;
    font-weight: bold;
    background-color: #f0f78b;
    padding: 2px;
    border-radius: 3px;
    margin-right: 10px;
    float: left;
    display: inline-block;
    width: 80px;
    text-align: center;
}

td.roc-unit-title>span.roc-unit-level {
    width:30px;
    background-color:#f5afdc;
}

td.roc-unit-credits>span {
    font-family: monospace;
    font-size: 11px;
    font-weight: bold;
    background-color: #a2baff;
    padding: 2px;
    border-radius: 3px;
    margin-right: 10px;
    float: left;
    display: inline-block;
    width: 80px;
    text-align: center;
    border: 1px solid #aaa;
}


.roc-total-credits,
.roc-total-units,
.roc-min-credits,
.roc-max-credits
{
    font-weight:bold;
}

.roc-total-credits,.roc-mandatory-credits,.roc-optional-credits,.roc-level-credits {
    text-align:right;
}

td.roc-status>span,
td.roc-mandatory-status>span,
td.roc-optional-status>span,
td.roc-level-status>span
{
    background-color: #eee;
    padding: 2px 10px 0;
    text-align: center;
    width: 100px;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size:10px;
}

td.roc-status>span.warning,
td.roc-mandatory-status>span.warning,
td.roc-optional-status>span.warning,
td.roc-level-status>span.warning
{
    background-color: #ff5555;
}

td.roc-status>span.ok,
td.roc-mandatory-status>span.ok,
td.roc-optional-status>span.ok,
td.roc-level-status>span.ok
{
    background-color: #51d027;
}

/* Register Learners */
span.tag.booking-status {
    width: 100px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    border-radius: 3px;
    padding: 2px 10px 0
}

.not-shown {
    display:none;
}

.form-divider {
    border-bottom:1px solid #ccc;
}

span.go_paperless {
    font-size: 14px;
    cursor:pointer;
}

.align-center {
    text-align:center !important;
}

.align-right {
    text-align:right !important;
}

.align-left {
    text-align:left !important;
}

span.block-text-left {
    margin-left: 0px;
    display: inline-block;
    top: 0;
    position: absolute;
}

form#registrationform>.row {
    margin-bottom: 5px;
}

form#registrationform>.row>div {
    padding: 5px;
    min-height: 50px;
}


form#registrationform label.error {
    background-color: #be1f09;
    font-size: 12px;
    top: -12px;
}

.row.space-below-20px label.error {
    top: -18px !important;
}

span.error {
    background-color: #be1f09;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    float: right;
    font-size:11px;
}

form#registrationform .datepicker {
    width:100%;
}

ul.checkboxes {
    list-style:none;
    padding-left:0;
}
ul.checkboxes>li {
    margin-bottom: 5px;
}

/* wizard */
.wizard {
    position: relative;
    overflow: hidden;
    background-color: transparent;
    margin: 0 0 30px 0;
    }
.wizard:before, .wizard:after {
    display: table;
    line-height: 0;
    /* content: ""; */
    }
.wizard:after {
    clear: both; }
.wizard ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none outside none;
    }
.wizard ul.previous-disabled li.complete {
    cursor: default; }
.wizard ul.previous-disabled li.complete:hover {
    color: #468847;
    cursor: default;
    background: #5ba1df; }
.wizard ul.previous-disabled li.complete:hover .chevron:before {
    border-left-color: #f3f4f5; }
.wizard ul li {
    position: relative;
    float: left;
    height: 46px;
    padding: 0 20px 0 30px;
    margin: 0;
    font-size: 16px;
    line-height: 46px;
    color: #a5a5a5;
    cursor: default;
    background: #d4d4d4;
    width: 20%;
    }
.wizard ul li:first-child {
    padding-left: 20px; }
.wizard ul li .chevron {
    position: absolute;
    top: -24px;
    right: -14px;
    z-index: 1;
    display: block;
    border: 48px solid #d4d4d4;
    border-right: 0;
    border-left: 24px solid #ffffff;
    }

.wizard ul li.complete>.chevron {
    border-color: #5ba1df;
    border-left-color: #ffffff;
}

.wizard ul li .chevron:before {
    position: absolute;
    top: -48px;
    right: 5px;
    display: block;
    border: 48px solid transparent;
    border-right: 0;
    border-left: 24px solid #d4d4d4;
    content: "";
    }
.wizard ul li.complete {
    color: #fff;
    background: #5ba1df; }
.wizard ul li.complete:hover {
    cursor: pointer;
    background: #5ba1df; }
.wizard ul li.complete:hover .chevron:before {
    border-left: 24px solid #5ba1df; }
.wizard ul li.complete .chevron:before {
    border-left: 24px solid #5ba1df; }
.wizard ul li.active {
    color: #fff;
    background: #5ba1df;
    }
.wizard ul li.active .chevron:before {
    border-left: 24px solid #5ba1df; }
.wizard ul li .badge {
    position: relative;
    top: -2px;
    margin-right: 8px;
    padding: 4px 7px; }
.wizard ul li .badge.badge-info {
    background-color: #166d83; }
.wizard ul li .badge.badge-success {
    background-color: #3b853b; }

.step-content {
    margin: 30px 0;
    padding-left: 20px; }
.step-content .step-pane {
    display: none; }
.step-content .active {
    display: block; }
.step-content .active .btn-group .active {
    display: inline-block; }

li.complete>a {
    color: #ffffff;
    border-bottom: 1px dotted #ffffff;
}

table#programmes>tbody>tr {
    cursor : pointer;
}

table#programmes>tbody>tr:hover {
    background-color:#b3c3ff;
}

#programmes>tbody>tr.selected {
    background-color: #a0ec78 !important;
}

div#programmes_info {
    background-color: #fcffce;
    font-size: 11px;
    padding: 5px 10px;
    margin: 3px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.selected-programmed-info {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 7px 10px;
    margin: 0 -15px 0 15px;
    background-color: #dadada;
    font-size:12px;
}

span.programmes_availability {
    background-color: #d22d30;
    padding: 2px 10px;
    color: #ffffff;
    border-radius: 5px;
    width: 140px;
    display: inline-block;
    text-align: center;
}
span.programmes_availability.available_to_learners {
    background-color: #2ea927;
}
span.programmes_class {
    background-color: #5553d2;
    padding: 2px 10px;
    color: #ffffff;
    border-radius: 5px;
    width: 120px;
    display: inline-block;
    text-align: center;
}

span.programmes_class.unit {
    background-color:#EF798A;
}

span.programmes_class.unitaward {
    background-color:#F7A9A8;
}

/* Other hues : #613F75 */

/* Stage 3 */
div#learner-selection-tabs>div>ul.nav.nav-tabs {
    margin-top:5px;
}

div#learner-selection-tabs #btn_upload_csv {
    position: absolute;
    top: -8px;
    right: 15px;
}

div#learner-selection-tabs #btn_lookup_table {
    position: absolute;
    top: -8px;
    right: 142px;
}

span.btn_select_learner {
    padding: 2px 8px 2px;
    float: right;
    width: 100%;
    font-size: 11px;
    color: #fff !important;
}

#dt_existing_learners tr.disabled td {
    color: #aaa;
    background-color: #ddffcc;
}
#dt_existing_learners tr.odd.disabled td {
    color: #aaa;
    background-color: #cfefbe;
}
#dt_existing_learners tr.disabled td span.btn_select_learner {
    display:none;
}

span.btn_remove_learner {
    font-size: 18px;
    padding: 0;
    color: #aa0000;
    position: absolute;
    right: 10px;
    top: 5px;
    cursor:pointer;
}

table#dt_existing_learners>tbody>tr>td,
table#dt_existing_learners>tbody>tr>th,
table#dt_existing_learners>tfoot>tr>td,
table#dt_existing_learners>tfoot>tr>th,
table#dt_existing_learners>thead>tr>td,
table#dt_existing_learners>thead>tr>th {
    padding: 4px;
    vertical-align: middle;
}

#dt_existing_learners_filter>label {
    line-height: 2.7em;
}
#dt_existing_learners_filter>label>input {
    width:70%;
    float:right;
}

div#dt_existing_learners_wrapper>div.row:first-child {
    margin-top: 5px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 5px;
}

div#dt_existing_learners_wrapper>div.row>div>table {
    margin-top: 5px;
}

table#selected-learners>tbody>tr>td:last-child {
    position:relative;
}
table#selected-learners tbody>tr>td:last-child {
    text-align:left;
}
table.dataTable div.checkradios-checkbox,div.checkradios-checkbox.default,div.checkradios-checkbox.bonus-units-selected {
    font-size: 9px;
    border-width: 1px;
}
div.checkradios-checkbox.bonus-units-selected {
    margin: 3px 5px 3px 0;
}

table.dataTable th {
    text-align:center;
}

table.dataTable.align-center {
    text-align:center !important;
}

table.dataTable.align-right {
    text-align:right !important;
}

table.dataTable.align-left {
    text-align:left !important;
}

ul.radiobuttons {
    list-style: none;
}
ul.radiobuttons > li {
    margin-bottom:5px;
}
ul.radiobuttons > li > div.checkradios-radio {
    font-size:12px;
    margin-right:10px;
}
ul.radiobuttons > li > div.checkradios-radio.fa-circle:before {
    position: relative;
    /*top: 1px;*/
}

span.inline-checkbox-set {
    margin-right: 20px;
    display: inline;
    float: left;
}

span.inline-checkbox-set>input[type=checkbox],
span.inline-checkbox-set>input[type=radio] {
    width: auto;
    float: left;
    border: 0;
    height: auto;
}

#invoice_table {
    display:none;
}
#invoice_table div {
    font-size:12px;
}

td.icon-cell {
    text-align:center;
}
td.icon-cell>.fa {
    font-size:16px;
}

td.icon-cell>.fa.fa-check-circle {
    color:#119922;
}

#invoice_table>div.row:first-child>div,
#invoice_table>div.row:last-child>div.title,
#invoice_table>div.row:last-child>div.total
{
    font-weight:bold;
}
#invoice_table>div.row>div.qty,
#invoice_table>div.row>div.net,
#invoice_table>div.row>div.vat,
#invoice_table>div.row>div.total {
    text-align:right;
    font-family:monospace;
}

table th.align_left, table td.align_left {
    text-align:left !important;
}

table th.align_right, table td.align_right {
    text-align:right !important;
}

table th.align_center, table td.align_center {
    text-align:center !important;
}

.badge.badge-invoice {
    background-color: #7c4294;
}

.badge.badge-monthly {
    background-color: #944d4c;
}

.badge.badge-card {
    background-color: #3a6f94;
}

.badge.badge-licenses {
    background-color: #94711a;
}

span.registration-status,span.claim-status {
    width: 33%;
    display: inline-block;
    border: 2px solid #ffffff;
    background-color: #119922;
    padding: 10px 15px;
    text-align: center;
    color: #ffffff;
    border-radius: 8px;
}

span.registration-status.not-approved {
    background-color: #990001;
}

/* End Register Learners */

/* Claims */

span.claim-status,span.claim-assessed {
    width: 100px;
    display: inline-block;
    border: none;
    color:#000000;
    padding: 3px 5px;
    text-align: center;
    border-radius: 5px;
    font-size: 9px;
    letter-spacing: 0.09em;
}

span.claim-status.not_registered {
    background-color: #ffbd6c;
}
span.claim-status.registered {
    background-color: #fcff5a;
}
span.claim-status.withdrawn {
    background-color: #ef0000;
    color:#ffffff;
}
span.claim-status.claimed {
    background-color: #92ffc3;
}
span.claim-status.certified {
    background-color: #8bff83;
}
span.claim-status.partially_certified {
    background-color: #86efe5;
}
span.claim-status.expired {
    background-color: #aa0000;
    color:#ffffff;
}

span.claim-status.tag-danger {
    color: #fff;
}

span.claim-assessed.mixed {
    background-color: #ecde82;
}
span.claim-assessed.internal {
    background-color: #8dec82;
}
span.claim-assessed.external,.tag.tag-ra_pending {
    background-color: #d9b5ff;
}

.advanced-search .modal-dialog .row {
    margin: 0 0 5px;
}

table#registered.dataTable div.checkradios-checkbox {
    font-size: 11px;
    border-width: 1px;
    background-color: #ffffff;
}

.popup-wide .modal-dialog {
    width: 80% !important;
}

h4.form-section {
    background-color: #f2f2f2;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: bold;
}

.labels-right label {
    text-align:right !important;
}

.thick-bottom-divider {
    border-bottom: 4px solid #eee;
}

#qual_roles tr td {
    border-bottom: 1px solid #c6c6c6;
}
#qual_roles tr.odd td {
    border-bottom: 1px solid #c6c6c6;
}

#registered tr.selected td,
 #selected-learners tr.selected td,
 #permitted_quals tr.permitted td, #permitted_units tr.permitted td, #qual_roles tr.permitted td {
     color: #008800;
     background-color: #ddffcc;
     border-bottom: 1px solid #a4dc93;
 }
#registered tr.odd.selected td,
#selected-learners tr.odd.selected td,
#permitted_quals tr.odd.permitted td, #permitted_units tr.odd.permitted td, #qual_roles tr.odd.permitted td {
    color: #007700;
    background-color: #cfefbe;
    border-bottom: 1px solid #a4dc93;
}

#permitted_units tr.denied td {
    color: #880000;
    background-color: #f5cfcf;
    border-bottom: 1px solid #bb7979;
}
#permitted_units tr.odd.denied td {
    color: #770000;
    background-color: #efbebe;
    border-bottom: 1px solid #bb7979;
}

#qual_roles tr>td {
    height: 45px;
}

#qual_roles tr.pending_approval td {
    color: #000;
    background-color: #ffd8de;
    border-bottom:1px solid #f6b3af;
}
#qual_roles tr.odd.pending_approval td {
    color: #000;
    background-color: #f6c9bf;
    border-bottom:1px solid #f6b3af;
}

tr.not-permitted {
    cursor: not-allowed !important;
}

tr.not-permitted>td>div.programme_title, tr.not-permitted>td>div.programme_code {
    color: #777;
}

table#units>tbody>tr.selected>td {
    color: #000f77;
    background-color: #d1ccff;
}
table#units>tbody>tr.odd.selected>td {
    color: #000f77;
    background-color: #b9c1ea
}

/* Certification */
span.cert-nodate {
    background-color: #ddd;
    color: #999;
}
span.cert-status {
    width: 100px;
    display: inline-block;
    border: none;
    color:#000000;
    padding: 3px 5px;
    text-align: center;
    border-radius: 5px;
    font-size: 9px;
    letter-spacing: 0.09em;
}

span.cert-status.processing {
    background-color: #000000;
    color:#ffffff;
}

span.cert-status.onhold {
    background-color: #ffa700;
    color:#ffffff;
}

span.cert-status.qa {
    background-color: #ff8730;
    color:#ffffff;
}

span.cert-status.pending {
    background-color: #ffe156;
}
span.cert-status.released {
    background-color: #8bff83;
}
span.cert-status.invalidated {
    background-color: #ff6264;
    color:#ffffff;
}

span.cert-status.no-longer-awarded {
    background-color: #e21e1e;
    color:#ffffff;
}

span.cert-status.ready {
    background-color: #ce44df;
    color: #ffffff;
    text-shadow: #ffffff 0 0 8px;
    font-weight: bold;
    box-shadow: #cb2aff 0 0 10px;
}

span.cert-status.sampling, span.claim-status.sampling {
    color: #ffffff;
    font-weight: bold;
    background-image: linear-gradient(45deg, #ffb97f 25%, #ff907f 25%, #ff907f 50%, #ffb97f 50%, #ffb97f 75%, #ff907f 75%, #ff907f 100%);
    background-size: 19.80px 19.80px;
    text-shadow: #fff 0 0 4px;
    font-size:11px;
}

span.cert-status.unit-sampling, span.claim-status.unit-sampling {
    color: #ffffff;
    font-weight: bold;
    background-image: linear-gradient(45deg, #84a3fd 25%, #a6b9f0 25%, #a6b9f0 50%, #84a3fd 50%, #84a3fd 75%, #a6b9f0 75%, #a6b9f0 100%);
    background-size: 19.80px 19.80px;
    text-shadow: #fff 0 0 4px;
    font-size:11px;
}

.centretext {
    text-align:center;
}

.centretext > input.customprice {
    width:70px;
    text-align:right;
    padding-right:10px;
    float: right;
}

.centretext > span.default_product_price {
    width: 50px;
    float: left;
    text-align: right;
    font-size: 0.9em;
    position: relative;
    top: 5px;
}

.permitted_taxgroup_select {
    font-size: 9pt;
    padding: 2px 5px !important;
}

span.save-permitted-qual-options,span.save-permitted-options {
    width: 40px;
    height: 20px;
    border: 1px solid #aa0000;
    background-color: #d9534f;
    padding: 2px 5px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 10px;
    cursor:pointer;
}

td.permitted_actions {
    width: 60px;
    text-align: center;
}

span.saving-permitted-qual-options {
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #000;
}

.cert-paperless-no {
    color:#aa0000;
}
.cert-paperless-yes {
    color:#00bb00;
}

span.btn-cancel-claim {
    padding: 2px 2px 2px 7px;
    font-size: 11px;
    margin: 0;
    background-color:#000000;
}

.btn-cancel-claim:hover {
    background-color:#444444;
}

span.btn-invalidate-cert {
    padding: 2px 2px 2px 2px;
    font-size: 20px;
    margin: 0 0 0 5px;
    color: #e00000;
    cursor:pointer;
}

span.btn-invalidate-cert:hover {
    color: #ff2222;
}

span.btn-view-ecert,a.btn-view-ecert {
    padding: 2px 2px 2px 2px;
    font-size: 18px;
    margin: 0 0 0 5px;
    color: #0266a9;
    cursor:pointer;
}

span.btn-view-ecert:hover {
    text-shadow: #62bfff 0 0 8px;
}

.btn-process-certs,
.btn-mark-onhold,
.btn-mark-qa,
.btn-print-certs,
.btn-print-coverletter,
.btn-print-transcripts,
.btn-print-cards,
.btn-release-certs,
.btn-send-ecertsemail {
    margin-right:10px;
    background-color:#333;
    float:left;
    border-color:#000;
}

.btn-process-certs:hover,
.btn-mark-qa:hover,
.btn-mark-onhold:hover,
.btn-print-certs:hover,
.btn-print-coverletter:hover,
.btn-print-transcripts:hover,
.btn-print-cards:hover,
.btn-release-certs:hover,
.btn-send-ecertsemail:hover {
    background-color:#000;
}

/* Centre Permitted Quals */
table#permitted_quals {
    margin-bottom: 15px;
}

table#permitted_quals>tbody>tr>td {
    padding: 10px 10px;
}

span.empty-item {
    color: #999;
    font-style: italic;
    font-size: 0.8em;
    line-height: 2em;
}

/** Working Notification **/
div.bootbox.modal.bootboxWorking>.modal-dialog>.modal-content>.modal-body>.bootbox-body>p {
    font-size: 25px !important;
    padding: 10px 0 0;
}

/** Bootbox Wide **/
.bootbox.modal.staffApprovalDialog>.modal-dialog>.modal-content {
    height: 500px !important;
    width: 800px;
}

/** Admin Booking Panel **/
.bootbox.modal.staffApprovalDialog>.modal-dialog>.modal-content {
    height: 500px !important;
    width: 800px;
}

.bootbox.modal.staffApprovalDialog>.modal-dialog>.modal-content>.modal-body {
    height: 380px !important;
    overflow-y: auto;
}

.bootbox.modal.staffApprovalDialog>.modal-dialog>.modal-content>.modal-body div#staff-loading-circle {
    font-size: 14px !important;
    line-height: 1.15em;
    width: 100%;
    display: block;
    padding: 130px;
    text-align: center;
}

.unapproved-staff {
    cursor:pointer;
}

/*** Staff Details ***/
#staff-details h3 {
    border-bottom: 4px solid #eee;
    padding: 5px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

#staff-details h4 {
    background-color: #ddd;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
}

/*** Additional centre styles ***/
label.btn.btn-default.centre_status-new,
label.btn.btn-default.centre_status-pending {
    background-color:#adadad;
}

label.btn.btn-default.centre_status-new.active,
label.btn.btn-default.centre_status-pending.active {
    background-color: #777777;
}

label.btn.btn-default.centre_status-approved {
    background-color: #46c33f;
}

label.btn.btn-default.centre_status-approved.active {
    background-color: #11c31c;
}

label.btn.btn-default.centre_status-reviewing {
    background-color: #f59149;
}

label.btn.btn-default.centre_status-reviewing.active {
    background-color: #c34900;
}


label.btn.btn-default.centre_status-rejected,
label.btn.btn-default.centre_status-withdrawn {
    background-color: #e8504e;
}

label.btn.btn-default.centre_status-rejected.active,
label.btn.btn-default.centre_status-withdrawn.active {
    background-color: #ba0d12;
}

div#save_data_overlay, div#save_learner_overlay {
    position: absolute;
    left: 0;
    top: 50px;
    background-color: #eeeeee;
    height: 100%;
    display: block;
    color: #fff !important;
    font-size: 25px !important;
    z-index: 100;
    opacity: 0.75;
    display: none;
}

div#save_data_alert, div#save_learner_alert {
    position: fixed;
    width: auto;
    border: 4px solid #333;
    background-color: #fff;
    color: #333 !important;
    font-size: 20px !important;
    z-index: 110;
    display: none;
    margin: 0 auto;
    bottom: 300px;
    right: 50px;
    border-radius: 5px;
    font-weight: bold;
    padding: 10px 20px;
    box-shadow: rgba(0,0,0,0.75) 0px 5px 20px;
}

div#save_data_alert>em.fa, div#save_learner_alert>em.fa {
    color:#44a2df;
    margin-left:15px;
}

div#save_data_overlay>table, div#save_learner_overlay>table {
    width: 100%;
    height: 100%;
}

div#save_data_overlay>table td, div#save_learner_overlay>table td {
    vertical-align: middle;
    text-align: center;
}

p.field-prefix {
    margin-top: 10px;
    max-width: 800px;
    font-size: 0.9em;
}

/*** Qual / Roles ***/
.badge.badge-qualrole-status {
    width:125px !important;
}

td.approval_buttons {
    text-align: center;
}

td.approval_buttons>span>span {
    margin: 0 2px;
}

span.approved-qual {
    background-color: #117d11;
    color: #ffffff;
    padding: 3px 10px;
    font-weight: bold;
    width: 90px;
    display: inline-block;
    font-size: 11px;
}

span.rejected-qual {
    background-color: #7d0003;
    color: #ffffff;
    padding: 3px 10px;
    font-weight: bold;
    width: 90px;
    display: inline-block;
    font-size: 11px;
}

textarea#moreInfoMessage {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    font-size:17px;
    line-height:1.5em;
    padding:15px 25px;
    width:100%;
    height:250px;
    margin:0 auto;
}

.list-item-delivery-method {
    display: inline;
    margin-right: 3em;
}

/*** User Profile ***/
span.data-name {
    display: inline-block;
    width: 100px;
}

/*** Claim units ***/
th.select-all-box {
    width: 33px;
    text-align: left;
}

th.select-all-box>div.checkradios {
    position: relative;
    top: 15px;
}

/*** Monthly Invoices ***/
.monthly-invoice-reg_last,
.monthly-invoice-reg_prev,
.monthly-invoice-cert_last,
.monthly-invoice-cert_prev
{
    text-align:right;
}

.hidden-content {
    margin: 10px 0 10px;
    padding: 10px;
    border: 1px solid #aaa;
    background-color: #ffffdd;
    border-radius: 5px;
}

table#monthlyinvoices a.btn.btn-dark.btn-small {
    margin-right: 20px;
    padding: 5px 10px;
    font-size: 10px !important;
}

/*** SPECIFICATION ***/
.editable-area {
    background-color: #f9f9f9;
    padding: 10px;
    border: 1px dotted #ccc;
}

div#flyout_panel_control {
    position: fixed;
    right: 0;
    width: 50px;
    height: 52px;
    background-color: #333333;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index:1000;
    cursor:pointer;
}

div#flyout_panel_control>.icon {
    color: #ffffff;
    position: absolute;
    top: 2px;
    left: 12px;
    font-size: 31px;
}

div#flyout_panel {
    width: 500px;
    right: -500px;
    position: fixed;
    z-index: 1000;
    background-color: #333333;
    color: #ffffff;
    padding: 20px;
    border-bottom-left-radius: 20px;
}

div#revision_panel_control {
    position: fixed;
    right: 0;
    top:100px;
    width: 50px;
    height: 52px;
    background-color: #333333;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index:1000;
    cursor:pointer;
}

div#revision_panel_control>.icon {
    color: #ffffff;
    position: absolute;
    top: 5px;
    left: 12px;
    font-size: 31px;
}

div#revision_panel {
    top:100px;
    width: 500px;
    height:400px;
    right: -500px;
    position: fixed;
    z-index: 1000;
    background-color: #333333;
    color: #ffffff;
    padding: 20px;
    border-bottom-left-radius: 20px;
    overflow-x:hidden;
    overflow-y:scroll;
}

div#revision_panel_control {
    position: fixed;
    right: 0;
    top:100px;
    width: 50px;
    height: 52px;
    background-color: #333333;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index:1000;
    cursor:pointer;
}

div#revision_panel_control>.icon {
    color: #ffffff;
    position: absolute;
    top: 5px;
    left: 12px;
    font-size: 31px;
}

div#revision_panel {
    top:100px;
    width: 500px;
    height:400px;
    right: -500px;
    position: fixed;
    z-index: 1000;
    background-color: #333333;
    color: #ffffff;
    padding: 20px;
    border-bottom-left-radius: 20px;
    overflow-x:hidden;
    overflow-y:scroll;
}

div#revision_panel em.publish-toggle {
    font-size: 15px;
    top: 1px;
    position: relative;
    left: 4px;
}

div#revision_panel em.publish-toggle.disabled {
    color:#555 !important;
}

span.spec-tag {
    font-family: monospace;
    font-size: 14px;
    width: 210px;
    text-align: center;
    background-color: #444;
    padding: 5px 10px;
    display: inline-block;
    border-radius:20px;
}

.alert-information{
    color:#333;
    background-color:#feffdd;
    border-color:#d8da86
}

/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
}
.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
}
.ql-clipboard p {
    margin: 0;
    padding: 0;
}
.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.ql-editor > * {
    cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
    list-style-type: disc;
}
/*
.ql-editor ul > li::before {
    content: '\2022';
}
*/
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
    pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
    pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
    content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
    content: '\2610';
}
/*
.ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
}
.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
}
.ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
}
*/
.ql-editor .ql-video {
    display: block;
    max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
    background-color: #000;
}
.ql-editor .ql-bg-red {
    background-color: #e60000;
}
.ql-editor .ql-bg-orange {
    background-color: #f90;
}
.ql-editor .ql-bg-yellow {
    background-color: #ff0;
}
.ql-editor .ql-bg-green {
    background-color: #008a00;
}
.ql-editor .ql-bg-blue {
    background-color: #06c;
}
.ql-editor .ql-bg-purple {
    background-color: #93f;
}
.ql-editor .ql-color-white {
    color: #fff;
}
.ql-editor .ql-color-red {
    color: #e60000;
}
.ql-editor .ql-color-orange {
    color: #f90;
}
.ql-editor .ql-color-yellow {
    color: #ff0;
}
.ql-editor .ql-color-green {
    color: #008a00;
}
.ql-editor .ql-color-blue {
    color: #06c;
}
.ql-editor .ql-color-purple {
    color: #93f;
}
.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
    font-size: 0.75em;
}
.ql-editor .ql-size-large {
    font-size: 1.5em;
}
.ql-editor .ql-size-huge {
    font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
}
.ql-editor .ql-align-center {
    text-align: center;
}
.ql-editor .ql-align-justify {
    text-align: justify;
}
.ql-editor .ql-align-right {
    text-align: right;
}
.ql-editor.ql-blank::before {
    color: rgba(0,0,0,0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
    outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c;
}
@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444;
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444;
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444;
    }
}
.ql-snow {
    box-sizing: border-box;
}
.ql-snow * {
    box-sizing: border-box;
}
.ql-snow .ql-hidden {
    display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: hidden;
}
.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px);
}
.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle;
}
.ql-snow .ql-formats:after {
    clear: both;
    content: '';
    display: table;
}
.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #444;
}
.ql-snow .ql-empty {
    fill: none;
}
.ql-snow .ql-even {
    fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1;
}
.ql-snow .ql-transparent {
    opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
    display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
    display: none;
}

.ql-snow .ql-editor p {
    margin-bottom:1em;
}

.ql-snow .ql-editor h1 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 5px;
}
.ql-snow .ql-editor h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
}
.ql-snow .ql-editor h3 {
    font-size: 1.17em;
    font-weight: bold;
    margin-bottom: 5px;
}
.ql-snow .ql-editor h4 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
}
.ql-snow .ql-editor h5 {
    font-size: 0.83em;
    font-weight: bold;
    margin-bottom: 5px;
}
.ql-snow .ql-editor h6 {
    font-size: 0.67em;
    font-weight: bold;
    margin-bottom: 5px;
}
.ql-snow .ql-editor a {
    text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px;
}
.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
}
.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
}
.ql-snow .ql-editor img {
    max-width: 100%;
}
.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle;
}
.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
}
.ql-snow .ql-picker-label::before {
    display: inline-block;
    line-height: 22px;
}
.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
    width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
    width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
    width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
    width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
}
.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0px;
}
.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0px;
    padding: 3px 5px;
    width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid #ccc;
    content: 'Edit';
    margin-left: 16px;
    padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remove';
    margin-left: 8px;
}
.ql-snow .ql-tooltip a {
    line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px;
    content: 'Save';
    padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
    content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
    content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
    content: "Enter video:";
}
.ql-snow a {
    color: #06c;
}
.ql-container.ql-snow {
    border: 1px solid #ccc;
}


.active-spec-tag {
    background-color: rgb(0, 161, 222);
    font-family: monospace;
    font-size: 0.8em;
    padding: 2px;
    margin: 0 2px;
    border-radius: 5px;
    color: #ffffff;
}

div.multiple-programmes-warning {
    background-color: #ffffe6;
    padding: 6px 15px;
    border-radius: 5px;
    float: left;
    margin: 10px;
    border: 1px solid #44a1e0;
    color: #0d7dca;
    display:none;
}
div.multiple-programmes-warning>.fa {
    margin-right:10px;
}

.tag.product-class {
    width: 25px;
    font-size: 0.7em;
    display: inline-block;
    text-align: center;
    margin: auto 5px auto 0;
}

/** Notes Panel **/

span.getting_notes_message {
    display: none;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    line-height: 2em;
}

span#notes_count {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 9px;
    font-weight: bold;
    background-color: #000000;
    color: #ffffff;
    padding: 4px 3px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
}

div#notes_trigger {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 25px;
    height: 32px;
    padding: 4px 5px !important;
    border-radius: 5px;
    cursor:pointer;
}

#notes_trigger>.fa {
    float: right;
}

#notespopup_list {
    width: 100%;
    margin: 10px auto;
    height: 350px;
    overflow-y: scroll;
    padding: 5px 10px;
}

.note_meta {
    display: block;
    clear: both;
    width: 100%;
    border-bottom: 1px solid #aaa;
    float: left;
    margin-bottom: 15px;
    font-size: 12px;
}

.notespopup_listitem {
    background-color: #ffffee;
    padding: 10px;
    box-shadow: 1px 1px 3px #777;
    margin-bottom: 8px;
}

.note_content {font-family: "Courier New",monospace;font-size: 14px;padding: 10px;}
.notespopup_listitem>.note_meta>span.note_created_by {
    font-weight: bold;
    color: #0000aa;
}

.notespopup_listitem>.note_meta>span.note_date_created {
    font-weight: bold;
    color: #665500;
}

#notespopup_inner,#notespopup_form {
    width:100%;
    margin:10px auto;
}

textarea#newnote {
    border: 1px solid #cccccc;
    font-size: 14px;
    font-family: "Courier New",monospace;
    padding: 5px 10px;
    height: 7em;
}

textarea#newnote.disabled {
    border-color: #eee;
    color: #ccc;
}

div#notespopup_newnote_buttonbar,div#notespopup_form {
    margin-bottom: 10px !important;
    display: block;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 27px;
}

div#notespopup_form {
    display:none;
}

span.notespopup_btn_default {
    border: none;
    padding: 2px 10px;
    font-size: 12px;
    color: #ffffff;
    background-color: #999;
    cursor:pointer;
    width: 75px;
    text-align: center;
}

span.notespopup_btn_default.save {
    background-color:#1b9435;
}

span.notespopup_btn_cancel {
    border: none;
    padding: 2px 10px;
    font-size: 12px;
    color: #ffffff;
    background-color: #914040;
    cursor:pointer;
    margin-right: 5px;
    width: 75px;
    text-align: center;
}

.notespopup_btn_default.save.disabled, .notespopup_btn_cancel.disabled {
    background-color: #dddddd !important;
}

.popover { max-width:80%; }

div.hbspt-form {
    width:825px;
    margin:20px auto;
    padding:20px;
    background-color:#ffffff;
    border:1px solid #13416b;
}

.bootbox.modal.edit_lo_ac_dialog>.modal-dialog {
    width:800px;
}

.bootbox.modal.edit_lo_ac_dialog input {
    font-size: 13px;
    padding: 5px 10px;
}

.bootbox.modal.edit_lo_ac_dialog textarea {
    font-size:13px;
    padding: 5px 10px;
}

.bootbox.modal.edit_lo_ac_dialog span.btn {
    width:70px;
    margin:0;
}

span#btn-save-outcomes-ordering {
    float: right;
    margin: 0px 0 10px 0;
}

div#learningOutcomesWrapper {
    padding: 15px;
}

td.unit-outcome, td.unit-criterion {
    cursor:pointer;
}

td.unit-outcome.highlight {
    background-color:#ffee44;
}

td.unit-criterion.highlight {
    background-color:#99ffee;
}

.learning-outcome-block {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fffff5;
    margin-bottom: 5px;
    border-radius: 5px;
}

.row.unit-outcome>div.lo.handle {
    background-color: #ddd;
    line-height: 4em;
    border-radius: 4px 0 0 4px;
    padding: 5px;
    text-align: center;
    color: #888;
    cursor: move;
    height: 58px;
}

.row.unit-outcome.highlight>div.lo.handle {
    background-color: #e7e68d;
}

.row.unit-outcome {
    font-size: 0.8em;
    height: 60px;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    margin-right: 10px;
    border-radius: 5px;
}

.unit-outcome>.lo.lo-order {
    text-align: center;
}

.unit-outcome>.lo.lo-order,.unit-outcome>.lo.lo-label {
    padding: 5px;
}

.row.unit-outcome.highlight {
    background-color: #f7f7d0;
    border: 1px solid #e7e787;
    cursor:pointer;
    border-radius:5px;
}

.row.unit-criterion {
    font-size: 0.8em;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 5px;
    height: 45px;
    border-radius: 5px;
    background-color: #f4f4f4;
    overflow: hidden;
}

.unit-criterion.highlight {
    background-color: #d1f1ff;
    border-color: #65a5c4;
    cursor:pointer;
}

.unit-criterion>.ac.handle {
    height: 43px;
    border-radius: 4px 0 0 4px;
    background-color: #ddd;
    line-height: 4em;
    color: #888;
    cursor: move;
    padding: 0;
    text-align: center;
}

.unit-criterion.highlight>.ac.handle {
    background-color: #9fd1ea;
    color: #65a5c4;
}

.lo.delete,.ac.delete {
    padding: 0;
    font-size: 1.3em;
    color: #888;
    float: right;
    height: 100%;
    background-color: #ddd;
    text-align: center;
    line-height: 2.7em;
}

.lo.delete {
    line-height: 3.75em;
}

.lo.delete:hover,.ac.delete:hover {
    color: #AA0000;
    background-color: #ffcccc;
}

.unit-criterion>.ac.ac-order {
    padding: 5px 0 0 15px;
}

.unit-criterion>.ac.ac-label {
    padding: 5px;
}


.new-outcome,.new-criterion {
    font-size: 0.8em;
    border: 1px dashed #ccc;
    width: 100%;
    margin-bottom: 5px;
    height: 45px;
    border-radius: 5px;
    color: #aaa;
    font-size: 0.85em;
    line-height: 3.5em;
    cursor:pointer;
    text-align:center;
}

.unit-outcome .delete.disabled,.unit-criterion .delete.disabled {
    cursor:wait;
}

.learning-outcome-block.sortable-ghost,.unit-criterion.sortable-ghost {
    background: #fff4ec;
    color: transparent;
    border: 1px dashed #ffcba9;
}

.learning-outcome-block.sortable-ghost {
    height:150px;
}

.learning-outcome-block.sortable-ghost *,.unit-criterion.sortable-ghost * {
    display: none;
}

span.barred-info {
    float: right;
    font-size: 22px;
    position: relative;
    right: 40px;
}

span.char-tile {
    display: inline-block;
    width: 2em;
    height: 2em;
    font-size: 1em;
    text-align: center;
    padding: 4px;
    border: 1px solid #a6a66b;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    box-shadow: 2px 2px 5px;
    background-color: #ebebda;
    float: left;
}

/** Exams list **/
.tag.exams-list-status {
    font-size: 10px;
    width: 120px !important;
    display: block;
    text-align: center;
}

table#emails div.subjectLink {
    cursor:pointer;
}

table#emails div.bodyContent {
    background-color: #ffffff;
    padding: 10px;
    margin: 20px 0;
    border: 1px dashed #777;
    word-break: break-word;
}

table#emails .btn.btn-small {
    font-size: 12px !important;
    line-height: 0.9em;
    background-color: #44a1df;
    border-color: #0078a5;
    color: #ffffff;
    padding: 5px 10px;
}

table#emails .btn.btn-small:hover {
    background-color:#5e5e5e;
}

div.feedback-wrapper>div.alert {padding-left: 40px;}

div.feedback-wrapper>div.alert>.fa {
    position: absolute;
    top: 15px;
    left: 10px;
    font-size: 18px;
}

table#testbankcodes td {
    font-size:14px !important;
}

table#testbankcodes td>span.btn-small {
    font-size: 0.8em !important;
    padding: 5px;
    margin: 0.25em;
    float: right;
    width: 60px;
}

.btn-small.btn-disabled {
    background-color: #ccc;
    color: #888;
    border-color: #aaa;
    cursor:not-allowed;
}

.modal-content {
    border: 2px solid #13416b;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #13416b;
    color: #fff;
}

button.bootbox-close-button.close {
    color: #fff;
}

.dataTables_scrollBody {
    border-top: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 0;
}

.dataTables_scroll+div {
    border-top: 1px solid #ccc;
    margin-top: 10px;
}

span.form-item-description-button {
    position: absolute;
    right: 18px;
    font-size: 1.25em;
    text-shadow: white 0 0 12px;
}

span.fsUnitCircle {
    font-size: 10px;
    line-height: 1em;
    background-color: #ffac72;
    border: 1px solid #a14809;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    display: inline-block;
    color: #a14809;
    padding: 0;
    margin: 0 1px;
    cursor:help;
}

span.fsUnitCircle.claimed {
    background-color:#000;
    border-color:#000;
    color:#fff;
}

.user-session {
    background-color: #ffeb99;
    padding: 5px 10px;
    border: 1px solid #ffcc00;
    border-radius: 5px;
}

body.layout-actionbar .user-session {
    margin-top: 25px;
}

.user-session>a {
    color: #e96600;
    border: 1px solid #ffcc00;
    background-color: #ffffff;
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 20px;
}

.user-session>a:hover {
    background-color: #e96600;
    color: #ffffff;
    text-decoration: none;
}

.white-outline {
    text-shadow: 1px 1px 2px #ffffff, -1px 1px 2px #ffffff, -1px -1px 2px #ffffff, 1px -1px 2px #ffffff !important;
}

.black-outline {
    text-shadow: 1px 1px 1px #000000, -1px 1px 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000 !important;
}

tr.ineligible>td {
    text-decoration: line-through !important;
}

span.btn.btn-delete {
    background-color: #aa0000;
    margin: 0 !important;
    text-align: center;
    padding: 2px 6px;
    color: #ffffff;
    font-size: 12px;
}

td.cell-ecert,td.cell-papercert { position:relative; }

span.circle {
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    padding-top: 0;
    font-size: 13px;
    font-family: monospace;
    border: 1px solid #999;
    color: #5d5d5d;
}

span.circle-popover {
    width: 100px;
    height: 22px;
    display: none;
    text-align: center;
    border-radius: 15px;
    padding-top: 2px;
    font-size: 11px;
    font-family: monospace;
    border: 1px solid #999;
    color: #5d5d5d;
    background-color: #eeeeee;
    position: absolute;
    top: 8px;
    left: 8px;
}

span.circle.ecert,span.circle-popover.ecert {
    background-color: #f5ffcc;
    border-color: #acc457;
}

span.circle.papercert,span.circle-popover.papercert {
    background-color: #cce6ff;
    border-color: #579ec4;
}

.btn-devtool {
    background-color: #ffbc00;
    border: 1px solid #c59100;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
}