html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
} 
 
@media screen and (min-width: 601px) { /* TAMPILAN DESKTOP */
    div.appsmenu { display: none; }
    div.newmenu { width: 118px; }
    a.menuy { height:104px; }
    i.menuy { font-size:46px; }
    i.menuyy { font-size:38px; }
    div.menuy { font-size:13px; }
    svg.menuy { width:58; height:58; }
    svg.menuyy { width:44; height:44; }
    th.menuyy { padding-top:10px; padding-bottom:8px; padding-right:60px; }
    tr.table-mantep { font-size: 13px; }
    tr.table-manteps { font-size: 11px; height:44px; }
    label.table-mantep { font-size: 11px; }
    span.table-mantep {font-size: 10px; }
    div.box-mantep {font-size:35px;}
    p.box-mantep {font-size:13px; }
    .scnya {width: 444px;border: 0px solid black;padding: 10px;position:absolute;bottom:14;}
    .toogleapp { z-index:2;position:absolute;top:25px;right:25px; }
    p.awarnink {font-size:13px;}
}

@media screen and (min-width:700px) and (max-width:768px) { /* TAMPILAN TABLET */
    .scnya {width: 700px;border: 0px solid black;padding: 10px;position:absolute;bottom:14;}
}

@media screen and (max-width: 600px) { /* TAMPILAN MOBILE */
    div.appsmenu { display: block; }
    div.newmenu { width: 66px; }
    a.menuy { height:73px; }
    i.menuy { font-size:23px; }
    i.menuyy { font-size:23px; }
    div.menuy { font-size:10px; }
    svg.menuy { width:28; height:28; }
    svg.menuyy { width:28; height:28; }
    th.menuyy { padding-top:4px; padding-bottom:8px; padding-right:24px; }
    tr.table-mantep { font-size: 11px; }
    tr.table-manteps { font-size: 9px; height:44px; }
    label.table-mantep { font-size: 9px; }
    span.table-mantep {font-size: 9px; }
    div.box-mantep {font-size:20px;}
    p.box-mantep {font-size:8px;}
    p.detail-info {font-size:11px; }
    .shortcuticon {pointer-events: none;cursor: default;}
    .scnya {width: 95%;margin-left: auto;margin-right: auto;position:absolute;bottom:14;}
    .toogleapp { z-index:2;position:absolute;top:15px;right:15px; }
    p.awarnink {font-size:10px;}
    div.fullyloaded {margin-right:-10px;margin-left:-10px;} 
}

.hey:hover .image { opacity: 0.8;transform: scale(1.1); }
.heyy:hover { background-color: rgba(0,0,0,0.13);border-radius:7px; }
.hoy:hover { transform: scale(1.05); }
.hoyy:hover { background-color: #f5f5f5; }

.w3-animate-left{position:relative;animation:animateleft 0.8s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-leftt{position:relative;animation:animateleft 0.9s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-lefttt{position:relative;animation:animateleft 1s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-leftttt{position:relative;animation:animateleft 1.1s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-lefttttt{position:relative;animation:animateleft 1.2s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-leftttttt{position:relative;animation:animateleft 1.3s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.8s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-rightt{position:relative;animation:animateright 0.9s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-righttt{position:relative;animation:animateright 1s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-rightttt{position:relative;animation:animateright 1.1s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-righttttt{position:relative;animation:animateright 1.2s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-rightttttt{position:relative;animation:animateright 1.3s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.8s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottomm{position:relative;animation:animatebottom 0.9s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottommm{position:relative;animation:animatebottom 1s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottommmm{position:relative;animation:animatebottom 1.1s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottommmmm{position:relative;animation:animatebottom 1.2s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottommmmmm{position:relative;animation:animatebottom 1.3s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.activee { background-color:#206bc4; }
.hmmm { font-family: 'Poppins'; font-weight: 600; letter-spacing:0.6px; }
.bg-aw { background-color: rgb(50,85,186);background: linear-gradient(66deg, rgba(50,85,186,1) 0%, rgba(7,182,166,1) 100%);color:#fff; }
.btn-aw { background-color: rgb(50,85,186);background: linear-gradient(66deg, rgba(50,85,186,1) 0%, rgba(7,182,166,1) 100%); }
.text-aw { color:#1498ad; }

.bg-grey { background-color:#3f4246;}
.bg-lightgrey { background-color:#53565a; }
.bg-deepgreen { background-color:#039167; }
.garisss { border: 2px solid black; }

.blueactived { background-color:#1d60b0; }
.bluehmmm:hover { background-color: #1d60b0; }
.greenactived { background-color:#039167; }
.greenhmmm:hover { background-color: #039167; }
.yellowactived { background-color:#e03703; }
.yellowhmmm:hover { background-color: #e03703; }
.darkactived { background-color:#039167; }
.darkhmmm:hover { background-color: #039167; }

.announce {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 666;
}
.fade-out {
  animation: fadeOut ease 8s forwards;
  -webkit-animation: fadeOut ease 8s forwards;
  -moz-animation: fadeOut ease 8s forwards;
  -o-animation: fadeOut ease 8s forwards;
  -ms-animation: fadeOut ease 8s forwards;
  animation-delay: 1s;
}
@keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0;z-index:-2; } }
@-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0;z-index:-2; } }
@-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0;z-index:-2; } }
@-o-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0;z-index:-2; } }
@-ms-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0;z-index:-2; } }

.has-search .form-control {
    padding-left: 2.375rem;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 3.3rem;
    margin-left:0.25rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

select:required:invalid {
  color: #a7abb1;
}
option[value=""][disabled] {
  color: #a7abb1;
}
option {
  color: black;
}