body {
    /* Fix to prevent Firefox from displaying the "wrong" font */
    font-family: "open sans regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.errorMessage {
    background-color: #ffefef;
}

.error-message-section {
    margin-bottom: 10px;
}

    .error-message-section .ibox-content {
        border: 1px solid #ffbdbd;
        background-color: #ffefef;
    }

        .error-message-section .ibox-content i {
            margin-right: 7px;
            color: #fa4343;
            font-size: 16px;
        }

        .error-message-section .ibox-content p,
        .error-message-section .ibox-content ul {
            margin-bottom: 0;
        }

.successMessage {
    background-color: #88ffa4;
}

.field-validation-error {
    color: #f34b4b;
}

.input-validation-error {
    border: 1px solid #f77676;
}

.checkbox label, .radio label {
    padding: 0;
}

.dataTable td button, .dataTable td a {
    /*margin: 0;*/
    float: right;
    margin-left: 5px;
}

table.dataTable {
    margin-top: 5px !important;
}

.fixedHeader-floating {
    top: 55px !important;
}

.sidebar-title a {
    font-size: 11px;
}

.button-content a, .button-content button {
    float: right;
    margin-left: 10px;
}

.dropdown-messages .media-body .message-icon {
    font-size: 20px;
}

/*.dropdown-messages li:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}*/

.message-type-information {
    color: #0e9aef;
}

.message-type-warning {
    color: #f8ac59;
}

.message-type-important {
    color: #ed5565;
}

.dropdown-menu .divider {
    padding: 0 10px !important;
}

.dt-column-text-right {
    text-align: right;
}

.selected-inbox-item {
    background-color: #d1e9f7 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: #ccc !important;
}

.dtr-details {
    width: 100%;
}

    .dtr-details .dtr-title {
        width: 120px;
        text-align: right;
    }

    .dtr-details .dtr-data {
        text-indent: 30px;
        padding-left: 20px;
    }

.email-queue-delete-btn {
    margin-right: 10px;
    height: 34px;
}

.helpLink {
    color: #ddd;
    text-decoration: none;
    font-size: 80%;
}

    .helpLink:hover {
        color: #18a0de;
        text-decoration: none;
    }

    .helpLink:visited {
        text-decoration: none;
    }

.navbar-default .nav-header .profile-element h3 {
    color: white;
}

.navbar-default .nav-header .profile-element hr {
    margin: 15px 0;
}

/*.skin-1 .nav > li.active {
    border-left: 4px solid #0e9aef !important;
}*/

.navbar-default .special_link a {
    background: #0e9aef !important;
    color: white !important;
}

    .navbar-default .special_link a:hover {
        background: #18a0de !important;
        color: white !important;
    }

/*.navbar-static-side {
    position: fixed;
    width: 220px;
    z-index: 2001;
    height: 100%;
}*/

.nav-second-level li:last-child {
    margin-bottom: 0;
}

.truncate {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.truncated {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tooltip-inner {
    max-width: 400px;
}

.fixed-btn-content {
    float: right;
}

    .fixed-btn-content .btn {
        margin-bottom: 3px;
    }

.notification-section .label {
    top: -8px;
    right: 2px;
}

.notification-section {
    position: relative;
}

.skin-1 .img-user-circle {
    border-radius: 50%;
    width: 60%;
}

.dtr-data .truncate {
    width: auto;
}

.feed-element img.img-circle, .dropdown-messages-box img.img-circle {
    height: auto;
}

.btn-success[disabled], .btn-success[disabled]:hover, .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.data-table-text-and-image {
    line-height: 30px;
    float: left;
    width: 100%;
    min-width: 150px;
}

.chosen-container-single .chosen-single {
    -ms-border-radius: 0;
    border-radius: 0;
}

    .chosen-container-single .chosen-single span {
        height: 34px;
        /*padding: 6px 12px;*/
    }

    .chosen-container-single .chosen-single abbr.search-choice-close {
        cursor: pointer;
    }

.data-table-container {
    position: relative;
}

    .data-table-container .data-table-controls {
        position: absolute;
        top: 0px;
        right: 0px;
        display: none;
    }

    .data-table-container div.dataTables_wrapper .left {
        float: left;
    }

    .data-table-container div.dataTables_wrapper .bottom .left > div {
        height: 30px;
        margin-right: 20px;
    }

    .data-table-container div.dataTables_wrapper .bottom .left .dataTables_info {
        padding-top: 6px;
    }

    .data-table-container div.dataTables_wrapper .html5buttons {
        float: left;
    }

    .data-table-container div.dataTables_wrapper div.dataTables_filter {
        text-align: left;
        float: left;
    }

dt:after {
    content: ": ";
}

dd {
    margin-bottom: 5px;
}

.timeline-item .date {
    max-width: 110px;
    width: 25%;
    text-align: center;
}

#notice-widget-content .list-group-item {
    border-right: none;
    border-left: none;
    border-top: none;
}

.routine-today {
    background: #fff3b8 !important;
}

.routine-overdue {
    background: #ffc6cc !important;
}

.image-picker .image-container .no-image, .image-picker input {
    cursor: pointer;
}

.chosen-container-single .chosen-single {
    min-height: 34px !important;
    line-height: 32px !important;
}

.custom-error-swal p {
    text-align: left;
}

@media screen and (max-width: 768px) {
    .fixed-btn-content {
        max-width: 160px;
    }

    /* Mobile menu fix BEGIN */
    body.mini-navbar .navbar-static-side {
        width: 200px;
    }

    body.mini-navbar #page-wrapper {
        margin: 0 0 0 200px;
    }

    body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a .nav-label, body.mini-navbar .navbar-default .nav li a .arrow {
        display: inline-block;
        font-size: 10px;
    }

    .mini-navbar .nav .nav-second-level {
        position: initial;
    }

    body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
        font-size: 10px;
    }
    /* Mobile menu fix END*/
}

@media screen and (max-width: 1200px) {
     #transportreports-number-information {
         width: 100%;
         position: relative;
     }
}

@media screen and (min-width: 1200px) {
    #transportreports-number-information {
        width: 300px;
        position: absolute;
    }

    #transportreports-list-content {
        margin-left: 320px;
    }
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: normal;
    padding-top: 0px;
}

.chosen-container-multi .chosen-choices, .chosen-container-single .chosen-single {
    border-radius: 0px !important;
}


.compact-menu li a {
    padding: 14px 20px 14px 10px;
}
.compact-menu .nav-second-level li a {
    background-color: #4A5670;
    font-weight: 300;
    border-left: 4px solid #3E495F;
    border-bottom: 1px solid #3E495F;
    padding-left: 7px;
    padding-top: 7px;
    height: 32px;
}
.compact-menu .nav-third-level li a {
    background-color: #54607A;
    font-weight: 300;
    border-left: 8px solid #3E495F;
    border-bottom: 1px solid #4A5670;
    padding-left: 3px;
    padding-top: 4px;
    height: 24px;
}

@media screen and (max-width: 768px) {
    #login-body > img {
        display: none;
    }

    #login-content {
        margin-top: 50px !important;
    }
}

.footer-technical-details {
    visibility: hidden;
}

.footer-technical-details-parent:hover > .footer-technical-details {
    visibility: visible;
    opacity: 0.25;
}

.filter-link {
    float: left !important;
    margin: 0 !important;
    color: #676a6c;
    cursor: pointer;
}

.filter-link i {
    color: #ddd;
}

.filter-link label {
    font-weight: normal;
    cursor: pointer;
}


.filter-link label:hover, .filter-link:hover {
    color: #bbb;
}

#choose-columns-modal .modal-body span {
    line-height: 30px;
}