@charset "UTF-8";
/* ---------------- General Page ---------------- */
html { text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;background:#ccc;-webkit-text-size-adjust:none;height:100%;}
body{color:#2b2b2b;background:#ffffff;font:14px Tahoma, Calibri,sans-serif;padding:0px!important;margin:0 auto!important;text-rendering:optimizeLegibility;min-height:100%;}
ul, .list-unstyled { padding-left: 30px; }
ul li{list-style:none;}
a,a:hover,a:focus{cursor:pointer;text-decoration:none;outline:none;color:#000;}
::selection{background-color:#4f5152;color:#ffffff;}
::-moz-selection{background-color:#4f5152;color:#ffffff;}
p,table,caption,td,tr,th{margin:0;padding:0;font-weight:normal;}
h1,h2,h3{padding:0;margin:0 0 15px 0;font-weight:normal;}
#selectedrow{background-color: #FFFBD1;}
.clearfix:before,.clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;}
.barcode_img{max-width: 50px!important;}
/* ---------------- Begin Sign Page ---------------- */
#container{height:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto;}
.form-signin{max-width:100%;margin:0 auto;}
.form-session{max-width:520px;}
.login-wrap{position:relative;}
.user-login-info{margin:0;padding:0 0 5px;}
.form-signin input[type="text"],.form-signin input[type="password"]{margin-bottom:5px;}
.form-signin .btn-login{background-color:#e5e5e5;color:#000000;padding:5px 10px;cursor:pointer;border:none;font-weight:bold;}
.form-signin .btn-login:hover{color:#e94f31;}
.form-signin .lock-sign{width:100%;}
.form-signin p a,.invoice p a{color:#000000;}
.form-signin p a:hover,.invoice p a:hover{color:#e94f31;}
/* ---------------- Begin Main Page ---------------- */
.boxChat{width:100%;margin:0 auto;}
.chatboxdates{padding:10%;position:absolute;float:left;right:0;left:0;top:0;background:#fff;color:#000;}
.chatboxdate{padding:10px 10px;position:fixed;z-index:99;float:left;right:0;left:0;top:0;border:0;background:#2C333E;color:#ffffff;}
.mainpage{padding-top:65px;padding-bottom:30px;}
.dashboardIcon{padding:0;margin:0;text-align:center;}
ul.dashboardIcon li{position:relative;border:none;background-clip:padding-box;display:inline-block;line-height:1.6em;list-style:outside none none;text-align:center;vertical-align:middle;max-width:100%;}
li.pageIcon,#listingData{background-color:#e5e5e5;border:none;width:100%;height:108px;margin-bottom:10px;}
li.small-height{height:auto!important;padding:10px 0;}
.view-2 li.pageIcon,.pageIcon.coloums2{width:47%;margin:1%;}
.pageIcon a{display:block;width:100%;height:100%;color:#000000;}
.pageIcon a span{display:block;padding:0;font-weight:bold;}
.pageIcon i{font-size:24px;margin:20px 0px 15px;}
.pageIcon .numberStats{float:left;width:100px;height:100%;background:#cccccc;font-size:28px;line-height:3.7;font-weight:700;color:#e5e5e5;}

.list.list-chats,.list.list-messages{border-top:1px solid #e7e7e9;padding:0;}
.list-message{padding-top:5px;padding-bottom:5px;border-bottom:1px solid #e7e7e9;font-size:12px;}
.message-for{display:inline-block;padding-top:3px;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message-time{float:none;padding-top:3px;color:#a3a3a3;}
.message-text{padding-bottom:3px;color:#a3a3a3;line-height:1.6em;}
.search-container{position:fixed;width:100%;bottom:0;right:0;left:0;padding:10px;background:#2C333E;color:#ffffff;margin:0 auto;}
.search-group-btn{right:38px;}
.grey-header{padding:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;background-color:none;}
.grey-heading-title{font-size:16px;margin:0;}
.description-new{padding-right:0;padding-left:0;padding-top:10px;font-size:12px;color:#737373;line-height:1.9em;}
.text-borders{margin:15px 0 0;padding-bottom:15px;}
.jobs-button .btn-lg{padding:10px 15px;font-size:18px;}
.btn-success{background-color:#95b75d;border-color:#95b75d;color:#FFFFFF;}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-color:#88a755;border-color:#88a755;color:#FFFFFF;}
.btn-info{background-color:#57c8f1;border-color:#57c8f1;color:#FFFFFF;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-color: #53bee6;border-color: #53BEE6;color: #FFFFFF;}
.btn-warning{background-color:#f3c022;border-color:#f3c022;color:#FFFFFF;}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-color: #e4ba00;border-color: #e4ba00;color: #FFFFFF;}
.btn-danger{background-color:#fa8564;border-color:#fa8564;color:#FFFFFF;}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-color:#ec6459;border-color:#ec6459;color:#FFFFFF;}

/* Dashboard icon 2*/
.dashboardIcon2{padding:10px;margin:0;text-align:center;}
ul.dashboardIcon2 li{position:relative;border-width:0;background-clip:padding-box;display:inline-block;line-height:1.6em;list-style:outside none none;text-align:center;margin:3px;height:170px;width:20%;}
li.pageIcon2{background-color:#e5e5e5;width:14.3%;border-radius: 5px;}
.pageIcon2 a{display:block;width:100%;height:100%;color:#000;padding-top:15%;}
.pageIcon2 a span{display:block;padding:0;font-weight:bold;}
.pageIcon2 i{font-size:24px;margin:20px 0px 15px;}

.tg{border-collapse:collapse;border-spacing:0;width:100%;margin:10px 0;}
.tg td{font-size:12px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;vertical-align:middle;text-align:center;}
.tg .tg-yw2l{width:25%;}
.tg .tg-yw3l{width:33%;}
.tg .tg-yw4l{width:75%;}
.tl tr:first-child td{padding:10px 5px;}
.tl td{padding:0;}
.tl td a{padding:10px 5px;display:block;}

.tdat{border-collapse:collapse;border-spacing:0;margin:0 auto;width:95%;}
.tdat td{font-size:11px;padding:5px;border:1px solid rgba(109,109,109,0.5);overflow:hidden;word-break:normal;vertical-align:middle;text-align:center;}

.bg-all{padding:10px 0;z-index:99;margin-bottom:10px;text-align:center;font-weight:bold;background:#2C333E;color:#ffffff;}
.bg-all a{color:#ffffff;}

.tableView{border:0px;height:auto!important;margin:0;}
.tableView .pageIcon{padding:0;}
.tableView .tdat{width:100%;margin:0!important;}
.tableView .tdat td{border:none;border-top:1px solid rgba(109,109,109,0.5);}
.tableView .tdat tr:first-child td{border:none;}
.tableView .tdat td.tdat-bg{background:#d4d4d4;color:#606060;}

.tableWLink.tdat td{padding:5px;position:relative;}
.tableWLink.tdat td a{padding:5px;display:block;}
.statusMoney{width:10px;height:10px;position:absolute;top:0;left:0;}
.space_title{width:80px;display:inline-block;}

@media only screen and (min-width: 769px) {
    /* For desktop: */
    #container{height:100%;padding-right:50px;padding-left:50px;margin-right:auto;margin-left:auto;}
    body,.boxChat,.search-container{max-width:80%;}
	body#laporan,body#laporan .boxChat,body#laporan .search-container{max-width:80%;}
}

.alertPop {
    display: none;
    position: fixed;
    top: 10%;
    z-index: 9999;
    width: 50%;
    text-align: center;
    background: rgba(255, 0, 0, 0.85);
    padding: 19px 0;
    margin: 0 auto;
}

.dateMod-back,.dateMod{display:none;}
.dateMod-back.active{display:block;background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;left:0;top:0;}
.dateMod.active{display:block;width:100%;position:fixed;bottom:50%;left:0;z-index:999;}
.dateMod-box{width:250px;background:#2c333e;margin:0 auto;border:2px solid #ffffff;}
.calendar-Box-type{width:100%;display:inline-block;padding:5px;text-align:center;}

/* ---------------- Date Mod Desc ---------------- */
ul.dateMod{padding:0;margin:0;}
ul.dateMod-box{position: absolute;z-index: 99;display: none;float: left;padding: 0;margin: 2px 0 0;list-style: none;text-shadow: none;background-color: #fcfcfc;border: 1px solid rgba(0, 2, 1, 0.2);-webkit-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);-moz-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);-webkit-background-clip: padding-box;-moz-background-clipp: padding;background-clip: padding-box;list-style: none;text-shadow: none;width: 250px;}
ul.dateMod-box.active{display: block;}
.dateMod-select{width: 100%;margin-bottom: 5px;background-color: #ffffff;}
.calendar-links:after,.calenderType:after{display:block;clear:both;content:'';}
.calendar-links,.calenderType{padding:0px;}
.calenderType{background: #F3F3F3;}
.calendar-links li,.calenderType li{margin:0 3px 0 0;float:left;list-style:none;}
.calendar-links a,.calenderType a{padding: 5px;display: inline-block;background: #ddd;font-weight: 600;color: #4c4c4c;transition: all linear 0.15s;}
.calenderType a{background: none;}
.calendar-links a:hover,.calenderType a:hover{background:#a7cce5;text-decoration:none;}
.calendar-links li.active a, .calendar-links li.active a:hover{background:#ffffff;color:#4c4c4c;}
.calenderType li.active a, .calenderType li.active a:hover{background:#dadada;color:#4c4c4c;}
.calender-Box.twoColoums{width: 49%;display: inline-block;margin: 0;}
.calender-content{padding:5px;background:#fff;}
.calenderType-content{padding:5px 0;background:#fff;}
.calender-content .tab,.calenderType-content .tab{display:none;}
.calender-content .tab.active,.calenderType-content .tab.active{display:block;}
.calender-Button{margin-top:5px;}
.debtPayment-Box{border: 1px solid rgba(0,0,0,0.2);margin-left: 15px;padding: 15px;}
/* Style the tab content */
.tabcontent {
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}