* {
	font-size: 13px;
}

th {
	text-align: center !important;
	vertical-align: middle !important;
}

.datepicker {
	padding-left: 10px !important;
	border-color: #ccc;
	border-radius: 10px;
}

pre.form-control {
	height: auto;
}

select.form-control {
	border-radius:10px;
}

#loading>div {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: fixed;
	display: table;
	z-index: 10002;
	background-color: rgba(0, 0, 0, 0.6);
}

#loading>div>div {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#loading>div>div>center>div {
	padding: 15px;
	width: 300px;
	background-color: #283e4a;
	border-radius: 12px;
	border: 4px solid #ddd;
}

.btn {
	border-radius: 10px !important;
	/* padding: 5px 15px !important; */
	text-align: center !important;
	vertical-align: middle !important;
}

.btn-primary {
	background-color: #1868b3 !important;
	border-color: #1868b3 !important;
}

.btn-success {
	background-color: #16b364 !important;
	border-color: #16b364 !important;
}

.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;
	border-color: #adadad
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
	background-image: none
}

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
	background-color: #fff;
	border-color: #ccc
}

.btn-default .badge {
	color: #fff;
	background-color: #333
}

.btn-static {
  cursor: default;
  pointer-events: none;
}

.progress-bar.active-fast,
.progress.active-fast .progress-bar {
	-webkit-animation: progress-bar-stripes .8s linear infinite reverse;
	-o-animation: progress-bar-stripes .8s linear infinite reverse;
	animation: progress-bar-stripes .8s linear infinite reverse;
}

.progress-bar-striped-reverse,
.progress-striped-reverse .progress-bar {
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
}

.form-layout {
	max-width: 300px;
}

.navbar-heading {
	font-family: 'Poppins';
	margin-left:30px;
	color:#000 !important;
	font-size:20px !important;
	font-weight:700 !important;
}

.navbar {
	min-height: 60.6px !important;
}

.main-panel>.main-content {
	background-color: #f6f6f6 !important;
}

.main-panel>.header .navbar-nav .nav-link {
    vertical-align: center !important;
}

.card {
	/* overflow: hidden; */
	border-radius: 15px !important;
	font-family: 'Poppins';
}

/* .card-block {
	padding: 1rem 2rem !important;
} */

/* .form-control {
	border-radius: 15px !important;
} */

.badge_old{
	position: absolute;
	top: 30%;
	left: 60%;
	background-color: unset;
}

.badge {
	/*position: absolute;*/
	top: 30%;
	left: 5%;
	background-color: unset;
}

.skin-4 .sidebar-panel, 
.skin-4 .sidebar-panel>.brand {
	font-family: 'Poppins' !important;
	background-color: #1f1f37 !important; 
}

.skin-4 .sidebar-panel>nav li.active>a,
.skin-4 .sidebar-panel>nav li.open>a {
	background-color: #34354a;
}

.user-dropdown {
	font-family: 'Poppins';
	background-color: #e7e9f4;
	border-radius: 50px;
	padding: 10px 0px 10px 0px;
	margin-right: 25px;
	display: initial;
}

.user-dropdown-toggle {
	font-family: 'Poppins';
	background-color: #e7e9f4;
	border-radius: 50px;
	padding: 10px;
	display: initial;
	margin:0%;
}

.user-circle {
	display: inline-flex;
	border-radius: 50%;
	background-color: #a1ace8;
	text-align: center;
    position: initial;
    padding: 1px;
    /* margin-bottom: 4px; */
}

.dropdown-menu {
	position: absolute;
	left: 10px;
}

.nav-item.nav-link.dropdown {
	padding-left: 12px;
	padding-right: 12px;
}

.nav-item.nav-link.dropdown.open {
	background-color: #eee;
}

.navbar-nav .open .dropdown-menu {
	background-color: #fff;
}

@media (max-width: 767px) {
	.container {
		width: 100%;
	}
}

.skin-4 .sidebar-panel>nav li.open.active>a,
.skin-4 .sidebar-panel>nav li>a:hover,
.skin-4 .sidebar-panel>nav li>a:focus,
.skin-4 .sidebar-panel>nav li>ul>li>a:hover,
.skin-4 .sidebar-panel>nav li>ul>li>a:focus,
.skin-4 .sidebar-panel>nav li>ul>li.active>a,
.skin-4 .sidebar-panel>nav li.active>a,
.skin-4 .sidebar-panel>nav li.active>a {
	/* background-color: rgba(0,0,0,0.2); */
	/* background-color: #4c5363; */
	background-color: #000 !important;
	color: #fff !important;
}

.skin-4 .sidebar-panel>nav li>ul>li.active>a {
	background-color: #34344b !important;
	color: #fff !important;
}

.skin-4 .sidebar-panel>nav>ul>li.active:before {
	position: absolute;
	z-index: 99;
	top: 0;
	width: 4px;
	height: 100%;
	content: '';
	background: #97c1ec;
	left: 0;
}

.sidebar-panel>nav>ul>li.active:before {
	position: absolute;
	z-index: 99;
	top: 0;
	width: 4px;
	height: 100%;
	content: '';
	background: #97c1ec;
	left: 0;
}

.sidebar-panel>nav>ul>li.activeactive:before {
	position: absolute;
	z-index: 99;
	top: 0;
	width: 4px;
	height: 100%;
	content: '';
	background: #97c1ec;
	left: 0;
}

.sidebar-panel>nav>li>ul>li.activeactive a {
    background-color: #34354a;
}

.btn-simpan,
.btn-hapus,
.btn-tutup,
.btn-jadikan {
	width: 80px;
}

.btn-aksi-lg,
.btn-aksi-sm-left,
.btn-aksi-sm-right {
	height: 20px;
	padding: 0px;
	font-size: 12px;
}

.btn-aksi-lg {
	width: 60px;
}

.btn-aksi-sm-left {
	width: 20px;
	margin-right: 6px;
}

.btn-aksi-sm-right {
	width: 20px;
}

.input-group-btn button {
	border-radius: 0px .2rem .2rem 0px;
}

.modal-header {
	padding: 8px;
}

.modal-header .close {
	margin-top: -6px;
}

.modal-title {
	color: #fff;
	font-size: 16px;
}

.modal-primary,
.modal-success,
.modal-info,
.modal-warning {
	color: #fff;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

.modal-primary {
	background: rgba(34, 80, 117, 1);
	background: -moz-linear-gradient(left, rgba(34, 80, 117, 1) 0%, rgba(51, 122, 183, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(34, 80, 117, 1)), color-stop(100%, rgba(51, 122, 183, 1)));
	background: -webkit-linear-gradient(left, rgba(34, 80, 117, 1) 0%, rgba(51, 122, 183, 1) 100%);
	background: -o-linear-gradient(left, rgba(34, 80, 117, 1) 0%, rgba(51, 122, 183, 1) 100%);
	background: -ms-linear-gradient(left, rgba(34, 80, 117, 1) 0%, rgba(51, 122, 183, 1) 100%);
	background: linear-gradient(to right, rgba(34, 80, 117, 1) 0%, rgba(51, 122, 183, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#225075', endColorstr='#337ab7', GradientType=1);
	/* background-color: #337ab7; */
}

.modal-success {
	background: rgba(75, 148, 75, 1);
	background: -moz-linear-gradient(left, rgba(75, 148, 75, 1) 0%, rgba(92, 184, 92, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(75, 148, 75, 1)), color-stop(100%, rgba(92, 184, 92, 1)));
	background: -webkit-linear-gradient(left, rgba(75, 148, 75, 1) 0%, rgba(92, 184, 92, 1) 100%);
	background: -o-linear-gradient(left, rgba(75, 148, 75, 1) 0%, rgba(92, 184, 92, 1) 100%);
	background: -ms-linear-gradient(left, rgba(75, 148, 75, 1) 0%, rgba(92, 184, 92, 1) 100%);
	background: linear-gradient(to right, rgba(75, 148, 75, 1) 0%, rgba(92, 184, 92, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b944b', endColorstr='#5cb85c', GradientType=1);
	/* background-color: #5cb85c; */
}

.modal-info {
	background: rgba(26, 41, 81, 1);
	background: -moz-linear-gradient(left, rgba(26, 41, 81, 1) 0%, rgba(53, 151, 71, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(26, 41, 81, 1)), color-stop(100%, rgba(53, 151, 71, 1)));
	background: -webkit-linear-gradient(left, rgba(26, 41, 81, 1) 0%, rgba(53, 151, 71, 1) 100%);
	background: -o-linear-gradient(left, rgba(26, 41, 81, 1) 0%, rgba(53, 151, 71, 1) 100%);
	background: -ms-linear-gradient(left, rgba(26, 41, 81, 1) 0%, rgba(53, 151, 71, 1) 100%);
	background: linear-gradient(to right, rgba(26, 41, 81, 1) 0%, rgba(53, 151, 71, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a2951', endColorstr='#359747', GradientType=1);
	/* background-color: #5bc0de; */
}

.modal-warning {
	background: rgba(133, 97, 46, 1);
	background: -moz-linear-gradient(left, rgba(133, 97, 46, 1) 0%, rgba(240, 173, 78, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(133, 97, 46, 1)), color-stop(100%, rgba(240, 173, 78, 1)));
	background: -webkit-linear-gradient(left, rgba(133, 97, 46, 1) 0%, rgba(240, 173, 78, 1) 100%);
	background: -o-linear-gradient(left, rgba(133, 97, 46, 1) 0%, rgba(240, 173, 78, 1) 100%);
	background: -ms-linear-gradient(left, rgba(133, 97, 46, 1) 0%, rgba(240, 173, 78, 1) 100%);
	background: linear-gradient(to right, rgba(133, 97, 46, 1) 0%, rgba(240, 173, 78, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85612e', endColorstr='#f0ad4e', GradientType=1);
	/* background-color: #f0ad4e; */
}

.modal-danger {
	background: rgba(246, 41, 12, 1);
	background: -moz-linear-gradient(left, rgba(246, 41, 12, 1) 0%, rgba(248, 80, 50, 1) 61%, rgba(241, 111, 92, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246, 41, 12, 1)), color-stop(61%, rgba(248, 80, 50, 1)), color-stop(100%, rgba(241, 111, 92, 1)));
	background: -webkit-linear-gradient(left, rgba(246, 41, 12, 1) 0%, rgba(248, 80, 50, 1) 61%, rgba(241, 111, 92, 1) 100%);
	background: -o-linear-gradient(left, rgba(246, 41, 12, 1) 0%, rgba(248, 80, 50, 1) 61%, rgba(241, 111, 92, 1) 100%);
	background: -ms-linear-gradient(left, rgba(246, 41, 12, 1) 0%, rgba(248, 80, 50, 1) 61%, rgba(241, 111, 92, 1) 100%);
	background: linear-gradient(to right, rgba(246, 41, 12, 1) 0%, rgba(248, 80, 50, 1) 61%, rgba(241, 111, 92, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6290c', endColorstr='#f16f5c', GradientType=1);
}

.input-xs {
	height: 24px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.5;
	/* If Placeholder of the input is moved up, rem/modify this. */
	border-radius: 3px;
}

.btn-xs {
	padding: 2px 5px;
	font-size: 12px;
	line-height: 2.5;
	/* If Placeholder of the input is moved up, rem/modify this. */
	border-radius: 3px;
}

.icon-menu {
	font-size: 19px !important;
	vertical-align: middle;
	line-height: 5px !important;
	color: #97c1ec;
}

table.table-rounded  {
	font-family: 'Poppins';
	border-radius: 10px 10px 0px 0px !important; 
	border-spacing: 0;
	border: 1px solid #eceefa;
}

table.table-rounded th {
	background-color: #eceefa;
	text-align: left !important;
}

table.table-rounded td, 
table.table-rounded th { 
  border-bottom: 1px solid #eceefa;
  padding: 10px; 
}
table.table-rounded tr:last-child > td {
  border-bottom: none;
}

.form-group-xs .bootstrap-select.btn-group.form-control .dropdown-toggle {
	height: 24px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

.form-group-xs .dropdown-menu {
	top: 22px;
}

.btn-file {
	position: relative;
	height: 24px;
	width: 24px;
	padding: 0px;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: #337ab7;
	cursor: inherit;
	display: block;
}

.bootstrap-dialog .bootstrap-dialog-message {
	font-size: inherit;
}

.sidebar-panel>nav ul.nav>li.open,
.sidebar-panel>nav ul.nav>li.active,
.sidebar-panel>nav ul.nav>li:hover {
	background-color: #535a6c;
}

.box {
	width: 100%;
	border-radius: 12px;
	background-color: #fff;
	border: 1px solid #e7e7e7;
}

.box.noborder {
	border: none !important;
}

.box-body {
	padding: 15px;
}

input[type=text] {
	border-radius: 10px !important;
}

textarea {
	border-radius: 10px !important;
}

/* .skin-4 .sidebar-panel>nav ul.nav:hover {
	padding: 10rem !important;
} */

.skin-4 .sidebar-panel>nav ul.nav::-webkit-scrollbar {
	width: 10px !important;
}

.skin-4 .sidebar-panel>nav ul.nav::-webkit-scrollbar-track {
	border-radius: 10px !important;
	background: transparent !important;
}

.skin-4 .sidebar-panel>nav ul.nav::-webkit-scrollbar-thumb {
	border-radius: 10px !important;
	background: #fff !important;
}

.skin-4 .sidebar-panel>nav ul.nav::-webkit-scrollbar-thumb:hover {
	border-radius: 10px !important;
	background: #fff !important;
}

@media (min-width: 1350px){
	.freeze{
		position: fixed;
		top: 80px;
		z-index: 1050;
		width: 100%;
		max-width: 1170px;
		left: 49.43%;
	 	transform: translate(-50%, -50%);
	}
}

@media (max-width: 1349px){
	.freeze{
		position: fixed;
		top: 80px;
		z-index: 1050;
		width: 87.5%;
		max-width: 1170px;
		left: 49%;
	 	transform: translate(-50%, -50%);
	}
}

.t_kode_risk {
	padding: 0px;
}

.t_kode_risk td, .t_kode_risk th{
	padding: 0px;
	border: 0px;
	pointer-events: none;
	font-size: 10px;
}

.t_kode_risk th{
	text-align: left !important;
	font-style: italic;
}

select > option{
	overflow-x: hidden;
}

.bootstrap-select.btn-group.disabled, 
.bootstrap-select.btn-group > .disabled {
	background: #e8e8e8;
	color: #000;
	border-color: rgba(0,0,0,.1);
	border-radius: 10px !important;
}

.form-group .form-select {
	width: 100% !important;
}