@charset "utf-8";
.active{ background-color: #AFEEEE }
.wrong{
    background-color:#FDA893 !important;
    color:#333333 !important
}
.right{
    background-color:#9EFF79 !important;
    color:black !important
}

.mark{background-color:#fff }
.marked{background-color: #c1dbf2 }
.strike{ text-decoration:line-through }
/* ----DRAGDROP----begin */
.ddrop{
    cursor:pointer;
    background-color:#C1DBF2;
    margin:0 2px !important;
    padding:0 4px;
td div.ddrop{
    margin:0 auto !important;
}
.ddrop-helper, .sortTo-helper{
    display:inline-block !important;
    height:1.5em !important;
    text-align:left;
    color:green;
    background-color:#e1ffcc;
    cursor:move;
    border:1px solid black;
    padding:0 4px;
    margin:0 !important;
}
.sort-placeholder{
    height:auto !important;
    background-color:transparent !important;
}
    }
.ddrop-cntr{ /*background-color: yellow;*/ }
.ddrop-src-cntr{
	border: 1px solid black;
	line-height: 2;
    margin: 10px auto;
	width: 80%;
	margin-bottom: 20px;
	text-align: center;
 	padding: 20px;
}
.ddrop-src-item{
    border: 1px dotted gray;
}
.c-drop{ 
    border:solid;
    border-width:1px;
    border-color:#999999;
    background:#CCCCCC;
    padding:4px 4px 1px 4px;  
    margin:0px 0px;
    text-align:center
}
.c-drop ul{
    padding:0px 4px !important;
   text-align:left !important; 
 min-height:2em !important;
    margin:4px 0px 4px !important;
    height: auto !important;
    
}
/* ----DRAGDROP----end */
/* -----LIST------begin */
ul.sort, ul.no-sort{ 
    margin:0;
    padding:0 0 0 0;
    list-style-type: none
}
ul.sortToR {
    text-align:left !important;
}
.sort li, .no-sort li{ 
    padding:3px 4px;
    margin:2px 4px;
  
}
.sort li{
    background-color:#b8d6ef;   
    padding:2px;
}
.no-sort li{
    background-color:#fff;
}

.c-sortTo li, .c-sortToR li{ display:block !important; }
.src-sortToV li{
    display:inline-block !important;
}
.c-sortToV li{
    display:block !important;
    word-wrap:break-word !important;
}
.list-r{ text-align:right }
.list-l{ text-align:left }
/* -----LIST------end */

/* ----TABLE----begin */
.s-table, .i-table{
    border:none;
    margin:0 auto;
    margin-top:4px;
    border-collapse: collapse;
}
.s-table td, .i-table td, .i-table th{
    padding:5px;
	text-align: left;
    border:solid;  
    border-width:1px;
    border-color:#999999;
}

.i-table td{
	border-top: none;
	border-bottom: none;
}



table.sortTo table.sortToR{
    width:100% !important;
    table-layout:fixed
}
.ddrop-cntr td, .ddrop-cntr th{
    border:solid 1px gray;
  /*   text-align:center;
     width:auto */
}
table.sortTo{
  /*   width:auto; */
}
/* .i-table th{ background-color:#adfa0e } */

table.sortTo td{
    vertical-align:top;
    text-align:center;
    height:auto
}
table.sortToR td{
    vertical-align:top;
    text-align:left;
    height:auto
}
/* ----TABLE----end */

/* ----CROSSWORD----begin */
.cross-table{ 
    border:none;
    cursor:pointer;
    text-align:center;
    border-collapse: collapse;
    empty-cells:hide
}
.cross-table td{
    border: 1px solid black;
    padding:0px;
    width:22px;
}
.cross-table td div{ 
    width:20px;
    height:20px;
}
.cross-w-table{ 
    border:none;
    /* cursor:pointer; */
    border-collapse: collapse;
    empty-cells:hide;
    margin:5px 0;
    width:auto !important;
}
.cross-w-table td{
    vertical-align:middle !important;
    text-align:center;
    font-weight:bolder;
    font-size:16px; 
    padding:0px;
    height:28px;
    width:28px;
}
.inS{
    text-align:left;
    font-size:10px;
    display:inline;
    color:red;
    text-align:left;
    vertical-align:super;
    margin:0 0 -5px 0;
}
.c-container{
    border:1px solid black !important;
    cursor:pointer;
}
.empty{
    border:none !important;
}
.b-active{
    background-color:yellow !important; 
}
.e-block{ background-color:black !important;}
.w-head{ /* background-color:#F2F4F3 !important; */}
.cross-pos{ font-weight:bold }
/* ----CROSSWORD----end */

/* ----TITLE----begin */
.page-title{
    text-align:center;
    font-weight:bold;
/*     font-family:arial, Helvetica, sans-serif;
    font-size:14px; */
}
.task-title{
    font-weight:bold;
	margin-bottom: 20px;
    /* font-family:arial, Helvetica, sans-serif;
    font-size:14px; */
}
.question-title{
    padding:0 1px 0 4px !important;
    margin:0 4px 0 1px !important;
    font-size:14px;
	font-weight:bold;
}
/* ----TITLE----end */
fieldset{
    margin:5px 0;
}
fieldset{
    border:1px solid white;/* #e5e5e5 */
	margin-top: 20px;
}
div.question-title{
    display:block !important;
    /* width:46em !important; */
}
.ibpanel{ clear:both; margin:5px 0px 10px }
.task-delimiter {
    margin:10px 0 !important;
}
hr.task-delimiter{
    visibility:hidden;
    border:none;/*1px dashed #bab5b3;*/
    height:1px;
    /* background:white; */
}
.task-check-panel{
    padding:.5em 0 .5em 0
}
.task-check-button{ 
    width:10em !important;
 }
.task-result-panel{
    color:gray;
    float:right;
    visibility:hidden;
    padding-right:40%;
}
.task-body{margin:10px 0}
#letters_panel{
    /* background-color:gray; 
    padding:2px*/
}
#letters_panel .sletter{
    background-color:yellow;
    color:blue;
    padding:0.2em 0.3em;
    border:solid 1px gray;
    cursor:pointer;
    
}
#letters_panel .sletter:hover{
    background-color:white;
    font-weight:bold;
    font-size:1.2em
}
.ui-dialog-buttonset{
    font-size:.9em
}
.hover{ }
.mark:hover, input[type=radio]:hover, select:hover, .sort>li:hover{ cursor:pointer }
.play{ margin:10px 0px }

.task textarea{
    width:100%;
    height:5em;
}

input.dynamic{ text-align:left; margin:0px; height: 25px; margin-top: 5px; }
input[type=radio], input[type=checkbox]{ 
    vertical-align:middle;
    margin-left:5px;
    margin-right:1px;
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
}
input[type="text"]{
    font-size:100%;
    padding:0px;
}
span.forchange{
    background-color:white;
    border:1px dotted
}
.ui-tooltip {
    padding:3px;
    max-width:30em;
}
.simple-answers{
    display:none;
    background-color:#9eff79;
    border:1px solid gray;
    padding:5px
}



.nowrap {
	white-space: nowrap;
}




/* Section for assignment №65*/ 

table.sortTo {
	border: none;
}

table.sortTo ul li {
	margin-top: 10px;
}

table.sortTo th {
	text-align: center;
	border: 1px solid #dcdcdc;
}


table.sortTo tr:first-child td {
	border: none;
	padding-bottom: 30px;
}





.i-table tr:last-child td {
	border-bottom: 1px solid #999999;
}

.i-table th {
	border: 1px solid #999999;
}


.i-table.without-borders td {
	border: none !important;
}


.table-checkb {
	width: 80%;
	margin-top: 20px;
	border:none;
}

.table-checkb td {
	border:none;
}

.table-checkb.td-3 td {
	width: 33%;
}

.table-checkb.td-4 td {
	width: 25%;
}

.table-checkb.td-5 td {
	width: 20%;
}


.without-borders td {
	border: none;
}