/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	02.18.2020
**/
.dispnone { display:none !important; }
.linkmati { pointer-events: none; }

/*font syle*/
.fn { font-weight: normal; }
.fb { font-weight:bold; }
.fi { font-style:italic; }
.fu { font-style:underline; }
.fup { text-transform:uppercase; }

.tleft { text-align: left !important;}
.tright { text-align: right !important;}
.tcenter { text-align: center !importantsss;}
.fc-m { color:#F00 !important;} /*warna merah*/
.fc-g { color:#0F0 !important;} /*warna hijau*/

/*custom width size*/
.w03  { width:3px !important;}
.w05  { width:5px !important;}
.w10  { width:10px !important;}
.w15  { width:15px !important;}
.w20  { width:20px !important;}
.w25  { width:25px !important;}
.w30  { width:30px !important;}
.w50  { width:50px !important;}
.w75  { width:75px !important;}
.w100 { width:100px !important;}
.w125 { width:125px !important;}
.w150 { width:150px !important;}
.w200 { width:200px !important;}
.w250 { width:250px !important;}
.w300 { width:300px !important;}
.w350 { width:350px !important;}
.w400 { width:400px !important;}
.wato { width:auto !important; } 

.wpf05  { width:5% !important;}
.wpf10  { width:10% !important;}
.wpf15  { width:15% !important;}
.wpf20  { width:20% !important;}
.wpf25  { width:25% !important;}
.wpf30  { width:30% !important;}
.wpf35  { width:35% !important;}
.wpf40  { width:40% !important;}
.wpf45  { width:45% !important;}
.wpf50  { width:50% !important;}
.wpf55  { width:55% !important;}
.wpf60  { width:60% !important;}
.wpf65  { width:65% !important;}
.wpf70  { width:70% !important;}
.wpf75  { width:75% !important;}
.wpf80  { width:80% !important;}
.wpf85  { width:85% !important;}
.wpf90  { width:90% !important;}
.wpf95  { width:95% !important;}
.wpf100  { width:100% !important;}

.h100 { height:100px !important;}
/*custom posisition*/
.posR{position:relative !important;}
.posA{position:absolute !important;}
.posF{position:fixed !important; }
/*left posisition*/
.x5{left:5px !important}
.x10{left:10px !important;}
.x15{left:15px !important;}
.x20{left:20px !important;}
.x25{left:25px !important;}
/*right posisition*/
.r5{right:5px !important}
.r10{right:10px !important;}
.r15{right:15px !important;}
.r20{right:20px !important;}
.r25{right:25px !important;}
.r30{right:30px !important;}

label.error {
    color:#F33;
	margin-left:10px;
	font-weight:bold;
	font-size:12px;	
	padding-left:5px;
}

/*custom margin*/
.ml0 { margin-left:0px !important; }
.ml3 { margin-left:3px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml50 { margin-left:50px !important; }

.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }

.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt160 {margin-top:140px !important;}


#modalBox{ z-index: 40000 !important; }

.form-row .validity-modal-msg {
    position:absolute;
    z-index:2;
    background-color:#999;
    border:solid 1px #000;
    padding:4px;
    cursor:pointer;
}

.form-row .validity-modal-msg:hover {

    background-color:#aaa;

}


.validity-summary-container {

 	display:none;
	border: 1px solid #F00;
	background:#FFC4C4;
	position:relative;
	margin: 20px 0px;
	height:400px !important;
	padding:10px !important;
}

.validity-summary-container label{ color:#000; font-weight:bold; margin-top:-20px; font-size:16px; padding:10px;}
.validity-summary-container ul{ list-style-type:none; margin:0px 15px; height:300px; width:650px !important; }
.validity-summary-container ul li{ display:block; float:left; margin:8px 15px; padding-top:5px; height:20px; width:290px; font-size:12px; font-weight:bold; color:#000; }
.validity-summary-output ul { }
.validity-erroneous { border:solid 2px #f56600 !important; }


.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}