.html {
  margin: 0;
  width: 100%;
  background-color: #a3a3a3;
}

.body {
    margin: 0;
    width: 100%;
    background-color: #a3a3a3;
}

.log-html {
  margin: 0;
  width: 100%;
  background-color: rgba(40,57,101,.9);
}

.log-body {
  margin: 0;
  width: 100%;
  padding: auto 0px auto 0px;
  background-color: rgba(40,57,101,.9);
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #000;
  color: white;
  display: flex;
  justify-content: space-around;
}

.sch-area {
  display: flex;
  justify-content: center;
}
.sch-cont {
  width: 30%;
  text-align: center;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #38444d;
  }
  
  li {
    float: left;
  }

  li a {
    background-color: #04AA6D;
  }
  
  li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  li {
    border-right: 1px solid #bbb;
  }
  
  li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
  }
  
  li.dropdown {
    display: inline-block;
  }

  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }
  
  .sticky + .content {
    padding-top: 60px;
  }

  .content {
    padding-top: 50px;
    background-color: #a3a3a3;
  }

  .dark {
    background-color: #a3a3a3;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 200;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    z-index: 200;
  }
  
  .dropdown-content a:hover {
    background-color: #f1f1f1;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
    z-index: 200;
  }

  .top-title {
    text-transform: uppercase;
  }

  .name-area {
    display: flex;
    justify-content: left;
    text-transform: uppercase;
  }
  .name-area div h2 {
    margin: 0px;
    text-transform: uppercase;
  }

  tbody{ 
    background-color: #ffffff;
  }

  tfoot {
    background-color: #ffffff;
  }
  
  table {
    border-collapse: separate;
    /* height: 100%; */
    /*position: relative;*/
    z-index: -1;
  }
  th{
      position:sticky;
      top:0;
      background-color: #ffff00;
  }
  th,td {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid black;
    text-align: center;
  }

  thead {
    background-color: #ffff00;
  }
  .home-title {
    background-color: #e2e2e2;
  }

  .amaran {
    color: #ff0000;
    font-weight: bold;
  }

  .edit-btn {
    background-color: #ffd900;
    border: 0px;
    border-radius: 5px;
    margin-bottom: 3px;
  }
  .pass-btn {
    background-color: #ce8200;
    border: 0px;
    border-radius: 5px;
  }
  
  .table-cont {
      max-height:80vh;
      max-width: 100vw;
    margin: 20px 0;
    overflow-x: scroll;
    overflow-y: scroll;
    z-index: -2;
    position: absolute;
  }

  @media print{
    .noprint ul{
      display: none;
    }
    .print{
      display: block;
    }
    .con{
      padding: 10px 20px;
      border: 1px solid white;
      background-color: white;
    }
    .noprint {
      display: none;
    }
}
.readonly {
  pointer-events: none; 
}
.login-wrap{
	height:100%;
  top: 50%;
	margin:auto;
	max-width:px;
	min-height:800px;
	position:relative;
  background:url(Penjara.png) no-repeat center;
  background-size: contain;
	/* box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19); */
}
.login-html{
	width:100%;
	height:100%;
	position:absolute;
	padding:20% 25% 20% 25%;
	background:rgba(40,57,101,.9);
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:absolute;
	transform:rotateY(180deg);
	backface-visibility:hidden;
	transition:all .4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
	display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
	text-transform:uppercase;
}
.login-html .tab{
	font-size:22px;
	margin-right:15px;
	padding-bottom:5px;
	margin:0 15px 10px 0;
	display:inline-block;
	border-bottom:2px solid transparent;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
	color:#fff;
	border-color:#1161ee;
}
.login-form{
	min-height:345px;
	position:relative;
	perspective:1000px;
	transform-style:preserve-3d;
}
.login-form .group{
	margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
	width:100%;
	color:white;
	display:block;
}
.login-form .group .input,
.login-form .group .button{
	border:none;
	padding:15px 20px;
	border-radius:25px;
	background:rgba(255,255,255,.1);
	color: white;
}
.login-form .group input[data-type="password"]{
	-webkit-text-security:circle;
}
.login-form .group .label{
	color:white;
	font-size:17px;
	padding: 10px 20px;
}
.login-form .group .button{
	background:#1161ee;
}
.login-form .group label .icon{
	width:15px;
	height:15px;
	border-radius:2px;
	position:relative;
	display:inline-block;
	background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
	content:'';
	width:10px;
	height:2px;
	background:#fff;
	position:absolute;
	transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
	left:3px;
	width:5px;
	bottom:6px;
	transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
	top:6px;
	right:0;
	transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
	color:#fff;
}
.login-form .group .check:checked + label .icon{
	background:#1161ee;
}
.login-form .group .check:checked + label .icon:before{
	transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
	transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
	transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
	transform:rotate(0);
}

.hr{
	height:2px;
	margin:60px 0 50px 0;
	background:rgba(255,255,255,.2);
}
.container {
    /* padding: 10px 200px; */
    background-color: #a3a3a3;
    width: 80%;
    margin-bottom: 30px;
    }

.container input[type=text], input[type=password], input[type=email] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: 1px solid black;
    background: #f1f1f1;
    }

.container input[type=text]:focus, input[type=password]:focus, input[type=email]:focus {
    background-color: #ddd;
    outline: none; 
    }
    .mid-align {
      display:flex;
      justify-content: center;
    }

  hr {
    border: 1px solid #bfbfbf;
    margin-bottom: 25px;
    }

  .registerbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
    }

  .registerbtn:hover {
    opacity: 1;
    }

  a {
    color: dodgerblue;
    }

.signin {
background-color: #f1f1f1;
text-align: center;
}

* {
    box-sizing: border-box;
}
.modal-open {
  overflow:hidden
}
.modal {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1050;
  display:none;
  overflow:hidden;
  -webkit-overflow-scrolling:touch;
  outline:0
}
.modal.fade .modal-dialog {
  -webkit-transform:translate(0,-25%);
  -ms-transform:translate(0,-25%);
  -o-transform:translate(0,-25%);
  transform:translate(0,-25%);
  -webkit-transition:-webkit-transform .3s ease-out;
  -o-transition:-o-transform .3s ease-out;
  transition:-webkit-transform .3s ease-out;
  transition:transform .3s ease-out;
  transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
}
.modal.in .modal-dialog {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0,0)
}
.modal-open .modal {
  overflow-x:hidden;
  overflow-y:auto
}
.modal-dialog {
  position:relative;
  width:auto;
  margin:10px
}
.modal-content {
  position:relative;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #999;
  border:1px solid rgba(0,0,0,.2);
  border-radius:6px;
  -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
  box-shadow:0 3px 9px rgba(0,0,0,.5);
  outline:0
}
.modal-backdrop {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1040;
  background-color:#000
}
.modal-backdrop.fade {
  filter:alpha(opacity=0);
  opacity:0
}
.modal-backdrop.in {
  filter:alpha(opacity=50);
  opacity:.5
}
.modal-header {
  padding:15px;
  border-bottom:1px solid #e5e5e5
}
.modal-header .close {
  margin-top:-2px;
  margin-left: 95%;
}
.modal-title {
  margin:0;
  line-height:1.42857143
}
.modal-body {
  position:relative;
  padding:15px;
  max-height: 400px;
  overflow-y: scroll;
}
.modal-footer {
  padding:15px;
  text-align:right;
  border-top:1px solid #e5e5e5
}
.modal-footer .btn+.btn {
  margin-bottom:0;
  margin-left:5px
}
.modal-footer .btn-group .btn+.btn {
  margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
  margin-left:0
}
.modal-scrollbar-measure {
  position:absolute;
  top:-9999px;
  width:50px;
  height:50px;
  overflow:scroll
}
@media (min-width:768px){
  .modal-dialog {
    width:600px;
    margin:30px auto
  }
  .modal-content {
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
    box-shadow:0 5px 15px rgba(0,0,0,.5)
  }
  .modal-sm {
    width:300px
  }
}@media (min-width:992px){
  .modal-lg{
    width:900px
  }
}
.btn {
  display:inline-block;
  margin-bottom:0;
  font-weight:400;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  cursor:pointer;
  background-image:none;
  border:1px solid transparent;
  padding:6px 12px;
  font-size:14px;
  line-height:1.42857143;
  border-radius:4px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px
}
.btn.focus,
.btn:focus,
.btn:hover {
  color:#333;
  text-decoration:none
}
.btn.active,
.btn:active {
  background-image:none;
  outline:0;
  -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor:not-allowed;
  filter:alpha(opacity=65);
  opacity:.65;
  -webkit-box-shadow:none;
  box-shadow:none
}
.btn-default {
  color:#333;
  background-color:#fff;
  border-color:#ccc
}
.btn-default.focus,
.btn-default:focus {
  color:#333;
  background-color:#e6e6e6;
  border-color:#8c8c8c
}
.btn-default:hover {
  color:#333;
  background-color:#e6e6e6;
  border-color:#adadad
}
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default {
  color:#333;
  background-color:#e6e6e6;
  background-image:none;
  border-color:#adadad
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
  color:#333;
  background-color:#d4d4d4;
  border-color:#8c8c8c
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color:#fff;
  border-color:#ccc
}
.btn-default .badge {
  color:#fff;
  background-color:#333
}
.btn-success {
  color:#fff;
  background-color:#5cb85c;
  border-color:#4cae4c
}
.btn-success.focus,
.btn-success:focus {
  color:#fff;
  background-color:#449d44;
  border-color:#255625
}
.btn-success:hover {
  color:#fff;
  background-color:#449d44;
  border-color:#398439
}
.btn-success.active,
.btn-success:active,
.open>.dropdown-toggle.btn-success {
  color:#fff;
  background-color:#449d44;
  background-image:none;
  border-color:#398439 }
  .btn-success.active.focus,
  .btn-success.active:focus,
  .btn-success.active:hover,
  .btn-success:active.focus,
  .btn-success:active:focus,
  .btn-success:active:hover,
  .open>.dropdown-toggle.btn-success.focus,
  .open>.dropdown-toggle.btn-success:focus,
  .open>.dropdown-toggle.btn-success:hover {
    color:#fff;
    background-color:#398439;
    border-color:#255625
  }
  .btn-success.disabled.focus,
  .btn-success.disabled:focus,
  .btn-success.disabled:hover,
  .btn-success[disabled].focus,
  .btn-success[disabled]:focus,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success:hover {
    background-color:#5cb85c;
    border-color:#4cae4c
  }
  .btn-success .badge {
    color:#5cb85c;
    background-color:#fff
  }
  button,
  html input[type=button],
  input[type=reset],
  input[type=submit] {
    /* -webkit-appearance:button; */
    cursor:pointer
  }
  button[disabled],
  html input[disabled] {
    cursor:default
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border:0;
    padding:0
  }
  input {
    line-height:normal }
    input[type=checkbox],
    input[type=radio] {
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
      padding:0
    }
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
      height:auto
    }
    input[type=search] {
      /* -webkit-appearance:textfield; */
      -webkit-box-sizing:content-box;
      -moz-box-sizing:content-box;
      box-sizing:content-box
    }
    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
      -webkit-appearance:none
    }
    fieldset {
      border:1px solid silver;
      margin:0 2px;
      padding:.35em .625em .75em
    }
    legend {
      border:0;
      padding:0
    }
    button,
    input,
    select,
    textarea {
      font-family:inherit;
      font-size:inherit;
      line-height:inherit
    }
    input[type=search] {
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
      -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none
    }
    input[type=checkbox],
    input[type=radio] {
      margin:4px 0 0;
      margin-top:1px\9;
      line-height:normal
    }
    fieldset[disabled] input[type=checkbox],
    fieldset[disabled] input[type=radio],
    input[type=checkbox].disabled,
    input[type=checkbox][disabled],
    input[type=radio].disabled,
    input[type=radio][disabled] {
      cursor:not-allowed
    }
    input[type=file] {
      display:block
    }
    input[type=range] {
      display:block;
      width:100%
    }
    select[multiple],
    select[size] {
      height:auto
    }
    input[type=checkbox]:focus,
    input[type=file]:focus,
    input[type=radio]:focus {
      outline:5px auto -webkit-focus-ring-color;
      outline-offset:-2px
    }
    .form-control {
      display:block;
      width:100%;
      height:34px;
      padding:6px 12px;
      font-size:14px;
      line-height:1.42857143;
      color:#555;
      background-color:#fff;
      background-image:none;
      border:1px solid #ccc;
      border-radius:4px;
      -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
      box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
      -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
    }
    .form-control: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)
    }
    .form-control::-moz-placeholder {
      color:#999;opacity:1
    }
    .form-control:-ms-input-placeholder {
      color:#999
    }
    .form-control::-webkit-input-placeholder {
      color:#999
    }
    .form-control::-ms-expand {
      background-color:transparent;
      border:0
    }
    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
      background-color:#eee;
      opacity:1
    }
    .form-control[disabled],
    fieldset[disabled] .form-control {
      cursor:not-allowed
    }
    textarea.form-control {
      height:auto
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      input[type=date].form-control,
      input[type=datetime-local].form-control,
      input[type=month].form-control,
      input[type=time].form-control {
        line-height:34px
      }
    }
    .btn-danger {
      color:#fff;
      background-color:#d9534f;
      border-color:#d43f3a
    }
    .btn-danger.focus,
    .btn-danger:focus {
      color:#fff;
      background-color:#c9302c;
      border-color:#761c19
    }
    .btn-danger:hover {
      color:#fff;
      background-color:#c9302c;
      border-color:#ac2925
    }
    .btn-danger.active,
    .btn-danger:active,
    .open>.dropdown-toggle.btn-danger {
      color:#fff;
      background-color:#c9302c;
      background-image:none;
      border-color:#ac2925
    }
    .btn-danger.active.focus,
    .btn-danger.active:focus,
    .btn-danger.active:hover,
    .btn-danger:active.focus,
    .btn-danger:active:focus,
    .btn-danger:active:hover,
    .open>.dropdown-toggle.btn-danger.focus,
    .open>.dropdown-toggle.btn-danger:focus,
    .open>.dropdown-toggle.btn-danger:hover {
      color:#fff;
      background-color:#ac2925;
      border-color:#761c19
    }
    .btn-danger.disabled.focus,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
      background-color:#d9534f;
      border-color:#d43f3a
    }
    .btn-danger .badge {
      color:#d9534f;
      background-color:#fff
    }
    .btn-page {
      background-color:#04AA6D;
      color: #fff;
      height: 46.5px;
      width: 116.97px;
      border-radius: 15px;
      border: 1px solid #bbb;

    }
    .btn-page:hover {
      background-color: rgb(230, 182, 39);
      color: #000;
    }
    .hutang td {
        background-color: #e08080;
    }
    .ucase {
        text-transform: uppercase;
    }
    .search-control {
        height: 100%;
        padding: 10px 5px;
        font-size: 14pt;
    }
    .btn-search {
  color:#333;
  padding: 8px 16px;
  font-size: 15pt;
  background-color:#fff;
  border-color:#ccc
}
.btn-search.focus,
.btn-search:focus {
  color:#333;
  background-color:#e6e6e6;
  border-color:#8c8c8c
}
.btn-search:hover {
  color:#333;
  background-color:#e6e6e6;
  border-color:#adadad
}
.btn-search.active,
.btn-search:active,
.open>.dropdown-toggle.btn-default {
  color:#333;
  background-color:#e6e6e6;
  background-image:none;
  border-color:#adadad
}
.btn-search.active.focus,
.btn-search.active:focus,
.btn-search.active:hover,
.btn-search:active.focus,
.btn-search:active:focus,
.btn-search:active:hover,
.open>.dropdown-toggle.btn-search.focus,
.open>.dropdown-toggle.btn-search:focus,
.open>.dropdown-toggle.btn-search:hover {
  color:#333;
  background-color:#d4d4d4;
  border-color:#8c8c8c
}
.btn-search.disabled.focus,
.btn-search.disabled:focus,
.btn-search.disabled:hover,
.btn-search[disabled].focus,
.btn-search[disabled]:focus,
.btn-search[disabled]:hover,
fieldset[disabled] .btn-search.focus,
fieldset[disabled] .btn-search:focus,
fieldset[disabled] .btn-search:hover {
  background-color:#fff;
  border-color:#ccc
}
.btn-search .badge {
  color:#fff;
  background-color:#333
}
.modal-open {
      overflow:hidden
    }
    .modal1 {
      position:fixed;
      top:0;
      right:0;
      bottom:0;
      left:0;
      z-index:1050;
      display:none;
      overflow:hidden;
      -webkit-overflow-scrolling:touch;
      outline:0
    }
    .modal1.fade .modal1-dialog {
      -webkit-transform:translate(0,-25%);
      -ms-transform:translate(0,-25%);
      -o-transform:translate(0,-25%);
      transform:translate(0,-25%);
      -webkit-transition:-webkit-transform .3s ease-out;
      -o-transition:-o-transform .3s ease-out;
      transition:-webkit-transform .3s ease-out;
      transition:transform .3s ease-out;
      transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
    }
    .modal1.in .modal1-dialog {
      -webkit-transform:translate(0,0);
      -ms-transform:translate(0,0);
      -o-transform:translate(0,0);
      transform:translate(0,0)
    }
    .modal-open .modal1 {
      overflow-x:hidden;
      overflow-y:auto
    }
    .modal1-dialog {
      position:relative;
      width:auto;
      margin:10px
    }
    .modal1-content {
      position:relative;
      background-color:#fff;
      background-clip:padding-box;
      border:1px solid #999;
      border:1px solid rgba(0,0,0,.2);
      border-radius:6px;
      -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
      box-shadow:0 3px 9px rgba(0,0,0,.5);
      outline:0
    }
    .modal-backdrop {
      position:fixed;
      top:0;
      right:0;
      bottom:0;
      left:0;
      z-index:1040;
      background-color:#000
    }
    .modal-backdrop.fade {
      filter:alpha(opacity=0);
      opacity:0
    }
    .modal-backdrop.in {
      filter:alpha(opacity=50);
      opacity:.5
    }
    .modal1-header {
      padding:15px;
      border-bottom:1px solid #e5e5e5
    }
    .modal1-header .close {
      margin-top:-2px;
      margin-left: 95%;
    }
    .modal1-title {
      margin:0;
      line-height:1.42857143
    }
    .modal1-body {
      position:relative;
      padding:15px;
      max-height: 400px;
      overflow-y: scroll;
    }
    .modal1-footer {
      padding:15px;
      text-align:right;
      border-top:1px solid #e5e5e5
    }
    .modal1-footer .btn+.btn {
      margin-bottom:0;
      margin-left:5px
    }
    .modal1-footer .btn-group .btn+.btn {
      margin-left:-1px
    }
    .modal1-footer .btn-block+.btn-block {
      margin-left:0
    }
    .modal-scrollbar-measure {
      position:absolute;
      top:-9999px;
      width:50px;
      height:50px;
      overflow:scroll
    }
    @media (min-width:768px){
      .modal1-dialog {
        width:100vw;
        margin:30px auto
      }
      .modal1-content {
        -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
        box-shadow:0 5px 15px rgba(0,0,0,.5)
      }
      .modal-sm {
        width:100vw
      }
    }@media (min-width:992px){
      .modal-lg{
        width:100vw
      }
    }
    .fitedit {
      width: 50px;
      box-sizing: border-box;
      border: 0;
      outline: none;
    }
    .tableedit {
      width: 100vw;
      table-layout: auto;
    }
    .tableedit td{
      padding: 1px;
      width: fit-content;
    }
    .tableedit th{
      width: fit-content;
    }
    .fitnama {
      width: fit-content;
      box-sizing: border-box;
      border: 0;
      outline: none;
      resize: none;
    }
    .fitedit1 {
      width: 100px;
      box-sizing: border-box;
      border: 0;
      outline: none;
    }
    .fitedit2 {
      width: 100%;
      box-sizing: border-box;
      border: 0;
      outline: none;
    }
    .fittes {
      width: 100px;
      box-sizing: border-box;
      border: 0;
      outline: none;
    }