.select2-container{
	width: 100%!important;
	height: 100%!important;
  }

.select2-search--dropdown .select2-search__field {
	width: 98%;
}

.masthead {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.tbl-abs {
	margin-bottom: 30px;
}

.tbl-abs thead tr td {
	vertical-align : middle;
	text-align:center;
	padding: 0px;
}

.tbl-abs tbody tr td {
	padding: 2px 0px;
}

.tbl-abs tfoot tr td {
	padding: 2px 0px;
	text-align: right;
	padding-right: 5px;
}

.download {
	margin-top: -150px;
	padding-bottom: -150px;
	margin-bottom: 0px;
}

.tbl-rev {
	width: 100%;
}

.tbl-rev thead tr td {
	vertical-align : middle;
	text-align: center;
	padding: 2px;
}

.tbl-rev tbody tr td {
	vertical-align : middle;
	padding: 2px 2px;
}

.tbl-rev tfoot tr td {
	vertical-align : middle;
	padding: 2px 2px;
}

.tbl-rev tfoot tr td span {
	vertical-align : middle;
	padding: 2px 2px;
}

.tbl-info {
	margin-bottom: 30px;
}

.tbl-info tr td {
	text-align: left;
}

.contact {
	padding-top: 30px;
	padding-bottom: 30px;
}

.rev-og td {
	background: #efe44c;
}

.rev-ok td {
	background: #79ea41;
}

.rev-nok td {
	background: #f96718;
}

.color-og {
	color: #efe44c;
}

.color-ok {
	color: #79ea41;
}

.color-nok {
	color: #f96718;
}

.rpt-rev thead tr td {
	vertical-align: middle;
}

.loader {
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('img/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

.tbl_hmopr thead tr th {
	vertical-align: middle;
	text-align: center;
}

.fill {
	min-height: 100%;
}

.paua-merah {
	text-align: right;
	color: red;
}

.text-red {
	color: #f5412a;
}

/* page loading */
/* Absolute Center Spinner */
.page-loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  
  /* Transparent Overlay */
  .page-loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	  background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  
	background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .page-loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
  }
  
  .page-loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 150ms infinite linear;
	-moz-animation: spinner 150ms infinite linear;
	-ms-animation: spinner 150ms infinite linear;
	-o-animation: spinner 150ms infinite linear;
	animation: spinner 150ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }

  /* ajax */

  .ajax-loading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  }
  
  /* Transparent Overlay */
  .ajax-loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	  background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  
	background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  }
  
  /* :not(:required) hides these rules from IE9 and below */
  .ajax-loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
  }
  
  .ajax-loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 150ms infinite linear;
	-moz-animation: spinner 150ms infinite linear;
	-ms-animation: spinner 150ms infinite linear;
	-o-animation: spinner 150ms infinite linear;
	animation: spinner 150ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  }
  
  /* Animation */
  
  @-webkit-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-moz-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @-o-keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes spinner {
	0% {
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  -moz-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }

#tbl_incident tbody td .tumbnail {
	width: 250px;
	height: auto;
}

.col-swd {
	margin: 40px 0 40px;
}

.col-swd h2 {
	font-weight: 1000;
	font-size: 45px;
	color: #03204f;
}

.col-swd h1 {
	font-size: 50px;
}

.col-swd .sw {
	font-weight: 700;
	color: #2e9c10;
	text-shadow: 2px 2px 3px rgba(16, 224, 79, 0.164);
}

.col-swd .dh {
	color: #164f06;
	font-weight: 500;
	text-shadow: 1px 1px 2px;
}

.tbl-otp thead th {
	background-color: #292721;
	color: #ebedf5;
	font-size: 18px;
}

.tbl-otp tbody tr td {
	font-size: 16px;
}

.title-qmm {
	font-size: 20px;
	font-weight: normal;
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	margin: 8px 12px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* The slider */
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 13px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #2196F3;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(13px);
	-ms-transform: translateX(13px);
	transform: translateX(13px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 17px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }

  .tbl-cuti {
	margin-top: 10px;
  }

  .tbl-cuti thead tr th {
	  vertical-align: middle;
	  text-align: center;
  }

  .btn-custom {
	  cursor: pointer;
  }

  .nolinebreak {
	white-space: nowrap;
  }

  .td-yellow {
	background-color: #fce168;
  }

  .td-green {
	background-color: #6ffc62;
  }

  .td-orange {
	background-color: #fa7d50;
  }

  .td-yellowtogreen {
	  background-color: #cfeb34;
  }

  .td-red {
	background-color: #ff6b6b;
  }

  .td-pink {
    background-color: #f2a0ac;
  }

  .td-grey {
	background-color: #808080;
  }

  .btn-table-act {
	cursor: pointer;
	color: #2c73e6;
  }

  .color-red {
	color: #f2274c;
  }

  .color-green {
	color: #1db847;
  }

  .color-yellow {
	color: #ff9c00;
  }

  .color-white {
	color: #fff;
  }

  .header-bg-biru thead {
	  background-color: #035aa6;
	  color: #fff;
  }

  .header-bg-biru thead th {
	font-weight: normal;
	text-align: center;
  }

  .table thead {
	background-color: #035aa6;
	color: #fff;
  }

  .table thead th {
	font-weight: 600;
	text-align: center;
  }