body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
/* 	font-family: corporate-s; */
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

*:focus {
	outline: 0 !important;
}

/* 
body, html, div, textarea, .panel-heading, .form-control, input[type="text"], .btn {
	font-size:24px !important;
}
*/

.page {
/* 	text-align: center; */
}

.intro {
	margin: 5px;
	padding: 20px;
	border: #039BE5 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight:bold;
}

.intro_red {
	margin: 5px;
	padding: 20px;
	border: red 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight:bold;
}

.script-error {
	text-align: left;
	color: red;
	margin: 5px;
	padding: 10px;
	border: red 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*	font-weight:bold;*/
}

.script-ret {
	text-align: left;
	color: blue;
	margin: 5px;
	margin-bottom: 2px;
	padding: 5px;
	border: blue 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*	font-weight:bold;*/
}

.script-ret pre {
	margin:2px;
	font-size: 12px;
}

/*#content, .content {*/
/*	text-align: left;*/
/*	margin: 5px;*/
/*	padding: 20px;*/
/*	border: #039BE5 2px solid;*/
/*	border-radius: 10px;*/
/*	-moz-border-radius: 10px;*/
/*	-webkit-border-radius: 10px;*/
/*}*/

#content, .content {
	text-align: left;
	margin: 5px;
	padding: 15px;
	border: #039BE5 2px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.page_block_warning {
	border: red 2px solid;
}

.page_label {
	text-align: left;
	margin: 5px;
	padding: 20px;
	border: #039BE5 2px solid;
	background-color: #039BE5;
	color: white;
	border-radius: 10px;
	font-weight: bold;
	font-size: 120%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.question_label {
	font-size: 115%;
	color: #039BE5;
	padding-bottom:10px;
}

.answer_title {
	text-align: left;
	margin: 3px;
	padding: 5px;
	background-color: #039BE5;
	color:white;
	font-weight:bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.navbar-client {
	background-color: #EBF8FC;
	color:white;
}

.navbar-ntgreen {
	background-color: #039BE5;
	color:white;
}

.panel-ntgreen {
	border-color: #ddd;
}
.panel-ntgreen > .panel-heading {
	color: #fff;
	background-color: #039BE5;
	border-color: #ddd;
}
.panel-ntgreen > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ddd;
}
.panel-ntgreen > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ddd;
}

.btn-ntgreen {
	color: #fff;
	background-color: #039BE5;
	border-color: #039BE5;
}
.btn-ntgreen:focus,
.btn-ntgreen.focus {
	color: #fff;
	background-color: #039BE5;
	border-color: #039BE5;
}
.btn-ntgreen:hover {
	color: #fff;
	background-color: #0285c4;
	border-color: #0285c4;
}
.btn-ntgreen:active,
.btn-ntgreen.active,
.open > .dropdown-toggle.btn-ntgreen {
	color: #fff;
	background-color: #0285c4;
	border-color: #0285c4;
}

.radio-ntgreen label::before {
	border-color: #039BE5; }
.radio-ntgreen input[type="radio"] + label::after {
	background-color: #039BE5; }
.radio-ntgreen input[type="radio"]:checked + label::before {
	border-color: #039BE5; }
.radio-ntgreen input[type="radio"]:checked + label::after {
	background-color: #039BE5; }
.radio-ntgreen input[type="radio"]:checked + label {
	font-weight: bold;
	color: #039BE5; }
.radio-ntgreen-checked {
	font-weight: bold;
	color: #039BE5; }

.checkbox-ntgreen label::before {
	border-color: #039BE5; }
.checkbox-ntgreen input[type="checkbox"]:checked + label::before {
	background-color: #039BE5;
	border-color: #039BE5; }
.checkbox-ntgreen input[type="checkbox"]:checked + label::after {
	color: #fff; }
.checkbox-ntgreen input[type="checkbox"]:checked + label {
	font-weight: bold;
	color: #039BE5; }

.question_image {
	margin-top:10px;
}

/* .stub_label_block {
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border: #039BE5 4px solid;
	background-color: white; #039BE5;
	color: #039BE5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
} */


.stub_label_block {
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border-top: #039BE5 1px solid;
	border-bottom: #039BE5 1px solid;
	background-color: #039BE5;
	color: white;
}

.stub_label_block_select {
	background-color: #53B154;
	color: white;
}

.head_label_block {
	padding-left:20px;
}

.vg_head_label_block {
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border-top: #eaeaea 1px solid;
	border-bottom: #eaeaea 1px solid;
	background-color: #EAF3E5;
	color: #039BE5;
}

.vg_head_label_block_select {
	background-color: #53B154;
	color: white;
}

.stub_group_block {
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 5px;
	font-weight: bold;
	text-decoration: underline;
/* 	border-top: #eaeaea 1px solid;
	border-bottom: #eaeaea 1px solid;
	background-color: #EAF3E5;
	color: #039BE5; */
}

.hg-coll {
	color: #039BE5 !important;
}

.hg-coll-select {
	color: white !important;
}

.open {
	color: #039BE5 !important;
}

.btn-label {
	font-size: 120%;
	font-weight: bold;
}

.btn-icon {
	margin-top:2px;
	font-size: 130%;
	font-weight: bold;
}
/* .stub-block {
	padding:0px;
	font-weight:bold;
	margin-bottom:5px;
	position: relative;
	overflow: hidden;
	margin-top:5px;
}

.stub-info {
	width: 144px;
	background-color: #666666;
display: inline-block;
	padding: 2px 5px 2px 5px;
	margin: 2px 5px 2px 2px;
	display: table-cell;
	float: left;
	border: #666666 2px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
} */

.config-block {
	float: left;
	width: 250px;
	margin: 2px;
	padding: 2px;
}

.debug {
	text-align:left;
}
.debug_label {
	color: blue;
}

/* .map > .var-block {
	width: 130px;
}

.map {
	position: fixed;
	left: 10px;
	top: 60px;
	width: 180px;
	padding: 2px;
	overflow: scroll !important;
	overflow-x: hidden  !important;
	height: 90vh;
} */

.var-block {
	float: left;
	width: 100px;
	margin: 2px;
	padding: 2px;
	border: 1px solid gray;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
}

.var-go {
	background-color: #ffcc00;
	border-color: #ffcc00;
}

.var-curr {
	background-color: #33cc00;
	border-color: #33cc00;
}

.nt-form {
	border: 1px #cacaca solid;
	border-radius: 5px;
	outline: none;
	padding: 5px;
	min-width: 220px;
	max-width: 100%;

}

.nt-form:focus { 
	outline: none !important;
	border:1px solid #33ccff;
/*     box-shadow: 0 0 10px #719ECE; */
}

.label-edit {
	cursor: pointer;
}

.hg-coll-grp-btn {
	margin:2px;
	border:1px solid;
	-webkit-border-radius:5px;
	height:100% !important;
	color:white;
}

.r5-1 {
	background-color: #ff3e3e;
}
.r5-2 {
	background-color: #ff8484;
}
.r5-3 {
	background-color: #ffcc33;
}
.r5-4 {
	background-color: #33cc00;
}
.r5-5 {
	background-color: #339900;
}

.st {
	color: #3366ff !important;
	font-size: 90% !important;
/* 	text-align: left;
	margin: 1px;
	padding: 3px;
	border: #3366ff 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; */
}

#content img {
	max-width: 100% !important;
}

.lrt,
.lrt-left,
.lrt-right,
.lrt-select {
	border: 1px solid gray;
}

.lrt-left,
.lrt-right {
	background-color: #777777;
	color: white;
	padding: 2px;
}

.lrt {
	text-align:center;
	cursor: pointer;
}

.lrt-select {
	background-color: #5CB85C;
	color: white;
}

.even {
	background-color: #e0e0e0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.grid {
	padding: 3px;
	text-align: left;
    border: 1px solid black;
	border-collapse:collapse;
}

.stub_bank_block {
	margin: 3px;
	margin-left: 3px;
	margin-right: 1px;
	padding: 5px;
	border: white 4px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.stub-bank-select {
	color: #039BE5 !important;
	font-weight:bold;
}

.stub_bank_block > .stub_label {
/* 	width: 115px; */
	margin: 0px;
	padding: 8px;
	padding-left:10px;
	min-height:30px;
	border: 0px solid #5CB85C;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #5CB85C;
	color: white;
	font-weight:bold;
}

/*.collapsing {*/
/*    -webkit-transition-delay: 2s;*/
/*    transition-delay: 2s;*/
/*    visibility: hidden;*/
/*}*/
/**/
/*.collapse.show {*/
/*    -webkit-transition-delay: 3s;*/
/*    transition-delay: 3s;*/
/*    visibility: visible;*/
/*}*/

.rate-0 {
	background-color: #FF1509 !important;
}

.rate-1 {
	background-color: #F9500B !important;
}

.rate-2 {
	background-color: #F5870C !important;
}

.rate-3 {
	background-color: #F0BB0D !important;
}

.rate-4 {
	background-color: #E8EB0E !important;
}

.rate-5 {
	background-color: #B0E50F !important;
}

.rate-6 {
	background-color: #7AE110 !important;
}

.rate-7 {
	background-color: #47DC10 !important;
}

.rate-8 {
	background-color: #17D711 !important;
}

.rate-9 {
	background-color: #12D13A !important;
}

.rate-10 {
	background-color: #12CD67 !important;
}

/*.rate-0 {*/
/*	background-color: #D9524E !important;*/
/*}*/
/**/
/*.rate-1 {*/
/*	background-color: #D56E50 !important;*/
/*}*/
/**/
/*.rate-2 {*/
/*	background-color: #D28852 !important;*/
/*}*/
/**/
/*.rate-3 {*/
/*	background-color: #CFA053 !important;*/
/*}*/
/**/
/*.rate-4 {*/
/*	background-color: #CBB655 !important;*/
/*}*/
/**/
/*.rate-5 {*/
/*	background-color: #C6C856 !important;*/
/*}*/
/**/
/*.rate-6 {*/
/*	background-color: #AEC557 !important;*/
/*}*/
/**/
/*.rate-7 {*/
/*	background-color: #97C159 !important;*/
/*}*/
/**/
/*.rate-8 {*/
/*	background-color: #81BE5A !important;*/
/*}*/
/**/
/*.rate-9 {*/
/*	background-color: #6EBB5B !important;*/
/*}*/
/**/
/*.rate-10 {*/
/*	background-color: #5CB85C !important;*/
/*}*/


.checkbox, .radio {
    margin-top: 5px;
    margin-bottom: 5px;
}

.p-bar {
	max-width:200px;
	margin-left:7px;
}

.progress {
	margin-bottom:5px;
}

.progress-bar {
	color:black;
}

/*.plyr__progress--seek {*/
/*}*/
/**/
/*.plyr__progress--played, .plyr__volume--display {*/
/*}*/

.plyr__progress--played-disabled {
	color: #c8c8c8;
}

.fbl {
	font-size:110%;
	font-weight: bold;
}

.rank_stub_block {
	text-align: left;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	border: #039BE5 2px solid;
/*	background-color: #039BE5;*/
	color: #039BE5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.rank_stub_label {

}

.rank_stub_select {
	padding: 1px;
/*	font-size: 80% !important;*/
	border: #039BE5 2px solid;
	background-color: #039BE5;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

/* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
/*  position: relative; */
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.8em; 
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;  
  /* place for '...' */
/*  margin-right: -1em;*/
/*  padding-right: 1em;*/

/*	display: block;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis; */
/*    -o-text-overflow: ellipsis;*/
/*	max-width: 100%;*/
}


.rank_stub_move {
	min-height:20px;
	margin-top: 3px;
}

.rank_stub_move > .fa {
	cursor: pointer;
}

.rank_head_label_block {
	text-align: left;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	border: #039BE5 2px solid;
 	background-color: #039BE5;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	cursor: pointer;
}