:root{--koneng:#9ACD32!important;--biru:#0dcaf0!important}
html,body{width:90%;margin:auto;min-height:90vh}.card-body{min-height:80vh;font-size:13.5px}.logo-on{height:30px;margin-top:-13px}.nvtm{top:50px}.nvtb{top:95px;left:10.2%;right:10.2%;z-index:1}.nvtbe{top:45px;left:10.2%;right:10.2%;z-index:1}.nvtp{z-index:2}
li.nav-item{margin-right:5px}.dropdown-submenu li:first-child.dropdown-item{margin-top:5px}.dropdown-menu{border:none;padding-top:0;color:black!important;background:transparent!important}.dropdown-menu li{padding-top:0;padding-bottom:3px;background-color:#FFF;border-radius:8px 0}.navbar-nav li a:hover,.navbar-nav li.active{border-radius:8px 0;font-weight:400;color:black!important;background:var(--biru)}.logo{height:40px;margin-top:5px;padding-left:20px}.headname{vertical-align:bottom;padding-left:20px}.showon{display:none}.showlo{vertical-align:bottom}.header-top h2{padding-bottom:10px}
a{text-decoration:none;color:black}.smenu{background-color:#fff;padding-left:15px}
td a.btn{background-color:var(--koneng)}.nav-link{padding-top:5px}.tombol, .tombols{border-radius:0 8px;min-width:150px}.sub-menu-tab.tombol{min-width:120px}.btn-tambah a{background-color:var(--biru);color:white}.dropdown-menu li{position:relative}.dropdown-menu.dropdown-submenu{display:none;position:absolute;left:100%;top:-7px}.dropdown-menu>li:hover>.dropdown-submenu{display:block}.kanan{margin-left:auto;text-align:right;text-decoration:none;padding-left:10px}.rmenu{display:flex}.modal{display:none;position:fixed;z-index:50;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8)}.modal-content{background-color:#fefefe;margin:10%auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:bold}.cmodal{color:#222;font-size:20px;font-weight:bolder}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.biru{color:var(--biru)}.koneng{color:var(--koneng)}.bg-koneng{background-color:var(--koneng)}.bg-biru{background-color:var(--biru)}.btn-depan{min-width:180px;background-color:var(--koneng)}
a:hover{cursor:pointer}.card-body{min-height:10vh!important}
nav{font-size:15px}.dropdown-item a,.dropdown-menu a,.dropdown-submenu a{font-size:13px}.dropdown-menu,.dropdown-menu li{background:#DDD!important}.dropdown-menu{--bs-dropdown-padding-y:0rem}.dataRed{--bs-table-bg:rgba(255,0,0,.3)!important}.dataGreen{--bs-table-bg:rgba(0,128,0,.3)!important}.dataYellow{--bs-table-bg:rgba(255,255,0,.3)!important}.dataGray{--bs-table-bg:gray!important}
#descdata1 ul li,#descdata2 ul li,#descdata3 ul li{margin-left:-15px}
#notifikasi{display:none;border-radius:5px;border:1px solid gray;position:fixed;z-index:200;width:240px;top:8%;right:2%}
#notif-close{display:none;position:fixed;z-index:201;margin-top:-10px!important;margin-right:-10px!important;cursor:pointer;right:2%;top:8%}.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible!important;background:#f2f2f2!important;background:rgba(0,0,0,.06)!important;border:0 none!important;-webkit-box-shadow:inset 0 0 12px 4px #fff;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop.ui-sortable-placeholder::after{content:'!';visibility:hidden}.selectize-control.plugin-drag_drop.ui-sortable-helper{-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2)}.selectize-dropdown-header{position:relative;padding:3px 12px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.selectize-dropdown-header-close{position:absolute;right:12px;top:50%;color:#333;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px!important}.selectize-dropdown-header-close:hover{color:#000}.selectize-dropdown.plugin-optgroup_columns.optgroup{border-right:1px solid #f2f2f2;border-top:0 none;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-dropdown.plugin-optgroup_columns.optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns.optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns.optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button[data-value]{position:relative;padding-right:24px!important}.selectize-control.plugin-remove_button[data-value].remove{z-index:1;position:absolute;top:0;right:0;bottom:0;width:17px;text-align:center;font-weight:700;font-size:12px;color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:1px 0 0 0;border-left:1px solid transparent;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-control.plugin-remove_button[data-value].remove:hover{background:rgba(0,0,0,.05)}.selectize-control.plugin-remove_button[data-value].active.remove{border-left-color:transparent}.selectize-control.plugin-remove_button.disabled[data-value].remove:hover{background:0 0}.selectize-control.plugin-remove_button.disabled[data-value].remove{border-left-color:rgba(77,77,77,0)}.selectize-control.plugin-remove_button.remove-single{position:absolute;right:0;top:0;font-size:23px}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#333;font-family:inherit;font-size:inherit;line-height:20px;-webkit-font-smoothing:inherit}.selectize-control.single.selectize-input.input-active,.selectize-input{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid #ccc;padding:6px 12px;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.selectize-control.multi.selectize-input.has-items{padding:5px 12px 2px}.selectize-input.full{background-color:#fff}.selectize-input.disabled,.selectize-input.disabled*{cursor:default!important}.selectize-input.focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.selectize-input.dropdown-active{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.selectize-input>*{vertical-align:baseline;display:-moz-inline-stack;display:inline-block;zoom:1}.selectize-control.multi.selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:1px 3px;background:#efefef;color:#333;border:0 solid transparent}.selectize-control.multi.selectize-input>div.active{background:#428bca;color:#fff;border:0 solid transparent}.selectize-control.multi.selectize-input.disabled>div,.selectize-control.multi.selectize-input.disabled>div.active{color:grey;background:#fff;border:0 solid rgba(77,77,77,0)}.selectize-input>input{display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0!important;text-indent:0!important;border:0 none!important;background:0 0!important;line-height:inherit!important;-webkit-user-select:auto!important;-webkit-box-shadow:none!important;box-shadow:none!important}.selectize-input>input::-ms-clear{display:none}.selectize-input>input:focus{outline:0!important}.selectize-input::after{content:' ';display:block;clear:left}.selectize-input.dropdown-active::before{content:' ';display:block;position:absolute;background:#fff;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.selectize-dropdown[data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown[data-selectable].highlight{background:rgba(255,237,40,.4);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.selectize-dropdown.optgroup-header,.selectize-dropdown.option{padding:3px 12px}.selectize-dropdown.option,.selectize-dropdown[data-disabled],.selectize-dropdown[data-disabled][data-selectable].option{cursor:inherit;opacity:.5}.selectize-dropdown[data-selectable].option{opacity:1}.selectize-dropdown.optgroup:first-child.optgroup-header{border-top:0 none}.selectize-dropdown.optgroup-header{color:#777;background:#fff;cursor:default}.selectize-dropdown.active{background-color:lightblue;color:#262626}.selectize-dropdown.active.create{color:#262626}.selectize-dropdown.create{color:rgba(51,51,51,.5)}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px;-webkit-overflow-scrolling:touch}.selectize-control.single.selectize-input,.selectize-control.single.selectize-input input{cursor:pointer}.selectize-control.single.selectize-input.input-active,.selectize-control.single.selectize-input.input-active input{cursor:text}.selectize-control.single.selectize-input:after{content:' ';display:block;position:absolute;top:50%;right:17px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#333 transparent transparent transparent}.selectize-control.single.selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #333 transparent}.selectize-control.rtl.single.selectize-input:after{left:17px;right:auto}.selectize-control.rtl.selectize-input>input{margin:0 4px 0-2px!important}.selectize-control.selectize-input.disabled{opacity:.5;background-color:#fff}.selectize-dropdown,.selectize-dropdown.form-control{height:auto;padding:0;margin:2px 0 0 0;z-index:1000;background:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.selectize-dropdown.optgroup-header{font-size:12px;line-height:1.42857143}.selectize-dropdown.optgroup:first-child:before{display:none}.selectize-dropdown.optgroup:before{content:' ';display:block;height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;margin-left:-12px;margin-right:-12px}.selectize-dropdown-content{padding:5px 0}.selectize-dropdown-header{padding:6px 12px}.selectize-input{min-height:34px}.selectize-input.dropdown-active{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.selectize-input.dropdown-active::before{display:none}.selectize-input.focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.has-error.selectize-input{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error.selectize-input:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.selectize-control.multi.selectize-input.has-items{padding-left:9px;padding-right:9px}.selectize-control.multi.selectize-input>div{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.form-control.selectize-control{padding:0;height:auto;border:none;background:0 0;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.form-control-sm{font-size:inherit}.page-link{font-size:13.5px!important}.pageitem:hover{background-color:#0dcaf0!important}.custom-file-button{input[type="file"]{margin-left:-2px!important;&::-webkit-file-upload-button{display:none}&::file-selector-button{display:none}}&:hover{label{background-color:#dde0e3;cursor:pointer}}}.input-group-text{font-size:13.5px;margin:inherit}.btn-atas{background-color:var(--koneng);min-width:133px}
.btn-biru{color:black;background-color:var(--biru) !important;}
.btn.btn-biru.active {color:black;background-color:var(--koneng) !important;}
.btn-biru:hover{color:black;background-color:var(--koneng) !important}

.ngetip {
  position: inherit;
  display: inline-block;
}

.ngetip .tiptext {
  visibility: hidden;
  width: 150px;
  background-color: var(--biru);
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0;
  left:23%;
  font-size: 12px;
  position: absolute;
  z-index: 200;
}

.ngetip:hover .tiptext {
  visibility: visible;
}

.smallest{font-size: 11px !important;}
.w-80 {width:80% !important}
.w-85 {width:85% !important}

/* Position the image container (needed to position the left and right arrows) */
.myContainer {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}
.mySlides img {
  vertical-align: middle;
}

/* Add a pointer when hovering over the thumbnail images */
.sl-cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.sl-prev,
.sl-next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.sl-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.sl-prev:hover,
.sl-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.sl-row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */


/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.sl-active,
.demo:hover {
  opacity: 1;
}