#popup{
	width:100%;
    height:100%;
    position:fixed;
    background:rgba(0,0,0,.9);
    top:0;
    left:0;
    z-index:9999;
    visibility:visible;//hidden
  
}
.blur{

    /* Add the blur effect */
  filter: blur(8px);
  -webkit-filter: blur(8px);
  
}
.disableb{
	filter: blur(0)!important;
    -webkit-filter: blur(0)!important; /* Safari 6.0 - 9.0 */
}
.window{
	background-color: rgb(0,0,0); /* Fallback color */
	width:400px;
    height:auto;
    background-color:#fff;
    border-radius:20px;
    position:relative;
    padding:20px;
    text-align:center;
    margin:15% auto;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* 6 step danger */
.safe{
	background-color:#5BC236;
    padding:5px;
    text-align:center;
	color:#000;
}
.danger1{
	background-color:#FEF001;
    padding:5px;
    text-align:center;
	color:#000;
}
.danger2{
    background-color:#FFCE03;
    padding:5px;
    text-align:center;
	color:#000;
}
.danger3{
	background-color:#FD9A01;
    padding:5px;
    text-align:center;
	color:#000;
}
.danger4{
	background-color:#FD6104;
    padding:5px;
    text-align:center;
	color:#000;
}
.danger5{
	background-color:#FF5211;
    padding:5px;
    text-align:center;
	color:#000;
}
.danger6{
	background-color:#F00505;
    padding:5px;
    text-align:center;
	color:#000;
}


.fontwarna{
	color:#ffffff;
}
.fbr{
	font-size:35px;
}
.fontcantik{
	font-family: 'Pacifico', cursive;
    text-transform: capitalize;
    font-size:40px;
}
.fontcantik2{
	font-family: 'Roboto', sans-serif;
}
.chart{
	width:100%;
}
.fontusaha{
	font-size:24px !important;
    color:#ffffff !important;
    font-weight:bold;
    letter-spacing: 0px !important; /*jarak kesamping*/
    line-height: 15px !important; /*jarak atas bawah*/
}
.fontslogan{
	font-size:12px;
     color:#ffffff !important;
     letter-spacing: 2px !important; /*jarak kesamping*/
    line-height: 30px !important; /*jarak atas bawah*/
}

/*MENU*/
.imglogo{
	margin-right:10px!important;
}
.menulogin{
background-color:#050dff !important;
color:#ffffff !important;
padding:5px;
}
.navbar{
background-color:#050dff !important;
}
.navbar-light .navbar-nav .nav-link {
    color:#ffffff !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff !important;
}

.bawah {
  position: fixed;
  right: 0;
  left:0;
  bottom: 0%;
  z-index: 1000;
  width:100%;
  text-align: center;
  text-decoration: none;
  padding:0px;
  height:auto;
  background-color:#fff;
  
  box-shadow: 0px 5px 0px 15px rgba(0, 0, 0, .3);
}
.bulatbawah{
  position: fixed;
  bottom: 20px;
  right: 10px; 
  width:50px;
  height:50px;
  font-size:30px;
  padding-top:10px;
  text-align: center;
  border-radius:30px;
  cursor:pointer;
  color:#ffffff;
  background-color:#050dff;
}
.fontputih{
color:#fff;
}
.bawahbutton{
  position: fixed;
  right: 0;
  left:0;
  bottom: 0%;
  z-index: 1000;
  width:100%;
  text-align: center;
  text-decoration: none;
  padding:0px;
  height:auto;
  color:#ffffff;
  background-color:#050dff;
  
  box-shadow: 0px 5px 0px 15px rgba(0, 0, 0, .3);
}

.top1{
margin-top:20px;
}
.btn{
width:100%;
background-color:#02f740 !important;
color:#ffffff !important;
}

.center_div{
    margin: 0 auto;
    width:80% /* value of your choice which suits your alignment */
}
.page-link{
	background-color:#02f740 !important;
    color:#ffffff !important;
}

.bg{
background:url("upload/651ac410e0f0d.png");
height: 100%;

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

.kotak{
	background-color:#050dff;
    margin:10px;
    padding:10px;
    border-radius:15px;
    height:200px;
    color:#ffffff;
}
.kotakradius{
	background-color:rgba(255,255,255,0.5);
    margin:10px;
    padding:20px;
    border-radius:15px;
    color:#000;
}

.event{
	background-color:#fff;
    color:#57606f;;
    margin-top:15px;
    padding:20px;
    height:auto;
    width:100%;
    display:;
    box-shadow: 5px 10px rgba(0, 0, 0, .1);
}
.event1{
	background-color:#fff;
    color:#57606f;;
    margin-top:15px;
    //padding:20px;
    height:auto;
    width:100%;
    display:;
    box-shadow: 5px 10px rgba(0, 0, 0, .1);
}
.nama{
	color:#050dff;
}
.judul{
	font-size:20px;
}


/*slider note*/
.carousel{
  margin-top: 10px;
  background-color:#050dff;
 border-top-right-radius:15px;
  border-top-left-radius:15px;
}
.carousel-inner{
  height: 250px;
}
.carousel-caption{
    color:#ffffff;
  top: 50%;
}
.d-md-block {
    display: block!important;
}
.fkecil{
	font-size:12px;
}
.fj{
	font-size:15px;
    letter-spacing:0px;
    line-height: 2px;
}
.fkecilr{
	font-size:15px;
}
@media only screen and (max-width: 400px) {
    .fkecilr{
        font-size:12px;
    }
    .fontusaha{
        font-size:15px!important;
        color:#ffffff !important;
        font-weight:bold;
        letter-spacing: 0px !important; /*jarak kesamping*/
        line-height: 15px !important; /*jarak atas bawah*/
    }
    .fontslogan{
        font-size:12px!important;
         color:#ffffff !important;
         letter-spacing: 2px !important; /*jarak kesamping*/
        line-height: 30px !important; /*jarak atas bawah*/
    }
}
.fontwarna{
	color:#050dff;
}
.body{
background-color:#eee;
background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}

.select2-dropdown {
 top: 2px !important;
 left: 0px !important;
}
.alert.hide{
	display:none;
}
.alert.show{
	animation:show_slide 1s ease forwards;
}
.alert{
	background-color:#050dff;
    color:#ffffff;
	width:250px;
    position:absolute;
    right:0;
    top:100px;
}
alert.hidden{
	animation:hide_slide 1s ease forwards;
}

@keyframes show_slide{
	0%{ transform :translateX(100%);}
    40%{ transform :translateX(-10%);}
	80%{ transform :translateX(0%);}
    100%{ transform :translateX(-10%);}
}
@keyframes hide_slide{
	0%{ transform :translateX(-10%);}
    40%{ transform :translateX(-100%);}
	80%{ transform :translateX(-10%);}
    100%{ transform :translateX(100%);}
}


/*toggle*/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}