.hide {display:none}
.loader {display:none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../img/loader.gif') 50% 50% no-repeat rgb(249,249,249);opacity: .5;}
.loader-text {display:none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;}
.gritter-long .gritter-item {height:500px;overflow:auto}
.display-table {display:table!important;width:100%}
.main-sidebar {z-index:1000}
button, input, select, a {outline:none !important}
.error-inline {color:#F44336;padding-right:5px}
.error-block {color:#F44336;display:block;margin-top:5px}
.hidden {display:none}
.pos-rel {position:relative;}
.align-center, .center {text-align: center !important;}
.select2 {min-width:200px}
.field-value {margin-bottom:10px};
.margin-20 {margin:20px}
.margin-left-10 {margin-left:10px}
.form-control-inline {display:inline-flex}
.width-500 { width:500px}
.complete_status1 {background-color:#9aeef9 !important}
.complete_status {background-color: #DDDFEB !important}
.font-size-12 {font-size: 12px !important}
.font-size-14 {font-size: 14px !important}

/* MODAL COLOR */
.modal-col-grey {background-color:#e0e0e0}
.modal-xl{width:80%;max-width:80%}
.modal-xxl{width:100%; max-width:100%}
.modal-no-margin{margin:0 auto !important}
.modal-no-padding{padding:0 !important}
.modal-sub-title {line-height: 20px;font-size:14px;}

/* CARD */
.card-title {
	font-size: 1.25rem;
	font-weight: 400;
	margin: 0;
}

.card-header > .card-tools {
    position: absolute;
    right: 1rem;
    top: .8rem;
}

/* BADGE */
.badge-wrapper {
     position: relative;
 }

.badge-wrapper .badge-counter {
    position: absolute;
    transform: scale(.7);
    transform-origin: top right;
    right: .25rem;
    margin-top: -.25rem;
}