.radar, .sweep { position: absolute; }
    .radar {
      overflow: hidden;  
      top: 50%; left: 50%;
      margin: -117px;
      width: 248px; height: 248px;
      border-radius: 50%;
      box-shadow: 0 0 0 1px #ccd1d9,
        inset 0 0 0 1px #ccd1d9;
      background: 
        repeating-radial-gradient(transparent, transparent 23px, #ccd1d9 25px, #ccd1d9 27px),
        linear-gradient(transparent 49.75%, #ccd1d9 49.75%, #ccd1d9 50.25%, transparent 50.25%) 50% no-repeat,
        linear-gradient(90deg, transparent 49.75%, #ccd1d9 49.75%, #ccd1d9 50.25%, transparent 50.25%) 50% no-repeat,
        linear-gradient(#ffffff, #ffffff);
      background-size: 100%, 218px 218px, 218px 218px, 100%;
    }
    .sweep {
        box-sizing: border-box;
        top: 16px; left: 16px;
        border-right: solid 1px hsla(145, 50%, 40%, .3);
        width: 108px; height: 108px;
        border-radius: 100% 0 0 0;
        transform-origin: 100% 100%;
        background: linear-gradient(50deg, rgba(34, 34, 34, 0) 56%, #5d9cec);
        animation: sweep 5s infinite linear;
    }
    svg text{
      font-size:10px!important;
    }
    @keyframes sweep { to { transform: rotate(360deg); } }


.card.card-style.bg-theme.pb-0 {
min-height: calc(74vh);
}
#listJproject .color-highlight {
font-size: 12px !important;
}
#listJproject .color-highlight {
font-size: 12px !important;
position: absolute;
right: 0;
width: 15px;
text-align: center;
}
 .select2-selection.select2-selection--single {
  border: unset;
  border: 1px solid #aaaaaa8c;
}
.select2 {
  width: 100% !important;
}
.form-group select[name="Sistemgeo"] {
  width: 100%;
  background: unset;
  margin: 5px 0px;
  border: unset; 
}

   #map {
  position: relative;
}
.list-custom-large a strong {
  position: absolute;
  font-size: 11px;
  margin-top: 10px;
  color: #adb5bd;
  font-weight: 1;
  left: 40px;
  top: 12px;
  right: 0px;
}
#listSurvey strong {
  left: 0px;
}
#geojsonfile {
  position: relative;
}
#geojsonfile input[name="geojson"] {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}
#listJson {
  margin: 0;
  padding: 0;
  width: 100%;
}
#listJson li {
  display: block;
  border: 1px solid #ccc6;
  margin: 5px;
  padding: 5px;
  border-radius: 10px;
  position: relative;
}
#listJson .bg-highlight {
  position: absolute;
  border-radius: 7px;
  padding: 0px 5px;
  right: 5px;
  font-size: 11px;
}
  
  .btncolorJson {
  margin: 5px 0px;
  padding: 0px 10px;
} 
#listJson li.text-center
{
  border: unset;
}
.ol-hidden {
  opacity: 1 !important;
  visibility: unset !important;
  transition: unset !important;
}

#fokuskeGPS {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background: rgba(127, 157, 195, 0.79);
  color: #fff;
  padding: 0px 5px;
  border-radius: 2px;
  z-index: 10;
}
.tabel-responsive {
  overflow: auto;
}
.grey {
  background: rgb(236, 235, 235);
}
.nav-right {
  position: absolute;
  right: 30px;
  background: rgb(240, 236, 236);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.12);
  top: 28px;
  padding: 0px 5px;
  display: none;
}
.nav-right.show{
   display: unset;
}
.nav-right li {
  display: block;
  padding: 5px;
  font-size: 14px;
}
.nav-right ul {
  padding: 0;
  margin: 0;
}
.tgl_auth .fa {
  display: block;
}
.tgl_auth.header-icon.header-icon-4 {
  top: 15px;
}
.select_var {
    position: relative;
}

.select_var i.fa.fa-caret-down {
    position: absolute;
    right: 8px;
    top: 10px;
}
#listaccount { 
  /*! margin: 30px 30px; */
  background: unset;
}

#footer-bar img {
  width: 35px;
}
.ChangePage.active-nav {
  transform: scale(1.2);
/*  background: rgb(249, 249, 249);*/
  /*border-radius: 20px 20px 0px 0px;*/
  transition: all 0.5s ease;
}
.cordova-camera-capture {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0,0,0);
  bottom: 0;
}
.cordova-camera-capture button {
  background: rgb(255, 238, 238);
}
.modal-body ul {
  padding: 0;
  margin: 0; 
}
.modal-body li {
  display: block;
}
.datepicker-container {
  z-index: 3000;
}
a {
  color: #292a2b;
  text-decoration: underline;
}
.btn.btn-default.show-pass {
  border: 1px solid #cccccc69;
  border-radius: 0px 5px 5px 0px;
  background: rgba(119, 109, 109, 0.23);
}
.ui-datepicker-next.ui-corner-all,.ui-datepicker-prev.ui-corner-all {
  background: rgba(0, 0, 0, 0.6);
}
#Logout .fa-sign-out {
  font-size: 18px;
}
.header-logo-center .header-title
{
  font-size: 18px;
}
label {
  font-size: 16px;
}
.btn-block, .btn-full {
  width: 100%;
}
.btn-success {
  color: #fff;
  background-color: #03C988;
  border-color: #03C988;
}
.modal-header {
  background: #13005A;
  color: #fff;
}
.form-control {
  height: 50px;
  font-size: 14px !important;
  font-weight: 400;
}
.border-img-prof {
  position: fixed;
  z-index: 100;
  top: 3px;
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: 2px solid #1672ea;
  left: 10px;
}
.border-img-prof img {
  width: 100%;
  height: 100%;
}
.btn-download {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  display: none;
}