@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import "_style.css";
@import "_button.css";
@import "_agv.css";
@import "_login.css";
@import "_form.css";
@import "_sidebar.css";
@import "_header.css";
@import "_homepage.css";
@import "_colors.css";
@import "_table.css";
@import "_animation.css";
@import "_flash_message.css";


* {
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0;
	margin: 0;
}

input:focus {
	outline: none;
}

html {
	background: rgba(76, 104, 235, 0.06);
}

body {
	position: relative;
	min-width: 100vh;
	width: 100%;
	/*overflow: ;*/
	-webkit-font-smoothing: antialiased;

}


.main_container h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 10px 0 20px 0;
	font-weight: bolder !important;
	color: rgb(3, 147, 210) !important;
}

.main_container h1 {
	font-size: 1.8vw !important;
	font-weight: 0;
}

h2 {
	margin: 20px 0 10px 0;
	font-size: 1.5vw !important;
	color: rgb(3, 147, 210);
}

a, a:hover {
	color: inherit;
	text-decoration: none;
}

/* FLASH MASSAGE */

@keyframes example {
	from {
		top: 0;
		opacity: 0;
	}
	to {
		top: 25px;
		opacity: 1;
	}
}

.eqip_grid {
	display: none;
	grid-template-columns: 1fr 1fr 1fr;
}

.eqip_grid label input {
	width: 45%;
}

.eqip_grid br {
	display: none;
}

.main_container {
	position: absolute;
	width: calc(100% - 78px);
	min-height: 100vh;
	left: 78px;
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	background: rgba(0, 212, 255, 0.2);
	background: linear-gradient(90deg, rgba(0, 212, 255, 0.2) 0%, rgba(156, 101, 255, 0.1) 90%, rgba(165, 52, 247, 0.1) 100%), url("media_core/lines.svg");
	background-repeat: repeat-y;
	background-position: right top;
	transition: all 0.4s ease;
}

.main_container.active {
	width: calc(100% - 240px);
	left: 240px;
}


.main_content {
	position: absolute;
	top: 70px;
	left: 10%;
	width: 90%;
	height: auto;
	padding: 2% 2% 0 2%;

}

/* margin custom */

.margin-tb {
	margin: 10px 0 10px 0;
}

.margin-b {
	margin-bottom: 40px;
}

.margin-l {
	margin-left: 5px;
}

.margin-t {
	margin-top: 10px;
}

.margin-b-small {
	margin-bottom: 10px;
}

/* padding custom */
.padding-all {
	padding: 15px;
}

.padding-lr {
	padding: 0 15px;
}

.float-left {
	float: left;
}

.image_shadow {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* FLEX STANDARTS */

.flex {
	display: flex;
}

.f1, .f2, .f3 {
	padding: 5px;
}

.flex .f1 {
	flex: 1;
}

.flex .f2 {
	flex: 2;
}

.flex .f2 {
	flex: 3;
}


/* GRiD STANDARTS  */

.grid {
	margin: 5px 0;
	display: grid;
}


.grid.g2 {
	grid-template-columns: 1fr 1fr;
}

.grid.g3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid.g4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.g2_1-2 {
	grid-template-columns: 1fr 2fr;
}

.grid.g2_2-1 {
	grid-template-columns: 2fr 1fr;
}

.grid_c_1-2 {
	grid-column: 2/3;
}


/* FLEX AND GRID custom*/
.gap_min {
	gap: 1em;
}

.ai_self_end {
	align-items: self-end;
}

.base_table {
	width: 100%;
}