@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;}

.commandbox > input, .commandbox >input:focus {background-color: transparent; border-style: none;}
.box-body {display: inline-table; vertical-align: top;}
.box-inner-row {display: table-row}
.box-inner-row > * {
	--display: table-cell;
	vertical-align: middle;
}
.authDialog {height: min-content;}

/* pindahan dari layout5 */
.image-container {overflow: hidden; height: 100%;}

/* for fields directly under .image-container */
.image-container > .box-inner-row::before {
	clear: both;
}
fieldset.box-body {
	border: 1px solid #A9D2F5;
	padding: .1rem; margin: .1rem;
    width:100%;
}
fieldset.box-body > legend {
	width: auto;
	border-bottom: 0px none;
	padding: 0px .5rem;
	margin-bottom: -.5rem;
}
#right-content > div, #right-content > div > div {
	height: 100%;
}

ul.KEtalase {
	overflow: auto;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.main-layout {padding-top: 50px; padding-bottom: 60px; height: 100%;}
/* hide left-side */
.left-side.left-hide {display: none;}
.right-side.left-hide {margin-left: 0;}
/* hide header */
.main-layout.hideHeader {padding-top: 0;}
.main-layout.hideHeader #main-header {display: none; min-height: 0; height: 0;}
.main-layout.hideHeader #left-menu {top: 0;}
/* hide footer */
.main-layout.hideFooter {padding-bottom: 0;}
.main-layout.hideFooter #main-footer {display: none; height: 0;}

/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -41.6%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -41.6%;
  }
  .row-offcanvas-right.active {
    right: 41.6%;
  }
  .row-offcanvas-left.active {
    left: 41.6%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 41.6%;
  }
  #sidebar {
    padding-top:0;
  }
}

/* Menu Info */
.menuInfo {position: absolute; top: 0px; right: 0px;}

/*button & image on KImageGallery*/
.galleria ~ img, .galleria ~ button {
  position: absolute;
  top:0px;
}
.galleria ~ img {right:0px}
.galleria ~ button {right:16px}

/*.box-inner-row .Wt-suggest-dropdown,
.box-inner-row input,
.box-inner-row select {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}*/

/* 
 * WSuggestionPopup
 */
.form-control.Wt-suggest {
    background-color: #e0ecff;
    color: #1010cc;
    border: 1px solid #666666;
    cursor: default;
    font-size: smaller;
}

.form-control.Wt-suggest .content {
    overflow-y: auto;
    padding: 2px;
}

.form-control.Wt-suggest .content div {
    padding: 0px 3px;
}

.form-control.Wt-suggest .sel {
    background-color: #C3D9FF;
}

.form-control.Wt-suggest-dropdown {
	background-image: url('dropdown.png');
    cursor: pointer;
}

.form-control:focus, input:focus {
	background-color: #FFF1BB
}

.form-control.Wt-suggest-dropdown:focus, input.Wt-suggest-dropdown:focus {
	background-color: #D2E4FF
}

.logo img {
	height: 42px;
	margin-top: -5px;
}

/*
 * Override rectmedia
*/
input.form-control {
	padding: .2rem;
	line-height: normal;
	height: auto;
	border-width: .1rem;
}
.Wt-btn {
	margin: 0;
}
.box-inner-row > label {
	margin: 0;
}

.loadingDiv {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
   display: none;
}

.loadingDiv > img {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}

.container, .container-fluid {padding: 0;}
.row {padding: 0; margin: 0;}
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {padding:0;}
/*#main-header .navbar-toggle {float: left; margin: 0 15px;}*/

@media screen and (max-width: 767px) {
	.navbar-nav .open .dropdown-menu {
		background-color: #fff;
	}
}

.left-side, .right-side {min-height: 80%;}

/* untuk mengakomodasi hasil TemplateGenerator */
/*@media screen and (min-width: 768px) {*/
.box-inner-row > span > input {margin-left: -.5rem;}

.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;}
/*}*/