body{font-size:16px;}
img {filter: brightness(80%);}
.backg-slide{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;}
.image-slider{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;z-index:1;}
.image-slider{height:100vh;}
.image-slider img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}

.box-center{z-index:100;position:absolute;left:30%;right:30%;top: 50%;margin:0 auto;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.box-center-padding{position:relative;overflow:hidden;padding:20px;border-radius:10px;background:rgba(255,255,255,0.7);}
.admin-logo{position:relative;overflow:hidden;text-align:center;}
.admin-logo img{width:auto;height:80px;margin:0 0 10px;}
.admin-logo h1{text-transform:uppercase;margin:0 0 10px;padding:0;line-height:1;font-weight:bold;color:#000;font-size:150%;}
.admin-logo p{margin:0 0 10px;padding:0;line-height:1;font-weight:normal;color:#000;font-size:80%;}
.form-group{margin:10px 0 !Important;padding:0 !important;}
.admin-login .form-control {
  position:relative;
  height:40px;
  padding: 0 10px;
  font-size: 100%;
  color: #717171;
  line-height:40px;
  background-color:rgba(255,255,255,0.5) !important;
  background-image: none;
  margin:0 0 0 !important;
  border:#919191 1px solid !important;
  border-radius:5px !important;
}
.admin-login .form-control:focus, .admin-login .form-control:hover{color: #717171;border-color:#717171;background-color:#fff !important;}
.admin-login .form-control::-moz-placeholder {color: #717171;}
.admin-login .form-control:-ms-input-placeholder {color: #717171;}
.admin-login .form-control::-webkit-input-placeholder {color: #717171;}
.admin-login .form-group.has-error .form-control, .admin-login .form-group.has-error .input-group-addon{border-color:#717171;box-shadow:none;outline:none;}
.margin-min5{margin:0 -5px;}
.pd-lr-5{padding:0 5px;}
.column-1{width:100%;float:left;}
.column-2{width:50%;float:left;}
.flexleft{display: flex;justify-content: left;align-items: center;}
.flexcenter{display: flex;justify-content: center;align-items: center;}
.masuk{padding:0 15px !important;margin:0 !important;height:1;color:#fff;border-radius:5px;outline:none;border:none;box-shadow:none;line-height:40px;}

.checkstyle input[type=checkbox] {display: none;}
.checkstyle input[type=checkbox]:checked + label.checkbox .checkbox__inner .green__ball {transform: translate(-50%, -50%) scale(1);opacity: 1;transition-delay: 150ms;}
.checkstyle input[type=checkbox]:checked ~ .checkbox__text {opacity: 1;}
.checkstyle input[type=checkbox]:checked ~ .checkbox__text .checkbox__text--options span.off {transform: translateY(150%);opacity: 0;}
.checkstyle input[type=checkbox]:checked ~ .checkbox__text .checkbox__text--options span.on {transform: translateY(0%);opacity: 1;}
.checkstyle input[type=checkbox] {display: none;}
.checkstyle input[type=checkbox]:checked + label.checkbox .checkbox__inner .green__ball {transform: translate(-50%, -50%) scale(1);opacity: 1;transition-delay: 150ms;}
.checkstyle input[type=checkbox]:checked ~ .checkbox__text {opacity: 1;}
.checkstyle input[type=checkbox]:checked ~ .checkbox__text .checkbox__text--options span.off {transform: translateY(150%);opacity: 0;}
.checkstyle input[type=checkbox]:checked ~ .checkbox__text .checkbox__text--options span.on {transform: translateY(0%);opacity: 1;}
.checkbox {display: block;border-radius:4px;width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;background-color:#fff;cursor: pointer;background-repeat:no-repeat;background-size:60% auto;background-position:center;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23919191' d='M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z'/%3E%3C/svg%3E" );}
.checkbox .checkbox__inner .green__ball {border-radius:4px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0.5);opacity: 0;width: 100%;height: 100%;background:#fff;transition: transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-delay: 120ms;background-repeat:no-repeat;background-size:60% auto;background-position:center;background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23919191' d='M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z'/%3E%3C/svg%3E" );}
.checkbox__text {margin-left:10px;font-size: 100%;color: transparent;color: #fff;display: flex;user-select: none;pointer-events: none;opacity: 0.5;transition: opacity 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-delay: 150ms;}
.checkbox__text--options {position: relative;margin: 0 0.5rem;}
.checkbox__text--options span {position: absolute;left: 0%;top: 0%;transition: transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-delay: 150ms;}
.checkbox__text--options span.off {transform: translateY(0%);opacity: 1;}
.checkbox__text--options span.on {transform: translateY(-150%);opacity: 0;}
.tombol-absolute{position:absolute;right:7px;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.error{width:100%;float:left;margin:0 0 0;}
.error-inner{padding:10px;background:#daefbe;border-radius:5px;border:#fff 1px solid;}
.error-inner p{font-size:14px !important;color:#000;padding:0;margin:0;line-height:1.1;}
.error-full p{font-size:15px !important;color:#009600;padding:0;margin:0;line-height:1.1;}
.copyright-bottom{width:100%;float:left;margin:10px 0 0;padding:0;line-height:1.1;font-size:90%;color:#fff;text-align:center;}
.copyright-bottom a, .copyright-bottom a:hover{text-decoration:none;outline:none;}

@media screen and (max-device-width: 992px) and (orientation: portrait) {
.box-center{left:25px;right:25px;}
.column-1{width:100%;}
.column-2{width:100%;}
.form-group{margin:5px 0 !important;}
.masuk{margin:5px 0 0 !important;}
.box-center-padding{padding:15px 10px;}
.admin-logo p{font-size:90%;}
}