@charset "utf-8";
/* CSS Document */

/*==================================
	Base
==================================*/
html,
body{
	height:100%;
	font-size:100%;
}
.navbar-brand,
.login h1{
	font-family: serif;
}

/*==================================
	Bootstrap4alpha Custom
==================================*/
/*text color*/
/*a,
.text-success,
.has-success 
.form-control-feedback, 
.has-success .form-control-label, 
.has-success .col-form-label, 
.has-success .form-check-label, 
.has-success .custom-control{
	color: #0e900e;
}
a:focus,
a:hover{
	color: #0f6b0f;
}
.bg-success{
	background-color: #0e900e !important;
}*/

/*h*/
h1,
.h1 {
	font-size: 3.5rem;
}
/*btn*/
/*.btn-lg,
.btn-group-lg > .btn {
	padding: 0.91rem 1.5rem;
	font-size: 1rem;
	border-radius: 0.3rem;
}*/

/*dropdown-menu*/
.dropdown-menu{
	z-index:1002;
}
select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 4px);
}

/*bg-inverse & nav-tabs*/
.bg-inverse .nav-link.active{
	background-color: #eceeef !important;
}
.bg-inverse .nav-link{
	color:#fff;
}
.bg-inverse .nav-link:hover{
	color:#464a4c;
}

/*custom-control-input*/
/*
.custom-control-input:checked ~ .custom-control-indicator {
	color: #fff;
	background-color: #0d8b0d;
}
.custom-control-input:focus ~ .custom-control-indicator {
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0d8b0d;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0d8b0d;
}
*/
/*==================================
	btn
==================================*/
.btn{
	/*font-size: 0.8rem;*/
	border-radius: 0.15rem;
}
button.btn,
input.btn{
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/*.btn-outline-success {
	color: #0f9b0f;
	border-color: #0f9b0f;
}
.btn-outline-success:hover {
	background-color: #0f9b0f;
	border-color: #0f9b0f;
}

.btn-default{
	border-color:#e5e6e6;
	background-color:#e5e6e6;
	color: #292b2c;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus{
	border-color:#d6d6d6;
	background-color:#d6d6d6;
	color: #292b2c;
}

.btn-inverse{
	border-color:#292b2c;
	background-color:#292b2c;
	color: #fff;
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse:focus{
	border-color:#111;
	background-color:#111;
	color: #fff;
}

.btn-outline-default{
	color: #b9b9b9;
	border-color: #b9b9b9;
	background-color: transparent;
}
.btn-outline-default:hover,
.btn-outline-default:active,
.btn-outline-default:focus{
	background-color: #b9b9b9;
	border-color: #b9b9b9;
	color:#292b2c;
}

.btn-outline-inverse{
	color: #292b2c;
	border-color: #292b2c;
	background-color: transparent;
}
.btn-outline-inverse:hover,
.btn-outline-inverse:active,
.btn-outline-inverse:focus{
	background-color: #292b2c;
	border-color: #292b2c;
	color:#fff;
}

.btn-secondary {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.83);
	border-color: rgba(0, 0, 0, 0.83);
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus{
	color: #fff;
	background-color: rgba(0, 0, 0, 0.61);
	border-color: rgba(0, 0, 0, 0.4);
}
*/

/*==================================
	Login
==================================*/
.login .col-main{
	padding: 30px 45px;
	/*background-color: rgba(0, 0, 0, 0.89);*/
}
.login .col-main h1,
.login .col-main th,
.login .col-main td,
.login .col-main label,
.login .col-main small{
	/*color:#fff;*/
}
.card-login{
	/*width:400px;*/
	margin:0 auto;
	color:#fff;
	text-align:left;
}
.card-login .card-block{
	padding: 30px 25px;
}
@media screen and (max-width: 767px){
	.login .col-main h1{
		font-size: 25px;
		margin-bottom: 30px !important;
	}
	.login .col-main{
		padding:10px;
	}
	.card-login{
		width:100%;
	}
	.card-login .card-block {
		padding: 25px 20px;
	}
	.login h1{
		margin-top: 3.1rem;
		font-size: 2.5rem;
	}
}

/*==================================
	Table
==================================*/
.div-table{
	display:table;
	height:100%;
	width:100%;
}
.div-td{
	display:table-cell;
}
.table th,
.table td{
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 0.25rem;
	padding-left: 0.75rem;
	border-right: 1px dotted rgba(0, 0, 0, 0.1);
}
.table thead th{
	border-top: 1.5px solid rgba(0, 0, 0, 0.4);
	border-bottom: 1.5px solid rgba(0, 0, 0, 0.4);
	background-color: #eee;
}

.table-v2 th,
.table-v2 td{
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 0.25rem;
	padding-left: 0.75rem;
	border-right: 1px dotted rgba(0, 0, 0, 0.1);
}
.table-v2 thead th{
	border-top: 1.5px solid rgba(0, 0, 0, 0.4);
	border-bottom: 1.5px solid rgba(0, 0, 0, 0.4);
	background-color: #eee;
}

/*==================================
	Header nav
==================================*/
.nav2{
	background-color:#5fa3ff;
}
.nav2 a{
	color:#fff;
}
.nav2 .nav-link.disabled{
	color: #c3c3c3;
}
@media screen and (max-width: 767px){
	header .nav1{
		border-left: 50px solid #36995c;
		padding-left: 10px;
	}
	header .nav1 .toggle-side{
		position: absolute;
		z-index: 1;
		left: -50px;
		top: 0;
		width: 50px;
		height: 54px;
		padding: 0;
		border: none;
		background-color: #36995c;
		border-radius: 0;
		outline:none;
		box-shadow:none;
	}
}

/*==================================
	Side
==================================*/
.side{
	position:fixed;
	z-index:1001;
	left:0;
	top:0;
	bottom:0;
	background-color:#F5F5F6;
	width:300px;
}
.side .list-group-item{
	border-radius:0;
	background-color:transparent;
	border-left:none;
	border-right:none;
	color:#333;
	border:none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	margin-bottom:0;
}
.side .list-group-item.active,
.side .list-group-item:hover,
.side .list-group-item:focus,
.side .list-group-item:active{
	background-color: #0275d8;
	color:#fff;
}
.div-controller{
	position:fixed;
	z-index:1001;
	right:0;
	top:0;
	bottom:0;
	background-color:#F5F5F6;
	width:300px;
}
.div-controller .list-group-item{
	border:none;
	background-color:transparent;
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
@media screen and (max-width: 767px){
	.side{
		left:-300px;
	}
	.slide-control-parent{
		display:none;
	}
	.div-controller{
		position:static;
		width:100%;
	}
}
@media screen and (min-width: 768px){
	.div-preview{
		max-width:100%;
		flex-basis:100%;
	}
	.div-preview.padding-none{
		padding:0 300px 0 0 !important;
	}
}

/*==================================
	Side Resizeble
==================================*/
.slide-control-parent{
	position: fixed;
	top: 56px;
	left: 0;
	bottom: 0;
	z-index: 1000;
}
#slide-control{
	height:100%;
	background-color:#3c3c3c;
	width:305px;
}
#slide-control:hover{
	background-color:#777;
}
.main{
	padding-left:5px;
}
@media screen and (max-width: 767px){
	.main{
		padding-left:0;
	}
}

/*==================================
	Main
==================================*/
.main{
	margin-left:300px;
}
.bg-inverse .nav-tabs .nav-link.active,
.bg-inverse .nav-tabs .nav-item.show .nav-link,
.bg-inverse .nav-tabs .nav-link:hover{
	background-color:#fff;
	border-color:transparent;
}
.nav-tabs .nav-link.disabled{
	background-color:transparent !important;
}
@media screen and (max-width: 767px){
	.main{
		margin-left:0;
	}
}

/*==================================
	Dropdown list-group
==================================*/
.ul-list-group > li ul{
	display:none;
}
.ul-list-group,
.ul-list-group li,
.ul-list-group li ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.ul-list-group > li > ul >li > a{
	padding-left:40px;
}
.ul-list-group > li > ul >li > ul >li > a{
	padding-left:60px;
}
.ul-list-group > li > ul >li > ul >li > ul >li > a{
	padding-left:80px;
}
.ul-list-group > li > ul >li > ul >li > ul >li > ul >li > a{
	padding-left:100px;
}
.ul-list-group > li > ul >li > ul >li > ul >li > ul >li > ul >li > a{
	padding-left:120px;
}
.ul-list-group li{
	position:relative;
}
.ul-list-group li a{
	display:block;
	padding: 0.75rem 1.25rem;
	color: #333;
	text-decoration:none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	transition-property: all;
	transition: 0.2s linear;
}
.a-find-drop-item-true{
	padding-right:30px !important;
}
.ul-list-group li.active a,
.ul-list-group li a:hover,
.ul-list-group li a:focus,
.ul-list-group li a:active {
	/*background-color: #0275d8;*/
	background-color: #c7c7c7;
	color: #292b2c !important;
}
.ul-list-group li .i-drop-icon{
	position:absolute;
	z-index:1;
	top:17px;
	right:8px;
	cursor:pointer;
	transition-property: all;
	transition: 0.2s linear;
}
.ul-list-group li .i-drop-icon:hover{
	color:#f0ad4e;
}

/*==================================
	Modal
==================================*/
/*inverse*/
.modal-content.bg-inverse .close{
	text-shadow:none;
	color:#fff;
}
.modal-content.bg-inverse .text-muted{
	color:#ccc !important;
}
.modal-content.bg-inverse .modal-header{
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.modal-footer{
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.modal-footer .btn{
	min-width:7em;
}
/*@media (min-width: 992px) {
	.modal-xl {
		max-width: 100%;
		margin-left:15px;
		margin-right:15px;
	}
}*/

/*==================================
	Preview
==================================*/
.card-preview{
	background-color:#fff;
	width: 841.89px;
	min-height: 1190.55px;
	box-sizing: border-box;
	padding:100px;
	color:#000;
	margin:0 auto;
}

/*==================================
	Chart.js
==================================*/
.canvas-wrapper{
	width:400px;
}
@media (max-width: 767px) {
	.canvas-wrapper{
		width:100%;
	}
}