/*
* Overlay Screen
*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:black;

    /*background-color: #f3f3f3;*/
    /*transparent*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;

    z-index: 9999999;
}
.on-leftcard{
    position:absolute;
    right:20px;
    top:10px;
}
/*SLICK GRID*/
.slick-header > .slick-header-columns > .slick-header-column {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
/*adjust height slickgrid*/
.slick-column-name { white-space: normal; }
.slick-header-column.ui-state-default{
    /*background: #40E0D0;*/
    background-image: linear-gradient(45deg, #333333, #ff002ac9, #333333);
    color: white;
    font-weight: bold;
    text-align: center;
    height: 100%;
    line-height: 17px; }
.slick-header-columns {
    height: 48px;
}
.smallheader span.slick-column-name{
    font-size:11px;
    line-height: 20px;
    text-align: center;
}
.mediumheader span.slick-column-name{
    font-size:14px;
    line-height: 20px;
    text-align: center;
}
.rowaction{
    cursor:pointer;
    width:25px;
    height:25px;
    margin:0 auto;
}

.slick-cell{
    font-family: 'tahoma';
    font-size:14px;
    line-height: 30px;
    /*color:#414143;
    border-right: 2px solid white;
    border-bottom-color: white;
    line-height: 30px;*/
}

/*
.slick-row.even{ background:#e9ece5; }
.slick-row.odd{ background:#e9ece5; }
*/

.slick-row:hover{ background:#fde2c7; color:black;}
.slick-row-urgent{
    color:white;
    background:#f35864;
}
.slick-row-hold{
    color:black;
    background:#c6eaed;
}
.slick-row-cancel{
    color:black;
    background:#d9d9d9;
}
.slick-additional-row{
    color:darkgray;
}

/*TEXT*/
a.atag{
    text-decoration: underline;
    color:blue;
}

.textcenter{
    text-align: center;
}
.textleft{
    text-align: left;
}
.textright{
    text-align: right;
}
.txtgreen{
    color:green;
}

/*LINE-HEIGHT*/
.rowtext-head-table{
    line-height:30px;
    height:40px;
}
.lh-50{
    line-height:50px;
}
.lh-40{
    line-height:40px;
}
/*BUTTON*/
.box-btn{

    height:100px;
    width:100%;
}

.txt-small-btn{
    font-size:0.8em;
}

/*block*/
.elas-block{
    border-right:3px solid gray;
}

.icon-green{
    color:green;
}
.icon-yellow{
    color:yellow;
}
.margin-l-15{
    margin-left: 15px;
}
.margin-r-15{
    margin-right: 15px;
}
.margin-l-20{
    margin-left: 20px;
}
.margin-r-20{
    margin-right: 20px;
}

.page-title-box.search-box{
    padding:10px;
}

.modal-spinner-wrapper{
    width: 56px;
    height: 56px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -23px 0 0 -23px;
}

.notice_check_status .title{
    font-weight: bold;
}

.notice_check_status .is_flag_conflict{
    margin-top:5px; margin-bottom:5px;
}
.notice_check_status .is_flag_conflict.hold { background: #c6eaed; }
.notice_check_status .is_flag_conflict.cancel { background: #d9d9d9; }
.notice_check_status .is_flag_conflict div:nth-child(1){ text-align: right; }
.notice_check_status .is_flag_conflict div:nth-last-child(1){ text-align: left; }

.notice_check_status .unset-group{
    margin-top:5px;
    margin-bottom:5px;
    background-color:#ccffcc;
}
.notice_check_status .unset-group div:nth-child(1){ text-align: right; }
.notice_check_status .unset-group div:nth-last-child(1) { text-align: left; }

a.imagelink{ font-size:2em;color:lightblue; }
a.imagelink:active{ color:lightskyblue; }

input[readonly] , input[disabled]{
    background-color: lemonchiffon;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: lemonchiffon;
}

.calendars-popup {
    z-index: 1600 !important; /* must to be larger than 1050 for overlay bootstrap modal */
}