.fltr_select{
	border: 1px solid #1eb350;
	color: green;
	font-family: goth_nrml;
	padding: 0.2rem 0.75rem 0.2rem 0.75rem;
	line-height: 1.4rem;
	padding: 0.15rem 0.75rem 0.15rem 0.75rem;
	display:inline-block;
	vertical-align:middle;
	margin:0 2px 2px 2px;
	border-radius: 3px;
	cursor:pointer;
	background: white;
}
#fltr_wrp{
	padding:5px;
}

.list_tbl{
	border-collapse:separate;
	font-family: goth_nrml;
	width:100%;
}
.list_tbl td{
	text-align:left;
	padding:10px;
}
.list_test_green td{
	color: #093;
	background: #EAFFEA;
}
.list_test_red td{
	color: #ff3f3f;
	background: #ffe9ed;
}
.list_test_orange td{
	color: #f70;
	background: #fff5e9;
}
.list_test_error td{
	font-style:italic;
}
.tr_space{
	height:10px;
}
.nav_test_wrp{
	position:absolute;
	right:10px;
	top:5px;
}
[class^='test-nav-']{
	width:30px;
	height:30px;
	display:inline-block;
	cursor:pointer;
	border-radius:100px;
	background-color:#fa6;
	background-size:80%;
	background-repeat: no-repeat;
	background-position:center;
}
[class^='test-nav-']:hover{
	background-color:#f70;
}
.test-nav-set{
	/* background-image:url('../images/icons/test_set.svg'); */
	background-image:url('../images/icons/test_home.svg');
}
.test-nav-add{
	background-image:url('../images/icons/test_add.svg');
}
.test-nav-res{
	background-image:url('../images/icons/test_res.svg');
}
.test-bar-sect{
	position:relative;padding-right: 110px;
}
[class^='but-test-']{
	display:inline-block;
	cursor:pointer;
	border-radius:100px;
	background-size:80%;
	background-repeat: no-repeat;
	background-position:center;
	vertical-align:top;
	width:25px;
	height:25px;
	margin-top:2px;
}
.list_test_green [class^='but-test-']{
	background-color:#8cc18c;
}
.list_test_orange [class^='but-test-']{
	background-color:#fa6;
}
.list_test_red [class^='but-test-']{
	background-color:#ff8484;
}
.but-test-res-remove{
	background-image:url('../images/icons/test_del.svg');
	background-color:#a9d5a9;
}
.but-test-res-remove:hover{
	background-color:#f70;
	background-color:#093;
}
.but-test-res-add{
	background-image:url('../images/icons/test_add.svg');
	background-color:#fa6;
}
.but-test-res-add:hover{
	background-color:#f70;
}

.but-test-answer-remove{
	background-image:url('../images/icons/test_del.svg');
	background-color:#a9d5a9;
	vertical-align:middle;
	margin:0;
	margin-left:3px;
}
.but-test-answer-remove:hover{
	background-color:#093;
}
.but-test-answer-add{
	background-image:url('../images/icons/test_add.svg');
	background-color:#a9d5a9;
}
.but-test-answer-add:hover{
	background-color:#093;
}


.but-test-class-remove{
		background-image:url('../images/icons/test_del.svg');
		margin-left:10px;
		}
.but-test-remove{
		background-image:url('../images/icons/test_del.svg');
		}
.but-test-show{
		background-image:url('../images/icons/test_show.svg');
		}
.but-test-add{
		background-image:url('../images/icons/test_add.svg');
		background-color:#a9d5a9;
		margin-left:10px;
		}
.but-test-edit{
	/* background-image:url('../images/icons/arr_link.svg'); */
	background-image:url('../images/icons/test_set.svg');
}
.list_test_green [class^='but-test-']:hover,
.but-test-add:hover
{
	background-color:#093;
}
.list_test_orange [class^='but-test-']:hover{
	background-color:#f70;
}
.list_test_red [class^='but-test-']:hover{
	background-color:#ff5050;
}
.test_clss{
	display:inline-block;
	
}
.test_clss td{
	padding:4px 15px;
	text-align:center;
}
.test_clss [type='checkbox']{
	cursor:pointer;
}
.test-class{
	font-weight:bold;
	color:#093;
}
.test-note{
	color:#72bb72;
	font-style:italic;
}

.test_cl_sb{
	
	text-align:center !important;
	font-weight:bold;
	border-radius:4px;
}
.list_test_green .test_cl_sb{
	background:#1eb350 !important;
	color:#EAFFEA !important;
}
.list_test_orange .test_cl_sb{
	background:#f70 !important;
	color:white !important;
}
.list_test_red .test_cl_sb{
	background:#fb6969 !important;
	color:white !important;
}
.test_cl_sb,.test_act,.test_rem{width:0}
.test_thm{
	font-weight:bold;
	cursor:pointer;
}
.list_test_green .test_thm:hover{
	background:#cfc !important;
	text-decoration:underline;
}
.list_test_orange .test_thm:hover{
	background:#ffedd8 !important;
	text-decoration:underline;
}
.list_test_red .test_thm:hover{
	background:#ffdee4 !important;
	text-decoration:underline;
}
.thm_dscrb{
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 1rem;
overflow: hidden;
}
.test-res{
	display:inline-block;
	border-collapse:collapse;
}
.test-res td, .test-res th{
	border:1px solid #fa6;
	padding:2px 6px;
}
 .test-res th{
	 color:white;
	 background:#f70;
 }
.tested-ppl{
	text-align:left;
	overflow:hidden;
	padding-right:20px !important;
	font-size:14px;
	position:relative;
}

.wrp_acs{
	
	position:absolute;
	top: -25px;
	right: -25px;
	width: 40px;
	height: 40px;
	background: #fa6;
	cursor: pointer;
	transform: rotate(-45deg);
/* 	margin-right: -43px;
	margin-top: -26px; */
	}
.wrp_acs:hover{
	background:#f70;
}
.crcl_acs{
	width:5px;height:5px;
	background:white;
	border-radius:50px;
	position:absolute;
	left:3px;
	top:18px;
}
.img_acs{
	width:100%;
	cursor:pointer;
}
.tested-mark{
	color:#f70;
	font-weight:bold;
	font-family:goth_nrml;
}
.tested-un-mark{
	color:#093;
	font-weight:bold;
	font-family:goth_nrml;
	cursor:pointer;
}
.tested-un-mark:hover{
	background:#EAFFEA;
}
/* .finish-mark,.tested-un-mark{text-decoration:underline;} */

.finish-mark:hover{
	cursor:pointer;
	/* background:#fff5e9; */
	background: #f70 !important;
  color: white !important;
  

}
.tested-date{
	color:#9cbd99;
	font-style:italic;
	font-family:goth_nrml;
	font-size:14px;
}
.test-section{background-color: #fa6;padding: 4px 15px;}
.quest-section{
	background-color: #1eb350;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 4px 50px 4px 15px;
	}
.test-section,.quest-section{
	color: white;
	text-align: left;
	font-weight: bold;
	border-radius: 3px;
	font-size:1rem !important;
	
}
.test_sect_slider,.quest-section{
	background-image: url('../images/icons/test_show.svg');
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: right 10px top 1px;
	margin-bottom:3px;
	padding-right:35px;
}
.test_sect_slider:hover{
	background-color:#ff8f2c;cursor:pointer;
}
.quest-section:hover{
	background-color:#39d06c;cursor:pointer;
}
.test-res-rem{
 	border:none !important;
 	padding:2px 2px !important;
	color:orange !important;
}
.rmvd-tr td:not(:last-child){
	background:#fff5e9 !important
	}

.test-info{
	color:#85a4c4;
	font-family:goth_nrml;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}	
.test-info-data{
	color:#f70;
}
#bal_sum{
	font-size:22px;
	font-weight:bold;
	color:#1eb350;
	font-family:goth_nrml;
	display:inline-block;
	vertical-align:middle;
}

.tanswer-wrp *{
	box-sizing: border-box;
}
.tanswer-wrp{
	margin:4px 0 15px 0;
	white-space:nowrap;
}
.tanswer-wrp textarea{
	height:55px;
	padding:2px 10px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
[name='text_quest']	{
	display:block;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}
.user-answer{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}
.radio-answer,.radio-seach{
	cursor:pointer;
}	
.tanswers-wrp{
	text-align:left;
	display:inline-block;
	width:90%
}	


.testq-img {
  max-width: 98%;
  display: inline-block;
  margin: 5px 0;
  max-height:400px;
}
.retake-row td:not(.test-res-rem){
	background:#fff3e9;
	font-style:normal;
}
.test-main{
	width:100%;
	margin-right:5px;
}
.test-state-ppl{
	flex: 0 0 100px;
	
}
.test-header{
	display:block;
	text-align:left;
	padding:2px 5px;
	font-style:italic;
	font-family:goth_nrml;
	font-weight:bold;
	border-radius:3px 3px 0 0;
	font-size:14px;
}
.test-theme{
	font-weight: bold;
	padding:10px 5px;
	text-align: center;
	font-size: 1.3rem;
	font-family: Arial;
	color: #f70;
	font-size: 1.2rem;
	border-radius:0 0 3px 3px ;
	
	height:70px;
	max-height:70px;
	

}
.usr-tst-actv .test-header{
	background: #ffc47e;
	color: #fff;
}
.usr-tst-cmpltd .test-header{
	background: #72d772;
	color: #fff;
}
.usr-tst-closed .test-header{
	background:#90b8c1;
	color: #fff;
}

.usr-tst-actv .test-theme{
	color: #f70;
	background:#fffbf5;
	border-bottom:5px solid #fff1e0;
}
.usr-tst-cmpltd .test-theme{
	color: #093;
	background:#efe;
	border-bottom:5px solid #daf7da;
}
.usr-tst-closed .test-theme{
	color: #5a94a2;
	background:#e9fbff;
	border-bottom:5px solid #dcf2f7;
}


.usr-tst-actv .test-state-ppl{
	background: #fff5e9;
	border-radius:3px;
	font-weight:bold;
	flex-direction: column;
	color:#f70;
	line-height: 1;
	
}
.usr-tst-cmpltd .test-state-ppl{
	border-radius: 3px;
	font-weight: bold;
	flex-direction: column;
	color: #093;
	line-height: 1;
	background:#efe;
	border-bottom:5px solid #daf7da;
	border-top:5px solid #daf7da;
	
}
.usr-tst-closed .test-state-ppl{
	border-radius: 3px;
	font-weight: bold;
	flex-direction: column;
	color: #5a94a2;
	background:#e9fbff;
	border-bottom:5px solid #dcf2f7;
	border-top:5px solid #dcf2f7;
	
}
.test-mark{
	font-size:45px;
	margin-top: 5px;
	font-family:goth_nrml;
}
.test-end{
	font-style:italic;
	color:#75bf75;
	font-family:goth_nrml;
	font-size:12px;
	margin-top:3px;
}
.go-to-test{
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:40px;
	background: url('../images/icons/arr_link.svg') center/80% no-repeat, #FF9933;
	margin:5px 0 5px 0;
	cursor:pointer;
	}

.go-to-test:hover{
background: url('../images/icons/arr_link.svg') center/80% no-repeat, #f70;
}
.test-clock{
	width:100%;
	height:100%;
	background:url('../images/icons/test_clock.svg') center/50% no-repeat, #fffbf5;
border-bottom: 5px solid #fff1e0;
    border-top: 5px solid #fff1e0;
	border-radius:3px;
}

.test-theme-wrp{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow:hidden;
	  line-height: 1.3;
}
}
.theme-wrp{
	font-size:22px;
	color:#f70;
}
.test-about{
	font-style:italic;
	font-family:goth_nrml;
}
.test-about span{
	color:#f70;
	font-weight:bold;
	white-space:nowrap;
}
.test-qst-hdr{
font-weight: bold;
font-family: goth_nrml;
padding: 0rem 1rem;
border-radius: 4px;
display: block;
font-size: 16px;
text-align: left;
background: #EAFFEA;
color: #009933;
margin-bottom: 10px;
text-align:right;
border-bottom:1px solid #82d99f;
}
.test-qst-name{
	font-size:22px;
	font-weight:bold;
	background: #EAFFEA;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#tst_fld .custom-radio,
#tst_fld .custom-checkbox
{
	 margin-top:12px;
}
.test-res-mark{
	color:orange;
	font-size:46px;
	font-weight:bold;
	display:inline-block;
	padding:0px 30px;
	background:#fff5e9;
	font-family:goth_nrml;
	border-radius:4px;
}
.test-clear-cell{
	background:none !important;
	border:none  !important;
	margin-bottom:2px;
}
.res_lck .tested-ppl,
.res_lck .test-row-num,
.res_lck .tested-mark,
.res_lck .tested-un-mark,
.res_lck .tested-date
{
	background: #fa6;
	color: white;
	border:1px solid #f70;
}
.lck-cell{padding:0 !important}
[type='checkbox']{cursor:pointer;}

.fld-answ-wrp,.rad-answ-wrp,.add-answ-wrp{
	display:inline-block;
	vertical-align:top;
}

.fld-answ-wrp{
	width:90%;
	margin-left:5px;
}
.fld-answ-wrp textarea{
	display:block;
}
.rad-answ-wrp{
	margin-top:20px;
	text-align:right;
}
.show-smbls{
	height:20px;
	width:100%;
	background-image: url('../images/icons/test_show.svg');
	background-color:#a9d5a9;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: center;
	cursor:pointer;
	}
.show-smbls:hover{
	background-color:#81b381;
}
.add-answ-wrp{
	padding:0 !important;
	margin-top:20px;
}
.smblswrp{
	border: 1px solid #1eb350;
	height:150px;
	overflow-y:scroll;
display: block;
white-space: normal;
	}
.accord .smblswrp{
		position:absolute;
		width:100%;
		z-index:1000;
		background:white;
	}
.smbl-hdr{
	background: #e8ffe8;
	padding: 2px;
	border-bottom: 1px solid #1eb350;
	text-align: left;
}
.smbl-wrp{
	display:inline-block;
	padding:2px 5px;
	background:white;
	border: 1px solid #1eb350;
	border-radius:3px;
	cursor:pointer;
	margin:1px;
	
}
.smbl-wrp:hover{
	background: #e8ffe8;
}
.smbls-wrp{
	padding:5px;
	text-align:center;
}

.smbl-exmpl{
	background: #fff5e9;
	color: #f70;
	display:inline-block;
	padding:3px 6px;
	margin-top:10px;
}

.test-res-show-quest, .test-res-show-null{
	padding: 6px 15px;
	font-family: goth_nrml;
	border-radius: 4px;
}
.test-res-show-quest{
	text-align:left;
	background: #EAFFEA;
	color: #006935;
}
.test-res-show-bal{
	color: orange;
	font-weight: bold;
	padding: 6px 15px;
	background: #fff5e9;
	font-family: goth_nrml;
	border-radius: 4px;
	font-size:22px;
}
.test-res-show-null{
  color: #ff3f3f;
  background: #ffe9ed;
}
.mark-show-quest{
	text-align:left;
	background: #EAFFEA;
	color: #006935;
	max-width:350px;
}
.mark-show-bal{
	color: orange;
	font-weight: bold;
	background: #fff5e9;
	font-family: goth_nrml;
	border-radius: 4px;
}
.mark-show-null{
  color: #ff3f3f;
  background: #ffe9ed;
}

.test-quests-used,.test-quests-waiting{
	max-width:20px;
	height:20px;
	border:1px solid #98bd98;
	display:inline-block;
	vertical-align:middle;
	border-radius:2px;
}
.test-quests-used{
	 background:#e8ffe8;
	 margin: 0 -1px 0 0;
}
.test-quests-waiting{
	 background:white;
	 margin: 0 0 0 -1px;
}
.test-quests-active{
	width:40px;
	height:23px;
	line-height:20px;
	 background:#e8ffe8;
	 border:1px solid #98bd98;
	 display:inline-block;
	 border-radius:2px;
	 margin: 2px;
	 vertical-align:middle;
	 background: #fff5e9;
	border:1px solid #f70;
	color:#f70;
	font-family:goth_nrml;
	font-size:15px;
	font-weight:bold;
	position:relative;
}
.test-star-0{
background: url('../images/icons/star0.svg') no-repeat;	
}
.test-star-1{
background: url('../images/icons/star1.svg') no-repeat;	
}
.test-star-2{
background: url('../images/icons/star2.svg') no-repeat;	
}
.test-star-3{
background: url('../images/icons/star3.svg') no-repeat;	
}
.test-star-0,.test-star-1,.test-star-2,.test-star-3{
	position: absolute;
	left: 0;
	top: -24px;
	width: 100%;
	height: 30px;
	background-size: 100%;
	background-position: center;	
}
.test-actv-arr{
	background: url('../images/icons/test_act_arr.svg') no-repeat;	
	position: absolute;
	left: 0;
	bottom: -24px;
	width: 100%;
	height: 30px;
	background-size: 100%;
	background-position: center;
}
#mark_tbl{
	font-size:14px;
	display:inline-block;
	border-collapse:separate;
}
#mark_tbl td{
	border:none;
}
.radio-br{
	display:block;
}
.radio-space{
		display:none;
	}
	
.accord *{
	box-sizing: border-box;
}
.accord {
	width:100% !important;
}	
.accord-wrap{
	display:inline-block;
	white-space:nowrap;
	width:100%;
}
.accord-fxd{
	max-width:180px;
	min-width:180px;
	display:inline-block;
	vertical-align:top;
}
.accord-scrl{
	display:inline-block;
	vertical-align:top;
	overflow-x:scroll;
	max-width:calc(100% - 186px);
	
}	
.accord .tanswer-wrp,.accord .clear-cell{
	max-width:180px;
	min-width:180px;
	min-height:78px;
	margin:2px 0;
}
.accord .tanswer-wrp{
	padding:0px;
	font-size:15px;
	}
.accord-scrl .tanswer-wrp{
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

.accord .fld-answ-wrp{
	margin:0;
	position:relative;
}
.row-add{
	max-width:180px;
	min-width:180px;
	min-height:32px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	
}
.col-add{
	max-width:25px;
	min-width:25px;
	min-height:78px;
	display:inline-block;
}
.col-add .but-test-answer-add,
.col-add .but-test-answer-remove,
.accord-scrl .radio-answer
{
	margin:25px 0 0 0;
}
[class^='accord-line-']{
	text-align:left;
	max-height:78px;
	margin:2px 0;
}
.row-col-add{
	min-height:32px;
	max-width:25px;
	min-width:25px;
	display:inline-block;
}
.accord-light{
	background: #fff5e9;
	color: #f70;
	border:1px solid #fa6;
}
.accord-light ~.show-smbls{
	background-color:#fa6;
}
#accord-tbl{
	display:inline-block;
	border-collapse: separate;
	border-spacing: 4px;
	margin-top:5px;
	}
#accord-tbl td{
	padding:5px 12px;
/* 	border:1px solid green;
 */	text-align:center;
	border-radius:3px;
	}
#accord-tbl .hd{
	background:#EAFFEA;
	white-space:normal;
	}
#accord-tbl .custom-control{
	margin:0 0 0 5px;
	display:inline-block !important;
}



.view-accord-tbl{
  margin: auto;
  width: 100%;
}
.wrp-accord-tbl{
	position: relative;
  overflow: auto;
  white-space: nowrap;
}
.sticky-col-accord {
  position: -webkit-sticky;
  position: sticky;
  background-color: #EAFFEA !important;
  left: 0px;
  white-space:normal;
  z-index:1000;
  text-align:left !important;
}

.test-res-bck{
	position:absolute;
	width:30px;
	height:30px;
	background: none;
	color: #FF9933 !important;
	left:0px;
	top:-50px;
	border-radius:30px;
	font-size:26px;
	cursor:pointer;
}
.test-res-bck:hover{
	color:#f70 !important;
	text-decoration:none;
	}
.fs_wrp{
	white-space:nowrap;
}
.del-qst-but,.copy-qst-but{
	width:30px;
	height:30px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	margin-left:5px;

}
.del-qst-but{
	background-image:url(../images/icons/delete.svg);
	background-repeat:no-repeat;
	background-size:90%;
	background-position:center;
	background-color:#1eb350;
}	

.copy-qst-but{
	background-image:url(../images/icons/copy.svg);
	background-repeat:no-repeat;
	background-size:90%;
	background-position:center;
	background-color:#1eb350;
}	
.del-qst-but:hover,.copy-qst-but:hover{
	background-color:#db6701;
}

/*xs*/
@media (min-width: 576px) {
		
	.tested-ppl{
			font-size: 1.1rem;
	}
	.test-bar-sect{
		padding: 0.25rem 1rem;
	}
	.test-quests-used,.test-quests-waiting{
		max-width:30px;
	}
	.test-quests-active{
		width:50px;
		height:26px;
		line-height:23px;
		margin: 2px;
		font-size:17px;
	}
	.test-star-0,.test-star-1,.test-star-2,.test-star-3{
		top: -26px;
	}
	.test-actv-arr{
		bottom: -25px;
	}
	.radio-br{
		display:none;
	}
	.radio-space{
		display:inline-block;
	}
	
}


/*sm*/
@media (min-width: 768px) {
	.tanswers-wrp{
		width:80%
	}
	.fld-answ-wrp{
		margin-left:0px;
	}
.test-section,.quest-section{
	
	font-size:1.2rem !important;
	
}

	
}

/*md*/
@media (min-width: 992px) {


}

/*lg*/
@media (min-width: 1200px) {
	.tanswers-wrp{
		width:600px;
	}
	
	.test-res td, .test-res th{
		padding:2px 10px;
	}

	
}