*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* Grid */

.form-horizontal .form-group:after,.form-horizontal .form-group:before,.row:after,.row:before{display:table;content:" ";}
.form-horizontal .form-group:after,.row:after{clear:both;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;}
.col-md-12{width:100%;}.col-md-11{width:91.66666667%;}.col-md-10{width:83.33333333%;}.col-md-9{width:75%;}.col-md-8{width:66.66666667%;}.col-md-7{width:58.33333333%;}.col-md-6{width:50%;}.col-md-5{width:41.66666667%;}.col-md-4{width:33.33333333%;}.col-md-3{width:25%;}.col-md-2{width:16.66666667%;}.col-md-1{width:8.33333333%;}
.form-group{margin:0 0 10px;}
.form-horizontal .control-label{font-weight:600;display:block;margin-bottom:5px;}
/* Progress */
.success,.steps li.success:after,.on,.steps li.on:after{color:#4F8A10;background-color:#DFF2BF!important;}
.warning,.steps li.warning:after,.onprogress,.steps li.onprogress:after{color:#9F6000;background-color:#FEEFB3!important;}
.error,.danger,.steps li.error:after,.steps li.danger:after,.off,.steps li.off:after{color:#D8000C;background-color:#FFBABA!important;}
/* Form */
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
.form-text{border:1px solid #e2e2e2;box-shadow:none;color:#555555;display:block;width:100%;height:auto;padding:10px;line-height:1.45;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
select{height:40px!important;}
.form-text[disabled],.form-text[readonly],fieldset[disabled] .form-text{background-color:#eeeeee;opacity:1;cursor:not-allowed;}
.input-group .form-text,.input-group-addon,.input-group-btn{display:inline-block;}
.input-group{position:relative;display:table;border-collapse:separate;width:100%;overflow: hidden;}
.input-group .form-text{position:relative;z-index:2;width:100%;}
.input-group-btn{position:absolute;white-space:nowrap;right:26px;height:100%;z-index:3;} /**/
.input-group-btn>.btn,.btn,.input-group-addon{position:relative;color:#000000;padding:10px;margin-bottom:0;font-weight:600;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#e2e2e2;border:none;font-size:12px;height:100%;line-height:1;}
button:disabled,button[disabled]{background-color: #cccccc;color: #666666;}
.text-success,.verification{color:#4F8A10!important;}
.text-orange{color:#fd8008!important;}
.text-warning{color:#9F6000!important;}
.text-danger,.text-error,.unverification{color:#D8000C!important;}
.text-mute{color:#999999!important;}
/* Text */
.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.float-left{float:left;}
.float-right{float:right;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:2px solid #e2e2e2;}
.hr-black{margin:0;border:0;border-top:2px solid #000;}
.p-0{padding:0px!important;}
.p-5{padding:5px!important;}
.p-10{padding:10px!important;}
.p-15{padding:15px!important;}
.p-20{padding:20px!important;}
.pr-0{padding-right:0px!important;}
.pr-5{padding-right:5px!important;}
.pr-10{padding-right:10px!important;}
.pr-15{padding-right:15px!important;}
.pr-20{padding-right:20px!important;}
.pr-30{padding-right:30px!important;}
.pr-40{padding-right:40px!important;}
.pl-0{padding-left:0px!important;}
.pl-5{padding-left:5px!important;}
.pl-10{padding-left:10px!important;}
.pl-15{padding-left:15px!important;}
.pl-20{padding-left:20px!important;}
.pt-0{padding-top:0px!important;}
.pt-5{padding-top:5px!important;}
.pt-10{padding-top:10px!important;}
.pt-15{padding-top:15px!important;}
.pt-20{padding-top:20px!important;}
.pb-0{padding-bottom:0px!important;}
.pb-5{padding-bottom:5px!important;}
.pb-10{padding-bottom:10px!important;}
.pb-15{padding-bottom:15px!important;}
.pb-20{padding-bottom:20px!important;}
.m-auto{margin:0 auto;}
.m-0{margin:0!important;}
.m-5{margin:5px!important;}
.m-10{margin:10px!important;}
.m-15{margin:15px!important;}
.m-20{margin:20px!important;}
.mb-0{margin-bottom:0px!important;}
.mb-5{margin-bottom:5px!important;}
.mb-10{margin-bottom:10px!important;}
.mb-15{margin-bottom:15px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-30{margin-bottom:30px!important;}
.mb-50{margin-bottom:50px!important;}
.mr-0{margin-right:0px!important;}
.mr-5{margin-right:5px!important;}
.mr-10{margin-right:10px!important;}
.mr-15{margin-right:15px!important;}
.mr-20{margin-right:20px!important;}
.ml-0{margin-left:0px!important;}
.ml-5{margin-left:5px!important;}
.ml-10{margin-left:10px!important;}
.ml-15{margin-left:15px!important;}
.ml-20{margin-left:20px!important;}
.mt-0{margin-top:0px!important;}
.mt-5{margin-top:5px!important;}
.mt-10{margin-top:10px!important;}
.mt-15{margin-top:15px!important;}
.mt-20{margin-top:20px!important;}
.mt-30{margin-top:30px!important;}
.mt-50{margin-top:50px!important;}
.bdr_none{border:none!important;}
.bdr_solid{border:1px solid rgba(0,0,0,0.4);}
.bdr_right{border-right:1px solid rgba(0,0,0,0.4);}
.bdr_left{border-left:1px solid rgba(0,0,0,0.4);}
.bdr_top{border-top:1px solid rgba(0,0,0,0.4);}
.bdr_bottom{border-bottom:1px solid rgba(0,0,0,0.4);}
.bdr_dashed{border:1px dashed rgba(0,0,0,0.2);}
.bdr_dashed_right{border-right:1px dashed rgba(0,0,0,0.4);}
.bdr_dashed_left{border-left:1px dashed rgba(0,0,0,0.4);}
.bdr_dashed_top{border-top:1px dashed rgba(0,0,0,0.4);}
.bdr_dashed_bottom{border-bottom:1px dashed rgba(0,0,0,0.4);}
.bdr_left1{border-left:1px solid #cccccc!important;}
.bdr_solid1{border:1px solid #cccccc!important;}
.bdr_solid2{border:1px solid rgba(0,0,0,0.2)!important;}
.bdr_active{border:2px solid #00529B!important;}
.bdr_top_none{border-top:0!important;}
.bdr_left_none{border-left:0!important;}
.bdr_right_none{border-right:0!important;}
.bdr_bottom_none{border-bottom:0!important;}
hr.sign {border: 0;height: 2px;background: #000;}
/* Font */
.font-bold{font-weight:bold;}
.fw-100{font-weight: 100!important;}
.fw-200{font-weight: 200!important;}
.fw-400{font-weight: 400!important;}
.fw-500{font-weight: 500!important;}
.fw-600{font-weight: 600!important;}
.fw-700{font-weight: 700!important;}
.fw-800{font-weight: 800!important;}
.fs-60{font-size:60px;}
.fs-50{font-size:50px;}
.fs-40{font-size:40px;}
.fs-30{font-size:30px;}
.fs-35{font-size:35px;}
.fs-24{font-size:24px;}
.fs-20{font-size:20px;}
.fs-18{font-size:18px;}
.fs-16{font-size:16px;}
.fs-15{font-size:15px;}
.fs-14{font-size:14px!important;}
.fs-13{font-size:13px!important;}
.fs-12{font-size:12px!important;}
.fs-11{font-size:11px!important;}
.fs-10{font-size:10px;}
.fs-9{font-size:9px!important;}
.fs-8{font-size:8px!important;}
.w-5{width:5%!important;}
.w-10{width:10%!important;}
.w-15{width:15%!important;}
.w-20{width:20%!important;}
.w-25{width:25%!important;}
.w-30{width:30%!important;}
.w-35{width:35%!important;}
.w-40{width:40%!important;}
.w-45{width:45%!important;}
.w-50{width:50%!important;}
.w-55{width:55%!important;}
.w-60{width:60%!important;}
.w-65{width:65%!important;}
.w-70{width:70%!important;}
.w-75{width:75%!important;}
.w-80{width:80%!important;}
.w-85{width:85%!important;}
.w-90{width:90%!important;}
.w-95{width:95%!important;}
.w-100{width:100%!important;}
.w-auto{width:auto!important;}
.h-10{height:10px;}
.h-100{height:100%!important;}
.h-auto{height:auto!important;}
.display-block{display:block!important;}
.display-inline{display:inline!important;}
.no-bg{background-color:transparent!important;background:transparent!important;}
.spinner{margin:10px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2.0s infinite linear;animation:sk-rotate 2.0s infinite linear;}
.dot1,.dot2,.dot3,.dot4{width:60%;height:60%;display:inline-block;position:absolute;top:0;border-radius:100%;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out;}
.dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
@-webkit-keyframes sk-rotate{100% {-webkit-transform:rotate(360deg)}}
@keyframes sk-rotate {100% {transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@-webkit-keyframes sk-bounce{0%, 100% {-webkit-transform:scale(0.0)} 50% {-webkit-transform:scale(1.0)}}
@keyframes sk-bounce{0%, 100% {transform:scale(0.0);-webkit-transform: scale(0.0);} 50% {transform: scale(1.0);-webkit-transform: scale(1.0);}}
/* ---------------------------------------- */
/* ---------------------------------------- */
/* Colour */
.gray{background:#cccccc!important;}
.gray2{background:#dddddd!important;}
.red{background:#f66a70!important;}
.green{background:#9ecb42!important;}
.green2{background:#108001!important;}
.blue{background:#4c7ce8!important;}
.orange{background:#ec9a1e!important;}
.orange2{background:#d06506!important;}
.purple{background:#ae4abf!important;}
.yellow{background:#ffc800!important;}
.brown{background:#89745e!important;}
.coral{background:coral!important;}
.aqua{background:aqua!important;}
.black{background:#000!important}
.blue2{background-color:#d9edf7!important;}
button.active{background-color: #006dcc;background-image: -moz-linear-gradient(top, #0088cc, #0044cc);background-image: -ms-linear-gradient(top, #0088cc, #0044cc);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);background-image: -o-linear-gradient(top, #0088cc, #0044cc);background-image: linear-gradient(top, #0088cc, #0044cc);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color: #0044cc #0044cc #002a80;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);color: #fff!important;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
button.btnDate{min-width: 100px;}

/* ---------------------------------------- */
/* ---------------------------------------- */
.todayWhite{color:#ffffff;font-weight:bold;}
.today{color:#A02020;font-weight:bold;}

.printThis2{display: none!important;}
/* Vertical Align */
.va-top{vertical-align: top!important;}
.va-mid{vertical-align: middle!important;}
.va-bottom{vertical-align: bottom!important;}

/* Text Indent */
.ti-5{text-indent: 5px!important;}
.ti-10{text-indent: 10px!important;}
.ti-15{text-indent: 15px!important;}
.ti-20{text-indent: 20px!important;}
.ti-25{text-indent: 25px!important;}
.ti-30{text-indent: 30px!important;}
.ti-35{text-indent: 35px!important;}
.ti-40{text-indent: 40px!important;}
.ti-45{text-indent: 45px!important;}
.ti-50{text-indent: 50px!important;}

/* Display */
.hide{display:none!important;}
.d-table{display:table!important;}
.d-table-r{display:table-row!important;}
.d-table-c{display:table-column!important;}

.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}

.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}
.table-neraca{width: 100%;border:1px solid #000;}
.table-neraca thead th {background-color: #cccccc!important;font-weight: bolder;padding: 5px;border:1px solid #000;}
.table-neraca tbody th {font-weight: bolder;padding: 5px;border:1px solid #000;}
.table-neraca tbody th.gray {background-color: #cccccc!important;font-weight: bolder;padding: 5px;border:1px solid #000;}
.table-neraca td {padding:5px;border-bottom: 1px solid #000;}
.table-neraca td:last-child {border-left:1px solid #000;text-align: right;}

.notification {color: #000;text-decoration: none;padding: 10px;position: relative;display: inline-block;border-radius: 2px;font-size: 16px;}
.notification .badge {position: absolute;top: -1px;right: -1px;padding: 5px;font-size: 10px;background-color: red;color: white;}


.panel-head{width: 100%;text-align: center;font-weight: bolder;font-size: 18px;background:#dddddd;padding: 5px;}

.radio-group {
  border: solid 3px #006dcc;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
}
input[type=radio].custom {
  position: absolute;
  visibility: hidden;
  display: none;
}

label.radio {
  color: #000;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 20px;
  margin:0;
}

input[type=radio].custom:checked + label.radio{
  color: #fff;
  background: #006dcc;
}