.box {
    margin-bottom: 5px;
}

/**box colors**/
.box.box-maroon {
    border-top-color: #d81b60;
}

.box.box-solid.box-maroon {
    border: 1px solid #d81b60;
}

    .box.box-solid.box-maroon > .box-header {
        color: #ffffff;
        background: #d81b60;
        background-color: #d81b60;
    }

        .box.box-solid.box-maroon > .box-header a,
        .box.box-solid.box-maroon > .box-header .btn {
            color: #ffffff;
        }

.box.box-orange {
    border-top-color: #ff851b;
}

.box.box-solid.box-orange {
    border: 1px solid #ff851b;
}

    .box.box-solid.box-orange > .box-header {
        color: #ffffff;
        background: #ff851b;
        background-color: #ff851b;
    }

        .box.box-solid.box-orange > .box-header a,
        .box.box-solid.box-orange > .box-header .btn {
            color: #ffffff;
        }

.box.box-olive {
    border-top-color: #3d9970;
}

.box.box-solid.box-olive {
    border: 1px solid #3d9970;
}

    .box.box-solid.box-olive > .box-header {
        color: #ffffff;
        background: #3d9970;
        background-color: #3d9970;
    }

        .box.box-solid.box-olive > .box-header a,
        .box.box-solid.box-olive > .box-header .btn {
            color: #ffffff;
        }

.box.box-blue {
    border-top-color: #0073b7;
}

.box.box-solid.box-blue {
    border: 1px solid #0073b7;
}

    .box.box-solid.box-blue > .box-header {
        color: #ffffff;
        background: #0073b7;
        background-color: #0073b7;
    }

        .box.box-solid.box-blue > .box-header a,
        .box.box-solid.box-blue > .box-header .btn {
            color: #ffffff;
        }

.box.box-purple {
    border-top-color: #605ca8;
}

.box.box-solid.box-purple {
    border: 1px solid #605ca8;
}

    .box.box-solid.box-purple > .box-header {
        color: #ffffff;
        background: #605ca8;
        background-color: #605ca8;
    }

        .box.box-solid.box-purple > .box-header a,
        .box.box-solid.box-purple > .box-header .btn {
            color: #ffffff;
        }

.box.box-navy {
    border-top-color: #001f3f;
}

.box.box-solid.box-navy {
    border: 1px solid #001f3f;
}

    .box.box-solid.box-navy > .box-header {
        color: #ffffff;
        background: #001f3f;
        background-color: #001f3f;
    }

        .box.box-solid.box-navy > .box-header a,
        .box.box-solid.box-navy > .box-header .btn {
            color: #ffffff;
        }

.box.box-teal {
    border-top-color: #39cccc;
}

.box.box-solid.box-teal {
    border: 1px solid #39cccc;
}

    .box.box-solid.box-teal > .box-header {
        color: #ffffff;
        background: #39cccc;
        background-color: #39cccc;
    }

        .box.box-solid.box-teal > .box-header a,
        .box.box-solid.box-teal > .box-header .btn {
            color: #ffffff;
        }

.box.box-lime {
    border-top-color: #01ff70;
}

.box.box-solid.box-lime {
    border: 1px solid #01ff70;
}

    .box.box-solid.box-lime > .box-header {
        color: #ffffff;
        background: #01ff70;
        background-color: #01ff70;
    }

        .box.box-solid.box-lime > .box-header a,
        .box.box-solid.box-lime > .box-header .btn {
            color: #ffffff;
        }

.box.box-fuchsia {
    border-top-color: #f012be;
}

.box.box-solid.box-fuchsia {
    border: 1px solid #f012be;
}

    .box.box-solid.box-fuchsia > .box-header {
        color: #ffffff;
        background: #f012be;
        background-color: #f012be;
    }

        .box.box-solid.box-fuchsia > .box-header a,
        .box.box-solid.box-fuchsia > .box-header .btn {
            color: #ffffff;
        }

.box.box-black {
    border-top-color: #000000;
}

.box.box-solid.box-black {
    border: 1px solid #000000;
}

    .box.box-solid.box-black > .box-header {
        color: #ffffff;
        background: #000000;
        background-color: #000000;
    }

        .box.box-solid.box-black > .box-header a,
        .box.box-solid.box-black > .box-header .btn {
            color: #ffffff;
        }

/***Profile***/
#accordion .widget-user-2 .widget-user-header {
    padding: 10px;
}
/*.widget-user-2 .widget-user-username, */
#accordion .widget-user-2 .widget-user-desc {
    padding-top: 5px;
    margin-left: 0;
    margin-bottom: 0;
    text-align: left;
    min-height: 25px;
}

#accordion .nav > li > a {
    padding: 5px 7px;
}
/***iCheck***/
#icheck-dow label {
    cursor: pointer;
}
/***Bootstrap 7 cols****/
@media (min-width: 768px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}


@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}


@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}
/***Bootstrap 5 cols****/
@media (min-width: 768px) {
    .five-cols .col-md-1,
    .five-cols .col-sm-1,
    .five-cols .col-lg-1 {
        width: 100%;
        *width: 100%;
    }
}


@media (min-width: 992px) {
    .five-cols .col-md-1,
    .five-cols .col-sm-1,
    .five-cols .col-lg-1 {
        width: 20%;
        *width: 20%;
    }
}


@media (min-width: 1200px) {
    .five-cols .col-md-1,
    .five-cols .col-sm-1,
    .five-cols .col-lg-1 {
        width: 20%;
        *width: 20%;
    }
}

.five-cols label {
    font-weight: normal;
}

/***Modal***/
.modal-primary .modal-body .box {
    color: #333;
}

.modal input
, .modal textarea
, .modal select
{
    background-color: #ffffe0;
}
/*R: historycal data*/
.historical_notes {
    background-color: #ffffe0;
}

.modal .table-historical input {
    background-color: #ffffff;
    border-top: none;
}
.modal .table-historical tr:last-child input {
    background-color: #ffffe0;
}
.modal .table-historical td .row:first-child input {
    border-top: 1px solid #cccccc;
}
@media (min-width: 768px)
{
    .modal .table-historical td .col-sm-8 {
        padding-right: 0;
    }

    .modal .table-historical td .col-sm-4 {
        padding-left: 0;
    }

        .modal .table-historical td .col-sm-4 input {
            border-left: none;
        }
}
.modal .table-historical td :last-child a
, .modal .table-historical td :last-child .btn-default {
    border-top: 1px solid #f4f4f4;
}
.modal .table-historical td :last-child a.btn-primary {
    border-top: 1px solid #337ab7;
}
.modal .table-historical tr:last-child td {
    border: 1px solid #337ab7
}
dd .table {
    margin-bottom: 0;
}
/***********/