/* Possible Color
  OXFORD BLUE
  #162f4f
  rgb(22,47,79)

  TURQOISE BLUE
  #005d7d
  rgb(0,93,123)

*/

/* basic things / hal dasar
  typhography, button, etc
 */

 .selector-for-some-widget {
   box-sizing: content-box;
 }

p, h1, h2, h3, h4, h5, h6{
  font-family: "Segoe UI" !important;
}
table > thead > tr > th,
table > tfoot > tr > th{
  background-color:  #162f4f !important;
  color: #fff;
}
table > thead > tr > th,
table > tfoot > tr > th,
.table-striped > thead > tr > th,
.table-striped > tbody > tr > td{
  text-align: center;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color:  #efefef !important;
}

.white{
  color:#fff !important;
}

.fa{
  /* color:#005d7d; */
}

.button-main{
  color:#fff;
  background-color:#162f4f;
  border: 1px solid #162f4f;
  width:100%;
}

.button-main:hover{
  color:#fff !important;
  background-color:#005d7d;
  transition:0.3s;
}

.button-cancel{
  color:#fff;
  background-color:#ED5E68;
  border: 1px solid #111;
  width:100%;
}

.button-cancel:hover{
  color:#fff !important;
  background-color:#F53649;
}

.btn-login{
  color:#fff !important;
  background-color:#005d7d !important;
  box-shadow: 1px 1px 1px black;
  letter-spacing: 2px;
  border-radius: 15px;
}

.btn-login:active, .btn-login:focus{
  outline: none !important;
  border:none;
}

/* Halaman Login */
/* login page */
.login-body{
  background : url("../images/background.gif") center center no-repeat;
  /* background-repeat:no-repeat;
  background-size:contain; */
  overflow: hidden;
}

.login-title{
  content:"";
  width:25%;
  height:2px;
  background-color: #20364D;
  position: absolute;
  left:38%;
  bottom:-15px;
}

.login-box{
  background-color: transparent;
  background-image: linear-gradient(#005d7d,#162f4f);
  /* box-shadow: 10px 10px 5px #333; */
  text-shadow: 1px 1px 1px #333;
  padding:8% 10px 25px 15px;
  border-radius: 10px;
}
/* media screen for hiding middle border */
/* @media screen and (max-width: 766px) {
} */

/*Login Input*/
.login-input{
  outline:none;
  padding:8px;
  width:100%;
  margin:5px 0px;
  color:#777;
  font-size: 10pt;
  border-radius: 5px;
}

.login-input::placeholder{
  color:#fff;
  opacity:1;
}
/* Change the white to any color ;) Google Chrome Speciality*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #777 !important;
    box-shadow: 2px 2px 1px #000;
}

/*Login Input END*/


/* custom navigation style */
.custom-navbar{
  background-color:#162f4f !important;
}

ul.custom-toggle li a , ul.custom-toggle li a i{
  color: #fff;
}

ul.custom-toggle li a:hover{
  background-color: #162f4f !important;
}

ul.custom-toggle li ul li a{
    color: #000 !important;
}

ul.custom-toggle li ul li a:hover, ul.custom-toggle li a.sidebar-toggle i{
    color: #fff !important;
}

.custom-dropdown li a:hover, .custom-dropdown li a:focus{
  background-color: #162f4f !important;
  outline: none;
}

.custom-sidenav{
  background-color: #162f4f;
}


.navigation > li.active > a, .navigation > li.active > a.level-opened{
background-color:  #162f4f !important;
}

.custom-sidenav li a:hover{
  background-color: #162f4f !important;
  border:1px solid #162f4f !important;
  outline: none;
}

.custom-sidenav li a:focus{
  background-color: #162f4f !important;
  border:1px solid #162f4f !important;
  outline: none;
}

.custom-sidenav li .active {
  background-color: #162f4f !important;
}

/* Custom Page Title */
.page-title{
background-color:  #162f4f !important;
}

/* Responsive Styling */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}