@import '/ksresources/css/signin.css';
.training-login {padding:1rem;}
.training-login .login-fields {padding:1rem;}
.training-login .login-fields label {margin-left: 1rem;}
.training-login .login-fields button {padding: 2rem 3rem; margin-left: 4rem;}

/* disable pull to refresh */
html {
  overflow:hidden;
  overscroll-behavior:none;
}

/* font-size and root-element (rem) */
html { font-size: 10px; }
:root { --bs-body-font-size: 1.4rem; }
.form-control,
.btn,
.dropdown-menu { font-size: 1.4rem; }

.form-control:focus, input:focus { background-color: #FFF1BB }
.Wt-domRoot .form-control { padding: 0; }
.table-container .form-control { width: unset; }
.form-control.Wt-suggest-dropdown:focus,
 input.Wt-suggest-dropdown:focus { background-color: #D2E4FF }
.commandbox > input.form-control,
 .commandbox > input.form-control:focus {
  background-color: transparent;
  border-style: none;
  display: unset;
  width: unset;
  box-shadow: unset;
}
.box-body {display: inline-table; vertical-align: top;}
.box-inner-row { padding: .1rem 0 }
.box-inner-row > * { vertical-align: middle; }

fieldset.box-body {
	border: 1px solid #A9D2F5;
	padding: .1rem; margin: .1rem;
    width:100%;
}
fieldset.box-body > legend {
	width: auto;
	float: unset;
	padding: 0px .5rem;
	margin-bottom: -.5rem;
}
#right-content > div, #right-content > div > div {
	height: 100%;
}

.btn-link:hover { cursor: pointer; }

.navbar.sticky-top > .container-fluid { flex-wrap:nowrap }
.navbar .navbar-brand { display: contents }
.navbar .navbar-brand img {
 width:59px; height:59px;
 aspect-ratio: 1; object-fit: cover; object-position: left;
}
@media screen and (min-width: 992px) {
	.navbar .navbar-brand { flex: 1 0 auto; }
	.navbar .navbar-brand img { width:auto; aspect-ratio:auto; }
}
/*.navbar > .container-fluid > :nth-child(2) { order: 5; }*/
.navbar > .container-fluid .header-03 { display: ruby; list-style: none; }
.navbar-collapse.show, .navbar-collapse.collapsing { text-align: right; }
.navbar.sticky-top > .container-fluid > div > ul,
.NavList { flex-wrap: wrap }
.NavList li.nav-item, .KBtnList li.nav-item { font-weight: bold; font-size: large; padding-right: 1em;}
.NavList li.nav-item > a.nav-link:hover, .KBtnList li.nav-item > a.nav-link:hover { color: springgreen; }
.BtnList { flex-wrap:wrap; gap:.2em; }
.BtnList > .btn { border-radius:.5em; padding: 1px 7px }
.BtnList > .fa { width:2.2em; font-size:25px; }
.BtnList > :not(.fa) { font-size: 15px; }

@media screen and (max-width: 780px) {
.BtnList > .fa { width:2.2em; font-size:30px; }
}
/* WDialog secara umum, sebelumnya khusus untuk ScanViewer */
.Wt-dialog.modal,
 .Wt-dialog.modal .modal-dialog { max-width: 90vw }
/*.Wt-dialog.modal .modal-content { overflow: auto; width: fit-content; }*/
.Wt-dialog.modal .modal-body { overflow: auto }

/* untuk mengakomodasi hasil TemplateGenerator */
/*@media screen and (min-width: 768px) {*/
.box-inner-row > span > input {margin-left: -.5rem;}
.table-container {padding: .5em;}
.table-container tr { padding: .1em 0; }
.table-container td {vertical-align: inherit;}

.len.len-1 {width: 1rem;}
.len.len-2 {width: 2rem;}
.len.len-3 {width: 3rem;}
.len.len-4 {width: 4rem;}
.len.len-5 {width: 5rem;}
.len.len-6 {width: 6rem;}
.len.len-7 {width: 7rem;}
.len.len-8 {width: 8rem;}
.len.len-9 {width: 9rem;}
.len.len-10 {width: 10rem;}
.len.len-11 {width: 11rem;}
.len.len-12 {width: 12rem;}
.len.len-13 {width: 13rem;}
.len.len-14 {width: 14rem;}
.len.len-15 {width: 15rem;}
.len.len-16 {width: 16rem;}
.len.len-17 {width: 17rem;}
.len.len-18 {width: 18rem;}
.len.len-19 {width: 19rem;}
.len.len-20 {width: 20rem;}
.len.len-21 {width: 21rem;}
.len.len-22 {width: 22rem;}
.len.len-23 {width: 23rem;}
.len.len-24 {width: 24rem;}
.len.len-25 {width: 25rem;}
.len.len-26 {width: 26rem;}
.len.len-27 {width: 27rem;}
.len.len-28 {width: 28rem;}
.len.len-29 {width: 29rem;}
.len.len-30 {width: 30rem;}
.len.len-31 {width: 31rem;}
.len.len-32 {width: 32rem;}
.len.len-33 {width: 33rem;}
.len.len-34 {width: 34rem;}
.len.len-35 {width: 35rem;}
.len.len-36 {width: 36rem;}
.len.len-37 {width: 37rem;}
.len.len-38 {width: 38rem;}
.len.len-39 {width: 39rem;}
.len.len-40 {width: 40rem;}
.len.len-41 {width: 41rem;}
.len.len-42 {width: 42rem;}
.len.len-43 {width: 43rem;}
.len.len-44 {width: 44rem;}
.len.len-45 {width: 45rem;}
.len.len-46 {width: 46rem;}
.len.len-47 {width: 47rem;}
.len.len-48 {width: 48rem;}
.len.len-49 {width: 49rem;}
.len.len-50 {width: 50rem;}
.len.len-51 {width: 51rem;}
.len.len-52 {width: 52rem;}
.len.len-53 {width: 53rem;}
.len.len-54 {width: 54rem;}
.len.len-55 {width: 55rem;}
.len.len-56 {width: 56rem;}
.len.len-57 {width: 57rem;}
.len.len-58 {width: 58rem;}
.len.len-59 {width: 59rem;}
.len.len-60 {width: 60rem;}
.len.len-61 {width: 61rem;}
.len.len-62 {width: 62rem;}
.len.len-63 {width: 63rem;}
.len.len-64 {width: 64rem;}
.len.len-65 {width: 65rem;}
.len.len-66 {width: 66rem;}
.len.len-67 {width: 67rem;}
.len.len-68 {width: 68rem;}
.len.len-69 {width: 69rem;}
.len.len-70 {width: 70rem;}
.len.len-71 {width: 71rem;}
.len.len-72 {width: 72rem;}
.len.len-73 {width: 73rem;}
.len.len-74 {width: 74rem;}
.len.len-75 {width: 75rem;}
.len.len-76 {width: 76rem;}
.len.len-77 {width: 77rem;}
.len.len-78 {width: 78rem;}
.len.len-79 {width: 79rem;}
.len.len-80 {width: 80rem;}

.box-inner-row .pad {padding: 0;}
.pad.pad-1 {margin-left: 1rem;}
.pad.pad-2 {margin-left: 2rem;}
.pad.pad-3 {margin-left: 3rem;}
.pad.pad-4 {margin-left: 4rem;}
.pad.pad-5 {margin-left: 5rem;}
.pad.pad-6 {margin-left: 6rem;}
.pad.pad-7 {margin-left: 7rem;}
.pad.pad-8 {margin-left: 8rem;}
.pad.pad-9 {margin-left: 9rem;}
.pad.pad-10 {margin-left: 10rem;}
.pad.pad-11 {margin-left: 11rem;}
.pad.pad-12 {margin-left: 12rem;}
.pad.pad-13 {margin-left: 13rem;}
.pad.pad-14 {margin-left: 14rem;}
.pad.pad-15 {margin-left: 15rem;}
.pad.pad-16 {margin-left: 16rem;}
.pad.pad-17 {margin-left: 17rem;}
.pad.pad-18 {margin-left: 18rem;}
.pad.pad-19 {margin-left: 19rem;}
.pad.pad-20 {margin-left: 20rem;}
.pad.pad-21 {margin-left: 21rem;}
.pad.pad-22 {margin-left: 22rem;}
.pad.pad-23 {margin-left: 23rem;}
.pad.pad-24 {margin-left: 24rem;}
.pad.pad-25 {margin-left: 25rem;}
.pad.pad-26 {margin-left: 26rem;}
.pad.pad-27 {margin-left: 27rem;}
.pad.pad-28 {margin-left: 28rem;}
.pad.pad-29 {margin-left: 29rem;}
.pad.pad-30 {margin-left: 30rem;}
.pad.pad-31 {margin-left: 31rem;}
.pad.pad-32 {margin-left: 32rem;}
.pad.pad-33 {margin-left: 33rem;}
.pad.pad-34 {margin-left: 34rem;}
.pad.pad-35 {margin-left: 35rem;}
.pad.pad-36 {margin-left: 36rem;}
.pad.pad-37 {margin-left: 37rem;}
.pad.pad-38 {margin-left: 38rem;}
.pad.pad-39 {margin-left: 39rem;}
.pad.pad-40 {margin-left: 40rem;}
.pad.pad-41 {margin-left: 41rem;}
.pad.pad-42 {margin-left: 42rem;}
.pad.pad-43 {margin-left: 43rem;}
.pad.pad-44 {margin-left: 44rem;}
.pad.pad-45 {margin-left: 45rem;}
.pad.pad-46 {margin-left: 46rem;}
.pad.pad-47 {margin-left: 47rem;}
.pad.pad-48 {margin-left: 48rem;}
.pad.pad-49 {margin-left: 49rem;}
.pad.pad-50 {margin-left: 50rem;}
.pad.pad-51 {margin-left: 51rem;}
.pad.pad-52 {margin-left: 52rem;}
.pad.pad-53 {margin-left: 53rem;}
.pad.pad-54 {margin-left: 54rem;}
.pad.pad-55 {margin-left: 55rem;}
.pad.pad-56 {margin-left: 56rem;}
.pad.pad-57 {margin-left: 57rem;}
.pad.pad-58 {margin-left: 58rem;}
.pad.pad-59 {margin-left: 59rem;}
.pad.pad-60 {margin-left: 60rem;}
.pad.pad-61 {margin-left: 61rem;}
.pad.pad-62 {margin-left: 62rem;}
.pad.pad-63 {margin-left: 63rem;}
.pad.pad-64 {margin-left: 64rem;}
.pad.pad-65 {margin-left: 65rem;}
.pad.pad-66 {margin-left: 66rem;}
.pad.pad-67 {margin-left: 67rem;}
.pad.pad-68 {margin-left: 68rem;}
.pad.pad-69 {margin-left: 69rem;}
.pad.pad-70 {margin-left: 70rem;}
.pad.pad-71 {margin-left: 71rem;}
.pad.pad-72 {margin-left: 72rem;}
.pad.pad-73 {margin-left: 73rem;}
.pad.pad-74 {margin-left: 74rem;}
.pad.pad-75 {margin-left: 75rem;}
.pad.pad-76 {margin-left: 76rem;}
.pad.pad-77 {margin-left: 77rem;}
.pad.pad-78 {margin-left: 78rem;}
.pad.pad-79 {margin-left: 79rem;}
.pad.pad-80 {margin-left: 80rem;}

.pad .form-control {display: inline-block;}
/*}*/