.container {background:#c80e51;width:100%;}
.content {
  background:#fff;
  /* border-top-left-radius: 8px;
  border-top-right-radius: 8px; */
}
hr {border-color:#ccc;}
.uppercase {text-transform:uppercase !important;}
.login-page {
  /* background:#565456; */
  background: rgb(40,175,96);
  background: radial-gradient(circle, rgba(40,175,96,1) 0%, rgba(59,74,83,1) 100%);
}
.login-logo {
  font-size: 30px;
  margin-bottom: 0px;
  /* background:#C80E51; */
  /* background: linear-gradient(to left, #f44336de ,#c80e51); */
  background: linear-gradient(to left ,#f2b03c, #ff7300);
  font-family: 'Squada One', cursive;}
.login-logo a {color:#fff;font-size:20px;}
.login-box {width:450px;}
.login-box-body {
  /* border: 3px solid #8D8155; */
  border-radius: 8px;
}
.login-box-body, .register-box-body{
  background: #ffffff4f !important;
}

.login-box-msg {padding: 0 0 20px 0;font-weight:bold;}
.main-header {position:fixed;width:100%;}
.main-header .navbar-brand {font-family: 'Squada One', cursive;}
.main-header .navbar-brand span {font-size: 40px;}
.no-display {display: none;}

.nav a {font-weight: bold;text-transform: uppercase;}

.skin-blue .main-header li.user-header,
.skin-blue .main-header .navbar {
  /* background-color: #1caf9a; */
  /* background-color: #1c6359; */
  background-color: #26af60;
}
body, .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side,
/* .content-wrapper {background:rgba(0, 0, 0, 0) url("../img/wall_1.jpg") no-repeat fixed left top;} */
.content-wrapper {
  background: rgb(40,175,96);
  background: radial-gradient(circle, rgba(40,175,96,1) 0%, rgba(59,74,83,1) 100%);
}
/* .content-wrapper .container{background:#ecf0f5;margin:60px auto 10px;} */
.content-wrapper .container{background:transparent !important;margin:60px auto 10px;}
.main-footer {
  /* background: #1c6359 none repeat scroll 0 0; */
  background: #26af60 none repeat scroll 0 0;
  /* background: #297a34 none repeat scroll 0 0; */
  color: #fff;
  border:none;
  padding: 10px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: smaller;
}
.content-header>.breadcrumb {top: -3px;}
.content-header>.breadcrumb li a.btn {color:white;}

.btn {text-transform: uppercase;font-weight: bold; border-radius: 8px !important}
.form-horizontal .box-footer {text-align:center;}
h3.nama_peraturan {
	border-bottom: 1px solid #ccc;
	margin: 30px 0;
	text-align: center;
	text-transform: uppercase;
}
.gradien-nav{
  /* background: linear-gradient(to left, #f44336de ,#cc1f03); */
  /* background: linear-gradient(to left, #f44336de ,#c80e51); */
  background: linear-gradient(to left ,#f2b03c, #ff7300);
  box-shadow: 0px 2px 30px 2px rgb(0 0 0 / 10%);
  z-index: 1;
  font-size: small;
}
/* .navbar-header {border-right: 1px solid #d3326b;}  */
/* #navbar-collapse li {
	border-left: 1px solid #910737;
	border-right: 1px solid #d3326b;
} */
#navbar-collapse li.first{}
#navbar-collapse li.last{border-right:none;}
.dropdown-menu li {border:none !important;;}

.dropdown-menu .divider {background-color:#ccc !important;}
.overlay-wrapper .overlay {background: rgba(0,0,0,0.7);z-index: 99999;}
.select2-selection__rendered, .select2-results__option,
.user-panel>.info, .sidebar-menu li a, .user-menu span {text-transform:uppercase;}
.user-panel>.info {white-space: normal;padding: 10px;}
.user-menu .fa {margin-top: 2px;}
.cur-year {background:#dd4b39 !important;color:#fff!important;font-size: 15px!important;font-weight: bold;text-align: center;}
.content-header {
  /*background:#1CAF9Abackground: #1c6359 !important;*/
  background: #26af60 !important;
  padding:6px;margin-top:10px;
  text-transform:uppercase;color:#fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
/* .nav-tabs-custom>.nav-tabs>li.active {border-top:5px solid #00a65a;} */
/* .nav-tabs-custom>.nav-tabs>li.active {border-top:5px solid #1c6359;} */
.nav-tabs-custom>.nav-tabs>li.active {border-top:5px solid transparent;border-radius: 8px !important}
/* .nav-tabs-custom>.nav-tabs {border-bottom-color: #ccc;} */
.nav-tabs-custom>.nav-tabs {border-bottom:none!important;padding: 10px}
.nav-tabs-custom>.nav-tabs>li.active>a {border-right-color: #ccc;border-left-color: #ccc;}
.breadcrumb li {font-weight:bold;}

/*FORM*/
form{margin:0;}
.form-group label {display:block;text-transform:uppercase;}
.form-group .notice, .form-group label > span {color:red;}
.form-group .notice {font-style: italic;}
.act-group {width: 100%;text-align: center;}
/*TABLE*/
.center {text-align:center !important;vertical-align:middle;}
.right {text-align:right !important;}
.table {margin-top:10px;}
.table td {border:1px solid #ccc !important;}
.table th {background: #222d32;text-transform:uppercase;text-align:center;color:#fff;vertical-align:middle !important;}
.table .parent-row td {background:#d2d6de;text-transform:uppercase;font-weight:bold;}
.block-search form {margin-bottom:10px;}

.nav-tabs>li>a {font-weight:bold;text-transform:uppercase;}
.uppercase {text-transform:uppercase !important;}
.nav-tabs-custom {border:1px solid #f7f7f7; border-radius: 8px !important; box-shadow: none !important}
.tabs-month>.nav-tabs>li.active {border-top:5px solid #367fa9;}
.tabs-minggu {clear:both;}
.tabs-minggu>.nav-tabs>li.active {border-top:5px solid #dd4b39;}
/*MODAL*/
.modal-dialog {width: 700px;}
.modal-body {overflow-y: auto;max-height: 450px;}
.modal-content>.modal-header{
  background: linear-gradient(to left ,#f2b03c, #ff7300);
  font-size: revert;
  font-weight: 600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color:white !important;

}
/*jqte*/
.jqte {margin:0 !important;}
.jqte_tool_label {height:auto !important;}
.expander span.details {}
.title {font-size:25px;font-weight:bold;}

.block-capaian-output .label,
.block-nilai .label {font-size: 15px;font-weight: bold;}
.block-tanggapan td {background:#d2d6de;}

.small-box h3 {margin:0 !important;}
/*.small-box-footer {background: #666 !important;}*/
.dropdown-menu {
  border-color: #fff;
  box-shadow: 0 5px 30px 0 rgb(0 0 0 / 30%);
}

/*GMAPS*/
/*#map{
  display: block;
  width: 95%;
  height: 350px;
  margin: 0 auto;
  margin-left:25px;
  border: 2px solid #111;
}*/
/* #map.large{
  height:500px;
} */
#map { height: 500px; }
.select2-hidden-accessible {display:none !important;}

/*2017*/
.dropdown-menu li.header-menu {
  /* background: #C80E51; */
  /* background: #bb2941; */
  background: #de8828;
  color: #fff;
  font-weight: bold;
  padding: 5px 18px;
}
.checkbox-delete {
  display: inline-block;
  height: 17px;
  width: 20px;
}
.block-search {
  /* background: #ccc none repeat scroll 0 0; */
  /* background: #00000008 none repeat scroll 0 0; */
  background: transparent;
  padding: 5px 0;
  margin:0;
}

/*GOOGLE MAP*/
#map {
	width:100%;
	height:500px;
	/*margin-bottom:10px;*/
}
.infowindow {
	width: 400px;
	margin-bottom:10px;
}
.infowindow thead {
	background: #996F4E;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.infowindow th {
	padding: 2px 5px;
	border: 1px solid #fff;
	width: 50%;
}
.infowindow td {
	padding: 2px 5px;
	border: 1px solid #ccc;
}
.infowindow td.col-left {
    background: #222D32;
    color: #fff;
    font-weight: bold;
    text-transform:uppercase;
}
.infowindow td.col-right {
	font-weight: bold;
    text-transform:uppercase;
}
.map-container {
	position: relative;
	border:5px solid #ccc;
}
.map-container .div-rekap {
	position: absolute;
	bottom: -18px;
	left: 2px;
	width: 35%;
}
.map-container .div-status {
	position: absolute;
	right: 229px;
	bottom: -18px;
	width: 44%;
}
.map-container .div-kode {
	position: absolute;
	right: 2px;
	bottom: 2px;
	height: 102px;
	width: 20%;
}
.map-container .table-rekap {background: #fff;}
.map-container .table-rekap tbody {font-weight: bold;}

.par-Opasitas, .par-opasitas {display:none;}

.td-yellow {background-color:#f5f574;}
.td-green {background-color:#9dde98;}
.td-red {background-color:#d46556;}

.content-header>h1 {
  margin: 0;
  font-size: 20px;
}
.modal-content{
  border-radius:8px !important;
}
.alert{
  border-radius: 8px;
}
.user-footer{
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.input-custom{
  background: rgba(255, 255, 255, 0.4) !important;
  color: #333 !important;
  border-color: #b0d9bd !important;
  border-radius: 8px !important;
}
.login-label-emisi{
  font-family: 'Squada One', cursive !important;
  font-size: large !important;
}
.form-control{
  background: rgba(255, 255, 255, 0.4) !important;
  color: #333 !important;
  border-color: #b0d9bd !important;
  border-radius: 8px !important;
}
.select2-selection, .select2-selection--single{
  background: rgba(255, 255, 255, 0.4) !important;
  color: #333 !important;
  border-color: #b0d9bd !important;
  border-radius: 8px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: #28af60 !important;
}
/* .select2{
  width: 100% !important;
} */
.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus{
      border: 1px solid #28ae60 !important;
}
.input-group .input-group-addon{
  background-color: #28ae60 !important;
  border-color: #28ae60 !important;
  color: white !important;
  border-radius: 8px;
}

.tab-pane>.block-search{
  background: #00000008 none repeat scroll 0 0;
  border-radius: 8px !important;
}
.tab-pane>.form-search{
  background: #00000008 none repeat scroll 0 0;
  border-radius: 8px !important;
}
.box-body>.block-search{
  background: #00000008 none repeat scroll 0 0;
  border-radius: 8px !important;
}

.box-footer>.btn{
   font-size: inherit;
   /* width: 100%; */
}
.form-control>.select2{
  width: 100% !important;
}
.box{
  box-shadow: none !important;
}
.box.box-danger{
  background-color: transparent !important;
  border-color: white;
}
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a{
  border-radius: 8px !important;
  background-color: #28af60;
  color:white !important;
  box-shadow: 0 5px 30px 0 rgb(0 0 0 / 30%);

}
.label{
  border-radius: 8px !important;
}
.nowrap{
  white-space: nowrap;
}
.select2-dropdown{
  box-shadow: 0 5px 30px 0 rgb(0 0 0 / 30%) !important;
  border: 1px solid white !important;
  border-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.box-contact{
  background-color: #fb8b201f;
  border: 1px solid #f4a534;
  border-radius: 10px;
  text-align: center;
  padding: 2px;
  margin-bottom: 10px;
}

.loader {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: transparent; */
  background: rgb(40,175,96);
  background: radial-gradient(circle, rgba(40,175,96,1) 0%, rgba(59,74,83,1) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader > img {
  width: 100px;
}

.loader.hidden {
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  100% {
      opacity: 0;
      visibility: hidden;
  }
}