body {
	font-family: Calibri, Arial, Sans Serif;
	margin: 0px;
}

.hidden {
	display: none;
}

.data-table {
	font-size: 86%;
	width: 100%;
}
.heading-data-row{
	background-color: #ffffff;/*#111111;*//*#bff2ff;#e0e0e0;*/
	color: #000000;/*#ffffff;*/
}
.data-row {
	background-color: #ffffff;
	text-align: left;
}
th {
	text-align: left;
}

/*.data-table tbody tr {
	background: url(img/toggle_checked.png) no-repeat 0 0;
}
.data-table tbody tr:nth-child(odd) {
	background-color: #efefef;
}
.data-table tbody tr:nth-child(even) {
	
}
*/
/* .data-table tbody tr:hover {
	background-color: #dedeff;
} */

table.dataTable td,
table.dataTable th {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


table.dataTable tbody tr:hover {
	opacity:0.7;
}
table.dataTable tbody tr.selected {
	background-color: #FFFFFF;
/*	font-weight: bold;
    border-style: solid;
    border-width: 1px;
	border-color: red; */
}

/*

table.dataTable tbody tr.selected td:first-child {
	background: url(img/toggle_checked-2.png);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 32px 32px;
}
table.dataTable tbody tr.selected td:nth-child(2) {
	background: url(img/toggle_checked-2.png);
    background-repeat: no-repeat;
	background-position: left center;
    background-size: 32px 32px;
}

*/

table.dataTable tbody tr td:first-child {
	background: url(img/unchecked.png);
    background-repeat: no-repeat;
	background-position: 4px center;
    background-size: 24px 24px;
	background-overflow: visible;
}/*
table.dataTable tbody tr td:nth-child(2) {
	background: url(img/unchecked.png);
    background-repeat: no-repeat;
	background-position: 4px center;
    background-size: 24px 24px;
	background-overflow: visible;
}
table.dataTable tbody tr td:nth-child(3) {
	background: url(img/unchecked.png);
    background-repeat: no-repeat;
	background-position: 4px center;
    background-size: 24px 24px;
	background-overflow: visible;
}
table.dataTable tbody tr td:nth-child(4) {
	background: url(img/unchecked.png);
    background-repeat: no-repeat;
	background-position: 4px center;
    background-size: 24px 24px;
	background-overflow: visible;
}*/

table.dataTable tbody tr.selected td:first-child {
	background: url(img/checked-2.png);
    background-repeat: no-repeat;
	background-position: 4px center;
    background-size: 24px 24px;
}/*
table.dataTable tbody tr.selected td:nth-child(2) {
	background: url(img/checked-2.png);
    background-repeat: no-repeat;
	background-position: 4px center;
    background-size: 24px 24px;
}
table.dataTable tbody tr.selected td:nth-child(3) {
	background: url(img/checked-2.png);
    background-repeat: no-repeat;
	background-position: 4px center;
    background-size: 24px 24px;
}
table.dataTable tbody tr.selected td:nth-child(4) {
	background: url(img/checked-2.png);
    background-repeat: no-repeat;
	background-position: 4px center;
    background-size: 24px 24px;
}*/

table.dataTable tbody tr.child td:first-child {
	background: none;
}/*
table.dataTable tbody tr.child td:nth-child(2) {
	background: none;
}
table.dataTable tbody tr.child td:nth-child(3) {
	background: none;
}
table.dataTable tbody tr.child td:nth-child(4) {
	background: none;
}*/

table.dataTable tbody tr.child:hover {
	background-color: #eff4fd;/*//Cornflower;//#FFD700;*/
	opacity:1.0;
}

table.dataTable tbody tr.childholder td {
	margin: 0 0 0 0;
	padding: 4px 0 4px 0;
}
table.dataTable tbody tr.childholder:hover {
	color: #000;
	background-color: #fff;
	opacity:1.0;
}


td.select-row {
	cursor: pointer;
}

td.details-control {
	text-align: center;
	color: forestgreen;
	cursor: pointer;
}
tr.shown td.details-control {
	text-align: center; 
	color: red;
}

.btn-custom {
    color: #fff;
    background-color: #E5593F;
    border-color: #E5593F;
	font-weight: bold;
}
.btn-custom:hover {
    color: #fff;
    background-color: #b1caf6;
    border-color: CornflowerBlue;
	font-weight: bold;
}

.btn-custom2 {
    color: #fff;
    background-color: Blue;
    border-color: #fff;
	font-weight: bold;
}
.btn-custom2:hover {
    color: #fff;
    background-color: #b1caf6;
    border-color: CornflowerBlue;
	font-weight: bold;
}

button.select-button {
	color: white;
	font-weight: bold;
	background-color: forestgreen;
	background-image:-webkit-linear-gradient(top, forestgreen 0%, #114511 100%);
	background-image:-moz-linear-gradient(top, forestgreen 0%, #114511 100%);
	background-image:-ms-linear-gradient(top, forestgreen 0%, #114511 100%);
	background-image:-o-linear-gradient(top, forestgreen 0%, #114511 100%);
	background-image:linear-gradient(top, forestgreen 0%, #114511 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='forestgreen', EndColorStr='#114511');
}
button.select-all-button {
	font-weight: bold;
	background-color: ivory;
	background-image:-webkit-linear-gradient(top, ivory 0%, #e5e5d8 100%);
	background-image:-moz-linear-gradient(top, ivory 0%, #e5e5d8 100%);
	background-image:-ms-linear-gradient(top, ivory 0%, #e5e5d8 100%);
	background-image:-o-linear-gradient(top, ivory 0%, #e5e5d8 100%);
	background-image:linear-gradient(top, ivory 0%, #e5e5d8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='ivory', EndColorStr='#e5e5d8');
}
button.export-button {
	font-weight: bold;
	background-color: #FFD0C7;
	background-image:-webkit-linear-gradient(top, #FFD0C7 0%, #E5593F 100%);
	background-image:-moz-linear-gradient(top, #FFD0C7 0%, #E5593F 100%);
	background-image:-ms-linear-gradient(top, #FFD0C7 0%, #E5593F 100%);
	background-image:-o-linear-gradient(top, #FFD0C7 0%, #E5593F 100%);
	background-image:linear-gradient(top, #FFD0C7 0%, #E5593F 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#FFD0C7', EndColorStr='#E5593F');
}

input.update-button {
	font-weight: bold;
	padding: 6px 50px;
	background-color: ivory;
	background-image:-webkit-linear-gradient(top, ivory 0%, #e5e5d8 100%);
	background-image:-moz-linear-gradient(top, ivory 0%, #e5e5d8 100%);
	background-image:-ms-linear-gradient(top, ivory 0%, #e5e5d8 100%);
	background-image:-o-linear-gradient(top, ivory 0%, #e5e5d8 100%);
	background-image:linear-gradient(top, ivory 0%, #e5e5d8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='ivory', EndColorStr='#e5e5d8');
}


div.dom_wrapper {
	position: sticky;  /* Fix to the top */
	top: 0;
	padding: 5px;
	height: 40px;
	background: rgba(255,255,255,1);  /* hide the scrolling table */
}
div.toprow {
	position: sticky;
	top: 0;
	background: rgba(255,255,255,1);
}
/*
a.select-button:hover {
	color: white;
	font-weight: bold;
	background-color: #b1caf6;
	background-image:-webkit-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-moz-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-ms-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-o-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b1caf6', EndColorStr='CornflowerBlue');
}
*/

button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled){
	box-shadow:inset 1px 1px 3px #999999;
	color: white;
	font-weight: bold;
	background-color: #b1caf6;
	background-image:-webkit-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-moz-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-ms-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-o-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b1caf6', EndColorStr='CornflowerBlue');
}

button.dt-button:hover,div.dt-button:hover,a.dt-button:hover{
	text-decoration:none
}

button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled){
	border:1px solid #666;
	color: white;
	font-weight: bold;
	background-color: #b1caf6;
	background-image:-webkit-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-moz-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-ms-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:-o-linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	background-image:linear-gradient(top, #b1caf6 0%, CornflowerBlue 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b1caf6', EndColorStr='CornflowerBlue');
}


/*tr.data-row td:nth-child(odd) {
	//background-color: #efefef;
}
tr.data-row td:nth-child(even) {
	background-color: #efefef;
}
tr.data-row td:nth-child(1) {
	background-color: #202020;
	color: #ffffff;
}*/

select:disabled{
   opacity: 0.6;
}


.tooltip {
    position: relative;
    display: inline-block;
    //border-bottom: 1px dotted black;
	opacity: 1;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 470px;
    background-color: rgba(0,0,0,0.6);
	//opacity: 0.6;
	font-weight: normal;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -235px;
}

.tooltip .tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
	opacity: 0.6;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltip-right {
  top: -15px;
  left: 125%;
  margin-left: 0px;
}

.tooltip .tooltip-right::before {
    content: "";
    position: absolute;
    top: 24px;
    //left: -5px;// 100%;
	right: 360px;
	margin-left: 0px;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
	border-color: #555;
	border-color: transparent #555 transparent transparent;
	/*border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-right: 5px solid black;*/
}


.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fe0082;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}