body {
  padding-top: 50px;
}
.divcenter {
  padding: 40px 15px;
  text-align: center;
}

h1{
  font-size: 30px!important;
}

#loading{
  background-color: transparent;
  border: none;
  box-shadow: none;
  clear: both;
}
#loading > .spinner{
  background: transparent url('../images/spinner-20.gif') 0 0 no-repeat;
  text-align: center;
  position: relative;
  margin: 0 auto;
  width: 130px;
  height: 130px;
}

.loadingimg{
  text-align: center;
}

#maincontainer{
  min-height: 800px;
}

.panel-sardjitoweb {
  /*border-color: #638716;*/
  border-color: #007c93;
}
.panel-sardjitoweb > .panel-heading {
  color: #fff;
/*  background-color: #7aa127;
  border-color: #638716;*/
  background-color: #007c9e;
  border-color: #007c9e;
}

.panel-body.outer-table {
  padding: 0;
  opacity: 1;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
.panel-body.outer-table.invisible {
  opacity: 0;
}

.panel-body.outer-table table {
  margin-bottom: 0;
}

.panel-body.outer-table table th:first-child,
.panel-body.outer-table table td:first-child {
  padding-left: 15px;
}
.panel-body.outer-table > .table > tbody > tr:first-child > th {
  border-top: none;
}

.judul-utama {
  text-align: center;
}
.row-heading th {
  color: #ffffff;
  background-color: #15251A;
  border-color: #305D40;
}
.table>tbody>tr.row-subheading>th {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #03a9f4;
}
.panel-body.outer-table table th.left-indent-1, .panel-body.outer-table table td.left-indent-1 {
  padding-left: 25px;
}
.panel-body.outer-table table th.left-indent-2, .panel-body.outer-table table td.left-indent-2 {
  padding-left: 35px;
}

/* override selectize  */
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  border-color: #6F6F6F transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 3px 6px 3px;
  border-color:  transparent transparent #6F6F6F transparent;
}
.selectize-input.items.has-items {
  display: block;
  width: 100%;
  height: 39px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.4;
  color: #6f6f6f;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0; 
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.selectize-input.items.has-items.focus.input-active.dropdown-active {
  display: block;
  width: 100%;
  height: 39px;
  padding: 8px 12px;
  font-size: 15px;
  line-height: 1.4;
  color: #6f6f6f;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/* Below are styles for ids */
.btn-sardjitoweb {
  color: #ffffff;
 /* background-color: #638716;
  border-color: #638716;*/
  background-color: #007c9e;
  border-color: #007c9e;  
}
.btn-sardjitoweb:hover,
.btn-sardjitoweb:focus {
 /* background-color: #7aa127;
  border-color: #638716;*/
  color: #ffffff; 
  background-color: #ff6600;
  border-color: #ff6600;
}
.btn-sardjitoweb:active {
  color: #ffffff; 
  background-color: #ff6600;
  border-color: #ff6600;
}
 .navbar-default{
background-color: #007c9e;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-sardjito .navbar-nav>li>a:focus{
  background-color: #ff6600;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
  background-color: #ff6600;
}
.navbar-default .dropdown-menu {
  background-color: #ffffff;
}
.navbar-default .dropdown-menu>li>a, .navbar-default .dropdown-menu>li>a:focus {
   color: #2d2d29;
}
.navbar-default .dropdown-menu>li>a:hover, .navbar-default .dropdown-menu>.active>a, .navbar-default .dropdown-menu>.active>a:hover{
  background-color: #ff6600;
  color: #ffffff; 
}
  .pagination>li>a, .pagination>li:first-child>a{
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.42857143;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd;
    }
  .pagination>li.active>a{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    }
    .card-title {font-weight: 500;}
    .card-text{ font-weight: 100;}
.c-card{
box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
    border-radius: 16px;
    background-clip: border-box;
    position: relative;
}
.c-card-list{
 height: 200px;
}
.c-card:hover{
transition: all .3s;
    z-index: 1;
    box-shadow: 0 6px 18px 0 rgb(0 0 0 / 40%);
    /*background: #ff6600;*/
}