/*!
custom_style.css
Customized by marsogot haduan boi do hita pajumpang
 */
 @font-face {
/*  font-family: 'sans-serif';
  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: 'Source-Sans-Pro',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:10px;
  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: #53A511;
  color: white;
}
.modal-content
{
    border-radius: 0px !important;
}
.modal-footer
{ 
  /*background-color: #4A993A;*/
  padding:5px;
  color: white;  
}
a.modalForm
{
  cursor: pointer;
}
/*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;*/
  background: #28a745;
  /*color: #FFFFFF;*/
} 
.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;
}
.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 {
  text-transform: uppercase;
 }

}

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

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

}
.login-control
{
  border-radius: 20px;
  height: 50px;
  font-size: 20px;
  text-align: center;
}
.btn-login-control
{
  border-radius: 20px;
  height: 50px;
  font-size: 20px;
  
}
.login-container2
{
  background-color: rgba(255,255,255,.6);          
}

#side-menu a
{
  cursor: pointer;
}

.modal-lg{
  width:90%;
}
.kop_surat1
{
  font-size: 25px;
  font-weight: bold;
}
.kop_surat2
{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
.kop_surat3
{
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.kop_surat4
{
  font-size: 10px;
  font-weight: bold; 
}
.table-responsive{
  min-height: 400px;
}
a{
  /*color: #53A511;*/
  color: #000000;
}
a.active{
  color: #326303;
}
.btn-info{

  background-color:#28a745;
}
.btn-info:hover{

  background-color:#326303;
}
.btn-info{

  background-color:#28a745;
}
.btn-info:hover{

  background-color:#326303;
}
.panel-primary >.panel-heading
{
  background-color: #28a745;
  border-color: #53A511;
}
.btn-primary
{
  background-color: #53A511;
  /*background-color: #1DC1EA;*/
  border-color: #53A511;

}

/*table, th, td {
    border: 1px solid black;
}*/
th {
    cursor: pointer;
}
.input-container input {
    border: none;
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}