.card-footer{
  background-color: #fff !important;
}

table .btn-group a{
  margin-right: 5px !important;
}
body, html {
  height: 100% !important;
}

#aplikasi-kak-error, #infra-fasilitas-kak-error, #infra-jip-kak-error, #infra-plp-kak-error, #infra-software-kak-error, #infra-server-kak-error, #infra-mediapenyimpanan-kak-error, #infra-pj-kak-error, #infra-pk-kak-error, #infra-periferal-kak-error, #infra-awan-kak-error, #data-Interoperabilitas-error{
  position: absolute;
  top: -30px;
  left: 184px;
}

.select2-container{
  width: 100%!important;
  }
  .select2-search--dropdown .select2-search__field {
  width: 98%;
  }

#peta-rencana-error{
  position: absolute;
  top: -30px;
  left: 120px;
}

.container {
  height: 200px;
  position: relative;
  border: 3px solid green;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login-page{
  background-color: #fff !important;
}

.login-box{
  width: 360px !important;
  height: 500px !important;
}

#landing-page{
  background:url('../img/landing_1.jpg ') no-repeat center center fixed;
  /* -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important; */
  /* background-repeat: no-repeat;  
  background-position: 0% 0%;
  background-size: 100% 100%; */

    /* Full height
    height: 100%;

    /* Center and scale the image nicely */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */ 

    background-size: cover;
  height: 100%;
  overflow: hidden;
}

.tooltips{
  cursor: help;
}

.tooltip-inner {
  text-align: left!important;
  background-color: transparent !important;
}

.bs-tooltip-top{
/* max-width:310px;s */
/* padding:3px 8px; */
color:#000;
text-align:left !important;
background-color:rgba(41, 39, 39, 0.704);
-webkit-border-radius:5px;
-moz-border-radius:5px;

border-radius:5px
 
}

.required label:before {
  color: #e32;
  content: ' *';
  display:inline;
}

.question-mark-field{
    background-color: transparent !important;
    border: none !important;
}

.error-grup{
  margin-bottom: 0px !important;
}
.error-grup > label{
  display: none;
}
label.error {
      color: red !important;
      margin-left: 5px !important;
      font-size:14px !important;
}
input.error, textarea.error, select.error, select.error {
      border: 1px solid red !important;
      font-weight: 300 !important;
      color: red !important;
}

.table-action li{
    display:block;
    float:left;
    
    padding: 5px; /*adjust*/
}

.loading {
    position: fixed;
    top: 0; right: 0;
    bottom: 0; left: 0;
    background: #fff0;
}
.loader {
    left: 50%;
    margin-left: -4em;
    font-size: 10px;
    border: .8em solid rgba(218, 219, 223, 1);
    border-left: .8em solid rgba(58, 166, 165, 1);
    animation: spin 1.1s infinite linear;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.05em;
}
.color-palette {
  text-align: center !important;
}

.disable-a {
  pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #22c0e8;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

blockquote{
  background-color: #fff0 !important;
  border-left: 0.3rem solid #343a40 !important;
  margin: 0.5em 2px !important;
  padding: 0px 5px !important;
}

@keyframes spin {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}