body{font-family:Verdana !important; font-size:12px !important;}
#message-box{width:450px;margin-right:auto;margin-left:auto;margin-top:170px;position:absolute;top:50%;left:50%;}
.msgError{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:2px 2px 2px #cfcfcf;-webkit-box-shadow:2px 2px 4px #cfcfcf;box-shadow:2px 2px 2px #cfcfcf;color:#444;font-size:13px;padding:8px 10px;border-top:1px solid #f7d0d0;border-bottom:1px solid #c87676;background:rgb(243,199,199)}
.msgError span{background-image:url(../img/error-ico.png);background-repeat:no-repeat;background-position:0 center;display:inline-block;padding-right:5px;padding-left:25px;font-weight:700}
.msgError ul.error li{background-image:url(../img/error-li.png);background-repeat:no-repeat;background-position:left 7px;padding-left:10px;margin-left:25px;list-style-type:none}
#submit{background-color:#ffb94b;background-image:-webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));background-image:-webkit-linear-gradient(top, #fddb6f, #ffb94b);background-image:-moz-linear-gradient(top, #fddb6f, #ffb94b);background-image:-ms-linear-gradient(top, #fddb6f, #ffb94b);background-image:-o-linear-gradient(top, #fddb6f, #ffb94b);background-image:linear-gradient(top, #fddb6f, #ffb94b);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0 1px 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;box-shadow:0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;border-width:1px;border-style:solid;border-color:#d69e31 #e3a037 #d5982d #e3a037;float:left;height:35px;padding:0;width:120px;cursor:pointer;font:bold 15px Arial, Helvetica;color:#8f5a0a}
#submit:hover, #submit:focus{background-color:#fddb6f;background-image:-webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));background-image:-webkit-linear-gradient(top, #ffb94b, #fddb6f);background-image:-moz-linear-gradient(top, #ffb94b, #fddb6f);background-image:-ms-linear-gradient(top, #ffb94b, #fddb6f);background-image:-o-linear-gradient(top, #ffb94b, #fddb6f);background-image:linear-gradient(top, #ffb94b, #fddb6f)}
#submit:active{outline:none;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.5) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.5) inset}
#submit::-moz-focus-inner {border:none;}

/* == Backup == */
#backup .db-backup{height:65px;width:230px;float:left;position:relative;margin-right:20px;background-image:url(../img/bg.png);background-repeat:no-repeat;margin-top:5px;margin-bottom:5px}
#backup .db-backup.new{background-image:url(../img/bg.png)}
#backup .db-backup.new .download{color:#000}
#backup .db-backup .file-name{position:absolute;top:15px;left:60px;color:#000}
#backup .db-backup .download{display:block;position:absolute;left:60px;top:35px;background-repeat:no-repeat;background-position:left;padding-left:20px}
#backup .db-backup .delete{display:block;position:absolute;top:35px;right:10px;background-repeat:no-repeat;background-position:left;padding-left:20px}

/* == Notifications and Messages == */
#msgholder, #alt-msgholder{position:absolute;z-index:100;top:5px;right:10px}
#alt-msgholder{top:20px;right:20px}
.msgAlert, .msgInfo, .msgError, .msgOk{border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);-moz-box-shadow:0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);box-shadow:0 2px 4px rgba(0,0,0,.15), inset 0 1px rgba(255,255,255,.75);padding:8px 10px;text-shadow:0 1px #fefdf2}
.msgAlert{border:solid 1px #beb877;background-image:-webkit-linear-gradient(bottom, #f6f1b5, #fbf8cf);background-image:-moz-linear-gradient(bottom, #f6f1b5, #fbf8cf);background-image:-o-linear-gradient(bottom, #f6f1b5, #fbf8cf);background-image:-ms-linear-gradient(bottom, #f6f1b5, #fbf8cf);background-image:linear-gradient(to top, #f6f1b5, #fbf8cf);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbf8cf', endColorstr='#f6f1b5');color:#6f6b43}
.msgAlert span{background-image:url(../img/msg-alert.png)}
.msgInfo{border:solid 1px #81a6b6;background-image:-webkit-linear-gradient(bottom, #c6e7f5, #dcf2fb);background-image:-moz-linear-gradient(bottom, #c6e7f5, #dcf2fb);background-image:-o-linear-gradient(bottom, #c6e7f5, #dcf2fb);background-image:-ms-linear-gradient(bottom, #c6e7f5, #dcf2fb);background-image:linear-gradient(to top, #c6e7f5, #dcf2fb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcf2fb', endColorstr='#c6e7f5');color:#4c7384}
.msgInfo span{background-image:url(../img/msg-info.png)}
.msgError{border:solid 1px #bd9191;background-image:-webkit-linear-gradient(top, #fbe3e4, #ecc5c7);background-image:-moz-linear-gradient(top, #fbe3e4, #ecc5c7);background-image:-o-linear-gradient(top, #fbe3e4, #ecc5c7);background-image:-ms-linear-gradient(top, #fbe3e4, #ecc5c7);background-image:linear-gradient(to bottom, #fbe3e4, #ecc5c7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe3e4', endColorstr='#ecc5c7');color:#855757}
.msgError span{background-image:url(../img/msg-error.png)}
.msgOk{border:solid 1px #a5b36b;background-image:-webkit-linear-gradient(bottom, #e6efc2, #f1f7db);background-image:-moz-linear-gradient(bottom, #e6efc2, #f1f7db);background-image:-o-linear-gradient(bottom, #e6efc2, #f1f7db);background-image:-ms-linear-gradient(bottom, #e6efc2, #f1f7db);background-image:linear-gradient(to top, #e6efc2, #f1f7db);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f7db', endColorstr='#e6efc2');color:#6f7a42}
.msgOk span{background-image:url(../img/msg-ok.png)}
.msgError span, .msgOk span, .msgAlert span, .msgInfo span{background-repeat:no-repeat;background-position:0 center;display:inline-block;padding-right:5px;padding-left:25px;font-weight:700}
.msgError .error li{ background-image: url(../img/error-li.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin-left: 15px }
/*#loader{background-image:url(../images/ajax-loader.gif);background-repeat:no-repeat;background-position:50% 50%;height:13px;width:100px;position:absolute;z-index:99;display:inline-block;top:20px;right:20px}
.loading{background-image:url(../images/ajax-loader.gif);background-repeat:no-repeat;background-position:right 50%}*/
.info{ margin-bottom: 25px; background-image: url(../img/msg-infop.png); background-repeat: no-repeat; background-position: 0 5px; line-height: 1.4em; border-radius: 2px; box-shadow: 0 0 1px rgba(255,255,255,0.8); background-color: rgba(0,0,0,0.1); padding: 10px 10px 10px 35px; text-shadow: 0 1px 0 rgba(255,255,255,0.4) }
.info span{padding-left:10px;float:right}
#workmaster_list1, #workmaster_list2, #workmaster_list3, #workmaster_list4, #workmaster_list5, #workmaster_list6{height:200px; width:200px;float:left;border:1px solid #000;margin-right:7px;padding:2px;margin-top:5px;}
#workmaster_list{height:200px; width:200px; overflow-x:scroll;}
/*#msg_bar {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(255, 255, 255, .8)
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;
}
body.loading {overflow: hidden;}
body.loading #msg_bar{display: block;}*/
.bolds{color:#f00;text-align:center;border-bottom: 1px solid #EBEBEB;font-weight:bold;}
.txt_40{width:40px !important;}
.txt_50{width:50px !important;}
.txt_60{width:60px !important;}
.txt_80{width:80px !important;}
.txt_100{width:100px !important;}
.txt_150_txtbox{width:150px !important;}
.txt_120_txtbox{width:120px !important;}
.txt_130_txtbox{width:130px !important;}
.txt_200_txtbox{width:200px !important;}
.txt_150{width:150px;float:left;margin-right:5px;margin-bottom:5px !important;}
.txt_150_noleft{width:40%;margin-right:5px;margin-bottom:5px !important;}
.txt_150px{width:150px;margin-right:5px;margin-bottom:5px !important;}
.txt_white{color:#fff; !important;}
.width150{width:150px;}
.width250{width:250px !important;}
.widthauto{width:auto !important;}
.daytime_txt{width:80px;float:left;margin-right:5px;margin-bottom:5px !important;border:1px solid #f60 !important;}
.search_days{width:100px;float:left;margin-right:5px;margin-bottom:5px !important;}
.hrmin_txt{width:40px;float:left;margin-right:5px;margin-bottom:5px !important;border:1px solid #f60 !important;}
.days_txt{width:80px;float:left;margin-right:10px;}
.border1{border:1px solid #ccc;}
.border_red{background-color:#FF0000 !important;padding:5px;}
.bg_red{border:1px solid #FF0000 !important;padding:5px;}
.border_green{border:1px solid #238C00 !important;padding:2px;}
.valigncenter{vertical-align:middle;position:relative;}
.height600{height:600px;}
.height500{height:500px;}
.height450{height:450px;}
.height300{height:300px;}
.height200{height:200px;}
.height150{height:150px;}
.fixautoscroll{overflow-x:scroll;}
.vis_hidden{visibility:hidden;display:none !important;}
.text_align_center{text-align:center !important;}
.text_align_left{text-align:left !important;}
.text_align_right{text-align:right !important;}
.text_underline{text-decoration:underline;}
.txt_bold{font-weight:bold !important;}
.cursor_pointer{cursor:pointer;}
.zindex{z-index:999;}
.fontsize20{font-size:20px !important;}
.fontsize11{font-size:11px !important;}
.fontsize08{font-size:08px !important;}
.fontsize09{font-size:09px !important;}
.marginleft0{margin-left:0 !important;}
.marginleft5{margin-left:5px !important;}
.marginright0{margin-right:0 !important;}
.display_inline{display:inline !important;}
.display_block{display:block !important;}
.visHid{visibility:hidden;}
.visVIS{visibility:visible;}
.bg_white{background-color:#fff !important;}
.txt_color_black{color:#000 !important;}
.manditory{font-weight:bold;font-size:15px;color:#f00;}
.approved_att{background-color:#336600;font-weight:bold;}
.late_att{background-color:#D90000;font-weight:bold;}
.mac1{border:1px solid #000; padding:2px;margin:2px;}
.mac2{border:1px solid #D90000; padding:2px;margin:2px;}
.leave_appcolor{background-color:green;color:#fff;}
.btn_img{width:30px !important;height:30px !important;}
.img20{width:20px !important;height:20px !important;}
.toolbar-line {
    clear: both;
    margin: 15px 0;
}
.btn{margin-bottom: 9px !important;}
.span25{width:25% !important;}
.absent_color{color:#FF0000;padding:2px;font-weight:bold;}
.NotApprove{background-color:#F00;}