#progress-layer {
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0.7;
    z-index: 3;
}

#progress-layer::after {
    content: '';
    background: url('/assets/images/gif/loading.gif') center center no-repeat;
    width: 150px;
    height: 150px;
    background-size: cover;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

table > tbody > tr > td > a {
	text-decoration:underline;
}

.btn-custom-alert {
	color: white !important;
}

/* DatePicker */
.ui-widget-header {
   background-color: #5071bc;
   color: white;
}
.ui-widget-content {
   background-color: #dce6f2;
}

.ui-widget-header .ui-icon {
   background-image: url(../../static/plugins/jqueryui/images/ui-icons_ffffff_256x240.png);
}

.ui-widget-header .ui-state-hover {
   background-color: #5071bc;
}

.ui-widget-content .ui-state-default {
   text-align: center;
   background-color: #F3F3FF;
   border-color: #b4caeb;
}

.ui-widget-content .ui-state-active {
   border-color: #728aa5;
   background-color: #b9cde5;
   color: #021B3B;
   font-weight: bold;
}

.tab {
   display: inline-block;
   margin-right: 5px;
   width: 120px;
   border: 1px solid #95b3d7;
   text-align: center;
   
   background-color: #9fbbdb;
   
   cursor: pointer;
}

.tab.active {
   background-color: #0062cc;
   color: #ffffff;
}

/* .datepicker .prev, .datepicker .next { */
/*    background-color: lightgray; */
/*    color: #000000; */
/* } */

.datepicker .glyphicon {
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
}

.datepicker .glyphicon.glyphicon-chevron-left:before {
   content: "\f053";
}

.datepicker .glyphicon.glyphicon-chevron-right:before {
   content: "\f054";
}

i.fa.pop-close {
   font-family: FontAwesome;
}

body .box-main-bar-1 {
   overflow: hidden;
}

body > .loadingArea {
   display: none;
   text-align: center;
   background: rgb(0, 0, 0, 0.2);
   position:absolute;
   z-index:1;
   top: 60px;
   left: 0;
   right: 0;
   bottom: 0;   
   padding-top: 22%;
}

body > .loadingArea.show {
   display: block;
}

body > .loadingArea.show .spinner {
   vertical-align: middle;
   position: absolute;
   top: calc(50% - 45px);
   color: #EBF6FE;
}

