/*!
custom_style.css
Customized by marsogot haduan boi do hita pajumpang
 */
 @font-face {
  font-family: 'Montserrat-Regular';
  src: url('Montserrat-Regular.eot?v=4.1.0');
  src: url('Montserrat-Regular.eot?#iefix&v=4.1.0') format('embedded-opentype'),  url('Montserrat-Regular.ttf?v=4.1.0') format('truetype'), url('Montserrat-Regular.svg?v=4.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

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;
}
.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
{
  
}
.absensi_masuk
{
  font-size: 80px;
  color: blue;
}
.absensi_keluar
{
  font-size: 80px;
  color: red;
}
.hidden_page
{
  display: none;
}
.show_page
{
  display: block;
}
.absensi_slide
{
  height: 250px;
  overflow: hidden;;
}
.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;
}
.input_nilai
{
  width: 50px;
}
.opt_absen_guru
{
  display: none;
}
.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;
}

#page-wrapper2 {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}



.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.tr_show
{
  display: table-row;
}


@media (max-width: 768px) {
 .mobile-nav {

 }

}

@media (max-width: 768px) {
 .mobile-nav {
  
 }

}

.sidebar_scroll
{
  /*margin-top: 52px;*/
  min-height: 70vh !important;
  /*min-height: 100% !important;*/
  /*position: fixed;*/
  overflow-y: scroll;
  /*overflow-y: visible;*/
}
.profile_setting
{
  /*position: absolute;*/
  left: 0;
  bottom: 0;  
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #9C9C9C;
  border-radius: 1px;
}


.profile_setting
{
  display: none;
}
.profile_setting_mobile
{
  visibility: visible;
}
}
@media (min-width: 768px) {
 .mobile-nav {
  
 }
.profile_setting_mobile
{
  visibility: hidden;
}

}