@font-face {
    font-family: 'follow';
    src: url('follow-webfont.woff2') format('woff2'),
         url('follow-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamcondensed';
    src: url('GothamCondensed-Bold.woff2') format('woff2'),
        url('GothamCondensed-Bold.woff') format('woff'),
        url('GothamCondensed-Bold.ttf') format('truetype'),
        url('GothamCondensed-Bold.svg#GothamCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'gothamnarrow';
    src: url('GothamNarrow-Book.woff2') format('woff2'),
        url('GothamNarrow-Book.woff') format('woff'),
        url('GothamNarrow-Book.ttf') format('truetype'),
        url('GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	
	  font-family: 'gothamnarrow' !important; 
	  
}

.tooltip {
	pointer-events:none;
 
	
}
.tooltip-inner {
	
 color: #000000 !important;
    background-color: #ffff99 !important;
 -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
	
}


.solutioninput {
	

-webkit-text-fill-color:#0066CC; 
-webkit-opacity:1; 
color:#0066CC; 

	
}


.across-clues, .down-clues {
	background-color:#fff;
}

#starttitle, #nextpage, #starttutorial{
	width:200px;
}


.modal-footer {
	align-items: center !important;
justify-content: center !important;
	border-top-style:none !important;
	
}
.modal-body {
text-align: center;
}
.modal-countdown{
color: #ff3300;
font-size: 30px;

}
.modal-title, .modal-countdown{
	 font-family: 'gothamcondensed';
}

.no-pad {
 padding-right:0 !important; 
  padding-left:0 !important;  
}

.dsCrossword-solution {
	display: flex;
align-items: center;
justify-content: center;
	
}
.dsCrossword-solution table { 
background-color: #000;
border-spacing: 2px; 
border-collapse: separate;
border: 0;
}
.dsCrossword-solution td {
border: 0;
padding: 0;
margin: 0;	
position: relative;	
}	

.dsCrossword-solution-text {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align:center;
	font-family: 'gothamcondensed';
	color: #000000;

}

.btn-gradient{
background-color: #FF9900; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#FAF255));
background-image: -webkit-linear-gradient(top, #FF9900, #FAF255);
background-image: -moz-linear-gradient(top, #FF9900, #FAF255);
background-image: -ms-linear-gradient(top, #FF9900, #FAF255);
background-image: -o-linear-gradient(top, #FF9900, #FAF255);
background-image: linear-gradient(to bottom, #FF9900, #FAF255);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF9900, endColorstr=#FAF255);
 
  
}

.btn-lg {

font-size: 2.5rem !important;
border: 3px solid black !important;
font-family: 'gothamcondensed';
padding-right: 0rem !important;
padding-left: 0rem !important;
padding-top: 0rem !important;
padding-bottom: 0rem !important;

}

.btn-submit {
	font-family: 'gothamcondensed';
	border: 2px solid black !important;
	
}

.btn-lg:hover{
	  border-color: #ffffff !important; 
}

.btn-modalsmall{
 font-size: 1.5rem !important;
  border: 2px solid black !important;
  font-family: 'gothamcondensed';
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
width: 150px !important;

 
}

.btn-exit {
 background-color: #ffffff !important; 
 border: 0px solid !important;	
 
}

.btn-help {
 background-color: #ffffff !important; 
 border: 0px solid !important;	
	
}

.modal-content-normal {
	border: 0px !important;
	-webkit-box-shadow: 0 0 0 6px #ffcc00,  0 0 0 10px #ffffff, 0 0 0 12px #000000;
	-moz-box-shadow:   0 0 0 6px #ffcc00,  0 0 0 10px #ffffff, 0 0 0 12px #000000;
	 box-shadow:  0 0 0 6px #ffcc00,  0 0 0 10px #ffffff, 0 0 0 12px #000000

}

.modal-content-win {
	border: 0px !important;
	-webkit-box-shadow: 0 0 0 6px #ff3300,  0 0 0 10px #ffffff, 0 0 0 12px #000000;
	-moz-box-shadow:   0 0 0 6px #ff3300,  0 0 0 10px #ffffff, 0 0 0 12px #000000;
	 box-shadow:  0 0 0 6px #ff3300,  0 0 0 10px #ffffff, 0 0 0 12px #000000

}

.dsCrossword-solution-submit {
display: flex;
align-items: center;
justify-content: flex-start;
padding-left:0px !important;
}

.dsCrossword-solution td input {

	text-align: center;
	text-transform: uppercase;
	
	width: 40px;
	height: 40px;
	font-size: 22px;
	font-family: 'follow';
	font-weight: bold;
	
	padding: 0;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	color: #0066CC;
	background-color: #fff;
	outline: none;	
	
	
}
.dsCrossword-solution td .cell-num {
	color: #444;
	font-size: 0.8em;
	position: absolute;
	top: 0;
	left: 1px;
}

.gametimer{
	
color: #fff;
font-family: 'gothamcondensed';
vertical-align: middle;
display: inline-block; 
	
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.active-clue-box {

border: solid 2px #000000;
text-align: center;
padding-top:5px;
padding-bottom:5px;

font-weight: bold;
color: #000000;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;

white-space:nowrap;
overflow:hidden;
}

.border-bottom-none{
	border-bottom:none;
}
.border-top-none{
	border-top:none;
}

.status-bar, .status-bar-mobile {
		
		padding-top:5px;
		padding-bottom:5px;
		padding-right:0px !important;
}

.dsCrossword-puzzle table { 
  
	background-color: #000;
	border-spacing: 2px; 
	border-collapse: separate;
	border: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
/* 	margin-top: 0px;*/
	max-width: 100%;
}
.dsCrossword-puzzle td {

background: #000000; 
background-color:#000000;
background-image: -moz-linear-gradient(top, #999999 1%, #000000 15%); 
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999 1%), to(#000000 15%));
background-image: -webkit-linear-gradient(top, #999999 1%,#000000 15%); 
background-image: linear-gradient(to bottom, #999999 1%,#000000 15%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#000000',GradientType=0 ); 

	border: 0;
	padding: 0;
	margin: 0;	
	position: relative;		
}		

.dsCrossword-puzzle td input {
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	text-align: center;
	text-transform: uppercase;
	font-family: 'follow';
	font-weight: bold;
	color: #0066CC;
	background-color: #fff;
	outline: none;	
			
}

.dsCrossword-puzzle td.active input{
	background-color: #ffff99 !important;
	
}
.dsCrossword-clues li.active {
	background-color: #ffff99;
}

.dsCrossword-clues li {
	white-space: nowrap;
}

.info{
margin-left:10px;
text-align: center;
font-weight: bold;
color: #000000;

}
.lisecond {
background-color: #eeeeee;
}

/*
.dsCrossword-puzzle td.selected input {
	background-color: #ffcc00 !important;
}
*/

.dsCrossword-puzzle td input[readonly],
.dsCrossword-puzzle td input[disabled] {
	cursor: not-allowed;
}
.dsCrossword-puzzle td .cell-num {
	color: #444;
	font-size: 0.8em;
	position: absolute;
	top: 0;
	left: 1px;
}
.dsCrossword-puzzle td[class^="done-"] input, 
.dsCrossword-puzzle td[class*=" done-"] input {
	
	background-color: green  !important;
	color: white;
	
}


.dsCrossword-clues h3 {
	margin: 0 0 0px;
	padding: 10px 5px; 
	line-height: 1em;
	background-color: #f8c029;
	color: #000000;
font-size: 1.2rem;	
  font-family: 'gothamcondensed';
}


.down-clues {

}
.dsCrossword-clues ol {
	list-style: none;
	margin: 0; 
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto; 
	/*max-height: 250px;*/
	position: relative;
}
.dsCrossword-clues li {
	outline: none;
	margin: 0;
	cursor: pointer;
	padding: 3px 5px 3px 5px;
	font-size: 1.1em;
	
}

.dsCrossword-clues li.done {
	font-weight: bold;
	color: green;
}
.dsCrossword-clues li .clue-num {
	margin-left: -30px;
	width: 25px;
	float: left;
	text-align: right;
}

/*XS*/
@media(max-width:576px){
.dsCrossword-clues ol {
max-height: 100px;  
}

.dsCrossword-clues h3, .dsCrossword-solution-text {
	font-size: 1rem;	
}
.gametimer{
	font-size: 1.5rem;	
}
.gametimer{
	width:40px;
}
.dsCrossword-clues li  {
	font-size: 0.9em;
}
#starttutorial {
	margin-top:20px;
}
.solutionrow{
	margin-top:10px;
}

.modal-dialog {
	margin-left: 1.2rem !important;
	margin-right: 1.2rem !important;
}
.modal-title{
	font-size: 1.5rem;
}
.tooltip {
 font-size: 12px !important;
}


}

/*SM*/
@media(min-width:576px){
.dsCrossword-clues ol {
max-height: 110px;  
}
.dsCrossword-clues h3, .dsCrossword-solution-text, .gametimer  {
	font-size: 1.2rem;	
}
.gametimer{
	width:40px;
}
.dsCrossword-clues li , .active-clue-box, .info{
	font-size: 0.9em;
}
#crossword,.solutionrow{
	margin-top:5px;
}
.row-status-bar, .dsCrossword-clues{
	padding-left:5px;
}
.tooltip {
 font-size: 12px !important;
}
.modal-title{
	font-size: 1.5rem;
}

}
/*MD*/
@media(min-width:768px){
.dsCrossword-clues ol {
max-height: 156px;  
}
.dsCrossword-clues h3, .dsCrossword-solution-text, .gametimer{
	font-size: 1.3rem;	
}
.gametimer{
	width:40px;
}
.dsCrossword-clues li  , .active-clue-box,.info{
	font-size: 0.9em;
}
#crossword,.solutionrow{
	margin-top:10px;
}
.row-status-bar, .dsCrossword-clues{
	padding-left:10px;
}
.tooltip {
 font-size: 12px !important;
}
.modal-title{
	font-size: 2rem;
}

}
/*LG*/
@media(min-width:992px){
.dsCrossword-clues ol {
max-height: 220px;  
}
.dsCrossword-clues h3, .dsCrossword-solution-text, .gametimer {
	font-size: 1.4rem;	
}
.gametimer{
	width:50px;
}
.dsCrossword-clues li  , .active-clue-box,.info{
	font-size: 1em;
}
#crossword,.solutionrow{
	margin-top:10px;
}
.row-status-bar, .dsCrossword-clues{
	padding-left:10px;
}
.tooltip {
 font-size: 12px !important;
}
.modal-title{
	font-size: 2rem;
}
}
/*XL*/
@media(min-width:1200px){
.dsCrossword-clues ol {
max-height: 265px;  
}
.dsCrossword-clues h3, .dsCrossword-solution-text, .gametimer {
	font-size: 1.6rem;	
}
.gametimer{
	width:60px;
}
.dsCrossword-clues li , .active-clue-box,.info {
	font-size: 1.1em;
}
#crossword, .solutionrow{
	margin-top:10px;
}
.row-status-bar, .dsCrossword-clues{
	padding-left:10px;
}
.tooltip {
 font-size: 14px !important;
}
.modal-title{
	font-size: 2rem;
}
}