@import  url("mini-dark.min.css");
/*-------------------------------------*/
.erpel_background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: URL("../img/background.png");
	background-size: cover;
	filter: blur(8px);
	-webkit-filter: blur(8px);
	z-index: -1;
}
.main_container{
	width: 100vw;
	height: 100vh;
	overflow: auto;
	display: flex;
	flex-direction: row;
}

.main_container .menu-vertical{
	background-color: rgba(0,0,0,0.5);
	width: 55px;
	height: 100vh;
	text-align: center;
}

.main_container .menu-vertical .client-logo{
	text-align: center;
	padding: 5px 0 5px 0;
}

.main_container .menu-vertical .client-logo img{
	width: 32px;
}

/* tools Menu INI */
.main_container .menu-vertical .tools{
	padding: 15px 0 5px 0;
}

.main_container .menu-vertical .tools .item .sub-item{
	background-color: rgba(0,0,0,0.2);
	border-radius: 5px 0 0 5px;
	padding: 3px;
	margin-left: 10%;
	margin-bottom: 5px;
}
/* tools Menu END */

.basic-container{
	width: 100%;
	background-color: rgba(0,0,0,0.3);
}


/* tools Header Ini*/
.basic-container .basic-header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;	
}

.basic-container .basic-header .basic-header-menu{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
/* tools Header End*/

.basic-container .basic-body{
	margin-left: 1%;
	width: 94%;
	background-color: rgba(0,0,0,0.5);
	border-radius: 3px;
	padding: 2%;
	max-height: 84vh;
	overflow-y: auto;
}


/* login ini*/
.container-login form, form{
	background-color: transparent;
	border-style: none;
}




.input_field input{

}

.container-login form input,form input, .input_field input,.input_field select {
	background-color: rgba(0,0,0,0.2);
	border-style: solid;
	border-width: 1px;
	border-color: #282829;
	width: 100%;
}

.container-login form input[type="button"]{
	background-color: rgba(255,255,255,0.2);
	width: 100%;
}

.input_field input[type="checkbox"]{
	width: initial;
}



/* login end*/


/* Specials ini */
.container-center-center{
	width: 100%;
	/* height: 100%; */
	display: flex;
	justify-content: center;
	flex-direction: initial;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7c5e81; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.center{
	text-align: center;
}

input[type="date"]{
	box-sizing: border-box;
	background: var(--input-back-color);
	color: var(--input-fore-color);
	border: .0625rem solid var(--input-border-color);
	border-radius: var(--universal-border-radius);
	margin: calc(var(--universal-margin) / 2);
	padding: var(--universal-padding) calc(1.5 * var(--universal-padding));
}

.input_field.password1 .special-input-password{
	background-color: #fff;
	color: #000; 
}

/* Specials end */

.container-ok{
	background-color: rgba(169, 166, 212, 0.2);
	width: 90%;
	margin: 0 auto;
	height: 150px;
	padding: 3% 1% 5%;
	border-radius: 5px;
	text-align: center;
}

.container-error{
	background-color: rgba( 150,0,0,0.8 );
	width: 90%;
	margin: 0 auto;
	padding: 5%;
}

.select2-results__option{
	color: #1c1c1c!Important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	color: #1c1c1c!Important;
}