.bg-gradient-x-primary {
    background-image: linear-gradient(135deg,#ee8903 0%,#512000 100%) !important;
    background-repeat: repeat-x;
}

.content-header.row.bg-secondary {
    margin: auto;
}

.panel-body {
    margin: auto;
}

.table thead th a {
    color: #000;
    font-weight: 400;
}

.content-header.row {
    min-height: 60px;
}

li.breadcrumb-item {
    font-size: 15px;
    font-weight: 500;
    margin-top: 13px;
}

.cardbox {
    cursor: pointer;
    height: 100px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.statistic-box h2 {
    float: right;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 10%;
}

.items h4 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 10%;
}

.main-menu.menu-light .navigation > li.active > a {
    color: #fff;
    background-color: #512000;
    border: none;
    font-weight: 400;
    padding-left: 16px;
}

.main-menu.menu-light .navigation li.active {
    border-left: 5px solid #ee8903;
}

.breadcrumb-item + .breadcrumb-item::before {
    color : #FFF;
}

i.plus.fa.fa-plus {
    color: #fff;
}

i.plus.fa.fa-minus {
    color: #fff;
}

i.fa.fa-filter {
    margin-top: 4px;
    margin-left: 18px;
    margin-right: 5px;
}

.panel-bd>.panel-heading {
    color: #fff;
    background-color: #607D8B;
    border-color: #607D8B;
    position: relative;
    padding: 10px;
}

.panel-bd .panel-heading::before {
    content: '';
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.filter-content {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}

span.required {
    color: red;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-top: 0px;
}

label.radio-inline {
    margin-left: 4px;
}

input.checkAllUser {
    width: 20px;
    height: 20px;
}

input.userCheckBox {
    width: 20px;
    height: 20px;
}

.bootbox.modal.fade.bootbox-confirm.in {
    opacity: 1.5;
    margin-top: 40px;
}

.modal-backdrop.fade {
    opacity: 0.5;
}

.modal-body.bggreen {
    padding: 2rem;
}

button.bootbox-close-button.close {
    position: absolute;
    right: 5%;
}

/*Bootstrap Calendar*/
.datepicker {
    border-radius: 0;
    padding: 0;
}
.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
    padding: 10px;
    display: list-item;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: linear-gradient(135deg,#1D995A 0%,#2A98DB 100%);
    color: #ffffff;
    border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {
    border-radius: 3px;
}
.datepicker-days table thead tr:nth-child(3n+0) {
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 11px 13px;
}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
    border-radius: 0;
}
.datepicker td, .datepicker th {
    border-radius: 50%;
    padding: 0 12px;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: linear-gradient(135deg,#1D995A 0%,#2A98DB 100%);
    color: #ffffff;
    border-radius: 0;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-image: none;
}
.datepicker .prev, .datepicker .next {
    color: rgba(255, 255, 255, 0.5);
    transition: 0.3s;
    width: 37px;
    height: 37px;
}
.datepicker .prev:hover, .datepicker .next:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.99);
    font-size: 21px;
}
.datepicker .datepicker-switch {
    font-size: 24px;
    font-weight: 400;
    transition: 0.3s;
}
.datepicker .datepicker-switch:hover {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
}
.datepicker table tr td span {
    border-radius: 2px;
    margin: 3%;
    width: 27%;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
    background-color: linear-gradient(135deg,#1D995A 0%,#2A98DB 100%);
    background-image: none;
}
.dropdown-menu {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(0,0,0,.1);
}

.imageThumb {
    height: 100px;
    width: 100px;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
}
.pip {
    display: inline-block;
    margin: 10px 10px 0 0;
}