/*

* Override Pages default styles or create your own styles here

*/
.content-wrapper{
	background:#fcfcfc;
}
.card, 
.dataTables_wrapper .dataTable thead th, .dataTables_wrapper .dataTable tbody tr td,
table thead th, table tbody td{
	border:1px solid #f7f7f7;
}

.dataTables_wrapper .dataTable tbody tr:nth-child(odd){
	background:#fafafa;
}

.dataTables_wrapper .dataTable thead th{
	padding:.5rem 1rem;
}

.dataTables_wrapper .dataTable thead .sorting:after, .dataTables_wrapper .dataTable thead .sorting_asc:after, .dataTables_wrapper .dataTable thead .sorting_asc_disabled:after, .dataTables_wrapper .dataTable thead .sorting_desc:after, .dataTables_wrapper .dataTable thead .sorting_desc_disabled:after{
	bottom:0;
	right:.5rem;
}
.dataTables_wrapper .dataTable thead .sorting:before, .dataTables_wrapper .dataTable thead .sorting_asc:before, .dataTables_wrapper .dataTable thead .sorting_asc_disabled:before, .dataTables_wrapper .dataTable thead .sorting_desc:before, .dataTables_wrapper .dataTable thead .sorting_desc_disabled:before{
	top:0;
	left:.5rem;
}










textarea{
	min-height:100px!important;
}
.padd{
	padding:1em 0;
}
.box{
	padding:.5em;
}
.box label{
	margin-bottom:0;
}

.table-search-btn{
	position:absolute;
	right:0;
}
.bg-gray{
	background:#ccc;
}

#superadminonly{
	width:400px;
}
@media (max-width:767px){
	.table-search-btn{
		position:relative;
		margin-bottom:1em;
	}

	#superadminonly{
		width:90%;
	}
}

.mce-fullscreen{
	z-index:9999!important;
}
.auth .brand-logo img{
	max-height:80px;
	max-width:80px;
}
select.form-control, .dataTables_wrapper select{
	color:#222;
}

.select2-selection{
	display:block;
}
.select2-selection .select2-selection--multiple, .select2-container--default .select2-selection--multiple{
	border:none!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	top:.5em;
	right:1em;
}


/*Uploaded Holder*/
.uploaded-holder{
	vertical-align:top;
}
.uploaded-holder .uploaded{
	vertical-align:top;
	position:relative;
	display:inline-block;
	margin:0 .25em;
}

.uploaded-holder strong{
	display:block;
}


.file-alias{
	max-width:150px;
	line-height:18px;
	max-height:46px;
	display:inline-block;
	overflow:hidden;
	background:#222;
	color:#fff;
	font-size:small;
	padding:5px 10px;
	border-radius:10px;
	margin-bottom:.3em;
}
.file-alias:hover{
	background:#444;
	color:#eee;
}


.remove-asset, 
.remove-asset-multiple,
.remove-asset-file,
.remove-asset-file-multiple
{
	position:absolute;
	top:0;
	right:0;
	font-size:1rem;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:#d00;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	border-radius:0 0 0 15px;
}


.pos-rel{
	position:relative;
}
.pos-abs{
	position:absolute;
}

.close-btn{
	position:absolute;
	top:.25em;
	right:.25em;
	padding:0;
	width:20px;
	height:20px;
	line-height: 17px;
	text-align: center;
	border-radius:50%;
}

.action-button{
	white-space:nowrap;
	overflow:hidden;
	border-radius:4px;
	-moz-border-radius:4px;
}
.action-button .btn{
	font-size:12px;
	border-radius:0;
	display:block;
	padding:5px 10px!important;
}
.action-button::after{
	content:'';
	clear:both;
	display:block;
	position:relative;
}

input.comma{
	position:absolute;
	top:0;
	left:30px;
	width:50px;
	padding-left:0;
	border:none;
	background:transparent!important;
	transition:.3s ease;
	-moz-transition:.3s ease;
	-o-transition:.3s ease;
	-webkit-transition:.3s ease;
	-ms-transition:.3s ease;
}




.priviledge-check label{
	padding:.2em 1em;
	background:#ddd;
	color:#000;
	border-radius:20px;
	cursor:pointer;
	transition:.3s ease;
	-moz-transition:.3s ease;
	-o-transition:.3s ease;
	-webkit-transition:.3s ease;
	-ms-transition:.3s ease;
}

.priviledge-check label input{
	margin-right:.5em;
}

.priviledge-check.active label{
	background:#25ba68;
	color:#fff;
}



/*datatable tambahan*/
table.dataTable thead tr th{
	position:relative;
}
table.dataTable thead .sorting::before, table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::before{
	display:block;
	position:absolute;
	top:14px;
	right:0;
}


table.table th{
	text-transform:uppercase;
	font-size:.9rem;
	padding-left:.5em;
}
table.table td{
	padding:.75em;
}

/*table datatable sorting class*/
table.table th.sorting, table.table th.sorting_asc, table.table th.sorting_desc{
	padding-left:1.5em;
}

table.table th:first-child{
	padding-left:.5em!important;
}
table.table th:first-child:before{
	display:none!important;
}
table.table th.sorting::before, table.table th.sorting_asc::before, table.table th.sorting_desc::before{
	position:absolute;
	left:.5em;
	top:38%;

	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

table.table th.sorting::before{
	content:"\f0dc";
}
table.table th.sorting_asc::before{
	content : "\f0de";
}
table.table th.sorting_desc::before{
	content : "\f0dd";
}


.dataTables_wrapper{
	position:relative;
}

.dataTables_processing{
	position:absolute;
	top:0!important;
	left:0!important;
	width:100%!important;
	margin:0!important;
	height:100%;
	background:#f3f5f8;
	color:#000;
	text-align:center;
	z-index:1;
	display:flex;
	display:-moz-flex;
	display:-webkit-flex;
	align-items:center;
	justify-content: center;
}

.dataTables_paginate{
	text-align:right;
}

.dataTables_paginate .paginate_button{
	padding:.5em;
	cursor:pointer;
}

.dataTables_paginate .paginate_button.disabled{
	cursor:not-allowed;
	color:#ddd;
}

.dataTables_paginate .paginate_button.current{
	cursor:auto;
	color:#000;
}


/*nestable*/
.ctrl-holder{
	float:right;
}

.ctrl-holder .btn{
	padding:0 .5em;
	line-height:16px;
	height:16px;
}

.bootstrap-tagsinput .tag{
	background:#999;
}

.label{
	font-size:100%;
	padding:.25em 1em;
	background:#d7d7d7;
	border:1px solid #fff;
	color:#000;
	border-radius:10px;
	display:inline-block;
}

.label.label-primary{
	background:#3E8EF7;
	color:#fff;
}
.label.label-danger{
	background:#d00;
	color:#fff;
}
.label.label-success{
	background:#00A67D;
	color:#fff;
}


body.klorofil .userinfo-holder{
	padding:1.5em;
}

.panel-body.ov{
	overflow-x:hidden;
	overflow-y:hidden;
}

@media (max-width:991px){
	body.pages .userinfo-holder{
		position: absolute;
		top:-70px;
		right:0;
	}	
	.userinfo-holder .semi-bold{
		display:none;
	}

}

@media (max-width:767px){
	.userinfo-holder{
		top:-65px;
	}

	.panel-body.ov{
		overflow-x:scroll;
	}
}


table th{
	white-space:nowrap;
	padding-right:1.75em!important;
	cursor:pointer;
}

table tbody tr td{
	white-space:inherit!important;
	line-height:1.5em!important;
}

.ov{
	overflow-x:scroll!important;
}

.batchbox, .batchblock{display:none; margin-top:.5em;}

.custom-form-group{
	margin-top:.5em;
	margin-bottom:1em;
	background:#fff;
	padding:0;
	border-radius:5px;
	border:1px solid #ddd;
}
.custom-form-group label{
	margin:0;
	padding:0 1em;
	font-size:.85rem;
	font-weight:bold;
	line-height:1.4em!important;
}

.custom-form-group input, .custom-form-group select{
	border:none;
	padding-left:1em;
	padding-right:1em;
}

.custom-form-group.radio-box{
	transition:.3s ease;
	-moz-transition:.3s ease;
	-o-transition:.3s ease;
	-webkit-transition:.3s ease;
	-ms-transition:.3s ease;
}

.custom-form-group.radio-box.success{
	background:#00A67D;
	color:#fff;
}

.custom-form-group.radio-box.danger{
	background:#d00;
	color:#fff;
}

.custom-form-group.radio-box.success label, .custom-form-group.radio-box.danger label{
	color:#fff;
}



#checker_all_datatable{
	position:relative;
	z-index:2;
}

.datepicker{
	padding:.5rem .75rem;
}


/*new theme additional css*/
.sidebar .fa{
	margin-right:.75em;
}

.sidebar .nav.sub-menu .nav-item::before{
	display:none;
}

.sidebar .nav.sub-menu{
	padding:0;
}

.sidebar .nav.sub-menu ul{
	list-style:none;
	font-size:.85rem;
	opacity:.85;
}

.sidebar .nav.sub-menu ul a.menu-item{
	padding-left:1em;
}

.sidebar .nav-link{
	transition:.3s ease;
	-moz-transition:.3s ease;
	-webkit-transition:.3s ease;
	-ms-transition:.3s ease;
	background:transparent;
}

.sidebar .first-submenu a{
	display:block;
}

.sidebar .first-submenu:hover a.nav-link{
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%);
}

.login-half-background img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:0;
}

.login-half-background .copyright{
	z-index:2;
}

.table td img{
	border-radius:0!important;
	width:auto!important;
}


.dropzone.custom-dropzone{
	min-height:0;
	border:none;
	padding:5px;
}

.dropzone.custom-dropzone .dz-message{
	text-transform:uppercase;
	font-size:1rem;
	border:1px solid #ccc;
	padding:.5em;
	border-radius:5px;
	margin:0;
	opacity:1;
	transition:.3s ease;
	-moz-transition:.3s ease;
	-webkit-transition:.3s ease;
	-ms-transition:.3s ease;
}

.dropzone.custom-dropzone .dz-message:hover{
	background:#004B76;
	color:#fff;
}

.dropzone.custom-dropzone .dz-message span{
	font-size:.8em;
}

.dropzone.custom-dropzone:hover .dz-message{
	opacity:.85;
}

.uploaded img{
	border-radius:5px;
	overflow:hidden;
	max-width:100%;
}

.site-sidebar{
	position:fixed;
	height:100%;
}

@media (min-width:992px){
	.main-panel{
		margin-left:257px;
	}
	.sidebar .nav{
		margin-bottom:100px;
	}
	.sidebar-icon-only .main-panel{
		margin-left:70px;
	}
}

.language-switcher a{
	opacity:.5;
}

.language-switcher a.active{
	opacity:1;
}


.sidebar .nav.sub-menu .nav-item li a{
	color:#000;
}
.sidebar .nav.sub-menu .nav-item.active{
	background:rgba(0,0,0,.15)!important;
}
.sidebar .nav.sub-menu .nav-item.active li.active a, .sidebar .nav.sub-menu .nav-item.active .nav-link{
	font-weight:bold!important;
	color:#fff!important;
}

table.table td{
	position:relative;
}


#page-loader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.75);
	z-index:5000;
}

#page-loader i{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-30px;
	margin-left:-30px;
}

.sidebar{
	z-index:1000;
	overflow-x:hidden;
}


/*font management*/
table td{
	font-size:16px;
}

.custom-form-group label{
	text-transform:uppercase;
}

.custom-form-group.focused{
	border:1px solid #777;
}

ul.nav{
	font-weight:500;
	font-size:larger;
}


.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img{
	height:50px;
}

.sidebar .nav .nav-item .nav-link{
	padding: .9rem 2.5rem .9rem 1.25rem;
}

.sidebar .nav.sub-menu .nav-item .nav-link{
	padding: 0.8rem 3rem 0.8rem 1rem;
}

.sidebar .nav.sub-menu .nav-item ul li{
	display:block;
	padding:.5em 1em;
}

.sidebar .nav.sub-menu .nav-item.active>ul.last-menu li{
	display:block;
}



.table-content-inner{
	min-width:200px;
}



.form-group .closer{
	position:absolute;
	top:0;
	right:5px;
	padding:.7em;
	cursor:pointer;
	opacity:.5;
}

.closer:hover{
	opacity:1;
}

.col:last-child .closer{
	right:5px;
}

/*custom styling*/
.navbar{
	border-bottom:10px solid #E33;
}

.navbar .navbar-brand-wrapper{
	border-right:none!important;
}

.form-group .select2-container{
	border:1px solid #ccc;
	width:100%!important;
}

.form-group .select2-container--default .select2-selection--single{
	border:1px solid #ccc;
}

.custom-form-group .select2-container--default .select2-selection--single, .custom-form-group .select2-container--default .select2-selection--multiple, .custom-form-group .select2-container{
	border:none;
	min-height:2em;
	background:transparent;
	min-height:2.875em;
}

.custom-form-group .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:2.875em;
}

.custom-form-group .feedback{
	display:block;
	font-size:.8em;
	padding:.25em;
}

label.checkbox{
	padding-right:.5em;
}

.card .card-header{
	background:#01AEF0;
	background: rgb(1,174,240);
	background: -webkit-linear-gradient(left, rgba(1,174,240,1) 0%, rgba(53,89,137,1) 100%);
	background: -o-linear-gradient(left, rgba(1,174,240,1) 0%, rgba(53,89,137,1) 100%);
	background: linear-gradient(to right, rgba(1,174,240,1) 0%, rgba(53,89,137,1) 100%);
	color:#fff;
	font-weight:bold;
}


.success-handle{
	position:absolute;
	top:0px;
	right:1em;
	z-index:0;
	padding:1em;
	background:#71c016;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;

	transition:.5s cubic-bezier(.29,.99,.69,.84);
	-moz-transition:.5s cubic-bezier(.29,.99,.69,.84);
	-o-transition:.5s cubic-bezier(.29,.99,.69,.84);
	-webkit-transition:.5s cubic-bezier(.29,.99,.69,.84);
	-ms-transition:.5s cubic-bezier(.29,.99,.69,.84);

	opacity:0;
}

.success-handle.active{
	opacity:1;
	top:100px;
	z-index:9999;
}

.modal { overflow: auto !important; }
div.dataTables_wrapper div.dataTables_paginate{
	text-align:left;
	padding:.5em 0;
}

.modal-custom-close{
	position:fixed; 
	top:0;
	right:1.5em; 
	padding:.5em 1em; 
	z-index: 2; 
	color:#000; 
	opacity:1;
	font-size:32px;
	background:#fff;
	border:none;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border:1px solid #ccc;
	border-top:none;

	transition:.25s cubic-bezier(.29,.99,.69,.84);
	-moz-transition:.25s cubic-bezier(.29,.99,.69,.84);
	-o-transition:.25s cubic-bezier(.29,.99,.69,.84);
	-webkit-transition:.25s cubic-bezier(.29,.99,.69,.84);
	-ms-transition:.25s cubic-bezier(.29,.99,.69,.84);
}

.modal-custom-close:hover{
	background:#d00;	
	color:#fff;
}

@media (max-width:543px){
	.modal-custom-close{
		right:.5em;
		font-size:20px;
	}
}




/*custom nav pills*/
.nav-pills.custom .nav-link{
	border-radius:0;
	-moz-border-radius:0;
	padding-left:3em;
	margin-right:.5em;
	height:50px;
	position:relative;
	background:#ccc;
	color:#fff;
	transition:.3s ease;
	-moz-transition:.3s ease;
	-webkit-transition:.3s ease;
	-ms-transition:.3s ease;
	-o-transition:.3s ease;
}

.nav-pills.custom .nav-link::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	border:25px solid transparent;
	border-left-color:#fff;
	transition:.3s ease;
	-moz-transition:.3s ease;
	-webkit-transition:.3s ease;
	-ms-transition:.3s ease;
	-o-transition:.3s ease;
}
.nav-pills.custom .nav-link::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:100%;
	z-index: 2;

	border:25px solid transparent;
	border-left-color:#ccc;
	transition:.3s ease;
	-moz-transition:.3s ease;
	-webkit-transition:.3s ease;
	-ms-transition:.3s ease;
	-o-transition:.3s ease;
}

.nav-pills.custom .nav-link.active{
	background:#007bff;
	color:#fff;
}
.nav-pills.custom .nav-link.active::after{
	border-left-color:#007bff;
}

.nav-pills.custom .nav-link:hover{
	background:#333;
}

.nav-pills.custom .nav-link:hover::after{
	border-left-color:#333;
}

@media (max-width:767px){
	.nav-pills.custom .nav-link{
		font-size:.8rem;
		height:40px;
		margin-bottom:.25em;
	}
	.nav-pills.custom .nav-link::before{
		border:20px solid transparent;
		border-left-color:#fff;
	}
	.nav-pills.custom .nav-link::after{
		border:20px solid transparent;
		border-left-color:#ccc;
	}

}


.form-compact label.control-label{
	font-weight:bold;
}

.form-compact input, .form-compact select{
	height:30px;
	padding:0 .5em;
}
.form-compact .input-group input{
	height:inherit;
}

.form-compact input, .form-compact select, .form-compact textarea, .form-compact .tagsinput-holder{
	border:1px solid #ccc;
}

.form-compact .form-group{
	margin-bottom:.75em;
}

label.mandatory::after{
	content : '*';
	color:#d00;
	padding:0 .5em;
}


[readonly]{
	pointer-events: none;
}



.tanggal-mitigasi{
	display:inline-block;
	background:#eee;
	margin-bottom:.5em;
	border-radius:5px;
	cursor:pointer;
}

.tanggal-mitigasi.active{
	background:#57c7d4;
	color:#fff;
}


.tanggal-mitigasi .form-check{
	margin:0;
}
.tanggal-mitigasi label{
	margin-bottom:0;
	padding:1em;
}

.tanggal-mitigasi .form-check .form-check-label input[type=checkbox]+.input-helper:after, .tanggal-mitigasi .form-check .form-check-label input[type=checkbox]+.input-helper:before{
	top:1em;
	left:1em;
}

.table-in-table th{
	padding:.25em .5em!important;
}

.table-in-table td{
	padding:.1em!important;
}

.custom-button{
	margin-top:.5em;
	margin-bottom:1em;
	height:67px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item{
	min-width:250px;
}

.dropdown-item h6{
	max-width:230px;
	white-space:initial;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown{
	max-height:300px;
	overflow-y:scroll;
}

.datatable-search .form-group{
	margin-bottom:.5em;
}
.datatable-search .form-group label{
	font-size:11px;
}
.datatable-search .form-group .form-control, 
.datatable-search .custom-form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
.datatable-search .custom-form-group .select2-container--default .select2-selection--single
{
	min-height:1.5rem;
	height:1.5rem;
	line-height:1.5rem;
	font-size:0.7rem;
}

.datatable-search .custom-form-group .select2-container--default .select2-selection--multiple, 
.datatable-search .custom-form-group .select2-container
{
	min-height:1.5rem;
	line-height:1.5rem;
}

.datatable-search .form-group .closer{
	padding:0;
}
.datatable-search .select2-container--default .select2-selection--single .select2-selection__arrow{
	top:0;
	right:.75rem;
}

.datatable-search .select2-container--default .select2-selection--multiple .select2-selection__rendered{
	font-size:0.6rem;
}

.list-todo, .list-todo:hover{
	text-decoration:none!important;
	color:#000;
}
.todo-links a, .todo-links a:hover{
	color:#000;
	margin:0 .5em;
}

.sidebar .nav .nav-item.active{
	background:#E33!important;
	color:#fff!important;
}
.sidebar .nav .nav-item.active a, .sidebar .nav .nav-item.active>.nav-link .menu-arrow, .sidebar .nav .nav-item.active>.nav-link .menu-title, .sidebar .nav .nav-item.active>.nav-link i{
	color:#fff!important;
}

.sidebar .nav:not(.sub-menu)>.nav-item:hover>.nav-link {
	color: #E33;
}