/*
BLACK  = #010001;
BLUE = #24baeb
GREY = #eeeeee

font-family: effra, foco, petala-pro;
*/


body,table,input,section,div,span,pre,a,ul,li{font-family:sans-serif;
	margin:0;
    padding:0;
    text-decoration:none;
    list-style-type:none;
	outline:none;}

/**:not(input.field) {    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -user-select-text: none;
} */

body{margin:0 auto;
	background:url('img/bg.png');
	outline:none;}

/* default font size */

body{font-size: 16px}



label{color:#999;
	padding-left:20px;}

.over {border: dotted 3px #24baeb;}

.cl-r{padding-left:20px;
	padding-top:5px;}

.cl,
.el{display:inline-block;vertical-align:top;
	height:33px;
	width:33px;
	border:1px solid transparent;
	cursor:pointer;}

/*.cl1{background-color:darkred;}
.cl2{background-color:darkorange;}
.cl3{background-color:yellow;}
.cl4{background-color:darkgreen;}
.cl5{background-color:darkblue;}
.cl6{background-color:indigo;}
.cl7{background-color:darkviolet;}
.cl8{background-color:pink;}
.cl9{background-color:orange;}
.cl10{background-color:lightyellow ;}
.cl11{background-color:lightgreen;}
.cl12{background-color:lightblue;}
.cl13{background-color:fuchsia;}
.cl14{background-color:violet;}*/

.cl1{background-color:rgb(139, 0, 0);}
.cl2{background-color:rgb(255, 140, 0);}
.cl3{background-color:rgb(255, 255, 0);}
.cl4{background-color:rgb(0, 100, 0);}
.cl5{background-color:rgb(0, 109, 139);}/*formerly was blue(0,0,139)*/
.cl6{background-color:rgb(75, 0, 130);}
.cl7{background-color:rgb(148, 0, 211);}
.cl8{background-color:rgb(255, 192, 203);}
.cl9{background-color:rgb(255, 165, 0);}
.cl10{background-color:rgb(255, 255, 224);}
.cl11{background-color:rgb(144, 238, 144);}
.cl12{background-color:rgb(173, 216, 230);}
.cl13{background-color:rgb(255, 0, 255);}
.cl14{background-color:rgb(238, 130, 238);}


:focus{outline:none;border:0px solid red}

.n{display:none;}

.aler{color:rgb(211, 74, 74);
    display:inline-block;
    display:none;
    vertical-align:top;
    margin-top:27px;
    margin-left:15px;
    /*font-size:15px;*/
    font-size: 1.2vw;
}

.aler span{}

.aler .fa-times-circle-o{margin-right:7px;
	cursor:pointer;}

a{color:#24baeb;
	cursor:pointer;}
.b,.c{/*width:135px;*/
	width:170px;
	height:50px;
	line-height:50px;
	border-radius:4px;
	margin:0;
	color:#616161;
	text-shadow:0px -1px 0px #999;
	text-align:center;
	/*font-size:13px;*/
	font-size: 1.2vw;
	cursor:pointer;
	opacity:0.9;
	font-weight:100;
	box-shadow:2px 3px 5px #adadad;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;
	position:absolute;}

.d{display:none;}

.youtube-back{position:fixed;top:0;left:0;
	width:100%;
	height:2000px;
	margin:0 auto;
	text-align:center;
	background:rgba(0,0,0,.7);
	z-index:100000;
	display:none;}

.youtube-back iframe{margin-top:100px;}

.become-master{cursor:pointer;}
.become-master div{border: 1px solid #24baeb;
    border-radius:4px;
    padding:5px;
    margin-top:3px;}

/*START NAV STYLE*/
.auth-log{text-align:center;
    display:block;
    padding-top:12px;}
.auth-log img{width:40px;}
.auth-log span{font-family:sans-serif;
    color:#999;
    font-weight:900;
    line-height:0px;
    display:inline-block;
    vertical-align:top;
    margin-top:21px;
	margin-left:10px;
	/*font-size:20px;*/
    font-size: 2vw;
}

.auth-log-app{display:block;
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;}

.auth-log-app img{width:40px;}
.auth-log-app span{font-family:sans-serif;
    color:#999;
    font-weight:900;
    line-height:0px;
    display:inline-block;
    vertical-align:top;
    margin-top:21px;
	margin-left:5px;
	/*font-size:20px; */
    font-size: 2vw;
}

.nav{background:white;
	width:98%;
	margin-left:1%;
	margin-top:20px;
	height:70px;
	border-radius:4px;
	box-shadow:-1px 2px 3px #bdbdbd;}

.logo{margin-top:18px;
	margin-left:18px;
	margin-right:18px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;}

.logo-auth{display:block;
	margin:0 auto;
	padding-top:20px;}

.sep-left{height:100%;
	width:1px;
	display:inline-block;
	background:#eeeeee;}

.sep-right{height:100%;
	width:1px;
	display:inline-block;
	background:#eeeeee;
	float:right;}

.sign-in-icon{float:right;
	display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	margin-top:27px;
	margin-right:25px;
	color:#24baeb;}

.sign-out-txt{float:right;
	display:inline-block;
	/*font-size:16px;*/
	font-size: 1.6vw;
	margin-top:26px;
	margin-right:7px;
	margin-left:30px;
	color:#24baeb;}

.nav-question{float:right;
	display:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	margin-top:27px;
	margin-right:25px;
	margin-left:15px;
	color:#24baeb;
	cursor:pointer;}

.game-master-txt{float:right;
	display:inline-block;
	/*font-size:16px;*/
	font-size: 1.6vw;
	margin-top:26px;
	margin-right:7px;
	margin-left:17px;
	color:#24baeb;}

.game-master-pic{float:right;
	display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	margin-top:17px;
	margin-right:15px;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}
/*END NAV STYLE*/

/*START AUTH STYLE*/
.auth-title{color:#999;
	/*font-size:20px;*/
	font-size: 2vw;
	background:white;
	min-width:360px;
	width: 100%;
	border-radius:4px;
	padding:10px 0px;
	margin:0 auto;
	text-align:Center;
	margin-top:150px;
	text-shadow:0px -1px 0px rgb(116,116,116);
	font-weight:300;}

.auth{vertical-align:top;
	background:white;
	width:300px;
	height:275px;
	margin:0 auto;
	margin-top:150px;
	border-radius:4px;
	box-shadow:-1px 2px 3px #bdbdbd;
	display:block;}

.auth-signup{height:420px;
            margin-top: 0px;
}

.auth input{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.4vw;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:10px;
	width:250px;
	box-shadow:inset 0 0 3px #adadad;}

input.auth-user{margin-bottom:0px;}
input.auth-pass{margin-bottom:0px;
	margin-top:0px;}
input.auth-pass-rep{margin-top:0px;
	margin-bottom:34px;}

.auth-sub{cursor:pointer;
	float:right;
	margin:0px 20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;
	margin-top:20px;}

.val-email-exists{display:none;
	float:left;}

.auth .left-link{display:inline-block;
	margin-top:65px;
	margin-left:20px;
	bottom:15.5px;
	/*font-size:13px;*/
	font-size: 1.2vw;
}
.auth .right-link{display:inline-block;
	float:right;
	overflow: hidden;
	margin-left:20px;
	margin-right:20px;
	position:relative;
	bottom:15.5px;
	/*font-size:13px;*/
	font-size: 1.2vw;
}

.auth .sign-link{display:inline-block;
	margin-top:65px;
	margin-left:20px;
	bottom:15.5px;
	/*font-size:13px;*/
    font-size: 1.2vw;
}
	
.auth .forgot-link{display:inline-block;
	float:right;
	overflow: hidden;
	margin-left:20px;
	margin-right:20px;
	position:relative;
	bottom:15.5px;
	/*font-size:13px;*/
    font-size: 1.2vw;
}	

.auth-signup .sign-link{margin-top:45px;}
/*END AUTH STYLE*/

/*START GAMES LIST*/
.fa-pencil{vertical-align: sub;
    cursor:pointer; }
    
.games{vertical-align:top;
	background:white;
	/*width:23.7%;*/
	width:300px;
	margin-left:1%;
	margin-top:1%;
	border-radius:4px;
	box-shadow:-1px 2px 3px #bdbdbd;
	display:inline-block;
	float:left;
	height: 466px;
    overflow: scroll;}

.toppy{padding:10px 20px;
	position:fixed;
	/*width:20%;*/
	width:300px;
	background:white;
	border-top-right-radius:4px;
	border-top-left-radius:4px;}
.topTop ul{padding-top:50px;}

.games-txt{color:#999999;
	font-weight:300;
	line-height:30px;
	/*font-size:17px;*/
	font-size: 1.7vw;
	display:inline-block;
	vertical-align:top;}
.add-player-link{cursor:pointer;}

.games ul li{padding:10px 20px;
	border-bottom:1px solid white;}

.games ul li a{color:#999;
	border-radius:4px;
	cursor:pointer;
	transition:all .5s;
	/*font-size:13px;*/
    font-size: 1.2vw;
}

.games ul li .on,
.games ul li .off,
.crit ul li div,
.options ul li div,
.player ul li div{font-size:1.2vw;}

.games ul li a:hover{color:#24baeb;}



.on{color:#24baeb;}

/*
	cursor:auto;
	padding:5px 10px;}
*/

.off{cursor:pointer;
	color:#999;}


.games ul li:nth-child(odd){background:#eeeeee;}
.games ul li:nth-child(even){background:#e0e0e0;}
.games ul li:last-child{border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;}

.games ul li div{display:inline-block;}

.games-pencil{float:right;
	display:inline-block;
	vertical-align:sub;
	font-size:1.2vw;
	/*font-size:16px;*/
	color:#24baeb;}

.add-game-link{cursor:pointer;}

.go-to-game,
.go-to-game-play{color:#24baeb;
	/*font-size:18px;*/
	font-size: 1.8vw;
	margin-left:5px;
	display:inline-block;
	vertical-align:top;
	float:right;
	cursor:pointer;}

.go-to-game-play-two{/*color:#24baeb;*/}
/*END GAMES LIST*/

/*START OPTIONS LIST*/
.options{vertical-align:top;
	background:white;
	width:300px;
	/*width:23.7%;*/
	margin-left:1%;
	margin-top:1%;
	border-radius:4px;
	box-shadow:-1px 2px 3px #bdbdbd;
	display:inline-block;
	float:left;
	height: 466px;
    overflow: scroll;}

.options-txt{color:#999999;
	font-weight:300;
	line-height:30px;
	/*font-size:17px;*/
	font-size: 1.7vw;
	display:inline-block;
	vertical-align:top;}

.options ul li{color:#999;
	padding:10px 20px;
	border-bottom:1px solid white;}

.options ul li:nth-child(odd){background:#eeeeee;}
.options ul li:nth-child(even){background:#e0e0e0;}
.options ul li:last-child{border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;}

.options ul li div{display:inline-block;}

.opt-pencil{float:right;
	display:inline-block;
	vertical-align:sub;
	font-size:1.2vw;
	/*font-size:16px;*/
	color:#24baeb;}

.option-callr{margin-left:2px;
	margin-right:5px;
	height:10px;
	width:10px;
	background:red;
	border-radius:2px;}


.add-option-link{cursor:pointer;}
/*END OPTIONS LIST*/

/*START PLAYERS LIST*/
.player{vertical-align:top;
	background:white;
	/*width:23.7%;*/
	width:300px;
	margin-top:1%;
	margin-left:1%;
	border-radius:4px;
	box-shadow:-1px 2px 3px #bdbdbd;
	float:left;
	/*display:inline-block;*/
	height: 466px;
    overflow: scroll;}

.player-txt{color:#999999;
	font-weight:300;
	line-height:30px;
	/*font-size:17px;*/
	font-size: 1.7vw;
	display:inline-block;
	vertical-align:top;}

.add-player-txt{float:right;
	display:inline-block;
	font-size: 1.2vw;
	/*font-size:13px;*/
	margin-top:7px;
	margin-left:5px;
	color:#24baeb;}

.player ul li{color:#999;
	padding:10px 20px;
	border-bottom:1px solid white;}

.player ul li:nth-child(odd){background:#eeeeee;}
.player ul li:nth-child(even){background:#e0e0e0;}
.player ul li:last-child{border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;}

.player ul li div{display:inline-block;}

.player-pencil{float:right;
	display:inline-block;
	vertical-align:sub;
	font-size:1.2vw;
	/*font-size:16px;*/
	color:#24baeb;}

/*END PLAYERS LIST*/

/*START CRITERIA LIST*/
.crit{vertical-align:top;
	background:white;
	/*width:23.7%;*/
	width:300px;
	margin-left:1%;
	margin-top:1%;
	border-radius:4px;
	box-shadow:-1px 2px 3px #bdbdbd;
	float:left;
	display:inline-block;
	height: 466px;
    overflow: scroll;}

.crit-click{cursor:pointer;}

.crit-txt{color:#999999;
	font-weight:300;
	/*font-size:17px;*/
	font-size: 1.7vw;
	line-height:30px;
	display:inline-block;
	vertical-align:top;}

.add-crit-txt{float:right;
	display:inline-block;
	/*font-size:16px;*/
	font-size: 1.6vw;
	margin-top:7px;
	margin-left:5px;
	color:#24baeb;}

.crit ul li{color:#999;
	padding:10px 20px;
	border-bottom:1px solid white;}

.crit ul li:nth-child(odd){background:#eeeeee;}
.crit ul li:nth-child(even){background:#e0e0e0;}
.crit ul li:last-child{border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;}

.crit ul li div{display:inline-block;}

.crit-pencil{float:right;
	display:inline-block;
	vertical-align:sub;
	font-size:1.2vw;
	/*font-size:16px;*/
	color:#24baeb;}

/*END CRITERIA LIST*/

/*START NEW PLAYER LIST*/
.new-player{background:white;
	width:300px;
	height:270px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;}

.new-player-top{padding:10px 20px;}

.new-player-pic{display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.new-player .fa-close{color:#24baeb;
	float:right;
	/*font-size:24px;*/
	font-size: 2.4vw;
	margin-top:6px;
	cursor:pointer;}

.new-player input{background:#e6e6e6;
	color:#999;
	border:none;
	font-size:16px;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	width:250px;
	box-shadow:inset 0 0 3px #adadad;}

.new-player-save{cursor:pointer;
	float:right;
	margin:10px 20px;
	margin-top:20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}

.val-val-play{display:none;}
/*END NEW PLAYERS LIST*/

/*START NEW CRITERIA LIST*/
.add-crit-link{cursor:pointer;}
.new-crit{background:white;
	width:300px;
	height:365px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;}

.new-crit-top{padding:10px 20px;}

.new-crit-pic{display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.new-crit-txt,
.edit-crit-txt,
.new-opt-txt,
.edit-opt-txt,
.new-player-txt,
.edit-player-txt{color:#999999;
	font-weight:300;
	/*font-size:20px;*/
	/*font-size: 2vw;*/
	display:inline-block;
	vertical-align:top;
	margin-left:7px;
	margin-top:7px;}

.new-crit .fa-close{color:#24baeb;
	float:right;
	/*font-size:24px;*/
	font-size: 2.4vw;
	margin-top:6px;
	cursor:pointer;}

.new-crit input{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	width:250px;
	box-shadow:inset 0 0 3px #adadad;}

.new-crit-save{cursor:pointer;
	float:right;
	margin:0px 20px;
	margin-top:10px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}

.val-val-play{display:none;}
/*END NEW CRITERIA LIST*/

/* Edit Profile */

.edit-profile {background:white;
	width:300px;
	height:700px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;}


/*START EDIT PLAYER LIST*/
.edit-player{background:white;
	width:300px;
	height:300px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;}
	
	
.edit-player-top {padding:10px 20px;}


.edit-player-pic{display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.edit-player .fa-close{color:#24baeb;
	float:right;
	/*font-size:24px;*/
	font-size: 2.4vw;
	margin-top:6px;
	cursor:pointer;}

.edit-player input{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	width:250px;
	box-shadow:inset 0 0 3px #adadad;}

.edit-player-save{cursor:pointer;
	float:right;
	margin:10px 20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}
	
	
/*END EDIT PLAYERS LIST*/

/*START EDIT CRIT LIST*/
.edit-crit{background:white;
	width:300px;
	height:390px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;}

.edit-crit-top{padding:10px 20px;}

.edit-crit-pic{display:inline-block;
	font-size:18px;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.edit-crit .fa-close{color:#24baeb;
	float:right;
	/*font-size:24px;*/
	font-size: 2.4vw;
	margin-top:6px;
	cursor:pointer;}

.edit-crit input{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	width:250px;
	box-shadow:inset 0 0 3px #adadad;}

.edit-crit-save{cursor:pointer;
	float:right;
	margin:10px 20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}

.delete-crit{cursor:pointer;
  color: #24baeb;
  margin-left:20px;
  margin-top:15px;
  float:left;
  display: inline-block;}
/*END EDIT CRIT LIST*/

/*START NEW opt MODAL*/
.new-opt{background:white;
	width:300px;
	height:430px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;
	display:block;}

.new-opt-top{padding:10px 20px;}

.new-opt-pic{display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.new-opt .fa-close{color:#24baeb;
	float:right;
	/*font-size:24px;*/
	font-size: 2.4vw;
	margin-top:6px;
	cursor:pointer;}

.new-opt input{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	padding-right:10px;
	width:240px;
	box-shadow:inset 0 0 3px #adadad;}

.new-opt input.opt-url{margin-bottom:20px;}

.new-opt-save{cursor:pointer;
	float:right;
	margin:20px 20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}
/*END NEW opt MODAL*/


.td-before::before { 
    content: "N/A";
    color:#999;
}

/*START EDIT OPTION MODAL*/
.edit-opt{background:white;
	width:300px;
	height:520px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;
	display:block;}

.edit-opt-top{padding:10px 20px;}

.edit-opt-pic{display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.edit-opt .fa-close{color:#24baeb;
	float:right;
	/*font-size:24px;*/
	font-size: 2.4vw;
	margin-top:6px;
	cursor:pointer;}

.edit-opt input{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	padding-right:10px;
	width:240px;
	box-shadow:inset 0 0 3px #adadad;}

.edit-opt input.uopt-url{margin-bottom:20px;}

.edit-opt select{background:#e6e6e6;
	color:#aaa9a9;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	font-family:sans-serif;
	height:30px;
	border-radius:4px;
	margin:10px 20px;
	padding-left:10px;
	width:260px;
	box-shadow:inset 0 0 3px #adadad;}

.edit-opt-save{cursor:pointer;
	float:right;
	margin:0px 20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}

.delete-opt{cursor:pointer;
  color: #24baeb;
  margin-left:20px;
  margin-top:5px;
  float:left;
  display: inline-block;}
/*END EDIT OPTION MODAL*/


/*START NEW GAME MODAL*/


.new-game{background:white;
	max-width:300px;
	height:615px;
	margin:0 auto;
	margin-top:0px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;
	display:block;}

.new-game-top{padding:10px 20px;}

.new-game-pic{display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.new-game-txt{color:#999999;
	font-weight:400;
	/*font-size:26px;*/
	font-size: 2vw;
	display:inline-block;
	vertical-align:top;
	/*margin-left:7px;*/}

.new-game .fa-close{color:#24baeb;
	float:right;
	/*font-size:24px;*/
	font-size: 2vw;
	display:inline-block;
	/*margin-top:6px;*/
	cursor:pointer;}

.new-game input{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	width:250px;
	box-shadow:inset 0 0 3px #adadad;}

.new-game input.in-check,
.edit-game input.ed-check,
.new-game input.in-pub,
.edit-game input.ed-pub{width:10px;
	box-shadow:none;
	margin-right:5px;}

.in-check-lab,
.ed-check-lab,
.in-pub-lab,
.ed-pub-lab{padding-left:0px;
	position:relative;
	bottom:6px;
	cursor:pointer;}

.new-game select{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	font-family:sans-serif;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	width:260px;
	box-shadow:inset 0 0 3px #adadad;}

.new-game-save{cursor:pointer;
	float:right;
	margin:10px 20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	margin-top:25px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}
/*END NEW GAME MODAL*/

/*START EDIT GAME MODAL*/
.edit-game{background:white;
	width:300px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;
	display:block;}

.edit-game-top{padding:10px 20px;}

.edit-game-pic{display:inline-block;
	/*font-size:18px;*/
	font-size: 1.8vw;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.edit-game-txt{color:#999999;
	font-weight:300;
	/*font-size:26px;*/
	font-size: 2vw;
	display:inline-block;
	vertical-align:top;
	margin-left:7px;}

.edit-game .fa-close{color:#24baeb;
	float:right;
	/*font-size:24px;*/
	font-size: 2.4vw;
	margin-top:6px;
	cursor:pointer;}

.edit-game input{background:#e6e6e6;
	color:#999;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	height:30px;
	border-radius:4px;
	margin:0px 20px;
	padding-left:10px;
	width:250px;
	box-shadow:inset 0 0 3px #adadad;}

.edit-game select{background:#e6e6e6;
	color:#aaa9a9;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	font-family:sans-serif;
	height:30px;
	border-radius:4px;
	margin:10px 20px;
	margin-top:0px;
	padding-left:10px;
	width:260px;
	box-shadow:inset 0 0 3px #adadad;}

.edit-game-save{cursor:pointer;
	float:right;
	margin:10px 20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}

.delete-game{cursor:pointer;
  color: #24baeb;
  margin-left: 20px;
  margin-top: 15px;
  display: inline-block;}

.delete-player{cursor:pointer;
  color: #24baeb;
  margin-left: 20px;
  margin-top: 15px;
  display: inline-block;} 
/*END EDIT GAME MODAL*/


/*!!!!!GAME PAGE!!!!!*/


/*START GAME-OPTIONS LIST*/
.opt-ar{color:#24baeb;
	float:right;}

.dr{cursor:pointer;}

.game-options-cont{vertical-align:top;
	display:inline-block;
	padding-left:20px;}
	
.game-options{vertical-align:top;
	width:250px;
	border-radius:4px;
	margin-top:22.3px;}

.game-options ul{box-shadow:-1px 2px 3px #adadad;
	max-height: 250px;
    overflow: scroll;}

.game-option-title{vertical-align:top;
	display:inline-block;
	color:#999;
	/*font-size:23px;*/
	font-size: 2.3vw;
	margin-top:15px;
	text-shadow:0px -1px 0px rgb(116,116,116);
	font-weight:300;}

.game-option-title-play{vertical-align:top;
	display:inline-block;
	color:#999;
	/*font-size:20px;*/
	font-size: 2vw;
	margin-top:20px;
	text-shadow:0px -1px 0px rgb(116,116,116);
	font-weight:300;}

.game-option-title-results{vertical-align:top;
	display:inline-block;
	color:#999;
	/*font-size:25px;*/
	font-size: 2.5vw;
	margin-top:15px;
	margin-left:17px;
	text-shadow:0px -1px 0px rgb(116,116,116);
	font-weight:300;}

.game-options ul li,
.game-options .dr{color:#999;
	padding:6.5px 20px;
	border-bottom:1px solid #f2f2f2;
	border-top:1px solid #e5e5e5;}

.game-options ul li a,
.game-options .dr a{cursor:pointer;}

.game-options ul li:nth-child(odd),
.game-options .odd{background:#eeeeee;}

.game-options ul li:nth-child(even),
.game-options .even{background:#e0e0e0;}

.game-options .play-opt-tit{border-top:none;
	font-weight:300;
	/*font-size:17px;*/
	font-size: 1.7vw;
	background:white;
	border-top-right-radius:4px;
	border-top-left-radius:4px;}

.gameplay-crit{margin-bottom:20px;
	margin-bottom: 20px;
    height: 171px;
    background: #f4f4f4;
    border-radius: 4px;
	overflow-y:scroll;}



.gameplay-opt{background: #f4f4f4;
    border-radius: 4px;
    min-height:339px;
    max-height:339px;
    overflow-y:scroll;
    max-width:250px;}

.tempStyle{	width:170px;
	height:50px;
	line-height:50px;
	border-radius:4px;
	margin:0;
	color:#616161;
	text-shadow:0px -1px 0px #999;
	text-align:center;
	/*font-size:13px;*/
	font-size: 1.2vw;
	cursor:pointer;
	opacity:0.9;
	font-weight:100;
	box-shadow:2px 3px 5px #adadad;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-webkit-hyphens:auto;
	hyphens:auto;
	word-wrap:break-word;}


.game-options ul li:last-child{border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-bottom:none;}

.game-options ul li div,
.game-options .dr div{display:inline-block;
	vertical-align:top;
	/*font-size:13px;*/
    font-size: 1.2vw;
}

.game-option-callr{margin-left:2px;
	margin-right:10px;
	margin-top:4px;
	height:10px;
	width:10px;
	background:red;
	border-radius:2px;
	border:1px solid #e5e5e5;}

.add-option-link{cursor:pointer;}
/*END GAME-OPTIONS LIST*/


/*START CONTAINER*/
.container-cont,
.container-cont-play{display:inline-block;
	width:60%;}

.gameExc .container-cont,
.gameExc .container-cont-play{width:auto;}

/* default for wide screens/laptops */
.container{width:774px;
	display:inline-block;
	vertical-align:top;
	height:550px;
	/*
	height:380px;
	padding-bottom:120px;
	*/
	margin:0 auto;
	color:#999;
	background:url('img/pat1.png');
	border-radius:4px;
	box-shadow:-1px 2px 3px #adadad;}



.container ul{margin-top:13px;}

.container ul li:first-child{margin-top:22px;
	background:white;
	width:250px;}
.container ul li:last-child{width:250px;
	background:white;}
.container ul li{margin-top:16px;
	background:white;
	width:30px;}
.container ul li div{border-top:2px solid #e6e6e6;
	width:15px;
	display:inline-block;
	vertical-align:middle;}

/* this is the format of the title for the in-play box*/
.criteria{background:white;
	width:755px;
	/*margin-left:20px;*/
	height:25px;
	margin-top:15px;
	padding-left:20px;
	padding-top:5px;
	color:#999;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	box-shadow:-1px 2px 3px #adadad;}
/*END CONTAINER*/

/***** Adjust the screen to different Media ******/

/* On screens that are 1025px or less, set width, e.g iPad */
@media screen and (max-width: 1024px) {
  .container {
    width:736px;
  }
  .criteria{
	width:717px;
  }
  .game-options {
	width:170px;
  }
  
}
/* On screens that are 813px or less, set width, e.g iPhoneX */
@media screen and (max-width: 813px) {
  .container {
    width:622px;
  }
  .criteria{
	width:603px;
  }
  .game-options {
	width:140px;
  }	
  .game-option-callr{margin-left:-13px;}
}

/* On screens that are 740px or less, set width, e.g iPhone6,7,8 Plus */
@media screen and (max-width: 740px) {
  .container {
    width:565px;
  }
  .criteria{
	width:546px;
  }
  .game-options {
	width:140px;
  }
  .game-option-callr{margin-left:-13px;}
}

/* On screens that are 670px or less, set width, e.g iPhone6,7,8 */
@media screen and (max-width: 670px) {
  .container {
    width:496px;
  }
  .criteria{
	width:477px;
  }
  .game-options {
	width:140px;
  }
  .game-option-callr{margin-left:-13px;}
}


/* On screens that are 670px or less, set width, e.g GalaxyS5 */
@media screen and (max-width: 641px) {
  .container {
    width:469px;
  }
  .criteria{
	width:450px;
  }
  .game-options {
	width:140px;
  }
  .game-option-callr{margin-left:-16px;}
}

/* On screens that are 600px or less, set width, e.g. iPhone 5/SE */
@media screen and (max-width: 568px) {
  .container {
    width:411px;
  }
  .criteria{
	width:392px;
  }
  .game-options {
	width:120px;
  }
  .game-option-callr{margin-left:-16px;}
}


/*START GAME PLAYERS LIST*/
/*.gameplay-opt,.gameplay-crit{max-height:222px;
	max-width:140px;
	overflow:scroll;}*/

.game-player{vertical-align: top;
    background:white;
    width:290px;
    margin-right:1%;
    margin-top:64px;
    border-radius:4px;
    box-shadow:-1px 2px 3px #bdbdbd;
    float:right;
    display:inline-block;}

.game-player-top{padding:10px 20px;}

.game-player-txt{color:#999999;
	font-weight:300;
	/*font-size:26px;*/
	font-size: 1.7vw;
	display:inline-block;
	vertical-align:top;}

.add-game-plus{float:right;
	display:inline-block;
	/*font-size:13px;*/
	font-size: 1.2vw;
	margin-top:8px;
	color:#24baeb;}

.add-game-player-txt{float:right;
	display:inline-block;
	/*font-size:16px;*/
	font-size: 1.6vw;
	margin-top:7px;
	margin-left:5px;
	color:#24baeb;}

.game-player ul li{color:#999;
	padding:10px 20px;
	border-bottom:1px solid white;}

.game-player ul li:nth-child(odd){background:#eeeeee;}
.game-player ul li:nth-child(even){background:#e0e0e0;}
.game-player ul li:last-child{border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;}

.game-player ul li div{display:inline-block;}

.play-pencil{float:right;
	display:inline-block;
	vertical-align:sub;
	font-size:1.2vw;
	/*font-size:16px;*/
	color:#24baeb;}

.player-option-callr{margin-left:2px;
	margin-right:5px;
	height:10px;
	width:10px;
	background:red;
	border-radius:2px;
	box-shadow:-1px 1px 1px #bdbdbd;
	border-radius:10px;
	border:1px solid white;}
/*END GAME PLAYERS LIST*/















































.del-txt{/*font-size:13px;*/
    font-size: 1.2vw;
}

.rapper{width:100%;}

.navid{height:40px;
	padding-left:121px;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.4);
	width:900px;}

.navid select{border:1px solid #666;
	height:20px;
	width:120px;
	margin-top:10px;
	background:#111;
	color:white;}

.sel-wrap{display:inline-block;
	height:40px;
	vertical-align:top;
	float:right;
	margin-top:10px;
	width:80%;}

.navid .fa-plus-square{color:#007aff;
	/*font-size:15px;*/
	font-size: 1.5vw;
	margin-top:12px;
	cursor:pointer;}

.navid .fa-eye{/*font-size:23px;*/
    font-size: 2.3vw;
	float:right;
	margin-left:20px;
	margin-top:12px;
	cursor:pointer;}

.left,.right{margin:0 auto;
	margin-left:0px;
	margin-top:0px;
	float:left;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;}

.right{margin-left:0px;
	border-left:none;
	padding-left:10px;
	display:none;}

.right ul{margin-top:30px;
	/*font-size:11px;*/
    font-size: 1.1vw;
}

.save-wrap{display: inline-block;
  width: 430px;
  float:right;
  height: 40px;
  line-height:20px;
  cursor:pointer;}

.playa-wrap{display:inline-block;
	width: 900px;
	height: 40px;
	line-height:20px;}

.budget,.add,.game,.budget-edit,.game-edit{margin-top:10px;
	padding:10px 15px;
	line-height:5px;
	width:77px;
	/*font-size:16px;*/
	font-size: 1.6vw;
	text-align:center;
	color:#007aff;
	float:right;
	cursor:pointer;
	margin-left:10px;
	background:transparent;}

.budget-edit,
.game-edit{display:none;}

.game,
.game-edit{width:150px;}

.game-edit,
.budget-edit{padding-top:3px;}

.budget:before{content:'$';}

.loader{position:fixed;
	z-index:1000000000000000;
	background:rgba(0,0,0,.7);
	text-align:center;
	top:0;
	left:0;
	width:100%;
	height:1300px;}

.loader img{border-radius:100px;
	margin-top:200px;
	width:100px;}

.rb{z-index:1;
	position:absolute;
	display:inline-block;
	font-size:40px;
	top:155px;
	left:20px;
	color:#999;
	background:white;
	cursor:pointer;
	height:50px;
	width:50px;
	padding-left:10px;
	padding-top:10px;
	box-shadow:-1px 2px 3px #bdbdbd;}
.results-back{border-top-right-radius:4px;
	border-top-left-radius:4px;
	padding-top:5px;}
.naver{color:#999;}

.fa-eye{top:212px;
	color:#24baeb;}
.naver.fa-thumbs-up{top:274px;
	color:#999;}
.fa-signal{top:336px;}
.fa-pie-chart{top:398px;}
.fa-line-chart{top:460px;}
.fa-bar-chart{top:522px;}
.fa-list-ol{top:584px;}

/*{width:60%; 
	margin: 20px auto;}*/

.CONdonCont2,
.CONdonContAll,
.CONstackCont,
.CONstackContAll,
.CONscatCont,
.CONscatContAll,
.CONbarCont,
.CONbarContAll,
.rapper .best-cont{width:40%; 	
	float:right;
	margin-right:10px;
	margin-top:20px;}

.CONdonCont2,
.CONstackContAll,
.CONscatContAll,
.CONbarContAll{margin-right:80px;}

.soc-rez{text-align:center;
    margin:0 auto;
    position:relative;
    top:40px;
    left:100px;
    width:300px;}

.fb_iframe_widget{vertical-align:top;}

.twitter-share-button{padding-left:20px;}

/*DATATABLES STYLES*/


.fg-toolbar
{display:none;}

th{padding:30px;
	cursor:pointer;}
td{border:1px solid #999;
	padding:30px;
	text-align:center;}

/*EYE VIEW STYLES*/
.eyeCont{text-align:center;
	margin:20px auto;}

.eyeCont div{height:305px;
	width:37%; 
	margin: 0px auto;
	display:inline-block;}

.eyeCont .pieCont1,
.eyeCont .pieCont2{width:18%;}


.eyeCont table{/*font-size:14px;*/
    font-size: 1.4vw;
	color:#999;}

.tableCont,
.tableCont3{margin:0 auto;
    font-size: 1.7vw;
	/*font-size:17px;*/}
.tableCont1{margin:0 auto;
	font-size: 1.4vw;
	/*font-size:14px;*/
}


.tableCont th,
.tableCont1 th,
.tableCont3 th,
.tableCont td,
.tableCont1 td,
.tableCont3 td{color:#999;
	cursor:default;
	font-family:sans-serif;
	font-weight:100;
	border-radius:4px;
	padding:13px 0px;
	width:90px;
	border:2px solid white;
	margin-bottom:10px;
	line-height:16px;
	/*font-size:14px;*/
	font-size: 1.4vw;
	cursor:pointer;}

.tableCont td section,
.tableCont1 td section,
.tableCont3 td section{text-align:left;
	padding-left:20px;}

.tableCont th,
.tableCont1 th,
.tableCont3 th{background:#eee;}

.tableCont tr:nth-child(odd),
.tableCont1 tr:nth-child(odd),
.tableCont3 tr:nth-child(odd){background:#e0e0e0;}

.tableCont tr:nth-child(even),
.tableCont1 tr:nth-child(even),
.tableCont3 tr:nth-child(even){background:#eee;}

.rapper .best-cont,
.rapper .CONbest-cont-all,
.rapper .best-cont-all,
.rapper .table-cont,
.rapper .table-cont-all,
.rapper .CONtable-cont-all{vertical-align:top;
	width:40%; 	
	box-shadow:2px 3px 5px #adadad;
	height:auto;
	background:white;
	float:right;
	margin:0 auto;
	margin-right:10px;
	margin-top:20px;
	padding-bottom:15px;
	border-radius:4px;
	min-height:313px;}

.rapper .CONbest-cont-all,
.rapper .best-cont-all,
.rapper .table-cont-all,
.rapper .CONtable-cont-all{margin-right:80px;}

.rapper .table-cont1,
.rapper .table-cont2{vertical-align:top;
	background:white;
	width:640px;
	height:300px;
	overflow:scroll;
	float:right;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:2px;
	border-radius:4px;}

.rapper .table-cont2{margin-top:0px;}

.rapper .scatCont1,
.rapper .stackCont1{float:right;
	margin-right:20px;
	width:640px;}

.rapper .stackCont1{margin-top:0px;}

.rapper .barCont1{float:right;
	margin-right:20px;
	margin-top:20px;
	width:640px;}

.rapper .donCont1{float:right;
	margin-right:20px;
	width:640px;}

.rapper .conty .highcharts-container{border-radius:4px;
	font-family:helvetica;
	font-weight:100;}

text,
tspan,
.highcharts-legend-item tspan{/*font-family:effra;*/
    font-family:helvetica;
	font-weight:100!important;
	text-shadow:none!important;}

.scatCont1 .highcharts-series-0 text,
.scatCont1 .highcharts-data-labels text{display:none!important;}

/*.datatable-title{display: block;
	background: #999;
	text-align: left;
	padding: 10px 15px;
	border-radius: 4px;
	margin: 10px;
	box-shadow: inset 0 0 4px #333;
	font-weight:100;
	color:white;
	font-size:17px;}*/

.datatable-title{display: block;
	padding: 10px 15px;
	color:#999;
	margin: 10px;
	font-weight:100;
	/*font-size:18px;*/
	font-size: 1.5vw;
	text-align:center;}

/*START NEW GAME*/
.index h1{text-align:center;
	margin-top:20px;}

.game-table{margin:0 auto;
	width:300px;}
.game-table li div{display:inline-block;}
.game-table li{border:1px solid #999;
	border-top:0px;}
.game-table li:first-child{border-top:1px solid #999;}
.game-table div:first-child{width:200px;
	border-right:1px solid #999;}
/*END NEW GAME*/

.mod,.mody{background:rgba(0,0,0,.7);
	position:fixed;width:100%;
	height:2000px;
	top:0;
	display:none;
	z-index:2;}

.cover{color:white;
	/*font-size:18px;*/
	font-size: 1.8vw;
	padding-top:200px;
	text-align:center;
	background:black;
	position:fixed;width:100%;
	height:2000px;
	top:0;
	display:none;}

.share-meat,
.a-mod-meat,
.b-mod-meat,
.c-mod-meat{background:white;
	width:230px;
	height:140px;
	margin:100px auto;
	padding:20px;
	border-radius:7px;}

.mod span{display:inline-block;
	width:70px;
	height:25px;}

.mod input{width:125px;}

.mod i{/*font-size:33px;*/
    font-size: 3.3vw;
	text-align:center;
	width:100%;
	margin:0 auto;
	margin-top:20px;
	cursor:pointer;}

.mod i.fa-close{margin-top: 0px;
	/*font-size: 15px;*/
	font-size: 1.5vw;
	padding-top: 0px;
	position: relative;
	top: -15px;
	right: -120px;}

.a-mod-meat i.fa-close{right:-180px;}

.a-mod-meat i{width:50%;}

.save-budg{cursor: pointer;
	text-align: center;
	margin-top: 20px;
	border: 1px solid #191919;
	border-radius: 7px;
	width: 50%;
	margin: 0 auto;
	margin-top: 15px;
	padding-top:7px;
	padding-bottom:7px;}

.fa-thumbs-up{color:green;}
.fa-thumbs-down{color:red;}
.fa-user-plus{color:#007aff;
	vertical-align:top;
	margin-top:12px;
	cursor:pointer;}

.enter-email{vertical-align: top;
	margin-top:12px;
	width:120px;
	height:17px;
	padding-left:5px;
	border-radius:7px;
	border:1px solid black;
	display:none;}

.results,
.reset{cursor:pointer;
	float:right;
	margin:20px 20px;
	background:linear-gradient(#8f8f8f,#888888);
	text-shadow:0px 1px 0px #333;
	color:white;
	padding:5px 20px;
	border-radius:20px;
	box-shadow:1px 2px 3px #bdbdbd;}

.reset{background:linear-gradient(#f2f2f2,white);
	color:#8f8f8f;
	text-shadow:0px 1px 0px #D0D0D0;}

.col-block{height:15px;
	width:15px;
	margin-left:10px;
	margin-right:10px;
	border-radius:4px;
	display:inline-block;
	float:left;
	box-shadow:inset 0 0 3px #999;}

.sel-game,
.sel-playa,
.sel-crit{background:#e6e6e6;
	color:#aaa9a9;
	border:none;
	/*font-size:16px;*/
	font-size: 1.6vw;
	font-family:sans-serif;
	height:30px;
	border-radius:4px;
	margin:10px 20px;
	padding-left:10px;
	width:260px;
	box-shadow:inset 0 0 3px #adadad;
	float:right;}

.sel-playa{margin-left:0px;}

.sel-game{margin-right:0px;}

/*START validation*/
.val{/*font-size:11px;*/
    font-size: 1.1vw;
	color:rgb(211, 74, 74);
	margin-left:30px;
	visibility:hidden;
	vertical-align:top;
	height:19px;}
.val-up-crit,
.val-ed-crit{display:block;}
.val-ed-weight,
.val-ed-col{float:left;
	width:100%;}
.val-edup-crit,
.val-dup-crit{display:none;}

/*END validation*/

/*START CHAT*/
.chat-area{width: 40%;
    float: right;
    background: white;
    border-radius: 7px;
    margin: 0 auto;
    box-shadow: inset 0 0 10px #999;
    max-height: 550px;
    overflow: scroll;
	display:none;}
.say-some{height: 30px;
    width: 32%;
    margin-left: 3px;
    border: none;
    border-bottom: 1px solid #cdcdcd;
    padding-top: 8px;
    margin-top: 1px;
    /*font-size: 15px;*/
    font-size: 1.5vw;
    color:#666;
    position: fixed;
    background: #f4f4f4;
    margin-top: 0px;
    border-top-left-radius: 10px;
    border-top: 1px solid #cdcdcd;
	text-indent:10px;}
.chat-line{color:#333;
	margin:10px;}
.chat-area ul{margin-top:47px;}
.chat-area ul li{display:block;
	padding:5px 10px;
	border-radius:10px;
	float:left;
	clear:left;}
/*.chat-area ul li{color:#555;
	background:#e4e4e4;}
.chat-area ul li:nth-child(even){color:white;
	background:#24baeb;}
.chat-area ul li:nth-child(odd) span{color:#24baeb;}
.chat-area ul li:nth-child(even) span{color:#e4e4e4;}*/

.chat-area ul li span{}
/*END CHAT*/





/*START SHARE*/
.st{
    margin: 0 auto;
    text-align: center;
    border: 1px solid #24baeb;
    color: #24baeb;
    font-weight: 100;
    /*font-size: 17px;*/
    font-size: 1.7vw;
    width: 200px;
    margin-top: 17px;
    padding: 10px 0px;
    cursor: pointer;
    background:white;
}

.share-meat{background:white;
	width:300px;
	height:333px;
	margin:0 auto;
	margin-top:100px;
	border-radius:4px;
	box-shadow:2px 3px 4px #555;
	display:block;
	padding: 10px 0px;}

.share-meat-top{padding-bottom:10px;
	border-bottom:1px solid #f2f2f2;}

.share-meat-pic{display:inline-block;
	/*font-size:16px;*/
	font-size: 1.6vw;
	color:#24baeb;
	background:#eeeeee;
	padding:10px 13px;
	border-radius:100px;}

.share-meat-txt{color:#999999;
	font-weight:300;
	/*font-size:20px;*/
	font-size: 2vw;
	display:inline-block;
	vertical-align:top;
	margin-left:15px;}

.share-meat .fa-close{color:#24baeb;
	float:right;
	/*font-size:18px;*/
	font-size: 1.8vw;
	margin-top:3px;
	padding-right:15px;
	cursor:pointer;}

.youtube-back .fa-close{position:fixed;
	top:25px;
	right:25px;
	/*font-size:25px;*/
	font-size: 2.5vw;
	cursor:pointer;
	color:white;}

.share-meat ul li{margin-top:20px;
	margin-left:15px;}

.share-meat ul li span{display:block;
	color:#555;
	padding:10px 5px;}

/*.share-meat ul li .fa{background:#f2f2f2;
    padding: 5px 0px;
    font-size: 18px;
    color: #555;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    background-color: white;
    width: 25px;
    text-align: center;
	margin-left:5px;
	cursor:pointer;}
.share-meat ul li .fa:hover{background:#e4e4e4;}*/

.share-meat ul li .fa-twitter{background:#00aced;
	padding:5px 0px;
	color:white;
	border-radius:3px;
	width:25px;
	text-align:center;
	margin-left:5px;
	margin-top:4px;
	cursor:pointer;}

.share-meat ul li input{height: 25px;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    width: 265px;
	text-indent:5px;
	color:#555;
	/*font-size:13px;*/
    font-size: 1.2vw;
}

.fb-share-button
{
transform: scale(2);
-ms-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-moz-transform: scale(2);
margin-left:5px;
}
/*END SHARE*/
















/*START CROPPER*/
.sub-but{color:blue;
  font-family:helvetica;
  cursor:pointer;}

#fileInput{
  width:0;
  height:0;
  overflow:hidden;
}

#modal{
  z-index: 10;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #5F5F5F;
  opacity: 0.95;
  display: none;
}

#preview{
  z-index: 11;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none;
  border: 4px solid #A5A2A2;
  border-radius: 4px;
  float: left;
  font-size: 0px;
  line-height: 0px;
}

#preview .buttons{
  width: 36px;
  position: absolute;
  bottom:0px;
  right: -44px;
}

#preview .buttons .ok{
  border: 4px solid #F5F5F5;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  line-height: 0px;
  font-size: 0px;
  background-image: url('images/Ok.png');
  background-repeat: no-repeat;
}
#preview .buttons .ok:hover{
  background-image: url('images/OkGreen.png');
}

#preview .buttons .cancel{
  margin-bottom: 4px;
  border: 4px solid #F5F5F5;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  line-height: 0px;
  font-size: 0px;
  background-image: url('images/Cancel.png');
  background-repeat: no-repeat;
}

#preview .buttons .cancel:hover{
  background-image: url('images/CancelRed.png');
}

.cropme{background-color: #f1f1f1;
    margin-bottom: 5px;
    margin-right: 5px;
    background-image: url('images/UploadLight.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 170px;
    height: 50px;
    margin: 0 auto;
    margin-top: -14px;
    margin-left:105px;
    margin-bottom: 30px;}

.cropme:hover{
  background-image: url('images/UploadDark.png');
}


.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url('images/Jcrop.gif');
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* 'turn off' link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The 'jcrop-light' class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The 'jcrop-dark' class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {background: #ffffff;}











@media screen and (max-width: 1279px) {
	.cover{display:block;}
	.fa,.results-back{display:none;}
}

@media screen and (min-width: 980px) and (max-width: 1139px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:400px;}

	.sel-game,.sel-playa,.sel-crit{width:200px;}
}

@media screen and (min-width: 1140px) and (max-width: 1219px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:500px;}
}

@media screen and (min-width: 1220px) and (max-width: 1339px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:540px;}
}

@media screen and (min-width: 1340px) and (max-width: 1459px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:600px;}
}

@media screen and (min-width: 1460px) and (max-width: 1539px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:660px;}
}

@media screen and (min-width: 1540px) and (max-width: 1619px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:700px;}
}

@media screen and (min-width: 1620px) and (max-width: 1739px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:740px;}
}

@media screen and (min-width: 1740px) and (max-width: 1869px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:800px;}
}

@media screen and (min-width: 1870px) and (max-width: 3000px) {
	.rapper .table-cont1,
	.rapper .table-cont2,
	.rapper .scatCont1,
	.rapper .barCont1,
	.rapper .donCont1,
	.rapper .stackCont1{width:860px;}
}
.plans {
  margin: 40px auto;
  width: 660px;
  zoom: 1;
}
.plans:before, .plans:after {
  content: '';
  display: table;
}
.plans:after {
  clear: both;
}

.plan {
  float: left;
  width: 220px;
  height: 457px;
  margin: 10px 0;
  padding: 20px;
  text-align: center;
  background: #fafafa;
  background-clip: padding-box;
  border: solid #453b5d;
  border-width: 2px 0 2px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.plan:first-child {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.plan:last-child {
  border-width: 2px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.plan-title {
  position: relative;
  margin: -20px -10px 20px;
  padding: 20px;
  line-height: 1;
  /*font-size: 16px;*/
  font-size: 1.6vw;
  font-weight: bold;
  color: #595f6b;
  border-bottom: 1px dashed #d2d2d2;
}
.plan-title:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background-size: 3px 1px;
  background-image: -webkit-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
  background-image: -moz-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
  background-image: -o-linear-gradient(left, white, white 33%, #d2d2d2 34%, #d2d2d2);
  background-image: linear-gradient(to right, white, white 33%, #d2d2d2 34%, #d2d2d2);
}

.plan-price {
  margin: 0 auto 20px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  /*font-size: 19px;*/
  font-size: 1.9vw;
  font-weight: bold;
  color: white;
  background: #595f6b;
  border-radius: 45px;
}
.plan-price > span {
  /*font-size: 12px;*/
  font-size: 1.2vw;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.9);
}

.plan-features {
  margin-bottom: 20px;
  line-height: 2;
  /*font-size: 12px;*/
  font-size: 1.2vw;
  color: #999;
  text-align: center;
}
.plan-features > li > strong {
  font-weight: bold;
  color: #888;
}

.plan-button {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  line-height: 30px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  background: #7c69a3;
  border: 1px solid #222;
  border-bottom-color: black;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #9780cc, #6f5e96);
  background-image: -moz-linear-gradient(top, #9780cc, #6f5e96);
  background-image: -o-linear-gradient(top, #9780cc, #6f5e96);
  background-image: linear-gradient(to bottom, #9780cc, #6f5e96);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 2px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 2px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.1);
}
.plan-button:active {
  color: rgba(255, 255, 255, 0.95);
  background: #6f5e96;
  border-color: black #222 #222;
  background-image: -webkit-linear-gradient(top, #6f5e96, #8770b9);
  background-image: -moz-linear-gradient(top, #6f5e96, #8770b9);
  background-image: -o-linear-gradient(top, #6f5e96, #8770b9);
  background-image: linear-gradient(to bottom, #6f5e96, #8770b9);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

.plan-tall {
  margin: 0;
  background-color: white;
  border-width: 2px;
  border-radius: 7px;
}
.plan-tall > .plan-title {
  font-size: 18px;
}
.plan-tall > .plan-price {
  width: 100px;
  height: 100px;
  line-height: 100px;
  /*font-size: 21px;*/
  font-size: 2.1vw;
  border-radius: 50px;
}
.plan-tall > .plan-features {
  /*font-size: 13px;*/
  font-size: 1.2vw;
}
.plan-tall > .plan-button {
  padding: 0 16px;
  line-height: 32px;
}
.plan-tall + .plan {
  border-left: 0;
}


.login-help{
	font-size: 12px;
	margin-top: 78px;
	margin-left: 23px;
}