body.login-page,
body.install-page,
body[data-url="login/2fa"] {
    background-color: #2f2f2f;
}

body.install-page-bg,
body[data-url="login/2fa"],
body[data-url="account/security/2fa"] {
    background-color: #999999;
    background-image: url('/images/bg1.jpg');
    background-size: 100% 150%;
}

body.install-page-rpa-bg,
body[data-url="login/2fa"][data-product="RPA"],
body[data-url="account/security/2fa"][data-product="RPA"] {
    background-color: #999999;
    background-image: url('/images/bg3.jpg');
    background-size: 100% 150%;
}

.install-page-bg .page-footer,
.install-page-rpa-bg .page-footer,
body[data-url="login/2fa"] .page-footer,
body[data-url="account/security/2fa"] .page-footer {
    margin-bottom: 30px;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
}

.widget-login-container {
    padding-top: 3%;
}

div#wizard.form-wizard input#icao {
    text-transform: uppercase;
}

form.login-form input:-webkit-autofill,
form.login-form input:-webkit-autofill:hover,
form.login-form input:-webkit-autofill:active,
form.login-form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 100px #eee inset;
}

.widget-login-container .widget-login {
    box-shadow: 0px 0px 20px 0px #444444;
}

section.login-theme-light {
    background: white;
    color: black;
}

section.login-theme-light hr.logo-separator {
    border-top-color: #eeeeee;
}

section.login-theme-dark {
    background: #444444;
    color: white;
}

section.login-theme-dark label, section.login-theme-dark a {
    color: white;
}

section.login-theme-dark button.btn {
    color: black;
    background-color: white;
    border-color: rgba(0, 0, 0, 0);
}

section.login-theme-dark button.btn:hover {
    background-color: #DDDDDD;
    text-decoration: none;
}

/*div.js-sidebar-content header.logo img
{
	margin-left: -12px;
	padding-top: 10px;
}
div.js-sidebar-content header.logo img.logo-collapsed-state
{
	margin-left: 0px;
	width: 85%;
}*/

.sidebar-nav > li > a {
    color: #ffffff;
    font-size: 0.825em;
}

.sidebar-nav > li ul > li > a {
    font-size: 0.825em;
}

.sidebar-nav > li.active > a {
    color: #2AAAFF;
}

.sidebar-nav > .active > a .icon {
    background-color: #2AAAFF;
}

.sidebar-nav li ul li span.icon i {
    float: left;
    margin-left: -5px;
    width: 16px;
    margin-top: 2px;
}

.sidebar-nav .regs-current {
    font-weight: bold;
    color: green;
}

.sidebar-nav .regs-grandfathered {
    font-weight: bold;
    color: red;
}

/* Hack for battery icon... */
i.fa.fa-battery-full {
    font-size: 10.5px;
}

a.navbar-brand.visible-xs,
a.navbar-brand.visible-xs:hover {
    background-color: #e3e3e3;
}

.chat-sidebar-panel {
    padding-top: 50px;
}

.nav-collapsed .sidebar-alerts {
    opacity: 1.0;
}

.btn-danger, .btn-danger:active, .btn-danger:link, .btn-danger:visited {
    background-color: #da0303;
    border-color: #ab0707;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #da0303;
}

span.permission.icon {
    text-align: center;
}

span.permission.icon i {
    width: 16px;
    height: 16px;

}

a#btn-airport-select {
    position: relative;
    float: right;
    right: -30px;
    top: -5px;
}

section.widget.airport-map {
    position: relative;
    width: 100%;
    min-height: 750px;
}

section.widget.airport-map div#airport-map {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: 50px 20px 20px 20px;
}

.panel-default > .panel-heading {
    background-color: #777777;
    color: #ffffff;
}

ul.messenger.messenger-on-top.messenger-on-right, ul.messenger.messenger-on-bottom.messenger-on-right {
    margin-left: 204px;
}

div#notification-bar {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 10000;
}

div.notice {
    margin-bottom: 2px;
}

div.alert.alert-danger.alert-sm.notice {
    background-color: #ff0000;
    color: #ffffff;
    opacity: 0.98;
}

div.crud-section-right {
    margin-top: 46px;
}

div.item-response-list-group i.item-response-delete,
table#multi-option-table i.option-delete {
    cursor: pointer;
}

div.response-configuration-container div.type-container {
    display: none;
}

div.messenger-message.message.alert.error {
    background-color: #cc0000;
    color: #fff;
}

ul.messenger.messenger-on-top.messenger-theme-air {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 207px;
    right: 3px;
}

ul.messenger .messenger-message ul, ul.messenger .messenger-message ol {
    margin: 0px 0px;
    padding-left: 15px;
}

tr.model-inactive {
    font-style: italic;
    color: #c0c0c0;
}

tr.model-inactive td a {
    font-style: normal;
}

div.table-responsive-wrapper.always-scroll {
    width: 100%;
    overflow-x: auto;
}

/* Cool code to give fixed header on tables :-) */
.table-fix-head {
    overflow-y: auto;
    max-height: 300px;
}

.table-fix-head thead th {
    position: sticky;
    top: 0;
    background: white;
}

/*
 |----------------------------------------------------------------------
 | Widget Styling
 |----------------------------------------------------------------------
 */
section.widget.dark-widget header {
    background-color: #313131;
    color: #fff;
    margin: 0;
}

section.widget.dark-widget h4 {
    margin-left: 10px;
}

section.widget.dark-widget {
    padding: 0;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
}

section.widget.dark-widget div.widget-body {
    padding: 15px;
}

section.widget.light-widget header {
    background-color: #fff;
    color: #000;
    margin: 0;
}

.section-icon {
    position: absolute;
    top: 0px;
    left: -50px;
    width: 50px;
    height: 49px;
    border-radius: 25px 0px 0px 25px;
    background-color: #8fc73e;
    text-align: right;
    vertical-align: middle;
    line-height: 60px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
    padding-right: 10px;
}

.bg-grey {
    background-color: #B8B8B8;
}

.bg-charcoal {
    background-color: #454547;
}

.border-charcoal {
    border: solid 1px #454547;
}

/*.overview-graph-container svg text { fill: #FFFFFF; }*/

.security-overview-container .section-icon {
    background-color: rgb(241, 30, 39);
}

.security-overview-container .widget {
    -webkit-box-shadow: 5px 5px 15px -1px #000000;
    box-shadow: 5px 5px 15px -1px #000000;
}

/*
 |----------------------------------------------------------------------
 | Mobile Options
 |----------------------------------------------------------------------
 */

.menu-cover {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1049;
}

.menu-btn {
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 5px;
    text-align: center;
}

.menu-btn a {
    font-size: 14px;
    padding: 15px 20px !important;
    color: #333;
}

.go-modal {
    position: fixed !important;
    top: 130px !important;
    width: 250px !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    z-index: 1050 !important;
    max-height: 70% !important;
    overflow: scroll !important;
}

/*
 |----------------------------------------------------------------------
 | Form styling
 |----------------------------------------------------------------------
 */
form#user-edit-form input#first_name,
form#user-edit-form input#last_name {
    text-transform: capitalize;
}

form#airport-edit-form input#icao {
    text-transform: uppercase;
}

form div.date-picker .parsley-errors-list {
    position: absolute;
    left: 0px;
    bottom: -22px;
}

div.input-group.cost-input .parsley-errors-list {
    position: absolute;
    left: 0px;
    bottom: -25px;
}

form#notam-edit-form div.date-picker .parsley-errors-list {
    left: 15px;
}

#powered-by-logo {
    position: absolute;
    right: 40px;
    bottom: 0px;
    padding-bottom: 8px;
    opacity: 1.0;
}

div.build-no {
    background-color: #e2e2e2;
    color: #585858;
    font-size: 0.75em;
    padding: 3px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

div.error-modal .close {
    color: #ffffff;
    opacity: 0.8;
}

div.error-modal .close:hover, div.error-modal .close:focus {
    opacity: 1.0;
}

div.error-modal .modal-body {
    color: #000000;
}

div.error-modal .modal-content {
    color: #ffffff;
}

div.error-modal .modal-header {
    color: #ffffff;
}

div.modal.error-modal[data-error-status="401"] .modal-header {
    background-color: #035371;
}

div.modal.error-modal[data-error-status="403"] .modal-header {
    background-color: #005C98;
}

div.modal.error-modal[data-error-status="404"] .modal-header {
    background-color: #a50101;
}

div.modal.error-modal[data-error-status="460"] .modal-header {
    background-color: #009FDE;
}

div.modal.error-modal[data-error-status="500"] .modal-header {
    background-color: #ff0000;
}

div#inspection-tabs-container {
    position: fixed;
    top: 85px;
    left: 204px;
    z-index: 50;
    padding: 10px 0px;
    background-color: #ffffff;
    right: 0px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
    -webkit-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}

body.nav-collapsed div#inspection-tabs-container {
    left: 50px;
}

body.nav-collapsed header.logo {
    line-height: 5px;
    height: 5px;
}

section.inspection-category {
    background-color: #aac4de;
}

div#inspection-container.inspection-started div#inspection-tabs-container {
    display: block;
}

div#inspection-container.inspection-started div#inspection-working-container,
div#inspection-container.inspection-started div#inspection-type-select-container {
    padding-top: 25px;
}

div#inspection-container div.inspection-type,
div#inspection-container div.inspection-category {
    min-height: 120px;
}

div#inspection-container .inspection-type .button-container,
div#inspection-container .inspection-category .button-container {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

div#inspection-container .inspection-category-container:hover:not(.selected) {
    cursor: pointer;
}

.modal.inspection-geotags #inspection-map-wrapper {
    min-height: 400px;
    width: 100%;
}

.modal.inspection-geotags #inspection-map {
    height: 400px;
}

div#account-dropdown,
div#sidebar-status .btn-airport-select {
    display: inline-block !important;
}

div#account-dropdown ul.dropdown-menu {
    margin-top: 30px;
}

div#account-dropdown ul.dropdown-menu {
    width: 80%;
}

div.inspection-criteria div.option {
    min-height: 50px;
}

div.inspection-item-response div.error,
div.signature-error {
    margin-bottom: 5px;
    display: none;
}

div.inspection-item-response div.error span.error,
div.signature-error span.error {
    font-size: 12px;
    color: #ee0000;
}

div.inspection-item-response div.option button {
    white-space: normal;
}

div.row.inspection-item div.well.highlight {
    border: solid 8px;
}

div.row.inspection-item div.well div.action-notes {
    margin: 8px 0px;
    font-weight: bold;
    border: solid 2px #080808;
    padding: 6px;
}

div.previous-issue-container {
    position: relative;
    top: -27px;
    border: solid 2px;
    padding: 25px 10px 5px;
    text-align: center;
}

div.previous-issue-container h5 {
    position: absolute;
    top: -5px;
    width: 100%;
    margin-left: -10px;
    font-size: 0.825em;
}

div.pagination {
    float: none;
    margin: 0px;
}

div.search-accordion.panel-group {
    margin-bottom: 0px;
}

div.search-accordion .panel-default > .panel-heading {
    background-color: #878787;
}

div.sms-accordion .panel-default > .panel-heading {
    background-color: #d0f2fe;
}

div.search-accordion .panel-title > a.collapsed > i.fa-search,
div.sms-accordion .panel-title > a.collapsed > i.fa-search {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

div.search-accordion .panel-title > a {
    font-size: 14px;
    text-decoration: none;
}

div.search-accordion .panel-title > a.collapsed {
    color: #ffffff;
}


div#search-accordion.panel-group {
    margin-bottom: 0px;
}

div#search-accordion .panel-default > .panel-heading {
    background-color: #878787;
}

div#search-accordion .panel-title > a.collapsed > i.fa-search {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

div#search-accordion .panel-title > a {
    font-size: 14px;
    text-decoration: none;
}

div#search-accordion .panel-title > a.collapsed {
    color: #ffffff;
}


div.modal.send-email .modal-dialog {
    width: 60%;
}

div#booking-container div#calendar .fc-body {
    background-color: #f9f9f9;
}

div#booking-container {
    margin-bottom: 25px;
}

div#calendar tbody .fc-scroller {
    overflow-y: auto;
}

div.modal.edit-booking ul.parsley-errors-list + span.input-group-btn {
    top: -11px;
}

div#booking-modal-container div.panel-heading {
    padding: 5px 15px;
    background-color: #b0b0b0;
}

div#booking-modal-container .panel-title > a {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}

div.signature-container {
    width: 100%;
}

div.signature-container button.signature-clear {
    float: right;
}

div.signature-container canvas {
    margin-top: 3px;
    cursor: pointer;
    border: solid 1px #b0b0b0;
    border-radius: 8px;
}

div.sms-colour-block {
    height: 30px;
    width: 30%;
    max-width: 40px;
}

div.risk-analysis-block {
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    max-width: 70px;
}


section.widget.investigations,
div.investigations section.widget {
    background-color: #fbfbeb;
}

div.sms-report-view .form-group {
    margin-bottom: 10px;
    min-height: 20px;
}

td.matrix-cell {
    cursor: pointer;
}

td.matrix-cell.view-only {
    cursor: default;
}

div.form-horizontal .control-label {
    padding-top: 0px;
}

#parked-aircraft-container .letter, #parked-aircraft-container .number {
    float: left;
    height: 8%;
    margin-bottom: 2px;
    margin-right: 2px;
    padding: 6px 0px;
}

#parked-aircraft-container .letter {
    width: 9%;
}

#parked-aircraft-container .number {
    width: 30%;
}

#parked-aircraft-container input.reg {
    text-transform: uppercase;
    font-size: 2.5em;
    line-height: 2.5em;
    height: 2.5em;
    margin-bottom: 5px;
}

div.aircraft-container {
    /*float: left;
    height: 40px;
    min-height: 40px;
    min-width: 100px;
    border: solid 1px #c0c0c0;
    border-radius: 3px;
    padding: 5px;
    background-color: #e9e9e9;
    margin-right: 4px;
    margin-bottom: 4px;
    position: relative;*/
}

div.aircraft-container .dropdown-menu a:link,
div.aircraft-container .dropdown-menu a:active,
div.aircraft-container .dropdown-menu a:visited {
    color: #000000;
}

div.aircraft-container div.reg {
    margin-right: 5px;
    padding-right: 3px;
}

div.aircraft-container div.close {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 1em;
}

div.fav-aircraft-group .btn-group button {
    display: block !important;
    float: none !important;
}

.btn-group.aircraft {
    margin-bottom: 8px;
}

button.btn.parking {
    margin-right: 15px;
}

.btn-xlg, .btn-group-xlg > .btn {
    padding: 14px 18px;
    font-size: 18px;
    line-height: 1.6666666;
    border-radius: 6px;
}

table.aircraft-details td {
    color: #000000;
}

td.inspection-status {
    font-weight: bold;
    font-size: 1em;
}

td.inspection-status.not-all {
    color: #ff0000;
}

td.inspection-status.all {
    color: #00aa00;
}

img.radar-overlay-image {
    position: absolute;
    top: 0px;
    left: 0px;
}

img.radar-overlay-image.background {
    z-index: 300;
}

img.radar-overlay-image.topography {
    z-index: 301;
}

img.radar-overlay-image.range {
    z-index: 303;
}

img.radar-overlay-image.locations {
    z-index: 304;
}

div#radar-container {
    position: relative;
    margin: 30px 15px;
}

div#radar-container img {
    width: 100%;
    max-width: 512px;
}

img.radar-loop-image {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
    z-index: 302;
}

td.vicpass-expired {
    font-weight: bold;
    color: #ff0000;
}

td.vicpass-active {
    font-weight: bold;
    color: #00aa00;
}

tr.archived td, tr.inactive td {
    font-style: italic;
    color: #777777;
}

tr.archived div.btn-group {
    font-style: normal;
    color: #777777;
}

ul.setup-nav li {
    list-style: none;
}

ul.sidebar-nav li.standard a {
    padding-left: 5px;
}

header.logo {
    margin: 10px 0px 5px;
    line-height: 60px;
    height: 60px;
}

.navbar-brand.visible-xs {
    padding: 5px;
}

.navbar-brand.visible-xs img {
    max-height: 45px;
}

label[for=decl_not_refused] + .parsley-error + ul.parsley-errors-list,
label[for=decl_28day] + .parsley-error + ul.parsley-errors-list {
    float: right;
}

div.qualification-row {
    padding: 6px;
}

div.qualification-row button.btn-remove-qual {
    display: inline-block;
    margin-right: 8px;
}

div.qualification-row select {
    display: inline-block;
    width: 80%;
}

div.qualification-row.expired, span.badge.expired {
    background-color: #df0f0f;
}

div.qualification-row.nearly-expired, span.badge.nearly-expired {
    background-color: #ff9c00;
}

div.qualification-row.ok, span.badge.ok {
    background-color: #25c400;
}

div.cropper-container div.cropper-button-container {
    display: inline-block;
    margin-left: 15px;
}

div.cropper-container button {
    display: inline-block;
    margin-left: 5px;
}


div.notification-widget {
    position: relative;
}

div.notification-widget .widget-controls {
    padding: 6px;
}

div#airport-container span.badge.inspection-item.open {
    background-color: #ff9c00;
}

div#airport-container span.badge.inspection-item.resolved {
    background-color: #25c400;
}

div#airport-container span.badge.sms-event.open {
    background-color: #03d5dd;
}

div#airport-container span.badge.sms-event.pending {
    background-color: #fa220c;
}

span.issue-manager.badge.open {
    background-color: #ff9c00;
}

span.issue-manager.badge.resolved {
    background-color: #2fc400;
}

div#inspection-container {
    margin-bottom: 40px;
}

div#overview-item-container tr.selected td {
    background-color: #d9fff9;
}

div#overview-item-container section.widget {
    padding: 5px 20px;
    margin-bottom: 10px;
}

div#overview-item-container div.map-option-container {
    float: right;
    font-size: 0.825em;
}

.naips-block {
    font-family: monospace;
    font-size: 12px;
}

.bg-purple {
    background-color: #a36ce0;
}

td.damp.positive {
    color: #ff0000;
}

td.damp.negative {
    color: #00aa00;
}

div.avcrm.metar-widget {
    margin-bottom: 8px;
}

div.popover-content {
    padding: 5px 5px;
}

div.fav-aircraft-group .btn-group {
    min-height: 180px;
    max-height: 180px;
    overflow-y: scroll;
    width: 100%;
}

div.fav-aircraft-group button.fav-reg {
    margin-bottom: 2px;
}

form#inspection-completed-form td.issue {
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

form#inspection-completed-form td.issue.green {
    color: #00aa00;
}

form#inspection-completed-form td.issue.red {
    color: #ff0000;
}

span.badge.asset.ok {
    background-color: #25c400;
}

span.badge.asset.not-ok {
    background-color: #f70000;
}

span.badge.asset.expiry-soon {
    background-color: #ff9c00;
}

td.green {
    color: #00aa00;
}

td.red {
    color: #ff0000;
}

.geoarea-delete-menu {
    position: absolute;
    background: white;
    padding: 3px;
    color: #666;
    border: 1px solid #999;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, .3);
    margin-top: -10px;
    margin-left: 10px;
    cursor: pointer;
}

.geoarea-delete-menu:hover {
    background: #eee;
}

.circle-lg, .rounded-lg {
    width: 4.0em;
}

div.row.dashboard-summary {
    background: url('/images/cloud-bg.jpg');
    background-repeat: repeat-y;
    background-size: 100%;
    margin: 0px 0px 20px;
}

div.row.dashboard-summary div.item {
    min-height: 200px;
    position: relative;
    cursor: pointer;
}

div.row.dashboard-summary div.box {
    opacity: 0.5;
}

div.row.dashboard-summary div.item.red div.box {
    background-color: #aa0000;
}

div.row.dashboard-summary div.item.green div.box {
    background-color: #00cc00;
}

div.row.dashboard-summary div.item.blue div.box {
    background-color: #348ddf;
}

div.row.dashboard-summary div.item.yellow div.box {
    background-color: #bcc553;
}

div.row.dashboard-summary div.item.orange div.box {
    background-color: #edb223;
}

div.row.dashboard-summary div.item.grey div.box {
    background-color: #787878;
}

div.row.dashboard-summary div.box {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

div.row.dashboard-summary div.box-content i.fa {
    font-size: 3.0em;
}

div.row.dashboard-summary div.box-content {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: #ffffff;
    opacity: 1.0;
    font-size: 1.75em;
    border: solid 2px #ffffff;
    text-align: center;
    vertical-align: middle;
    padding: 4% 0px;
}

div.selected-polygons.list-group:last-of-type .list-group-item:last-child {
    border-bottom: 1px solid #ddd;
}

div.selected-polygons.list-group-lg .list-group-item {
    margin-bottom: 3px;
}

.geoarea-labels {
    color: #000000;
    background-color: #FFFF55;
    font-family: "Open Sans, sans-serif", sans-serif;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
    padding: 2px;
}

span.badge.notam-notify-status.notsubmitted {
    background-color: #ff9c00;
}

span.badge.notam-notify-status.submitted {
    background-color: #25c400;
}

span.badge.notam-status.notactive {
    background-color: #df0f0f;
}

span.badge.notam-status.active {
    background-color: #25c400;
}

span.notam-not-checked {
    color: #ff9c00;
}

span.notam-not-verified {
    color: #da0303;
}

span.notam-verified {
    color: #25c400;
}

div.dashboard-container div.widget-body {
    position: relative;
}

div.dashboard-container div.widget-icon {
    position: absolute;
    top: -15px;
    left: 3px;
}

div.dashboard-container div.main-title {
    text-align: center;
}

div.dashboard-container .avcrm.clock-widget ul.flip {
    width: 20% !important;
}

@media screen and (max-width: 400px) {
    div.dashboard-container .avcrm.clock-widget ul.flip {
        width: 18% !important;
    }
}

/*
 * Sticky Notes */
div.modal.sticky-notes div.modal-header {
    border-bottom: none;
}

div.modal.sticky-notes div.modal-footer {
    border-top: none;
}

div.modal.sticky-notes div.modal-body {
    min-height: 400px;
}

div.modal.sticky-notes div.current-notes {
    border: solid 1px #ff0000;
    display: inline-block;
    width: 45%;
}

div.modal.sticky-notes div.current-note {
    border: solid 1px #00ff00;
    display: inline-block;
    width: 45%;
}


div#wildlife-overview-container tr.selected td {
    background-color: #d9fff9;
}

span.badge.wildlife-report.open {
    background-color: #25c400;
}

span.badge.wildlife-report.closed {
    background-color: #ff9c00;
}

span.countermeasure-deployment.badge.active {
    background-color: #25c400;
}

span.countermeasure-deployment.badge.inactive {
    background-color: #df0f0f;
}

div.row.risk-analysis-zone-container div.countermeasure-container.affix {
    z-index: 500000;
    right: 25px;
    min-height: 400px;
}

div.pin-container div.row {
    margin-bottom: 5px;
}

div.pin-container div.row button {
    width: 60px;
}


form#change-password-form ul.parsley-errors-list,
form#change-pin-form ul.parsley-errors-list,
form#two-factor-form ul.parsley-errors-list {
    position: absolute;
    left: 0px;
    bottom: -22px;
}

div.wildlife-observation-species.selected img {
    border: solid 6px #e0a70f;
}

/*body.nav-collapsed nav#sidebar
{
	width: 50px;
}
body.nav-collapsed nav#sidebar i.toggle
{
	display:none;
}
body.nav-collapsed nav#sidebar ul ul
{
	display: none;
}*/

div.widget-body.sms-report-start i.icon {
    font-size: 50pt;
    text-align: center;
    width: 100%;
}

div.widget-body.sms-report-start.accident i.icon {
    color: #CF2A28;
}

div.widget-body.sms-report-start.incident i.icon {
    color: #FF9900;
}

div.widget-body.sms-report-start.hazard i.icon {
    color: #FFD966;
}

div.widget-body.sms-report-start.wildlife i.icon {
    color: #998FB3;
}

div.widget-body.sms-report-start.accident i.icon:hover {
    color: #f43533;
}

div.widget-body.sms-report-start.incident i.icon:hover {
    color: #ffaf38;
}

div.widget-body.sms-report-start.hazard i.icon:hover {
    color: #ffe9a7;
}

div.widget-body.sms-report-start.wildlife i.icon:hover {
    color: #d6ccef;
}

div.widget-body.sms-report-start a {
    color: #000000;
}

div.widget-body.sms-report-start div.title {
    font-size: 22px;
    text-align: center;
}

div.sms-reports section {
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
}

div.sms-reports section.accidents {
    border-left: 30px solid #E06666;
}

div.sms-reports section.incidents {
    border-left: 30px solid #F6B26B;
}

div.sms-reports section.hazards {
    border-left: 30px solid #FFD966;
}

div.sms-reports section.wildlife {
    border-left: 30px solid #B4A7D6;
}

div.sms-reports div.title {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    color: #000000;
}

div.sms-reports section.widget {
    min-height: 140px;
}

@media screen and (min-width: 1950px) {
    div.sms-reports div.title {
        font-size: 2em;
    }

    div.sms-reports section.widget {
        min-height: 150px;
    }
}

@media only screen and (max-width: 1350px) and (min-width: 1200px) {
    div.sms-reports div.title {
        font-size: 1.2em;
    }

    div.sms-reports section.widget {
        min-height: 170px;
    }

    div.sms-reports .widget {
        padding: 5px 5px;
    }
}

div.sms-reports table.report {
    text-align: center;
    width: 70%;
}

div.sms-reports table.report td {
    color: #000000;
    font-weight: 400;
}

div.sms-reports {
    cursor: pointer;
}

td.sms-report.general.risk {
    color: #2073a0;
}

td.sms-report.accident {
    color: #E06666;
}

td.sms-report.incident {
    color: #F6B26B;
}

td.sms-report.hazard {
    color: #FFD966;
}

td.sms-report.wildlife {
    color: #B4A7D6;
}

.sms-table table.table, .sms-table table.table th {
    text-align: center;
    vertical-align: middle;
}

.sms-table table.table th {
    color: #FFFFFF;
    background-color: rgb(52, 52, 51);
    text-transform: unset;
}

.sms-table .red-lr-border {
    border-left: 1px solid red;
    border-right: 1px solid red;
}

.sms-table .red-lrb-border {
    border-left: 1px solid red;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
}

.sms-table .grey-border {
    border: 1px solid rgb(153, 153, 152);
}

.sms-table .grey-dashed-border {
    border: 1px dashed rgb(153, 153, 152);
}

.sms-table .grey-lr-border {
    border-left: 1px solid rgb(153, 153, 152);
    border-right: 1px dashed rgb(153, 153, 152);
}

.sms-table .grey-lr-dashed-border {
    border-left: 1px dashed rgb(153, 153, 152);
    border-right: 1px dashed rgb(153, 153, 152);
}

.risk-outcomes table {
    border-collapse: separate;
    border-spacing: 15px;
    margin-top: -10px;
}

.risk-outcomes .outcome {
    padding: 10px 25px;
    text-align: center;
    height: 65px;
}

.risk-outcomes .description {
    padding: 10px;
    border: 1px solid #3f3f3f;
}

div.wildlife-filter section.species {
    border-left: 30px solid #E06666;
}

div.wildlife-filter section.zones {
    border-left: 30px solid #F6B26B;
}

div.wildlife-filter section.countermeasures {
    border-left: 30px solid #FFD966;
}

div.wildlife-filter section.seasons {
    border-left: 30px solid #B4A7D6;
}

div.wildlife-filter section.risks {
    border-left: 30px solid #B4A7D6;
}

div.wildlife-filter div.title {
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    color: #000000;
    font-weight: bolder;
    margin-bottom: 10px;
}

div.wildlife-filter table.report {
    text-align: left;
    width: 70%;
}

div.wildlife-filter table.report td {
    color: #000000;
    font-weight: 400;
}

div.wildlife-filter .widget {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 15px 0 rgba(0, 0, 0, 0.19);
}

div.wildlife-filter tr.filterable {
    cursor: pointer;
}


span.badge.agenda-status.upcoming {
    background-color: #25c400;
}

span.badge.agenda-status.inprogress {
    background-color: #63e2fd;
}

span.badge.agenda-status.held {
    background-color: #ff9c00;
}

span.badge.agenda-attendance-status.not-invited {
    background-color: #c0c0c0;
}

span.badge.agenda-attendance-status.invited {
    background-color: #63e2fd;
}

span.badge.agenda-attendance-status.tentative {
    background-color: #ff9c00;
}

span.badge.agenda-attendance-status.declined {
    background-color: #df0f0f;
}

span.badge.agenda-attendance-status.accepted {
    background-color: #25c400;
}

div.agenda-item.well {
    background-color: #eaf8f9;
}

form#sms-agenda-view-form div.objective-container {
    margin-top: 15px;
}

form#sms-agenda-view-form div.objective-container div.header {
    margin-left: 15px;
}

div.objective-button-container button.entered {
    border: solid 2px #000000;
}

tr.sms-agenda-item-row.highlight td {
    background-color: #ebffea;
}

div.sms-agenda-affix.affix {
    z-index: 5000;
    right: 50px;
}

div.ops-log {
    cursor: pointer;
}

div.ops-log.ops-log-header {
    font-size: 1.25em;
    font-weight: bold;
    margin: 0px 0px;
}

div.ops-log.ops-log-header div {
    padding: 10px;
}

div.ops-log .accidents {
    background-color: #EA9999;
    border-left: 30px solid #EA9999;
}

div.ops-log .incidents {
    background-color: #F9CB9C;
    border-left: 30px solid #F9CB9C;
}

div.ops-log .hazards {
    background-color: #FFE599;
    border-left: 30px solid #FFE599;
}

div.ops-log .wildlife-reports, div.ops-log .jobs {
    background-color: #B4A7D6;
    border-left: 30px solid #B4A7D6;
}

div.ops-log .notams {
    background-color: #9FC5F8;
    border-left: 30px solid #9FC5F8;
}

div.ops-log .inspections, div.ops-log .defects {
    background-color: #B6D7A8;
    border-left: 30px solid #B6D7A8;
}

div.ops-log .issues {
    background-color: #A2C4C9;
    border-left: 30px solid #A2C4C9;
}

div.ops-log .wildlife-observations {
    background-color: #D5A6BD;
    border-left: 30px solid #D5A6BD;
}

div.ops-log .opslog-diary {
    background-color: #C0C0C0;
    border-left: 30px solid #C0C0C0;
}

div.ops-log section {
    min-height: 130px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.075);
}

div.ops-log section.widget {
    background-color: #fff
}

div.ops-log div.title {
    width: 100%;
    text-align: center;
    font-size: 2.0em;
    color: #000000;
}

div.ops-log table.report {
    text-align: center;
    width: 70%;
}

div.ops-log table.report td {
    color: #000000;
    font-weight: 400;
}

.btn.btn-blue {
    color: #fff;
    border-color: #a4d5e0;
    background-color: #b0e3ee;
}

.btn.btn-blue:hover {
    border-color: #7ea6ae;
    background-color: #8eb8c1;
}

.btn-dark-blue {
    color: #fff;
    background-color: #248bf9;
    border-color: #248bf9;
}

.btn-dark-blue:hover {
    color: #fff;
    background-color: #036de0;
    border-color: #036de0;
}

div.inline-button-wrapper {
    background-color: #e3e3e3 !important;
}

div.inline-button-container {
    display: inline-block;
    text-align: center;
    z-index: 100;
    float: right;
    margin-top: 8px;
}

div.row.visible-xs div.inline-button-container {
    float: none;
    margin-bottom: 8px;
}

div.modal.inline-ops-diary section {
    margin: 0px;
    padding: 0px 20px;
}

div.job-summary .widget {
    cursor: pointer;
}


div.avcrm.flights-widget .flights {
    /*max-height:480px;
    overflow-y:auto;*/
    margin-bottom: 15px;
}

.widget.flight-detail {
    border-radius: 12px;
    background-color: #ebefec;
    box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.5);
    border: solid 2px #90af8e;
}

.widget.flight-detail.collapsed {
    background-color: #f0f0f0;
    border: none;
    box-shadow: none;
}

.widget.flight-detail header:hover {
    cursor: pointer;
}

/* Copy flight-detail css and make give it a generic class name */
.widget.avcrm-collapsible {
    border-radius: 12px;
    background-color: #ebefec;
    box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.5);
    border: solid 2px #90af8e;
}

.widget.avcrm-collapsible.collapsed {
    box-shadow: none;
}

.widget.avcrm-collapsible header:hover {
    cursor: pointer;
}

div.part-links {
    background-color: #f0fafa;
    padding: 15px 0px 0px;
}


select.rpa-option, option.rpa-option {
    color: #00bb00 !important;
}

select.rpa-option.unserviceable, option.rpa-option.unserviceable {
    color: #ff0000 !important;
}

select.rpa-option.fault, option.rpa-option.fault {
    color: #c7bf3c !important;
}

select.rpa-option.booked, option.rpa-option.booked {
    color: #0000dd !important;
}

select.rpa-option.available, option.rpa-option.available {
    color: #00bb00 !important;
}


div.rpa-option-sel {
    font-size: 14px;
    color: #000000 !important;
    padding: 8px !important;
    border-radius: 5px;
    background-color: rgb(182, 215, 168) !important;
    display: inline-block;
}

div.rpa-option-sel.unserviceable {
    background-color: rgb(255, 0, 0, 0.8) !important;
    color: #fff2ef !important;
}

div.rpa-option-sel.Unserviceable {
    background-color: rgb(255, 0, 0, 0.8) !important;
    color: #fff2ef !important;
}

div.rpa-option-sel.fault {
    background-color: rgb(199, 191, 6, 0.8) !important;
    color: #fdf7e6 !important;
}

div.rpa-option-sel.Fault {
    background-color: rgb(199, 191, 6, 0.8) !important;
    color: #fdf7e6 !important;
}

div.rpa-option-sel.booked {
    background-color: rgb(0, 0, 221, 0.8) !important;
    color: #f2fafa !important;
}

div.rpa-option-sel.Booked {
    background-color: rgb(0, 0, 221, 0.8) !important;
    color: #f2fafa !important;
}

div.rpa-option-sel.available {
    background-color: rgb(182, 215, 168) !important;
    color: #ecfaec !important;
}

div.rpa-option-sel.Available {
    background-color: rgb(182, 215, 168) !important;
    color: #ecfaec !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
    border-radius: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-dropdown .select2-dropdown--below,
.select2-dropdown .select2-dropdown--above {
    border: 1px solid #ccc;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #DCEDFD;
    border-color: #A9C5DF;
    margin-top: 10px;
}

.select2-container .select2-search--inline {
    float: none;
}

.select2-container .select2-container--default,
.select2-container .select2-selection--single {
    min-height: 34px;
}

.select2-selection__rendered, .select2-selection__placeholder, .select2-selection__arrow {
    min-height: 34px;
    vertical-align: middle;
    line-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    min-height: 34px;
    margin-right: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    font-weight: 400;
    color: #000;
    padding-left: 12px;
}

.select2-search--dropdown {
    width: 100%;
}

.select2-results {
    padding: 0;
    margin: 0;
}

.select2-selection__choice {
    height: 24px;
    margin-top: 10px;
    line-height: 24px;
}

.select2-search {
    z-index: 1020;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
}

section.widget.vic-pass-holder-declaration, section.widget.vic-pass-holder-declaration .signature-pad-widget section.widget {
    background-color: #fdfeec;
}

section.widget.vic-pass-issuer-details, section.widget.vic-pass-issuer-details .signature-pad-widget section.widget,
section.widget.inventory-job-compliance {
    background-color: #edf9fe;
}

div.video-tutorial-container {
    margin: 5px 0px;
}

div.row.video-search-result-row:hover {
    background-color: #FFFFE7;
}

body.nav-collapsed header.logo {
    display: none;
}

form#wizard-form div.terms-container {
    max-height: 250px;
    min-height: 250px;
    overflow-y: scroll;
    background-color: #ffffff;
    padding: 10px 0px;
}

form#wizard-form div.terms-container h2,
form#wizard-form div.page-header {
    margin-top: 5px;
}


form#wizard-form div.terms-container div.container {
    width: auto;
}

/* General CSS */
.center {
    text-align: center !important;
}

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

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

.middle {
    vertical-align: middle !important;
}

.p-0 {
    padding: 0px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.m-0 {
    margin: 0px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.modal-xl {
    width: 90%;
}

/* End General CSS */

/*
 |----------------------------------------------------------------------
 | Google Autocomplete styling
 | See: https://developers.google.com/maps/documentation/javascript/places-autocomplete#style_autocomplete;
 |----------------------------------------------------------------------
 */
.pac-container {
    z-index: 2000 !important;
}


/*
 |----------------------------------------------------------------------
 | Progress widget/sidebar styling
 |----------------------------------------------------------------------
 */

.progress-bar-fluid {
    z-index: -1;
}

.progress-container {
    /* move inline with sidebar animation */
    left: 244px;
    -webkit-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}

.nav-collapsed .progress-container {
    left: 90px;
}

.nav-static .progress-container {
    left: 244px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

div.progress-container.affix {
    top: 115px;
}

div.progress-container ul.nav li:before {
    content: '';
    position: absolute;
    border-left: 2px solid #333;
    left: -16px;
    bottom: 0;
    top: 20px;
}

div.progress-container ul.nav li a.title {
    padding: 0;
}

div.progress-container ul.nav {
    font-weight: 400;
    left: -25px;
    position: relative;
}

div.progress-container.affix:before {
    content: '';
    height: 700px;
    width: 300px;
    left: -40px;
    top: -100px;
    position: absolute;
    background-image: url('/images/insurance-circles-white.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -10;
}

/* Pending */

div.progress-container ul.nav li.pending:before {
    border-left: 2px solid #ccc;
}

div.progress-container ul.nav li.pending,
div.progress-container ul.nav li.pending .fa-li,
div.progress-container ul.nav li.pending a.title {
    color: #999;
}

div.progress-container ul.nav li.pending i.fa-li:before {
    font-family: FontAwesome;
    content: "\f10c";
}

/* Action */

div.progress-container ul.nav li.action:before {
    border-left: 2px solid #E98181;
}

div.progress-container ul.nav li.action,
div.progress-container ul.nav li.action .fa-li,
div.progress-container ul.nav li.action a.title {
    color: #E98181;
}

div.progress-container ul.nav li.action i.fa-li:before {
    font-family: FontAwesome;
    content: "\f056" !important;
}

/* Success */

div.progress-container ul.nav li.success:before {
    border-left: 2px solid #64bd63;
}

div.progress-container ul.nav li.success,
div.progress-container ul.nav li.success .fa-li,
div.progress-container ul.nav li.success a.title {
    color: #64bd63;
}

div.progress-container ul.nav li.success i.fa-li:before {
    font-family: FontAwesome;
    content: "\f058" !important;
}

/* Active */

div.progress-container ul.nav li.active:before {
    border-left: 2px solid #8fc73e !important;
}

div.progress-container ul.nav li.active,
div.progress-container ul.nav li.active .fa-li {
    color: #8fc73e !important;
}

div.progress-container ul.nav li.active a.title {
    color: #8fc73e !important;
    font-weight: 600;
}

div.progress-container ul.nav li.active i.fa-li:before {
    font-family: FontAwesome;
    content: "\f111";
}

.security-overview-container div.progress-container ul.nav li.active:before {
    border-left: 2px solid rgb(241, 30, 39) !important;
}

.security-overview-container div.progress-container ul.nav li.active,
.security-overview-container div.progress-container ul.nav li.active .fa-li {
    color: rgb(241, 30, 39) !important;
}

.security-overview-container div.progress-container ul.nav li.active a.title {
    color: rgb(241, 30, 39) !important;
    font-weight: 600;
}

.security-overview-container .summary-box.widget .title {
    font-size: 30px;
}

.security-overview-container .summary-box.widget .title i {
    color: rgb(241, 30, 39);
}

.security-overview-container .section-icon {
    left: -25px;
}

/* Hover */

div.progress-container ul.nav li a:hover {
    background: none;
}

div.progress-container li a.title {
    text-transform: uppercase;
}

div.progress-container li div.details {
    padding-bottom: 10px;
    font-size: 85%;
    color: #999;
}

.widget.login-2fa div.digit {
    padding: 8px 8px;
}

.widget.login-2fa div.digit input {
    text-align: left;
}

/* Responsive progress bar */

.hidden {
    display: none;
}

.displayed {
    display: block;
}

@media screen and (max-width: 768px) {

    .progress-bar-fluid {
        display: none;
        width: 0;
    }

    .progress-bar-fluid-content {
        width: 100%;
        padding: 10px;
    }

    .section-icon {
        display: none;
    }

}

@media screen and (min-width: 769px) {
    .progress-bar-fluid {
        width: 25%;
        float: left;
        padding: 15px;
    }

    .progress-bar-fluid-content {
        width: 75%;
        float: left;
    }

}

@media screen and (min-width: 1025px) {
    .progress-bar-fluid {
        width: 20%;
        float: left;
        padding: 15px;
    }

    .progress-bar-fluid-content {
        width: 80%;
        float: left;
    }

}


/*
 |----------------------------------------------------------------------
 | Responsive styling
 |----------------------------------------------------------------------
 */

@media screen and (max-width: 550px) {
    div.table-responsive-wrapper {
        width: 100%;
        overflow-x: auto;
    }

    ul.nav.navbar-nav li a {
        font-size: 0.825em;
    }

    ul.nav.navbar-nav a.visible-xs {
        display: inline-block !important;
        padding-right: 2px;
    }

    .navbar-brand.visible-xs img {
        max-width: 115px;
        position: relative;
        padding-top: 10px;
    }
}

@media screen and (max-width: 768px) {

    div.table-responsive-wrapper {
        width: 100%;
        overflow-x: auto;
    }
}

@media screen and (max-width: 767px) {
    body.nav-collapsed div#inspection-tabs-container {
        left: 0px;
    }

    div#inspection-container.inspection-started div#inspection-tabs-container {
        display: block;
        margin-top: 55px;
    }

    main#content {
        padding-top: 130px;
    }

    body.install-page-bg main#content, body.install-page-rpa-bg main#content, body[data-url="login/2fa"] main#content {
        padding-top: 30px;
    }

    div.qualification-row button.btn-remove-qual {
        display: block;
        margin-right: 0px;
    }

    div.qualification-row select {
        display: block;
        width: 100%;
    }

    table#multi-option-table {
        min-width: 700px;
    }

    ul.messenger.messenger-on-top.messenger-theme-air {
        left: 4px;
    }

    div.modal.send-email .modal-dialog {
        width: 95%;
    }

    .navbar-header > .navbar-nav {
        margin-left: 10px;
        margin-right: 20px;
    }

    ul.nav.navbar-right.visible-xs a {
        padding-right: 5px;
    }

    ul.nav.navbar-nav a.visible-xs {
        display: inline-block !important;
        padding-right: 2px;
    }

    div#inspection-container div.previous-issue-container {
        top: 15px;
    }

    div#inspection-container div.previous-issue-container {
        top: 5px !important;
    }

    div.row.dashboard-summary div.box-content {
        padding: 9% 0px !important;
    }

    div.row.dashboard-summary {
        background-size: 100% 100%;
    }

    .widget.login-2fa div.digit {
        padding: 1px 1px;
    }

    .widget.login-2fa div.digit input {
        text-align: center;
    }

}

@media screen and (max-width: 991px) {
    div.crud-section-right {
        margin-top: 0;
    }

    ul.dropdown-menu:not(.rpa-option .dropdown-menu) /*:not disables the default positioning of the drop down on small screen.*/
    {
        position: fixed !important;
        top: 130px !important;
        width: 250px !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
        z-index: 1050 !important;
        /*max-height: 70% !important;*/
        overflow: scroll !important;
    }
}

@media screen and (max-width: 940px) {
    .inspection-criteria button.inspection-option {
        font-size: 11px;
    }

    .inspection-criteria .btn-spacer {
        height: 5px;
    }
}

/* Add iPad styling, larger icons */
@media screen and (max-width: 1024px) {
    .sidebar-nav {
        font-size: 19px;
    }

    .sidebar-nav > li > a {
        line-height: 64px;
    }

    .sidebar-nav > li > a .icon {
        top: 13px;
    }

    .sidebar-nav > li > a .icon {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .sidebar-nav > li > a .toggle {
        line-height: 64px;
    }

    .sidebar-nav > li ul {
        font-size: 18px;
    }

    .sidebar-nav > li ul > li > a {
        padding: 5px 0 5px 50px;
    }

    .sidebar-nav li ul li span.icon i {
        margin-left: -23px;
    }

    body.nav-collapsed .sidebar-nav > li > a .icon {
        margin-left: -4px;
    }

    div.inspection-item.row div.option button.inspection-option {
        font-size: 90%;
        padding: 10px 3px;
    }
}

@media screen and (max-width: 1220px) {
    form#sms-analysis-form div.table-responsive-wrapper,
    div.table-responsive-wrapper.issue-manager {
        width: 100%;
        overflow-x: auto;
    }

    div.row.dashboard-summary div.box-content {
        font-size: 1.25em;
        padding: 12% 0px;
    }

    div.row.dashboard-summary div.item {
        min-height: 150px;
    }
}

@media screen and (max-width: 1199px) {
    div#inspection-container div.previous-issue-container {
        top: -40px;
        padding-top: 40px;
    }
}

@media screen and (max-width: 1220px) {
    div.widget-body.sms-report-start {
        min-height: 150px;
    }
}

div.query-builder .btn.btn-primary {
    background-color: #f0f0f0 !important;
    color: #c0c0c0;
}

div.query-builder .btn.btn-primary.active {
    background-color: #5d8fc2 !important;
    color: #ffffff;
}

.strikethrough {
    text-decoration: line-through;
}

div.summary-box .widget div.title {
    width: 100%;
    text-align: center;
    font-size: 1.45em;
    color: #000000;
}

div.summary-box .widget table tbody {
    text-align: center;
}

.top-box-container {
    display: flex;
    flex-wrap: wrap;
}

.top-box {
    display: flex;
}

.top-box-inner {
    width: 100%;
}

.btn-group.btn-group-toggle .btn {
    opacity: 60%;
}

.btn-group.btn-group-toggle .btn.active {
    opacity: 100%;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

@media only screen and (max-width: 1670px) and (min-width: 1200px) {
    div.wildlife-filter div.title {
        font-size: 1.2em;
    }

    div.wildlife-filter .widget {
        padding: 5px 5px;
    }
}

.response-info-window span {
    font-weight: bold;
    display: inline-block;
    min-width: 120px;
}