.teks{ z-index: 99; }

.bubble {
  position: absolute;
  top: 150px;
  left: 20px;
  width: 200px;
  height: 100%;
  background-color: #df5645;
  border-radius: 100%;
  z-index: 1;
}
.bubble2 {
  position: absolute;
  top: -80px;
  left: -135px;
  width: 200px;
  height: 100%;
  background-color: #26a69a;
  border-radius: 100%;
  z-index: 2;
}
.bubble3 {
  position: absolute;
  top: 100px;
  right: -170px;
  width: 200px;
  height: 100%;
  background-color: #03a9f4;
  border-radius: 100%;
  z-index: 4;
}
.bubble4 {
  position: absolute;
  top: -110px;
  right: -100px;
  width: 180px;
  height: 100%;
  background-color: #fa9f1b;
  border-radius: 100%;
  z-index: 3;
}

.text-right{
  text-align:right !important;
}

.form-control{
  border:1px solid #aaa;
}

.select2-container--open {
  z-index: 9999999;
}

.select2.select2-container.select2-container--default{
  width: 100% !important;
}

.select2-container .select2-selection--single {
  height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 22px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:10px !important;
}

.select2-container {
  z-index: 9999999 !important;
}

#ui-datepicker-div { z-index: 1060 !important; }
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #25476a !important;
  border-color: transparent !important;
  color: #fff !important;
}

.tanparadius{
  border-radius:0px !important;
}

#loadingOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#loadingContainer {
  background: white;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
}