@charset "UTF-8";

.nopad { padding: 0px;}
.iblock { display: inline-block; }
.block { display: block; }

.crwdescr { 
	font-size: 8pt; line-height: 10px; word-break: break-word;
/*	display: flex;
    justify-content: center;
    align-items: center; */
    height: 50px; width: 50px;
    display: table-cell;
    vertical-align: middle;
    color: darkblue;
    font-weight:200;
}
.crwdzoom
{
	display: flex;
	justify-content: center;
	align-items: center; 
	z-index: 33;
	position: absolute;
	min-width: 80px; width: 80px !important; max-width: 80px;
	min-height: 80px; height: 80px !important; max-height: 80px;
	border: 1px solid #49c5b6;
	font-size: 11pt; 
	line-height: 12pt;
	margin-top: -15px;
	margin-left: -20px;
	background: white;
	color: darkblue;
	font-weight:200;
}
.crwdzoom2
{
	margin-top: -38px !important;
}	
.ellips
{
    text-overflow: ellipsis;
    overflow: hidden;
	width: 100%;
}

.crwhalfdiv { height: 25px; max-height: 25px;}
.crwhalf { max-height: 25px;}
.crwfull { max-height: 50px;}
.crwsel { background-color: yellow;}

.fill { height: 100%; width: 100%; display: table; }
.crwfocus { background-color: gold;}
.solution { background-color: #ccffcc; font-weight: bold; color: darkblue; }
.crwinput { border: none; background: transparent; text-align: center; width: 100%; }

/*
.crwsel:focus { background-color: gold; }
.crwinput:active { border: none; border-radius: 0; background: gold; }
.crwinput:focus { border: 1px solid #49c5b6; border-radius: 0; background: gold; }
#body.phone .crwcell { width: 40px; height: 40px; font-size: 150%;}
*/
.crwcell { 
		background-color: white; border: 1px solid #49c5b6; 
		min-width: 50px; width: 50px; max-width: 50px; height: 50px; max-height: 50px; min-height: 50px; line-height: 48px; text-align: center; 
		vertical-align: middle; padding: 0px; font-size: 30pt;
		}