/* CSS Style for BPSBTPH Application
-------------------------------------------------- */

html,
body {
  height: 100%;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #FFFFF; /*rgba(133, 185, 148, 0.46); */
}

/* Wrapper for page content to push down footer */
#wrap {
  background-color: #bdb2a5a3;  
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -40px;
  /* Pad bottom by footer height */
  padding: 0px 0px 0px;  
}

#wrap > .container {
    padding: 0px 15px;
    background-color: rgba(226, 236, 166, 0.37);
  }

#top-logo {
	/*position: relative; */
	height: 100px;
	width: auto;
	padding-bottom:0px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 20px;
  background-color: #E0F6CB;

}

#wrap > .container {
  padding: 0px 15px 0;  
  background-color: #f9f3ed;
}
.container .text-muted {
  margin: 10px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px; 
}

.text-muted {
    color: #0C0B0B;
}
code {
  font-size: 80%;
}

.well {
    min-height: 20px;
    /*padding: 19px;*/
    margin-bottom: 20px;
    background-color: #ddd;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
}
/* Customize auto hide header
-------------------------------------------------- */
  .affix {
      top: 0;
      width: 100%;
        -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
  }
  .affix-top {
      position: static;
      top: -35px;
  }
  .affix + .container-fluid {
      padding-top: 70px;
  }

/*---navbar new---------------------------------------------------------------*/
.navbar-inverse { border-radius: 0; background:rgba(0, 0, 0, .8); border-bottom:1px solid rgba(255, 255, 255, 0.15); min-height:100px; padding-top:25px; margin-bottom:0;} 
/*.navbar-inverse { border-radius: 0; background:rgba(11, 120, 12, 0.8); border-bottom:1px solid rgba(255, 255, 255, 0.15); min-height:100px; padding-top:25px; margin-bottom:0;}
*/
.navbar-inverse *:focus { outline: 0; }
@media (max-width: 767px) {
	.navbar-inverse {  background:rgba(0,0,0,.9); }
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > .open ul > a { color:rgba(255, 255, 255, .4); }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background:none ; }
.navbar-inverse .navbar-nav > .open > a{ background:none; color:white; }

.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus { background:none; color:white; }

.navbar-inverse .navbar-nav > .active > a { background:none; color:white; }

.navbar-inverse .navbar-brand { font-family: "Open sans", helvetica, arial; font-size: 24px; color:white; padding:0 0 0 15px; margin:12px 0 0 0; }
	.navbar-inverse .navbar-brand img { margin-top:-8;}

.navbar-nav .dropdown-menu {
	left:-5px;
	font-size: 13px;
	background-color: rgba(0, 0, 0, .7);
	border: 0px none;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.navbar-nav .dropdown-menu > li > a { color:rgba(255, 255, 255, .7); padding:7px 20px; }
	.navbar-nav .dropdown-menu > li > a:hover,
	.navbar-nav .dropdown-menu > li > a:focus,
	.navbar-nav .dropdown-menu > .active > a:hover{ background: rgba(255, 255, 255, .1); color:white; }

.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:focus { background: none; color:#fff; }

.navbar-nav .btn { border:1px solid rgba(255, 255, 255, .2); margin-left:5px; margin-top:5px; padding-top:10px; padding-bottom:10px; }

.navbar-nav a.btn:focus, 
.navbar-nav a.btn:hover  { border:1px solid rgba(255,255,255,.6); }

.navbar-collapse { border:0 none;  border-top:0 none; box-shadow: none; }
@media (max-width: 767px) {
	.navbar-collapse ul { text-align: center;  width:100%; padding-bottom:10px; }
	.navbar-collapse ul .btn{ max-width:50%; margin:0 auto; }
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom { border-radius: 0; }
/*---end navbar new----*/

/* Customize Input grup
--------------------------------------------------*/ 
.input-group-btn:last-child > .btn {
  margin-bottom : 5px;
}



/* Customize Badge
---------------------------------------------------*/
.label-as-badge {
    border-radius: 10em !important;
    font-size:12px;
}


/*--Customize grid
-------------------------------------------------- */
h4 {
  margin-top: 10px;
}
.row {
  margin-bottom: 5px;
  padding: 1px 15px 1px 10px;  
  /*background-color: #f7f3ee; */
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 1px 10px 1px 10px;
}
[class*="col-"] {
  padding: 1px 1px 1px 1px;
  background-color: #eee;
  border: 1px solid #ddd;
  background-color: rgba(246, 225, 68, 0.0);
  border: 1px solid rgba(86,61,124,.0);
}

[class*="col-"].login {
  background-color:  #E7E7E7;
} 
 
[class*="col-"].grup {
  background-color:  #CABC90;
  height=20px;
} 


hr {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Customize Panel
---------------------------------------------------*/
.panel {
    border: aliceblue;
}

.panel-primary {
    border-radius: 20px;
}
.panel-success {
    border-radius: 20px;
}
.panel-default {
    border-radius: 20px;
}
.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16;
    color: inherit;
}
.panel-heading {
   /* padding: 0 10 0 15; */
   /*padding: 5; */
   border-radius: 20px 20px 0 0;
   font-size: 12px: 
   font-weight : bold;
}
.panel-body {
   /* padding: 0 10 0 15; */
   /*padding: 5; */
   border-radius: 20px;
   font-size: 12px;
}
/* Customize Table
---------------------------------------------------*/
.table {
    width: 100%;
    margin-bottom: 20px;
    font-size: small;
    }
    
.table > thead > tr > th{
    line-height: 1.42857;
    vertical-align: center;
    border-top: 1px solid #DDD;
    padding: 7px 7px 0px;
    background-color:  #E7E7E7;    
}
.table > tbody > tr > td {
    line-height: 1;
    vertical-align: middle;
    border-top: 1px solid #DDD;
    /*padding: 2px 1px 1px 10px; /* yang diubah*/
}  
    
.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: aquamarine;
}

table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{
  background-color: #ccc; /*#96b386;*/
  height: 30px;
}    
/* Customize Form
---------------------------------------------------*/
.form-control {
  height: 30px;
}

.form-control.cari {
  width: auto;
  height: 25px;
  margin: 2 2 2 2;
}

.form-horizontal .form-group {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 0px;    
}

   
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;                  
}
.form-signin .form-control:focus {
  z-index: 2; 
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#lead-custom {
    font-size: 20px;
}

.baris2 p {
    font-size: 8px;
    line-height:50%;
}


/*a {
  font-size: 18px;
  font-weight:bold;  
}---*/

.brcrumbs {
  font-size: 18px;
  font-weight:bold;  
}

/* Customize Datepicker
---------------------------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; font-size: 12px !important;}

/* Customize btn
---------------------------------------------------*/
.btn-cetak:hover, .btn-cetak:focus, .btn-cetak:active, .btn-cetak.active, .open .dropdown-toggle.btn-cetak {
    color: #cc99ff;
    background-color: #cc99ff;
    border-color: #cc33ff;}
/* Customize combo select
---------------------------------------------------*/
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%; 
  padding: 0px 0px 2px 0px;     
}
.filter-option-inner-inner{
  margin: -2px -1px -2px -1px;
}