@import url(cssPrint.css) print;

table#reportgrid tbody tr td,
table#reportgrid thead tr th{
    text-align: center !important;
    padding: 4px !important;
    border: 1px solid black;
}
label{
    text-align: right;
}
.app-header{
    color: #6aacaf !important;
}
.container{
    width:97% !important;
}
.table{
    width: 100%;
}
.save{
    margin-right: 10px !important;
}
.print{
    margin-right: 10px !important;
}
.export{
    padding-bottom: 10px;
}
.bonus{
   // background-color: #A9D0F5 !important;
}
.attention{
    color: #BF1B00;
    font-size:40px;
}
.bodymodal{
    text-align: center;
}
.sui-editable-cell{
    text-align: center;
}
.directorcomment{
    text-align: center; 
}
.comment{
    text-align: center;  
    overflow-wrap: break-word;
}
.extrahour{
    text-align: center;   
}
.commentfinal{
    text-align: center;
}
.pointtobeimprove{
    text-align: center;
}
.percentforall{
    text-align: center !important; 
}
.managecategorygroup{
    background-color: #f8f8f8;
}
.alertpercent{
    padding: 10px !important;
}
.totalbonuscalcule{
    text-align: center;
}
#myInput {
    background-image: url('/css/searchicon.png'); 
    background-position: 10px 12px; 
    background-repeat: no-repeat; 
    font-size: 12px;
    padding: 7px ; 
    border: 1px solid #ddd;
    margin-bottom: 8px; 
    margin-left: 8px;
}
.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

#reportgrid tr th, #reportgrid tr td{
    max-width: 300px;
}

.navbar-nav li{
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #333 !important;
    //font-family: tahoma, arial, verdana, sans-serif !important;
}
body{
    font-family: tahoma, arial, verdana, sans-serif !important;
}
.login-title{
    color: #245580 !important;
}
.reset-title{
    color: #245580 !important;
}
.reset-message{
    color: red !important;
    font-size: 10px;
}
.statusreport{
    float: right !important;
}
userbbar{
    //z-index: 3 !important;
    //display: block !important;
    //margin-top: 100px !important;
}
#periodsList-body{
   // z-index: 2;
    //min-height: 300px !important;
}
.dev_name_color{
    background-color: #dd99ff;
}
.cat_name_color{
    background-color: #ffff80;
}
.subcat_name_color{
    background-color: #ffffcc;
}
.percentbonus_name_color{
    background-color: #ffffcc;
}
.extrahours_name_color{
    background-color: #ccccff !important;
}
.totalcalculationbonus_name_color{
    background-color: #ccccff !important;
}
.evaluationcomment_name_color{
    background-color: #ccccff !important;
}

















.labels{
    color:#000000;
}
.button_save{
    float: right;
}

#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top:40%;
  left: 43%;
  z-index: 100;
}

.btn-pos {
  float: right;
}
.remember-save-report{
    color:#FF8C00 !important;
    font-weight:bold;
    font-size: 12px !important ;
}
.forgot-password{
    float: right;
}
.errorfield{
    background-color:#ffb4b4 !important;
    border-color:red !important;
}



.modal-legend{
    width: 50% !important;
   // margin-top: 15% !important;
}


.modal-legend-points{
    background-color: #7e9fc2;
    text-align: center !important;
}


.modal-legend-bold {
  font-weight: bold;
}