html {
  min-height: 100% !important;
  background-repeat: no-repeat !important;
}

body {  
 height: 100% !important;
 margin: 0 !important;
 padding: 0em !important;
 background-repeat: no-repeat !important;
	
}

.image-upload > input
{
    display: none;
}

.image-upload img
{
    cursor: pointer;
}	

h3{font-size:18px !important;}
h4{font-size:18px !important;}

.overhid{
overflow:hidden !important;	
}

.diverWordsBack{
/*background-color: rgba(200, 200, 200, 0.3) !important;*/
text-shadow: 1px 1px 6px rgba(1, 1, 1, 1) !important;
}


.rewardarea{
font-family: Arial, sans-serif;
font-size: 18px;	
padding:10px;
background-color:#D9F5A3;
-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
line-height:normal;	
}

#chRewardDetailsDesc{
margin-bottom:5px;	
}

.expsign {
color:#FFFFFF !important;
font-weight: bold;
background:#FF0000 !important;
padding: 3px 11px 3px 11px;
font-size:13px !important;
margin-top:25px !important;
-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;	
}

.expsigndisplay {
color:#FFFFFF !important;
font-weight: bold;
background:#aaaaaa !important;
padding: 2px 11px 2px 11px;
font-size:11px !important;
margin-top:0px !important;
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;	
}

.expsigndisplay2 {
color:#FFFFFF !important;
font-weight: bold;
background:#B86288; !important;
padding: 2px 11px 2px 11px;
font-size:11px !important;	
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;	
	
margin-top:0px !important;
vertical-align: middle !important;
	
}

.greenhighlight{
color: #238943 !important;		
}

.expsigndisplay3 {
color:#FFFFFF !important;
font-weight: bold;
background:#238943 !important;
padding: 1px 11px 2px 11px;
font-size:11px !important;
margin-top:25px !important;
-webkit-border-radius: 7px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 7px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;	
}

#chtimer {
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #444444;
  letter-spacing: 0px;
}

#chtimer span {
  font-size: 18px;
  color: #222222;
  margin: 0 3px 0 7px;
}
#chtimer span:first-child {
  margin-left: 0;
}
  

.rankgroup {
  background: transparent;
  box-shadow: 0 7px 14px 0 rgba(49,49,93,0.10),
              0 3px 6px 0 rgba(0,0,0,0.08);
  border-radius: 4px;
  margin-bottom: 20px;
}

.rankgroup label:not(:last-child) {
  border-bottom: 1px solid #F0F5FA;
}

.rankpos{
background:#FDA4D6;	
color:#222222;	
}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.rankchgroup{
  font-family: "Montserrat", sans-serif;
  color: #222222;
  font-weight: 400;
  line-height: 20px;
  margin-left: 0px;
  align-items:left;
  text-align:left;	
  margin-bottom:5px;
  margin-top:0px;
  padding:0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
		
}

.rankchfield1 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	background:#F3DEF1;
	font-size:12px !important;
		
    }

.rankchfield2 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 2.3 1 auto;
    -ms-flex: 2.3 1 auto;
    flex: 2.3 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	font-size:12px !important;
    }

.rankchgroupb1{background:#dbcce2;}
.rankchgroupb2{background:#e2c4df;}

.rankdesc1{background:#ebdaf2;}
.rankdesc2{background:#f2d3ef;}

.rankchfield3 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 3 1 auto;
    -ms-flex: 3 1 auto;
    flex: 3 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	font-size:12px !important;
	text-decoration:underline;
	color:#222222 !important;
    }

.rankchfield3 a{
	color:#222222 !important;
}

.rankchfield4 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.rankchback{
	background:#000000 !important;
	color:#eeeeee !important;
	font-size:14px !important;
	text-decoration:none !important;
	padding:7px !important;
	font-weight:bold !important;
	text-align:center;
}



.rnkf  {
  font-weight:bold;
  text-align:left;
  padding:7px;
	
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
	
  word-wrap: break-word;
  overflow-wrap: break-word;	
}

.rnkf2 {
  font-weight:bold;
  text-align:center;
  padding:7px;
	
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
	
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
	
  word-wrap: break-word;
  overflow-wrap: break-word;	
}

.ranklabel {
  font-family: "Montserrat", sans-serif;
  position: relative;
  color: #222222;
  font-weight: 400;
  line-height: 20px;
  margin-left: 0px;
  display: flex;
  flex-direction: row;
  background:#DF8CC7;
	 justify-content: center;
  align-items:center;
	text-align:left;
}

.rankw1{
	  width: 150px;
}


.ranklabel > span {
  text-align: center;
  margin-right: 0px;
  justify-content: center;
  align-items:center;
  font-weight:bold;
  text-align:left;
	padding:15px;
	height:100% !important;
	
}

.rankfield2 {
  font-family: "Montserrat", sans-serif;
  background:#aa6ca7;
  font-weight: 400;
  border: 0;
  color: #222222;
  outline: none;
  width:75px;
  padding-right: 0px;
  padding-left: 10px;
  cursor: text;
  float:right;
  text-align:right;
  padding:15px;
  height:100%;
}

.rankfield {
  font-family: "Montserrat", sans-serif;
  background:#C08D73;
  font-weight: 400;
  border: 0;
  color: #eeeeee;
  outline: none;
  flex: 1;
  padding-right: 0px;
  padding-left: 10px;
  cursor: text;
  float:right;
  text-align:right;
  padding:15px;
  height:100% !important;
}


.diamondpos{
position:relative;
z-index:11;
	
}

#diamond {
position:absolute;
margin: 0 auto;
left:0px;
top:0px;	  
width: 0;
height: 0;
border-style: solid;
border-width: 0px 150px 200px 150px;
border-color: transparent transparent #a44b72 transparent;
opacity:.5;
}
#globalapp #diamond {
}
#diamond2 {
position:absolute;
margin: 0 auto;
left:150px;
top:359px;
opacity:.5;
width: 0;
height: 0;
border-style: solid;
border-width: 0 150px 200px 150px;
transform:rotate(180deg);
border-color: transparent transparent #0397a5 transparent;
}

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center.is-Responsive {
  width: 50%; 
  height: 50%;
  padding: 0px;
}


.infotextcreatives{
font-size: .6em;
font-style: normal;
font-family: "Montserrat", sans-serif;
font-weight:400;
color:#EFDFDF;
z-index:999999;
position:absolute;
opacity:.3;
text-align:center;
margin: 0 auto;
	
}


.infotextuser{
font-size: 1em;
font-style: normal;
font-family: "Montserrat", sans-serif;
font-weight:400;
color:#EFDFDF;
z-index:999999;
position:absolute;
opacity:.5;
text-align:center;
	
}


.infotextori{
font-size: 1em;
font-style: normal;
font-family: "Montserrat", sans-serif;
color:#bbbbbb;
z-index:999999;
position:absolute;
opacity:.5;
	
}

.infotext{
font-size: 1em;
font-style: normal;
font-family: "Montserrat", sans-serif;
color:#bbbbbb;
z-index:999999;
position:absolute;
	
}

.infotextmain{
font-size: 1em;
font-style: italic;
font-family: "Times New Roman", Times, serif;
color:#EFDFDF;
z-index:999999;
position:absolute;
text-align:left;
	
}

.infotextmain{
font-size: 1em;
font-style: italic;
font-family: "Times New Roman", Times, serif;
color:#EFDFDF;
z-index:999999;
position:absolute;
text-align:right;
	
}


#outer {
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index:111;
}

.widthall{
	width:100% !important;
}

.helpbutsection2
 {
	text-align:center;
    font-size: 18px;
	font-weight: 900px;
	font-family: Arial;
    padding:15px;
    width: 100% !important;
    margin-top: 30px;
    margin-bottom: 15px;
	background-color:#A7BEFF;
}

.spaceHelp{
padding-top:25px !important;	
margin-top:25px !important;	
}

.strong{
	font-weight:bold;
}


.superz{
z-index:99999999 !important;		
}

.superz3{
position:relative;
z-index:999999999 !important;	
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;    
cursor: pointer;	
}



.text-muted{
color:#333333 !important;	
}



.checkboxlarge{
 /*height:50px !important;
 width:50px !important;*/
 transform: scale(1.5) !important;

}

#scrListCh{
  overflow-y: auto;	

}

#butstripenumber{
margin-bottom:15px !important;	
}

.paypalcenter{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	margin-top:10px !important;
}

.linkcenterpaypalbt{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	margin-top:10px !important;
	margin: 0 auto;
	text-align: center;

	clear:both;
	cursor:pointer; 
	color:#555; 
	font-family:Arial; 
	font-size:10px; font-weight:400; 
    font-weight: 300;
	text-decoration:underline;	
	margin-bottom:7px;
}

.linkcenter{
	display: flex;
    justify-content: center;
    align-items: center;
	width:100%;
	margin-top:40px !important;
	margin: 0 auto;
	text-align: center;

	clear:both;
	cursor:pointer; 
	color:#555; 
	font-family:Arial; 
	font-size:10px; font-weight:400; 
    font-weight: 300;
	text-decoration:underline;	
	margin-bottom:7px;
}



#mainplayer{
position:absolute;
left:0px;
top:0px;	
z-index: 500 !important;
}

.placer {
position:absolute;
cursor:pointer;
opacity:.7;
}

.border1 {border: 3px solid #666666 !important;}

.border2 {border: 1px solid #666666 !important;}

.border3 {border: 2px dashed #777777 !important;}


.box_round {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
/*                           [to clipboard] [toggle rule off] */

.box_shadow {
	  
  -webkit-box-shadow: 0px 0px 3px 1px #111111; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
     -moz-box-shadow: 0px 0px 3px 1x #111111; /* FF3.5 - 3.6 */
          box-shadow: 0px 0px 3px 1px #111111; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}


.wikilink{
	
z-index:9999999 !important;
	
}

.helpcolor{
	
	color:#F5B142 !important;
}

.smallText{
font-size:12px !important;
text-align:center !important;	
}

.smallText2{
font-size:15px !important;
text-align:center !important;	
}

.coverGradient333{
background:#17ED15 !important;
	
}


.coverGradient2 {
background: -moz-linear-gradient(45deg, rgba(12,59,112,1) 0%, rgba(0,186,186,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(12,59,112,1)), color-stop(100%, rgba(0,186,186,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(12,59,112,1) 0%, rgba(0,186,186,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(12,59,112,1) 0%, rgba(0,186,186,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(12,59,112,1) 0%, rgba(0,186,186,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(12,59,112,1) 0%, rgba(0,186,186,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BABA', endColorstr='#0C3B70',GradientType=1 ); /* ie6-9 */
}
.coverGradient2out {
background: -moz-linear-gradient(45deg, rgba(38,190,255,1) 0%, rgba(245,245,12,1) 49%, rgba(245,125,169,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(38,190,255,1)), color-stop(49%, rgba(245,245,12,1)), color-stop(100%, rgba(245,125,169,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(38,190,255,1) 0%, rgba(245,245,12,1) 49%, rgba(245,125,169,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(38,190,255,1) 0%, rgba(245,245,12,1) 49%, rgba(245,125,169,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(38,190,255,1) 0%, rgba(245,245,12,1) 49%, rgba(245,125,169,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(38,190,255,1) 0%, rgba(245,245,12,1) 49%, rgba(245,125,169,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F57DA9', endColorstr='#26BEFF',GradientType=1 ); /* ie6-9 */
}

.coverGradient {
background: -moz-linear-gradient(45deg, rgba(255,107,112,1) 0%, rgba(94,18,74,1) 59%, rgba(49,9,94,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,107,112,1)), color-stop(59%, rgba(94,18,74,1)), color-stop(100%, rgba(49,9,94,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,107,112,1) 0%, rgba(94,18,74,1) 59%, rgba(49,9,94,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,107,112,1) 0%, rgba(94,18,74,1) 59%, rgba(49,9,94,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,107,112,1) 0%, rgba(94,18,74,1) 59%, rgba(49,9,94,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,107,112,1) 0%, rgba(94,18,74,1) 59%, rgba(49,9,94,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31095E', endColorstr='#FF6B70',GradientType=1 ); /* ie6-9 */
	
}

.scrListChBack{
background-color:#eeeeee;	
}
.scrEditUserBack{
background-color:#eeeeee;	
}

.scrInterfaceBack{
background-color:#ffffff;	
}


.scrCreateChBack{
background: -moz-linear-gradient(45deg, rgba(247,129,172,1) 0%, rgba(247,129,172,1) 2%, rgba(222,255,225,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(247,129,172,1)), color-stop(2%, rgba(247,129,172,1)), color-stop(100%, rgba(222,255,225,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(247,129,172,1) 0%, rgba(247,129,172,1) 2%, rgba(222,255,225,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(247,129,172,1) 0%, rgba(247,129,172,1) 2%, rgba(222,255,225,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(247,129,172,1) 0%, rgba(247,129,172,1) 2%, rgba(222,255,225,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(247,129,172,1) 0%, rgba(247,129,172,1) 2%, rgba(222,255,225,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEFFE1', endColorstr='#F781AC',GradientType=1 ); /* ie6-9 */	
	
}

.scrSettingsBack2{
background:#9BC39A;
}

.scrSettingsBack{
background: -moz-linear-gradient(45deg, rgba(225,226,252,1) 0%, rgba(243,230,245,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(225,226,252,1)), color-stop(100%, rgba(243,230,245,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(225,226,252,1) 0%, rgba(243,230,245,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(225,226,252,1) 0%, rgba(243,230,245,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(225,226,252,1) 0%, rgba(243,230,245,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(225,226,252,1) 0%, rgba(243,230,245,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3E6F5', endColorstr='#E1E2FC',GradientType=1 ); 
}

.scrLoginBack2{
background:#9BC3ff;
}
.scrLoginBack{
	
background: -moz-linear-gradient(45deg, rgba(207,243,255,1) 0%, rgba(207,243,255,1) 1%, rgba(235,124,200,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(207,243,255,1)), color-stop(1%, rgba(207,243,255,1)), color-stop(100%, rgba(235,124,200,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(207,243,255,1) 0%, rgba(207,243,255,1) 1%, rgba(235,124,200,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(207,243,255,1) 0%, rgba(207,243,255,1) 1%, rgba(235,124,200,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(207,243,255,1) 0%, rgba(207,243,255,1) 1%, rgba(235,124,200,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(207,243,255,1) 0%, rgba(207,243,255,1) 1%, rgba(235,124,200,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB7CC8', endColorstr='#CFF3FF',GradientType=1 ); /* ie6-9 */
}


.basicStep1{
background: -moz-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(232,140,53,1)), color-stop(100%, rgba(136,48,138,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88308A', endColorstr='#E88C35',GradientType=1 ); /* ie6-9 */		
}

.basicStep2{
background: -moz-linear-gradient(45deg, rgba(230,255,254,1) 0%, rgba(230,255,254,1) 1%, rgba(0,128,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(230,255,254,1)), color-stop(1%, rgba(230,255,254,1)), color-stop(100%, rgba(0,128,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(230,255,254,1) 0%, rgba(230,255,254,1) 1%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(230,255,254,1) 0%, rgba(230,255,254,1) 1%, rgba(0,128,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(230,255,254,1) 0%, rgba(230,255,254,1) 1%, rgba(0,128,128,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(230,255,254,1) 0%, rgba(230,255,254,1) 1%, rgba(0,128,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#E6FFFE',GradientType=1 ); /* ie6-9 */
}

.basicStep3{
background: -moz-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(176,34,201,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,255,0,1)), color-stop(100%, rgba(176,34,201,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(176,34,201,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(176,34,201,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(176,34,201,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(255,255,0,1) 0%, rgba(176,34,201,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B022C9', endColorstr='#FFFF00',GradientType=1 ); /* ie6-9 */
}

.basicStep4{
background: -moz-linear-gradient(45deg, rgba(171,214,255,1) 0%, rgba(176,34,201,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(171,214,255,1)), color-stop(100%, rgba(176,34,201,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(171,214,255,1) 0%, rgba(176,34,201,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(171,214,255,1) 0%, rgba(176,34,201,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(171,214,255,1) 0%, rgba(176,34,201,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(171,214,255,1) 0%, rgba(176,34,201,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B022C9', endColorstr='#ABD6FF',GradientType=1 ); /* ie6-9 */	
}

.basicStep5{
background: -moz-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(232,140,53,1)), color-stop(100%, rgba(136,48,138,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88308A', endColorstr='#E88C35',GradientType=1 ); /* ie6-9 */		
}

.basicStep6{
background: -moz-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(232,140,53,1)), color-stop(100%, rgba(136,48,138,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88308A', endColorstr='#E88C35',GradientType=1 ); /* ie6-9 */		
}
.coverGradient3 {
background: -moz-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(232,140,53,1)), color-stop(100%, rgba(136,48,138,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* ie10+ */
background: linear-gradient(45deg, rgba(232,140,53,1) 0%, rgba(136,48,138,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88308A', endColorstr='#E88C35',GradientType=1 ); /* ie6-9 */
}

.coverGradient4 {
width:100% !important;
height:100% !important;
	
background:transparent;
}

.smIcon {
	font-size:85% !important;
}

.descLarge{
	font-size:18px !important;
	
}

.canvasSound{
z-index:55 !important;	
position:absolute;
left:0px;
top: 0px;
opacity:.5;	
pointer-events: none;
}

.canvasSoundHolder{
opacity:.5;	
z-index:55 !important;	
position:absolute;
left:0px;
top:0px;
pointer-events: none;
}

.soundBars{
position:absolute;
left:0px;
top:300px;
z-index:999999 !important;
}

.sb{
background-color:#B71315;
position:absolute;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
opacity:.5;
}


.dnone{
	display:none !important;
}

.flexnew {
flex-shrink: 0;
overflow: hidden;
}

.divider1 {
	clear:both;
    border-bottom: 1px solid #ccc;
	height:10px !important;
	width:100%;
}

.linefit{
float:left !important;	
	
}

.leadtorch {
  font-size:14px;
  font-weight: bold;
}

.leadtorch2 {
  font-size:18px;
  font-weight: bold;
  margin-bottom:5px !important;
}

/* border: 5px solid #ffffff; gets around varying border styles */
.overitem
{ 
background-color:#F93;
}

.selDyn{
background-color:#FBDEB4 !important;
}

.extrasCol1{
color:#D0070A !important;	
}

.cancelSolve{
	position:absolute;
	right:20px;
	top:15px;
	color:#555555;
	z-index:999999 !important;
}

.navbarmargins {
margin:0px !important;
padding:0px !important;
	
}

.backChCol0 {background-color: #E9EEF5 !important;}
.backChColeveris {background-color: #f9ffdf !important;	}
.backChColcookiebox {background-color: #ffeef1 !important;	}
.backChColgenerali {background-color: #f9eae7 !important;	}
.backChColbbva {background-color: #dcebff !important;	}
.backChColimagine {background-color: #fefbe9 !important;	}
.backChColauticmo {background-color: #ffeef1 !important;	}

.backEditSolCol0 {background-color: #e9e3ef !important;}
.backEditSolColeveris {background-color: #f9ffdf !important;	}
.backEditSolColcookiebox {background-color: #ffeef1 !important;	}
.backEditSolColgenerali {background-color: #f9eae7 !important;	}
.backEditSolColbbva {background-color: #dcebff !important;	}
.backEditSolColimagine {background-color: #fefbe9 !important;	}
.backEditSolColauticmo {background-color: #ffeef1 !important;	}

.backChEditCol0 {background-color: #f7f6e0 !important;}
.backChEditColeveris {background-color: #f9ffdf !important;	}
.backChEditColcookiebox {background-color: #ffeef1 !important;	}
.backChEditColgenerali {background-color: #f9eae7 !important;	}
.backChEditColbbva {background-color: #dcebff !important;	}
.backChEditColimagine {background-color: #fefbe9 !important;	}
.backChEditColauticmo {background-color: #ffeef1 !important;	}



.orgeveris {background-color: #5e6b02 !important;}
.orgcookiebox {background-color: #d5005b !important;}
.orggenerali {background-color: #cc0000 !important;}
.orgbbva {background-color: #1c5ba2 !important;}
.orgimagine {background-color: #fede00 !important;}
.orgauticmo {background-color: #333333 !important;}


svg {
  width: 1.5em;
  height: 1.5em;
  fill: white;
  pointer-events: none;
}

.rchoice{
	text-decoration: underline;
}
.stars {
  display: flex;
  flex-flow: row-reverse;
  justify-content: flex-end;
}

.star.is-selected svg, 
.star.is-selected ~ .star svg {
  fill: orange;
}

.star:hover svg, 
.star:hover ~ .star svg {
  fill: orange;
}


#rated {
  margin-top: 1em;
}

[dir="rtl"] {
  direction: rtl
}



.columngrabber{
	
}

.arrowsize{
width:16px !important;	
}

[draggable] {
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
dd {
  padding: 5px 0;
}
.columnclass {
  border: 1px solid #48CDF5;
  cursor: move;
}

.column {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
}
.column.over,
#columns-dragOver .column.over,
#columns-dragEnd .column.over,
#columns-almostFinal .column.over {
  border-top: 3px solid #B02A05;
}
.column.moving {
  opacity: 0.25;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.column .count {
  padding-top: 15px;
  font-weight: bold;
  text-shadow: #fff 0 1px;
}


.sep1 {float:left;margin-left:11px;}

.left {
	
	float:left !important;
}

.hide {
	
	display:none;
}

.clear {
	
	clear:both !important;
	height:5px;
}

.clear2 {
	
	clear:both !important;
	
}

.torchlink  {
	text-decoration: underline !important;
}
.torchlink a {
	text-decoration: underline !important;
}

#loadalbums {
	
z-index:99999 !important;	
	
}

.linkActive {
	background-color:#F88667 !important;	
}

.timedata {
	font-family: Arial !important;
	font-size:11px !important;
	color:#777777 !important;	
}


.bottomCh {
  display: none;
}

.bottomCh2 {
  display: none;
}

.bottomCh5 {
  display: none;
}

.bottomCh3 {
  background-color:#f5f5f5 !important;
}

.bottomCh2parent {
  display: none;
  background-color:#DDEFFF !important;
}

.bottomCh2parent2 {
  background-color:#DDEFFF !important;
}

video {
  background: #000000;
  margin: 0 0 0px 0;
  width: 100%;
  position:absolute;
  left:0px;
  top:0px;
  z-index:187;  
  display:block;
  overflow: hidden;

}

  .restline {
	  
	  width: -webkit-calc(100vw - 120px) !important;
  width: -moz-calc(100vw - 120px) !important;
  width: calc(100vw - 120px) !important;
	  *width: -webkit-calc(100vw - 120px) !important;
  *width: -moz-calc(100vw - 120px) !important;
  *width: calc(100vw - 120px) !important;
	  
  }

#videoArea{
  overflow: hidden;
  z-index:187; 
 height:100% !important;
}

#videoArea2{
  overflow: hidden;
}

#backDiverWords{
  position: fixed;
  z-index: 999;
  overflow: hidden;
  margin: auto;
  margin-top:50px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

	
  .nine-cols {
    width: 11.1111111111111111111% !important;
    *width: 11.1111111111111111111% !important;
  }

  .seven-cols {
    width: 14.285714285714285714285714285714% !important;
    *width: 14.285714285714285714285714285714% !important;
  }

  .six-cols {
    width: 16.66666666666% !important;
    *width: 16.66666666666% !important;
  }

  .five-cols {
    width: 20% !important;
    *width: 20% !important;
  }

  .four-cols {
    width: 25% !important;
    *width: 25% !important;
  }


.col-xs-129898{
	
  width: 100% !important;
    *width: 100% !important;	
	
}

.proficon{
    display:inline-block;
    font-size: 40px;
    line-height: 40px;
    background-color:black;
    text-align: center;
    vertical-align: bottom;
}
  .profd1 {
    width: 70px !important;
    *width: 70px !important;
  }

  .profd2 {
	  
	  width: -webkit-calc(100vw - 90px) !important;
  width: -moz-calc(100vw - 90px) !important;
  width: calc(100vw - 90px) !important;
	  *width: -webkit-calc(100vw - 90px) !important;
  *width: -moz-calc(100vw - 90px) !important;
  *width: calc(100vw - 90px) !important;
	  
	      width: 370px !important;
    *width: 370px !important;

  }


.entry:not(:first-of-type)
{margin-top: 10px;}

.noPointerEvent{
pointer-events: none;
}

.topArea{
pointer-events: none;		
}

#butIdeMenu{
pointer-events: auto;		
}

.vSmallText {
 font-size: 9px;
}

.noScroll {
 overflow: hidden;
}
.centerFlex{
    display: flex;
    justify-content: center;
    align-items: center;
}

#srcCover {
	
}


.butBottomPad {
	padding-bottom:5px !important;
}

.centerImg {
   left: 50%;
   margin-top: -48px;
   margin-left: -40px;
   position: absolute;
   top: 50%;
   width: 80px;
   height: 56px;	
}

.menulinks2 {
color:#ffffff !important;
text-decoration:none !important;	
}

.menulinks {
font-size:14px !important;
color:#ffffff !important;
text-decoration:none !important;	
}

.menulinks a{
font-size:14px !important;
color:#ffffff !important;
text-decoration:none !important;	
}


.endFiller {
clear:both;
height:105px;	
}

.endFillerSmall {
clear:both;
height:15px;	
}

.endFillerSmall2 {
clear:both;
height:25px;	
}

#sliderWidth{
}

#butColorThickness{
}

.flex-center2BACKUP {
  font-size:24px;	
  font-family: 'Montserrat', sans-serif;	
  line-height: normal;
  color:#ffffff;
  font-weight:bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  resize: vertical;
  overflow: hidden !important;

}

.flex-center2 {
  font-size:24px;	
  font-family: 'Montserrat', sans-serif;	
  font-family: 'Bungee', cursive;
  line-height: normal;
  color:#ffffff;
  font-weight:300;
  letter-spacing:1px;	
  overflow: hidden !important;
  height:100vh;

}

.halfScreenCoverMain2 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 100 1 auto;
    -ms-flex: 100 1 auto;
    flex: 100 1 auto;
	
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    resize: vertical;
    overflow: hidden !important;
	
	opacity:1;
} 

.coverBack {
	background: url(../img/icons/back1.gif) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
opacity:0;
	
	
}

.halfScreenCoverMain {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 100 1 auto;
    -ms-flex: 100 1 auto;
    flex: 100 1 auto;
	
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    resize: vertical;
    overflow: hidden !important;
	height:100vh;

} 

.halfScreenCover {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 50 1 auto;
    -ms-flex: 50 1 auto;
    flex: 50 1 auto;
	
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    resize: vertical;
    overflow: hidden !important;

} 

.flex-center-cover {
  font-size:24px;		
  line-height: normal;
  color:#ffffff;
  font-weight:bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  resize: vertical;
  overflow: hidden;
}

.adjust {
  	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.vAlignMiddle {	
vertical-align:middle;
}

.fillScreenCoverIoS {
  height: -webkit-calc(100vh - 55px);
  height: -moz-calc(100vh - 55px);
  height: calc(100vh - 55px);	
} 

.helpWordBasic{
	margin:0 !important;
	padding:0 !important;
	
}

.basicHelpSlot{
 height: -webkit-calc(25vh - 0px);
  height: -moz-calc(25vh - 0px);
  height: calc(25vh - 0px);		
 width:100% !important;	
text-align: center !important;
}



.halfScreenCoverBACKUP {
 height: -webkit-calc(50vh - 0px);
  height: -moz-calc(50vh - 0px);
  height: calc(50vh - 0px);	
  width:100% !important;
} 

.fillScreenBack {
position:absolute;
left:0px;
top:0px;
width:100%;
 height: -webkit-calc(100vh);
  height: -moz-calc(100vh);
  height: calc(100vh);
z-index:-1;
}

.superz5{
z-index:2147483647 !important;		
}


.ztop{
	z-index:2147483647 !important;
}

.fillScreenCover {
  height: -webkit-calc(100vh);
  height: -moz-calc(100vh);
  height: calc(100vh);	
} 

.fillScreen {
  height: -webkit-calc(100vh - 115px);
  height: -moz-calc(100vh - 115px);
  height: calc(100vh - 115px);	
} 

.fillScreenIoS {
  height: -webkit-calc(100vh - 170px);
  height: -moz-calc(100vh - 170px);
  height: calc(100vh - 170px);	
} 

.flexmode{
	
	  display: flex;
	
}

.hbutbasicholder{
    width: 100% !important;
	
	
}

.btn-square { 
	border-radius: 0 !important;
}

.hbutbasic{
    width: 50% !important;
	
}

.btn-fucsia{
  color:#ffffff;
  font-weight:bold;
  background:#8C2F75;
}

.btn-wikibut{	
  color:#ffffff;
  font-weight:bold;
  background:#43246A;
}



.btn-tdefault{
  color:#555555;
  font-weight:bold;
  background:#bbbbbb;
}

.btn-purple{
  color:#ffffff;
  font-weight:bold;
  background:#43246A;
}

.fontCards{
  font-size:10px;	
  font-family: 'Montserrat', sans-serif;	
  line-height: normal;
  color:#ffffff;
  opacity:.5;
  font-style: normal;
  font-weight:400;
  margin-right:20px;
  font-kerning: 20px;
  text-align: center;
}


.fontCardsCover{
  font-size:10px;	
  font-family: 'Montserrat', sans-serif;
  line-height: normal;
  color:#ffffff;
  opacity:.5;
  font-style: normal;
  font-weight:400;
  margin-right50px;
  font-kerning: 20px;
  text-align: center;
}

.flex-center3 {
  font-size:21px;	
  font-family: 'Montserrat', sans-serif;
  line-height: normal;
  color:#ffffff;
  font-weight:bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  resize: vertical;
  overflow: hidden !important;

}

.outmargins{
 margin-left:-20px;
 margin-right:-20px;	
 overflow: hidden !important;
}


.flex-center2 p {
  margin: 0 !important;
  padding: 0 !important;
}
.flex-center {
  font-size:24px;		
  line-height: normal;
  color:#ffffff;
  font-weight:bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  resize: vertical;
  overflow: hidden;
}
.flex-center p {
  margin: 0;
  padding: 20px;
}


.centerConvIngr {
font-size:24px;		
line-height: normal;
color:#ffffff;
font-weight:bold;
display:flex;
align-items:center;
justify-content: center;}	

.centerDiverWords {
font-size:24px;		
line-height: normal;
color:#ffffff;
font-weight:bold;
align-items:center;
justify-content: center;}	

.voiceTogglePos {
position:absolute;
right:20px;
top:75px;
font-size:20px;		
color:#ffffff;
opacity:0.3;
font-weight:bold;
}

.voiceWordsTogglePos {
position:absolute;
right:30px;
top:245px;
font-size:20px;		
color:#ffffff;
opacity:0.3;
font-weight:bold;
}

.colorInputDrawing {
  width:40px !important;
  height:40px !important;
}

.modalNotesClass {z-index:99999}

.colorDrawing {
position:absolute;
right:20px;
top:55px;
font-size:50px;		
color:#ffffff;
font-weight:normal;
z-index:5555;
}

#pickerAreaDrawing{
position:absolute;
right:0px;
top:0px;	
}

.colorDrawingCustom {
cursor:pointer;
width:30px;
height:30px;
background-color:#B40003;
font-size:50px;		
color:#ffffff;
font-weight:normal;
}

.colorDrawingCustom2 {
cursor:pointer;
width:30px;
height:30px;
background-color:orange;
font-size:50px;		
color:#555555;
background-color:#555555;
font-weight:normal;
border: 4px solid #ccaa77;
z-index:12222;
}

.helpRow {padding-bottom:20px !important;}
.helpRow2 {padding-bottom:20px !important;}

.colorDrawingCustom2help {
cursor:pointer;
width:20px;
height:20px;
background-color:orange;
font-size:50px;		
color:#555555;
background-color:#555555;
font-weight:normal;
border: 4px solid #ccaa77;
z-index:12222;
margin-top:4px;
}

.colorDrawingCustom3 {
cursor:pointer;
position:absolute;
right:25px;
top:170px;
z-index:1;
}

.drawingSave {
position:absolute;
right:29px;
top:205px;
font-size:12px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
cursor: pointer; 
}

.colorClear {
cursor: pointer; 
position:absolute;
right:31px;
top:170px;
font-size:12px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
}


.imgShowCtrl {
cursor: pointer; 
position:absolute;
right:27px;
top:75px;
font-size:12px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
opacity:1;
}

.keepLang {
cursor: pointer; 
position:absolute;
right:77px;
top:75px;
font-size:12px;		
color:#aaaaaa;
font-weight:normal;
z-index:99999;
opacity:1;
}

.numberLang {
cursor: pointer; 
position:absolute;
right:135px;
top:75px;
font-size:11px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
opacity:1;
}

.genBut {
cursor: pointer; 
position:absolute;
right:31px;
top:130px;
font-size:12px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
}

.scursor {
	cursor: pointer !important; 
}
.imgPlay {
cursor: pointer; 
position:absolute;
right:31px;
top:130px;
font-size:12px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
}


.ImgPlaySpeed {
position:absolute;
left:25px;
top:85px;
font-size:50px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
}



.colorWidth {
position:absolute;
left:25px;
top:75px;
font-size:50px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
}

.saveDrawingButton {
position:absolute;
left:12px;
top:265px;
font-size:50px;		
color:#ffffff;
font-weight:normal;
z-index:99999;
}

.smalltext {
font-size:10px !important;	
font-weight:bold;
margin-top:5px !important;
	
}	
	


.centerItemsCover {
color:#ffffff;
display:flex;
align-items:center;
justify-content: center;}	

.centerItemsCover2 {
color:#ffffff;
align-items:center;
justify-content: center;
}	

.centerItemsCover22 {
display:flex;	
}	

.centerItems {
font-size:20px;		
line-height: 50px;
color:#ffffff;
display:flex;
align-items:center;
justify-content: center;}	
	
.centerBottomBar {
color:#ffffff;
display:flex;
align-items:center;
justify-content: center;
height:50px;
font-size:20px;	
padding:0 !important;
margin:0 !important;
}	

.centerRight {
align-items:right;
justify-content: right;
}	

.centerTopBar {
color:#ffffff;
display:flex;
align-items:center;
justify-content: center;
height:30px;
font-size:20px;	
padding:0 !important;
margin:0 !important;
}	

.hideMe {
	
	display:none !important;
	
}

.iniOp {opacity:0.3 !important;}
.iniOp1 {opacity:1 !important;}


.topBarSelected {
color:#FFFFFF !important;
background-color: #c54c35 !important;
padding: 7px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}	

.highlightSelected {
color:#FFFFFF !important;
background-color: crimson !important;
padding: 7px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}	

.highlightSelected2 {
color:#FFFFFF !important;
background-color:#328943 !important;
padding: 7px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}	


.centerTopBar {
color:#ffffff;
display:flex;
align-items:center;
justify-content: center;
font-size:20px;	
padding:0 !important;
margin:0 !important;
}	

.rightBar {
color:#ffffff;
display:flex;
align-items:center;
justify-content: right;
font-size:20px;	
padding:0 !important;
margin:0 !important;
}	

.leftBar {
color:#ffffff;
display:flex;
align-items:center;
justify-content: left;
font-size:20px;	
padding:0 !important;
margin:0 !important;
}	


.noPaddingMarginOUT {
	padding:0 !important;
	margin:0 !important;
	}
	
.noMargins {
  margin: 0 !important;
  padding: 0 !important;
}

.noMarginsB {
  margin: 0 !important;
  padding: 20px !important;
}
	
.formsErrors {
	color:red !important;
	font-weight:normal !important;
	border-color:red !important;
	border-width: 2px !important;
	}
	
.formsValid {
	color:green !important;
	font-weight:normal !important;
	border-color:green !important;			
}
	
#backDiverWords {transition: 3s;}
#backDiverLang {transition: 3s;}
#backConvIng {transition: 3s;}


/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}





.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loader2,
.loader2:after {
  width: 10em;
  height: 10em;
}
.loader2 {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(55, 55, 55, 0.2);
  border-right: 1.1em solid rgba(55, 55, 55, 0.2);
  border-bottom: 1.1em solid rgba(55, 55, 55, 0.2);
  border-left: 1.1em solid #555555;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);

}


.loader2,
.loader2:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader2 {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(aa, 55, 55, 0.2);
  border-right: 1.1em solid rgba(aa, 55, 55, 0.2);
  border-bottom: 1.1em solid rgba(aa, 55, 55, 0.2);
  border-left: 1.1em solid #aa5555;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}