/*!
custom_style.css
Customized by marsogot haduan boi do hita pajumpang
 */
html
{
  height: 100% !important;
}
body
{
	font-size:12px;
  background-attachment: fixed;
  background-size: cover;
  /*min-height: 100% !important;*/
  font-family: 'Montserrat-Regular',sans-serif;
}
h3.page-header
{
  margin-top:60px;
	margin-left:5px;
	margin-bottom:5px;
	border:none;
}
.navbar-brand
{
  color: white !important;
  padding: 5px 15px;
}
.button-container {
  padding: 4px 2px 1px 2px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.pagination-modif{
  padding: 0;
  padding-top:2px;
  margin:0 auto;
}
ul.pagination-modif>li>a[href$='#']
{
  background: blue;
  color: white;
  font-weight: bold;
}
.pagination-letter{
  padding: 0;
  padding-top:2px;
  margin:0 auto;
}
ul.pagination-letter>li>a[href$='#']
{
  background: blue;
  color: white;
  font-weight: bold;
}
.btn-container
{
  margin-top: -5px;
}
.breadcrumb > li.btn-container:before
{
  content: "";
  float: left;
}
.table-footer
{
  font-style: italic;
}
.login-container
{
  /*margin-top: 5%;*/
  /*background-color: rgba(255,255,255,.6);*/
  padding-top:20px;
  padding-left:5px;
  height: 100vh;
}
#loading
{  
    background: url(../img/ajax-loaders/2.gif) no-repeat center;    
    width: 200px;
    height: 200px;
    position: fixed;
    top: 100px;
    left: 200px;
    visibility: hidden;
}

.important_field:after
{
	color:#F00;
	float:right;
	content:"*";
}
.error
{
  color: red;
  padding-top: 2px 4px;
}
.dashboard-avatar {
  height: 50px;
  width: 50px;
  padding: 1px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  border: 1px solid #EBEBEB;
}
fieldset
{
  border:1px solid #EEE;
  padding:5px 5px 5px 10px;
  margin-bottom: 10px;
  margin-top:-20px !important;
  background-color: #F1F1F1;
}
legend
{
  border:0px;
  font-size: 15px;
  font-weight: bold;
  width: auto;
  padding:0 10px;
  padding-bottom: -10px;
  border:1px solid #EEE;  
  margin-top: 20px;
  background-color: #E1E1E1;

}
caption
{
  color: #000000;
}
/*autocomplete*/
.ui-autocomplete {
    z-index: 5000;
}
.datepicker{
  z-index:1151 !important;
}
.footer
{
    text-align: center;
    width: 100%;
    border-top: 1px groove #FFF;
    padding:5px;
}
.modal-header
{
  background-color: #05347a;
  color: white;
}
.modal-content
{
    border-radius: 0px !important;
}
.modal-footer
{
  background-color: #6f5dba;
  padding:5px;
  color: white;  
}
/*absensi*/
.front_end
{
  background-color: #0694cf;
}
.fr_container
{

}
.fr_title
{
  text-align: center;
}
.fr_title > h1.title
{
  font-size: 80px;
  font-weight: bold;
  color: #fabc3d;
}
.fr_title > h2.title
{
  font-size: 50px;
  font-weight: bold;
  color: white;
}
.fr_selector
{
  margin-top: 30px;
  text-align: center !important;
}
.fr_desc
{
  background-color: #fabc3d;
  color: white;
  padding: 20px;
  font-size: 20px;
  text-align: center;
  margin-top: 40px;
}
.page_slide
{
  
}
.hidden_page
{
  display: none;
}
.show_page
{
  display: block;
} 
.invisible
{
  visibility: hidden !important; 
}
.visible
{
  visibility: visible !important; 
}
.display_none
{
  display: none !important;
}
.modal-header-modif
{
  background-color: #fabc3d;
  text-align: center !important;
}
.keterangan_scan
{
  border:1px dashed grey;
  border-radius:5px;
  margin-bottom: 10px;
  padding:10px;
  text-align: center;
  background-color: black;  
  font-size: 20px;
  color: #fabc3d;
}
table
{
  font-size: small;
}
.table > thead > tr > th
{
  background: #091284;
  color: #FFFFFF;
}
.sidebar
{
  /*margin-top: 52px;*/
  min-height: 100% !important;
  /*position: fixed;*/
  /*overflow-y: scroll;*/
  overflow-y: visible;
}
.close
{
  color: white !important;
  opacity: 1;
} 
.camera_scan
{
  display: none;
}
.ui-datepicker-month,.ui-datepicker-year
{
  color: black;
}
.btn-report
{
  text-align: left;
  font-size: 
}
.sweet-alert fieldset
{
  background-color: transparent !important;
}
.tbl_detail
{
  max-height: 300px;
  overflow-y: scroll;
}
.form_switch
{
  display: none;
}
.hj-1,.hj-2,.hj-3
{
  width: 100px;
}
.table-slips > tbody > tr > td
{
  padding: 0 2px !important;
}
.change_item_number
{
  max-width: 120px;
}
.dropdown-user > li > a
{
  color: #0307A1 !important;
}
.navbar-header2
{
  margin-top: 10px;
}
#target {
  width:400px;
  height:100px;
  border:1px solid #ccc;
}

.login-control
{
  border-radius: 20px;
  height: 50px;
  font-size: 20px;
  text-align: center;
}
.btn-login-control
{
  border-radius: 20px;
  height: 50px;
  font-size: 20px;
  
}