body {
    padding-top: 10px;
    padding-bottom: 30px
}

.body-content {
    padding-left: 15px;
    padding-right: 15px
}

.right-floated {
    float: right;
    margin-right: 3px
}

td > a > i {
    color: #37474f
}

.padding-right-10 {
    padding-right: 10px
}

.padding-top-20 {
    padding-top: 20px
}

.navbar-header {
    min-width: 0
}

.navbar-fixed-top {
    position: fixed
}

.container {
    width: auto
}

.navbar-nav {
    margin-left: 0
}

.navbar-right {
    margin-right: -20px
}

.navbar-inverse .btn-link {
    transition: all ease-in-out .15s;
    padding: 8px 15px;
    cursor: pointer;
    color: #333;
    border: 0;
    width: 100%;
    text-align: left
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        background-color: #f5f5f5;
        color: #333
    }

.alert-dismissible .close {
    right: 0
}

.form-group.margin-bottom-5 {
    margin-bottom: 5px
}

    .form-group.margin-bottom-5 > label {
        margin-top: 2px;
        margin-bottom: 0
    }

.form-group textarea {
    resize: vertical
}

textarea.form-control.small-padding {
    height: auto
}

.form-control.small-padding {
    height: 30px;
    padding: 2px 5px
}

.table-filter {
    padding: 5px 20px
}

.dataTables_scroll .dataTables_scrollBody .wrap-td td {
    white-space: normal
}

.dataTables_scrollHead th {
    background-color: #c9e8fd
}

.table-filter, .table-filter div {
    background-color: #fcfcfc
}

.table-hover > tbody > tr:hover {
    background-color: #f0f8ff
}

.panel-title {
    font-weight: bold
}

.datatable-header {
    background-color: #fcfcfc;
    padding: 10px 20px 0 20px
}

    .datatable-header > div {
        margin: 0 0 5px 20px
    }

.datatable-footer {
    padding: 5px 20px 0 20px
}

    .datatable-footer > div {
        margin-bottom: 5px
    }

.compact-table td {
    padding: 1px !important;
    font-size: 11px
}

.compact-table th {
    padding: 1px 20px 1px 1px !important;
    line-height: 2 !important
}

    .compact-table th:after, .compact-table th:before {
        right: 5px !important
    }

.red-note {
    color: #f00
}

.reject-reason {
    width: 300px;
    margin-bottom: -15px
}

.logs-panel-heading {
    background-size: cover;
    background-image: url('../images/logs.jpg')
}

.admin-panel-heading {
    background-size: cover;
    background-image: url('../images/rigs.jpg')
}

.tasks-panel-heading {
    background-size: cover;
    background-image: url('../images/tasks-and-messages.jpg');
    margin-bottom: 10px
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #f5f5f5
}

.login-body {
    background-image: url('../images/main-page.jpg');
    background-size: cover
}

.login-form {
    background-color: rgba(255,255,255,.639)
}

.panel-heading-cm {
    background-size: cover;
    background-image: url('../images/rigs.jpg')
}

.panel-heading-dwr {
    background-size: cover;
    background-image: url('../images/daily-warehouse-reports.jpg')
}

.panel-heading-ppe {
    background-size: cover;
    background-image: url('../images/ppe.jpg')
}

.panel-heading-report {
    background-size: cover;
    background-image: url('../images/statistics dashboard front page header.jpg')
}

.panel-heading-mvr {
    background-size: cover;
    background-image: url('../images/mvr header.jpg')
}

.panel-heading-str-handover {
    background-size: cover;
    background-image: url('../images/handover.jpg')
}

.has-fixed-height-200 {
    height: 200px
}

.panel-heading-waf {
    background-size: cover;
    background-image: url('../images/warehouse_assessment_form.jpg')
}

.panel-heading-marine_supply_base_locations {
    background-size: cover;
    background-image: url('../images/marine_supply_base_locations.jpg')
}

.panel-heading-upl-cert {
    background-size: cover;
    background-image: url('../images/upload-certificate.jpg')
}



.checkbox.checbox-switch {
    padding-left: 0;
}

    .checkbox.checbox-switch label,
    .checkbox-inline.checbox-switch {
        display: inline-block;
        position: relative;
        padding-left: 0;
    }

        .checkbox.checbox-switch label input,
        .checkbox-inline.checbox-switch input {
            display: none;
        }

        .checkbox.checbox-switch label span,
        .checkbox-inline.checbox-switch span {
            width: 35px;
            border-radius: 20px;
            height: 18px;
            border: 1px solid #dbdbdb;
            background-color: rgb(255, 255, 255);
            border-color: rgb(223, 223, 223);
            box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }

            .checkbox.checbox-switch label span:before,
            .checkbox-inline.checbox-switch span:before {
                display: inline-block;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background: rgb(255,255,255);
                content: " ";
                top: 0;
                position: relative;
                left: 0;
                transition: all 0.3s ease;
                box-shadow: 0 1px 4px rgba(0,0,0,0.4);
            }

        .checkbox.checbox-switch label > input:checked + span:before,
        .checkbox-inline.checbox-switch > input:checked + span:before {
            left: 17px;
        }


        /* Switch Default */
        .checkbox.checbox-switch label > input:checked + span,
        .checkbox-inline.checbox-switch > input:checked + span {
            background-color: rgb(180, 182, 183);
            border-color: rgb(180, 182, 183);
            box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch > input:checked:disabled + span {
            background-color: rgb(220, 220, 220);
            border-color: rgb(220, 220, 220);
            box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch label > input:disabled + span,
        .checkbox-inline.checbox-switch > input:disabled + span {
            background-color: rgb(232,235,238);
            border-color: rgb(255,255,255);
        }

            .checkbox.checbox-switch label > input:disabled + span:before,
            .checkbox-inline.checbox-switch > input:disabled + span:before {
                background-color: rgb(248,249,250);
                border-color: rgb(243, 243, 243);
                box-shadow: 0 1px 4px rgba(0,0,0,0.1);
            }

        /* Switch Light */
        .checkbox.checbox-switch.switch-light label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-light > input:checked + span {
            background-color: rgb(248,249,250);
            border-color: rgb(248,249,250);
            box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Dark */
        .checkbox.checbox-switch.switch-dark label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-dark > input:checked + span {
            background-color: rgb(52,58,64);
            border-color: rgb(52,58,64);
            box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
            background-color: rgb(100, 102, 104);
            border-color: rgb(100, 102, 104);
            box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Success */
        .checkbox.checbox-switch.switch-success label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-success > input:checked + span {
            background-color: rgb(40, 167, 69);
            border-color: rgb(40, 167, 69);
            box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
            background-color: rgb(153, 217, 168);
            border-color: rgb(153, 217, 168);
            box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
        }

        /* Switch Danger */
        .checkbox.checbox-switch.switch-danger label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-danger > input:checked + span {
            background-color: rgb(200, 35, 51);
            border-color: rgb(200, 35, 51);
            box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
            background-color: rgb(216, 119, 129);
            border-color: rgb(216, 119, 129);
            box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Primary */
        .checkbox.checbox-switch.switch-primary label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
            background-color: rgb(0, 105, 217);
            border-color: rgb(0, 105, 217);
            box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
            background-color: rgb(109, 163, 221);
            border-color: rgb(109, 163, 221);
            box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Info */
        .checkbox.checbox-switch.switch-info label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-info > input:checked + span {
            background-color: rgb(23, 162, 184);
            border-color: rgb(23, 162, 184);
            box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
            background-color: rgb(102, 192, 206);
            border-color: rgb(102, 192, 206);
            box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        /* Switch Warning */
        .checkbox.checbox-switch.switch-warning label > input:checked + span,
        .checkbox-inline.checbox-switch.switch-warning > input:checked + span {
            background-color: rgb(255, 193, 7);
            border-color: rgb(255, 193, 7);
            box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }

        .checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
        .checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
            background-color: rgb(226, 195, 102);
            border-color: rgb(226, 195, 102);
            box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
            transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
        }