@charset "utf-8";
@font-face {
	font-family: mySelectFont;
	src: url(font/courier-new-bold.ttf);
}

body{
	margin: 0px !important;
	width: 100% !important;
	height: 100% !important;
	background: linear-gradient(335deg, #FFF, #3b91fb) !important;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#loader{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 19999;
	background: url("../img/load_small.gif") 50% 50% no-repeat rgb(249,249,249);
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	text-shadow: 6px 3px 4px #CE5937;
	font-size:4vh;
}

@media (orientation: landscape) {
	body,.my-big-font{
		font-size: 2vw !important;
	}
	
	
}
@media (orientation: portrait) {
	body,.my-big-font{
		font-size: 3vh !important;
	}
}

.btn {
	&:hover {
		background-color: var(--bs-btn-active-bg) !important;
		color: var(--bs-btn-active-color) !important;
	}
	&:focus {
		background-color: var(--bs-btn-active-bg) !important;
		color: var(--bs-btn-active-color) !important;
	}
	&.active {
	  &:hover {
		background-color: var(--bs-btn-active-bg) !important;
		color: var(--bs-btn-active-color) !important;
	  }
	  &:focus {
		background-color: var(--bs-btn-active-bg) !important;
		color: var(--bs-btn-active-color) !important;
	}
	}
}

#textarea1{
	width: 100% !important;
	font-family: mySelectFont !important;
	font-size: 1vw !important;
	overflow-x: scroll; 
	overflow-y: scroll; 
}

.tableResult{
	width: 100% !important;
	border-collapse: collapse !important;
}

.tableResult thead td{
	text-align: center !important;
	font-weight: bold;
}

.tableResult td { 
	border: 1px solid #AAA !important;
}

.tableResult tbody tr:hover{
	background: #fffb83;
	cursor:pointer;
}

.mainTable{
	width: 100% !important;
	border-collapse: collapse !important;
}

.mainTable td { 
	border: 1px solid #555 !important;
	text-align: left !important;
	vertical-align: top !important;
}

.mainTable thead{
	background: #206fff;
	color: #fff;
	position: sticky; 
	top: 0px;
}

.mainTable thead td {
	text-shadow: 3px 2px 6px #555;
}

#mainTable2{
	height: 100% !important;
}

#tableResult5{
	font-size: 12px !important;
}

.mainDiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.floatDiv{
	position: absolute;
	bottom: 3;
	left: 3;
	height: 25px;
	background: #fff;
	padding: 12px;
	border: 1px solid #999;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.commentDiv{
	position: absolute;
	bottom: 0;
	height: 15px;
	width: 100%;
	background: #ccc;
	font-size:12px;
	/*background: transparent;*/
	opacity: 0.5;
}

.floatDiv:hover{
	background: #ffd7d7;
}

.noActiv{
	background: #ccc;
}
.importantCol{
	background: #ffd7d7;
}

.input_find{
	font-size:12px;
	margin: 1px;
	border-radius: 2px;
	border: 1px solid #000;
	padding: 1px;
	width: 100%;
}

.trCtrl{
	background: #d7ffd7;
}

.dropdown-menu {
	max-height: 500px;
	overflow-y: scroll;
}