/* Pie Chart  */
.easy-pie-chart{ position:relative;display:inline-block;width:110px;height:110px;text-align:center}
.easy-pie-chart canvas{position:absolute;top:0;left:0}
.easy-pie-chart .percent{display:inline-block;line-height:110px;z-index:2}
.easy-pie-chart.easy-pie-chart-lg{width:150px;height:150px}
.easy-pie-chart.easy-pie-chart-lg .percent{line-height:150px}
.easy-pie-chart.easy-pie-chart-sm{width:60px;height:60px}
.easy-pie-chart.easy-pie-chart-sm .percent{line-height:60px}
.easy-pie-chart.easy-pie-chart-xs{width:40px;height:40px}
.easy-pie-chart.easy-pie-chart-xs .percent{line-height:40px}

/* Table */

/* main  */
.table-main{
  font-size: 12px;
  white-space: nowrap;
  font-weight: bold;
}
.table-main td, .table-main thead th{
  padding: 7px;
  border: 1px black solid;
}

.progress-sm {
  height: 0.5rem!important;
}

.alert-main {
  color: #000;
  background-color: #000;
  border-color: #000;
}

.alert-main hr {
  border-top-color: #9fcdff;
}

.href-profil {
  color: #232121;
}
a:hover {
   text-decoration:none;
}

.bg-softgray{
  background-color: #efefef
}

.bg-main{
  background-color: #1b4e8d
}
/* BTN MAIN */
.btn-main {
  color: #fff;
  background-color: #1b4e8d;
  border-color: #1b4e8d;
}

.btn-main:hover {
  color: #fff;
  background-color: #184680;
  border-color: #184680;
}
/* BTN default */
.btn-default {
  color: #33334A;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:hover {
  color: #33334A;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-outline-main {
  color: #1b4e8d;
  background-color: #fff;
  border-color: #1b4e8d;
}

.btn-outline-main:hover {
  color: #fff;
  background-color: #1b4e8d;
  border-color: #1b4e8d;
}
.text-main {
color: #1b4e8d !important;
}

/* BTN KATAGORI */
.btn-label {
  margin-right: 0.8rem;
  border-radius: 2.25rem!important;
  padding: 0.5rem 3rem;
  }


.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

/* Scroll Horizontal */
div.scrollmenu {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap;
  overflow: hidden;
}

/* Tinggi ScrollBar*/
#myselect-container {
    position:relative;
    height:10px;
    width:100px;
    /*for contain our absoulte select tag */
}
#myselect-container select {
    position:absolute;
    /*for put our list on other tag */
}


@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.content-placeholder {
  display: inline-block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  height: inherit;
  position: relative;
}

.post_data{
  padding:24px;
  border:1px solid #f9f9f9;
  border-radius: 5px;
  margin-bottom: 24px;
  box-shadow: 10px 10px 5px #eeeeee;
}
/* HIDE RADIO */
/* [type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
} */

/* IMAGE STYLES */
/* [type=radio] + img {
  cursor: pointer;
  padding: 6px;
} */

/* CHECKED STYLES */
/* [type=radio]:checked + img {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
} */


.main-link {
  display: block;
  padding: 0.5rem 0.5rem;
  color: #fff;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .main-link {
    transition: none;
  }
}
.main-link:hover, .main-link:focus {
  color: #f6d106;
}
.image-upload>input {
    display: none;
}

/* Modal Fullscreen */
.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none; 
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none; 
}

.modal.modal-fullscreen .modal-body {
  overflow-y: auto; 
}

/* NEW  */
.pvtTotalLabel, .pvtGrandTotal{
  background:grey !important;
  color:white !important;
}
/* HAS ICON */

.btn-accordion {
  padding: 0px;
  margin: 0px;
  width: 100%;
  color: #000;
  text-decoration: none;
  border: 1px solid transparent;
  background-color:transparent;
}

.btn-accordion:hover {
  color: #1b4e8d;
}
.btn-accordion:focus, .btn-accordion.focus {
  box-shadow: none;
  outline: 0px dotted;
}

.btn-accordion:disabled, .btn-accordion.disabled {
  color: #1b4e8d;
  pointer-events: none;
}

.cursor_pointer {
  cursor:pointer;
}

.collapse-fade {
  transition: none !important;
  animation: fadeIn 0.3s !important;
}
.no-transition {
  transition: none !important;
  animation: none !important;
}