/* ----- Custom CSS ----- */

/* General */
.form-control {
  border-radius: 0 !important;
}

/* No Display */
.no-display {
	display: none !important;
}

/* Login Page */
.login-page {
	background-color: #861c70 !important;
}
.content-wrapper {
  background-color: #f4f4f4 !important;
}
.main-footer {
  background-color: #861c70 !important;
  color: #ffffff !important;
}
.main-footer a {
  color: #ffff00 !important; 
}

/* Text Color */
.text-white {
	color: #ffffff !important;
}
.text-yellow {
	color: #ffff00 !important;
}
.text-fabindo {
  color: #861c70 !important; 
}

/* Margins */
.margin-r-5 {
  margin-right: 5px !important;
}
.margin-r-10 {
  margin-right: 10px !important;
}

/* Paddings */
.no-padding-left {
  padding-left: 0 !important;
}

/* Form */
form.form-input .form-group {
  margin-bottom: 5px !important;
}
form.form-input .control-label {
  padding-top: 3px !important;
}
form.form-input input, form select {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  height: 30px !important;
}
form.form-input textarea {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
/*form.form-input hr {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}*/
/*form.form-input h4 {
  font-weight: bold !important;
  font-size: 14px !important;
  color: #861c70 !important;
  margin-top: 20px !important;
}*/
/*form.form-input h4.h4-lg-top {
  margin-top: 5px !important;
}*/
form.form-input div.radio label {
  padding-bottom: 5px !important;
  height: 10px !important;  
}
form.form-input div.radio input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  height: 15px !important;
}

/* Modal PopUp */
.modal-header {
  padding:7px 10px !important;
}
.modal-footer {
  padding:7px 10px !important;
}
.modal-title {
  font-size: 14px !important;
}

/* Div Header */
.div-header {
  padding: 5px 10px !important;
  background: #00a65a !important;
  margin-bottom: 10px !important;
}
.div-header h4 {
  margin: 0 !important;
  font-size: 14px !important;
  color: #fff !important;
  /*font-weight: bold !important;*/
}

/* Div Error */
.div-validation {
  position: fixed !important;
  bottom: 10px !important;
  right : 10px;
  z-index: 99999;
  background: rgba(255,0,0,1) !important;
  color: white !important;
}

/* Accordion */
.box-title a:hover {
  background: transparent !important;
}

/* Widget User */
.widget-user-header {
  padding: 10px 20px !important;
}
.widget-user-username {
  margin-top: 0 !important;
}
.widget-user-desc {
  margin-bottom: 0 !important;
}

/* Hilangkan navbar pada media resolusi kecil */
/*@media (max-width: 991px) {
  .navbar {
    display: none;
  }
}*/

/* Logo on media tab */
.logo-xs-2 {
  position: relative;

  height: 50px;
  font-size: 20px;
  line-height: 50px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 5px;
  font-weight: 300;  
  min-width:100px;
    overflow:hidden;

    display: none;
}

.logo-xs-2 > a {
  color: #ffffff !important;
}

.sidebar-collapse .logo-xs-2 {
  display: block;
}

@media (max-width: 767px) {
  .logo-xs-2 {
    display: block;
  }

  .main-header .logo {
    display: none !important;
  }

  aside.main-sidebar {
    padding-top: 50px !important;
  }

  form.form-input h4.h4-lg-top {
    margin-top: 20px !important;
  }  

  /* Body Box */
  .content {
    padding: 0 !important;
  }  

  /* Div Header */
  .div-header {
    margin-bottom: 5px !important;
  }  
}

.footnote{
	font-size: 11px ;
	color: red;
}