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;
}

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

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

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

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

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

nav.navbar {
    background-color: #ddd;
    border-bottom: 1px solid #ccc;
}

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

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

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;
}

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

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

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

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

.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: #437575;
    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-default.active, .btn-default:active,
.open>.dropdown-toggle.btn-default {
    color: #007882;
    background-color: #56D0DA;
    border-color: #32C0CC;
}

.btn-group .btn.btn-success.active {
    background-color: #47BF4E;
    color: #fff;
}

.btn-group .btn.btn-warning.active {
    background-color: #ffaa33;
}

.btn-group .btn.btn-danger.active {
    background-color: #D9534F;
    color: #fff;
}

.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.form-horizontal>div>div.box {
    border-top: 1px solid #ddd;
}

.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: #E2F5F5;
    border: 1px solid #007882;
    /* border-top: none; */
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.tab-pane>div.box>div.box-content {
    border-top:none;
}

.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 #007882;
    border-bottom-color: transparent;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #E2F5F5;
    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: #007882;
    border-bottom-color: #007882;
}

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

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

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;
}

/**** 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; }

.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; }
.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: 26px;
    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: #99D0D0;
    border: 1px solid #007882;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 15px;
    width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #007882;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    float: right;
    border: 1px solid #007882;
    padding: 0 5px;
    border-radius: 3px;
    background-color: #73ADAD;
}
.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 black 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%;
}


/**** 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; }

/**** PRETTY CHECKABLE ****/
.checkbox {
    padding-left: 20px;
    margin-top:5px;
    float: left;
    clear: both;
}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    line-height:initial;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    line-height: inherit;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    line-height: inherit;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 3px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1; cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #006972;
    border-color: #006972; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    pointer:normal;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    margin-top: 5px;
    cursor:pointer;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 15px;
    height: 15px;
    left: 2px;
    top: 2px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    margin-top: 5px;
    cursor: pointer;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    cursor:pointer;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff; }
/**** END PRETTY CHECKABLE ****/

/*  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: #F0FBFD;
}

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

.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:#007882 !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:11px;
}

.tab-content .paginate_button {
    padding: 5px 10px;
    background-color: #007882;
    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 {
    font-size: 11px;
    background-color: #3EA03E;
    line-height: 1.2em;
    margin: 5px 0 0;
}

.dataTable span.badge {
    width: 90px;
    font-size: 11px;
    line-height: 1.2em;
    margin: 5px 0 0;
}

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

.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;
    text-shadow: 0px 0px 2px black;
}
.dataTable td.warning-cell {
    background-color: #FFB035;
    color:#fff;
    text-shadow: 0px 0px 2px black;
}

.dataTable td>span.cell-icon {
    text-shadow: none;
}

.dataTable td.success-cell {
    background-color: #c7ff9d;
}

.danger-text {
    color: #ff0000;
}

td.not_fully_booked {
    font-weight: bold;

}

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;
}

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(/themes/imperative/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;
}

.defib-expiry-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;
}

.learner-email-cert, .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;
    cursor:pointer;
}

.learner-email-cert:hover, .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:#AB172B;
}

.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-growl.alert {
    border: 1px solid;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
}

.btn.btn-default {
    color: #437575;
    background-color: #DAE8E8;
    border-color: #B2CCCC;
}

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

label.btn.btn-default.active {
    background-color: #95A0A0;
    color: #ffffff;
}

.btn.btn-small {
    font-size:12px !important;
}

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

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

.activity-action {
    color:#007882;
}

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

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

.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;
}

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: #007882;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 12px;
}

.trainer_thumbnail {
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    border: 5px solid #ffffff;
    box-shadow: 1px 1px 5px;
}

.trainer_thumbnail.smaller {
    width:120px;
    height:120px;
}

#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;
}

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

span.absent-learner {
    float: right;
    margin-right: 20px;
    border-radius: 3px;
    padding: 4px 7px;
    background-color: #d9534f;
}

label.inline-radio {
    float: none;
    line-height: 1em;
    font-size: 1em;
    padding: 0 5px 0 2px;
    top: -2px;
    position: relative;
    font-weight: normal;
}

span.inline-radio.disabled {
    color: #bbb;
}

.tquk-cert-na {
    font-size: 0.75em;
    color: #888;
    font-style: italic;
}

.bootbox-wide {
    margin: 0 auto;
    width: 800px;
}

.diary_invoice_number {
    font-size: 10px;
    margin-top: 5px;
    display: block;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}