body {
    background-color: #1486BF;
    background-image: url('/mvc/Shell/images/blue_background.jpg');
    background-size: cover;
}


#profileMenuUsername, #profile-icon.active {
    color: #1063B1;
}

.table-striped tbody tr.highlight td {
    background-color: #b2ddf4;
    border: 1px solid #80c3e5;
    border-left-style: none;
    border-right-style: none;
}

.pagination > .active > a, .pagination > .active > a:focus,
.pagination > .active > a:hover, .pagination > .active > span,
.pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #357ebd;
    border-color: #3071a9;
    /*color: #72afd2;*/
}

.pagination > li > a {
    color: #357ebd;
}






/* --- DateRangePicker --- */

.daterangepicker .ranges li {
    color: #08c;
}

    .daterangepicker .ranges li.active {
        background: #357ebd;
        border: 1px solid #3071a9 !important;
    }

.applyBtn {
    background-color: #357ebd;
    border-color: #3071a9;
}

    .applyBtn:focus, .applyBtn:hover {
        background-color: #357ebd;
        border-color: #3071a9;
    }

.btn-success:hover {
    background-color: #418ebe;
    border-color: #68A6CA;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd !important;
}

.daterangepicker td.in-range {
    background: #ebf4f8;
}

/*clock*/
.clockpicker-tick.active,
.clockpicker-tick:hover {
    background-color: rgb(192, 229, 247);
    background-color: rgba(0, 149, 221, .25);
}

.popover-title > .text-primary {
    color: #428bca;
}

.clockpicker-canvas-bg-trans {
    fill: rgba(0, 149, 221, .25);
}

.clockpicker-canvas-bearing,
.clockpicker-canvas-fg {
    fill: rgb(0, 149, 221);
}

.clockpicker-canvas line {
    stroke: rgb(0, 149, 221);
}

.clockpicker-canvas-bg {
    fill: rgb(192, 229, 247);
}

#blue.themeOption .fa {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}