body {
}

.alert{color:#3c763d;background-color:#ffb7b7;border:1px solid #ff0000;text-align:left;padding:10px 10px 10px 30px;width:100%;font-size:14px;position:relative;margin:10px auto;}
.alert:before{display:block;font-size:24px;content:'\f06a'; color:#ff0000;position:absolute;top:3px;left:5px;font-family:fontAwesome;}

.warning{color:#3c763d;background-color:#FCFD7F;border:1px solid #D6C880;text-align:left;padding:10px 10px 10px 35px;width:100%;font-size:14px;position:relative;margin-bottom:5px;}
.warning:before{display:block;font-size:24px;content:'\f071'; color:#BBA741;position:absolute;top:3px;left:5px;font-family:fontAwesome;}

.success{color:#3c763d;background-color:#d9e5af;border:1px solid #627d04;text-align:left;padding:10px 10px 10px 30px;width:100%;font-size:14px;position:relative;margin-bottom:5px;}
.success:before{display:block;font-size:24px;content:'\f00c'; color:#627d04;position:absolute;top:3px;left:5px;font-family:fontAwesome;}
    .alert:after, .warning:after, .success:after {clear:both;display:table;width:100%;content:'';
    }
   .alert .showmsg_text,.warning .showmsg_text,.success .showmsg_text{float:left;}
.alert .showmsg_close,.warning .showmsg_close,.success .showmsg_close{float:right;}
.showmsg_close input{padding:0;border:0;width:18px;}


.loading,.mobile_modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:10050;width:250px;height:160px;display:block;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.loading{background:#fff;padding:15px;border-radius:10px;text-align:center;}
.mobile_modal{width:90%;background:#fff;text-align:left;padding:20px 10px;height:90%;overflow:auto;border-radius:10px;}
.modal_close{width:35px;text-align:center;color:#fff;padding:0;height:35px;line-height:32px;cursor:pointer;overflow:auto;border-radius:10px;z-index:100500;position:fixed;top:5px;right:5px;background:#272121;border-radius:25px;}
.mobile_modal li{padding-bottom:5px;}
.mobile_modal ul{margin:0;padding:0;}
.mobile_modal ul li{float:none;padding:0 30px 10px 15px;font-size:15px;font-weight:700;list-style:none;position:relative;line-height:1.2;}
.mobile_modal ul li a{color:#70a409;}
.mobile_modal ul li a:before{content:'\f111';font-family:FontAwesome;color:#0b78ae;padding:0 5px 0 0;font-size:11px;position:absolute;left:0;top:5px;}
.loading_mask, .modal_mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10040;background-color:#000;filter:alpha(opacity=50);opacity:.5}

.news-scroll{width:100%;overflow:hidden;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:5px;}
.marquee{width:100%;overflow:hidden;}
.marquee ul,.marquee ul li{margin:0;padding:0;list-style:none;}
.marquee ul li{float:left;padding:0 30px 0 10px;font-size:14px;}
.marquee ul li a{color:#000;}
.marquee ul li a:before{content:'\f111';font-family:FontAwesome;color:#FA6742;padding:0 5px 0 0;}


/* Task board  */
.taskList{margin:0;padding:0;list-style:none;}
.taskList li{background-color:#fafafa;border:1px solid rgba(152,166,173,0.2);border-left-width:5px;border-radius:3px;padding:15px;margin-bottom:25px}
.taskList li p{color:#787878;font-size:13px;}
.taskList li p strong{color:#111;}
.taskList .description{color:#454545;font-size:14px;display:block;padding:10px 0;}
.taskList .task-success{border-left-color:#81c868}
.taskList .task-info{border-left-color:#34d3eb}
.taskList .task-warning{border-left-color:#ffbd4a}
.taskList .task-danger{border-left-color:#f05050}
.taskList a{font-size:13px}
.taskList .checkbox{margin-left:20px}
.task-placeholder{border:1px dashed rgba(152,166,173,0.5)!important;background-color:rgba(152,166,173,0.2)!important;padding:20px}


.datepicker.dropdown-menu{opacity:1;-webkit-transform:scale(1);transform:scale(1);padding:10px;z-index:100000;}
.datepicker>div{display:block !important;}
.datepicker>div.datepicker-months{display:none !important;}
.datepicker>div.datepicker-years{display:none !important;}
.datepicker>div.datepicker-centuries{display:none !important;}
.datepicker>div.datepicker-decades{display:none !important;}
.datepicker>div.datepicker-days tr th,
.datepicker>div.datepicker-days tr td{padding:2px 5px;font-size:13px;}
.datepicker>div.datepicker-days .prev,
.datepicker>div.datepicker-days .next{font-size:16px !important;}