/* @font-face { font-family: 'Noto Sans'; src: url('NotoSans-Bold.ttf');} */

* {
    margin: 0;
    padding: 0;
    /* font-family: 'Noto Sans', sans-serif; */
}

html {
    width: 100%;
    height: 100%;
	overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
}

.MIdatatable-header, .MIdatatable-body, .MIdatatable-body-container , .MIdatatable-header-container {
	width: 100%;
	padding : 0;
	margin : 0;
	border : none;
	border-collapse: collapse;
	overflow : hidden;
	float : left;
	background-color: var(--light-5);
	border-radius: 5px;
}

.MIdatatable-input {
	width: 100%;
    height: 100%;
	border : none;
	border-collapse: collapse;
	box-shadow : 0px 0px 0px 1px rgb(172, 198, 0) inset;
	background-color: white;
}

.MIdatatable-image-select {
	vertical-align : middle;
	background-position : left;
	background-repeat : no-repeat; 
	background-size : contain; 
	height : 50px;
}

.MIdatatable-title-container {
	background-color : var(--strong-2);
	color : var(--light-2);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height : 30px;
	line-height : 30px;
}

.MIdatatable-command-container {
	background-color : var(--strong-2);
	color : var(--light-2);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height : 30px;
	line-height : 30px;
}

.text {
	font-size : 16px;
	font-weight: normal;
}

.text-center {
	text-align : center;
}

.hidden  {
	display : none;
}

.MIdatatablebar-y {
	height: 100%;
	float : right;
}

.duplicate {
	background-color: orange;
}

.MIdatatablebar-y >.cursor-container{
	background-color: #eee;
	width : 100%;
	overflow: hidden;
}

.MIdatatablebar-y >.button-up {
	height : 20px;
	width : 25px;
	background:url('../img/angle-up-sm.svg');
	background-size : cover; 
	background-repeat : no-repeat; 
}

.MIdatatablebar-y >.button-down {
	height : 20px;
	width : 25px;
	background:url('../img/angle-down-sm.svg');
	background-size : cover; 
	background-repeat : no-repeat; 
}

.MIdatatablebar-y>.cursor-container >.cursor {
	height : 20px;
	width : 25px;
	background:url('../img/drag.jpg');
	position: relative;
	background-size : cover; 
	background-repeat : no-repeat; 
	background-color: grey;
}
.MIdatatable-header td, .MIdatatable-body td{
	padding : 0;
	margin : 0;
	/* border-right : 1px solid var(--light-2); */
	min-height: 22px;
	height : 100%;
}

.MIdatatable-header th {
	height : 30px;
	line-height : 30px;
	padding : 0;
	margin : 0;
	float: left;
	/* border-right : 1px solid; */
	background-color : var(--strong-2);
	color : var(--light-2);
}

.MIdatatable-body tr > td:last-of-type, .MIdatatable-header tr > th:last-of-type{
	border : none ! important;
}

.MIdatatable-body td {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.MIdatatable-body td>* {
	font-size: 16px;
}

.MIdatatable-body tr {
	height : 50px;
	vertical-align : middle;
}

.MIdatatable-body input[type='checkbox'] {
	height : 22px;
	line-height : 20px;
}

.MIdatatable-body tr:nth-child(even) {
	background-color: var(--light-5);
	color: var(--light-1);
}

.MIdatatable-body tr:nth-child(odd) {
	color: var(--light-1);
	background-color: var(--light-5);
}

.MIdatatable-body>tr:nth-child(even):not(.selected):hover {
	background-color: #bbb ;
}

.MIdatatable-body>tr:nth-child(even):not(.selected):hover>td {
	/* border-right : 1px solid #bbb; */
}

.MIdatatable-body>tr:nth-child(odd):not(.selected):hover {
	background-color: #ccc ;
}


.MIdatatable-body>tr:nth-child(odd):not(.selected):hover>td {
	/* border-right : 1px solid #ccc; */
}

.MIdatatable-body>tr:nth-child(even).selected  {
	background-color: var(--strong-2);
}

.MIdatatable-body>tr:nth-child(even).selected>td  {
	/* border-right : 1px solid var(--strong-2); */
}

.MIdatatable-body>tr:nth-child(odd).selected  {
	background-color: #40b4e7;
}

.MIdatatable-body>tr:nth-child(odd).selected>td  {
	/* border-right : 1px solid #40b4e7; */
}

.MIdatatable-button {
	height : 22px;
	line-height : 20px;
	/* font-size : 16px; */
	margin : 4px;
	text-align:center;
	text-decoration: none;
	color: #ffffff;
	background-color: var(--strong-2);;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-left : 5px;
	padding-right : 5px;
}
.MIdatatable-button:hover {
	background-color: #006EA5;
}
.MIdatatable-button:active {
	background-color: rgb(172, 198, 0);
}

.MIdatatable-select {
	height : 22px;
	line-height : 20px;
	/* font-size : 16px; */
	margin : 4px;
	text-align:center;
	text-decoration: none;
	color: #ffffff;
	background-color: var(--strong-2);
	/* border: 1px solid var(--strong-2); */
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-left : 5px;
	padding-right : 5px;
}