/* latin-ext */
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf')  format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Light';
  src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf')  format('truetype'), url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


*{
	margin:0;border:0;padding:0;font-family:'Roboto', sans-serif;
	text-align:left;font-size:12px;font-weight:normal;

	touch-callout:none; text-size-adjust:none; user-select :none;
	tap-highlight-color: transparent;

    -webkit-appearance:none;
	-webkit-touch-callout:none; -webkit-text-size-adjust:none; -webkit-user-select:none;
	-webkit-tap-highlight-color: transparent;

    -moz-touch-callout:none; -moz-text-size-adjust:none; -moz-user-select:none; -moz-tap-highlight-color: transparent;
	}
input, textarea{-webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text;  -ms-user-select: text; user-select: text;}
body{background:#ffffff;}
/* INDEX */
#activity{/*position:absolute;top:0px;left:0px;right:0px;*/height:3px;width:100%;}
#activity.on{background-color:rgb(0,255,0);}
#activity.off{background-color:rgb(255,0,0);}

.head *{color:#0077C0;}
.head table{margin:0 auto;margin-bottom:30px;padding-left:5px;padding-right:5px;}
.head td{vertical-align:middle;}
.head h1{font-family: 'Roboto Light', sans-serif;font-weight:normal;}
@media screen and (max-width: 1023px) {
	.head h1{font-size:20px;margin:0px;}
	.head span{font-size:12px;}
	.head span.reduce{font-size:10px;}
	.head img{max-width:100px;}

	.logon{
		min-height:160px;width:260px;margin:0 auto;
		background:#FFFFFF;padding:15px;border:#0077C0 3px solid;border-radius:15px;color:#0077C0;
		text-align:center;
		z-index:999;
	}
	.logon span{font-size:30px;font-weight:bold;}
	.logon p{font-size:25px;color:#ff3333;}
	.logon button{font-size:20px;font-weight:bold;margin-top:20px;}
	.logon input{font-size:30px;font-family:'Arial', sans-serif;text-align:center;width:247px;border:#000000 1px solid;}
	}
@media screen and (min-width: 1024px) {
	.head h1{font-size:50px;margin:0px;}
	.head span{font-size:20px;}
	.head span.reduce{font-size:15px;}
	.head img{max-width:150px;}

	.logon{
		min-height:160px;width:300px;margin:0 auto;
		background:#FFFFFF;padding:15px;border:#0077C0 3px solid;border-radius:15px;color:#0077C0;
		text-align:center;
		z-index:999;
	}
	.logon span{font-size:40px;font-weight:bold;}
	.logon p{font-size:30px;color:#ff3333;}
	.logon button{font-size:20px;font-weight:bold;margin-top:20px;}
	.logon input{font-size:30px;font-family:'Arial', sans-serif;text-align:center;width:297px;border:#000000 1px solid;}
}

@media screen and (max-width: 1023px) {
	.vote_by_1{position:absolute;height:105px;top:calc(50% - 60px);left:20px;right:20px;}
	.vote_by_2, .vote_by_3{position:absolute;height:80px;top:calc(50% - 40px);left:20px;right:20px;}
	.vote_by_1 table, .vote_by_2 table, .vote_by_3 table{margin:0 auto;width:100%;}
	.vote_by_1 tbody, .vote_by_2 tbody, .vote_by_3 tbody, .vote_by_1 tr, .vote_by_2 tr, .vote_by_3 tr{width:100%;}
	.vote_by_1 td, .vote_by_2 td, .vote_by_3 td{padding-left:5px;padding-right:5px;}
	.vote_by_3 td{width:33.3%;}
	.vote_by_2 td{width:50%;}
	}
@media screen and (min-width: 1024px) {
	.vote_by_1, .vote_by_2, .vote_by_3{position:absolute;height:300px;top:calc(50% - 100px);left:50px;right:50px;}
	.vote_by_1 table, .vote_by_2 table, .vote_by_3 table{margin:0 auto;}
	.vote_by_1 td, .vote_by_2 td, .vote_by_3 td{padding-left:20px;padding-right:20px;}
}

.counter{position:fixed;height:55px;width:55px;border:#0077C0 3px solid;border-radius: 50px;bottom:20px;left:calc(50% - 26px);text-align:center;color:#0077C0;font-size:25px;}
.counter *{display:block;text-align:center;}
.counter_nb{font-size:30px;margin-top:2px;}
.counter_av{font-size:15px;margin-top:-6px;}

.button_sad, .button_soso, .button_happy{cursor:pointer;}

@media screen and (max-width: 1023px) {
	.unlike{width:85px !important;height:100px;    margin: 0 auto;}
	.like{width:85px !important;height:100px;    margin: 0 auto;}
	.negative{width:75px !important;height:75px;    margin: 0 auto;}
	.neutral{width:75px !important;height:75px;    margin: 0 auto;}
	.positive{width:75px !important;height:75px;    margin: 0 auto;}
	}
@media screen and (min-width: 1024px) {
	.unlike{width:250px;height:295px;}
	.like{width:250px;height:295px;}
	.negative{width:250px;height:250px;}
	.neutral{width:250px;height:250px;}
	.positive{width:250px;height:250px;}
}


.unlike[type="1"]{background:url('img/2_bad_1.png') bottom center;background-size:100% auto;}
.unlike[type="2"]{background:url('img/2_bad_2.png') bottom center;background-size:100% auto;}
.unlike[type="3"]{background:url('img/2_thanks.png') bottom center no-repeat;background-size:100% auto;}

.like[type="1"]{background:url('img/2_good_1.png') bottom center;background-size:100% auto;}
.like[type="2"]{background:url('img/2_good_2.png') bottom center;background-size:100% auto;}
.like[type="3"]{background:url('img/2_thanks.png') bottom center no-repeat;background-size:100% auto;}

.negative[type="1"]{background:url('img/3_bad_1.png') bottom center;background-size:100%;}
.negative[type="2"]{background:url('img/3_bad_2.png') bottom center;background-size:100%;}
.neutral[type="1"]{background:url('img/3_neu_1.png') bottom center;background-size:100%;}
.neutral[type="2"]{background:url('img/3_neu_2.png') bottom center;background-size:100%;}
.positive[type="1"]{background:url('img/3_good_1.png') bottom center;background-size:100%;}
.positive[type="2"]{background:url('img/3_good_2.png') bottom center;background-size:100%;}

.thanks_line{position:absolute;height:200px;top:calc(50% - 200px);left:50px;right:50px;color:#0077C0;text-align:center;font-size:45px;font-family: 'Roboto Light', sans-serif;font-weight:normal;}


.wait{position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:transparent;/*rgba(0,0,0,0.5)*/}

#reset{position:absolute;height:50px;width:50px;bottom:0px;right:0px;background:transparent;z-index:9999;}
.logout{position:absolute;height:50px;width:50px;top:0px;right:0px;background:transparent;z-index:9999;}



/* ADMIN */
.error_div{width:80%;margin:0 auto;padding:15px;text-align:center; background:#FF7575;color:#FFFFFF;font-weight:bold;font-size:18px;}
.error_div h1{font-size:30px;text-align:center;}
.error_div h2{font-size:25px;text-align:center;}

.login_div{text-align:center;width:400px;margin:0 auto;margin-top:30px;background:#FFFFFF;padding:20px;border:#0077C0 3px solid;border-radius:15px;color:#0077C0;font-weight:bold;}
.login_div *{font-size:25px;}
.login_div table{width:100%;}
.login_div td{padding-bottom:25px;}
.login_div input{width:200px;float:right;border:#000000 1px solid;}
.login_div .blue_btn{margin-top:0px;}

.blue_btn{color:#ffffff;background-color:#0077C0;padding:10px;font-size:17px;font-weight:bold;cursor:pointer;}
.blue_sep{color:#ffffff;background-color:#0077C0;text-align:center;padding-top:5px;padding-bottom:5px;font-size:17px;font-weight:bold;margin:0 auto;margin-top:15px;width:calc(100% - 44px);margin-bottom:10px;}

.adm_home_buttons{text-align:center;}
.adm_home_buttons button{margin:10px;}

#list_reu{margin:0 auto;width:calc(100% - 40px);}
.reu_line{}
.reu_line td{height:45px;text-align:center;}
.reu_line td.result{background-color:#dd5b4b;background-image: url(' data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgCQ0LACwbZ4iMAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMK0KCsAAAAAMSURBVBhXYyjb4wQAAyABdfP240gAAAAASUVORK5CYII='), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfgCQ0LACwbZ4iMAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMK0KCsAAAAAMSURBVBhXY/h/1BYABMgCAjVGfbYAAAAASUVORK5CYII=');
background-repeat: no-repeat;text-align:left;padding-left:5px;padding-right:5px;text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);font-weight: normal;font-size: 15px;}
.reu_line td.resultb{background-color:#a9cdff;);
background-repeat: no-repeat;text-align:left;padding-left:5px;padding-right:5px;text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);font-weight: normal;font-size: 15px;}
.reu_line td.result .left{float:left;}
.reu_line td.result .center{float:left;}
.reu_line td.result .right{float:right;}
.reu_line td.export{width:80px;background-color:#0077C0;color:#ffffff;cursor:pointer;}
.reu_line td.delete{width:80px;background-color:#FF0000;color:#ffffff;cursor:pointer;}
.reu_line td.export img, .reu_line td.delete img{width:25px;}
.reu_line td.intake{width:150px;background-color:#97999b;color:#000000;font-weight:bold;font-size:20px;}
.reu_line td.retake{width:150px;background-color:#0077C0;color:#ffffff;font-weight:bold;font-size:20px;cursor:pointer;}

.over_div{position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:rgba(0,0,0,0.5);}
#newReuPannel, #updateReuOpenPannel, #detailsOpenPannel{text-align:center;position:absolute;width:550px;height:420px;top:calc(50% - 210px);left:calc(50% - 250px);background:#ffffff;border:#000 1px solid;}
#newReuPannel h1, #updateReuOpenPannel h1, #detailsOpenPannel h1{text-align:center;font-weight:bold;font-size:30px;margin-top:20px;}
#newReuPannel table, #updateReuOpenPannel table, #detailsOpenPannel table{text-align:left;width:530px;margin:0 auto;margin-top:20px;}
#newReuPannel table *, #updateReuOpenPannel table *, #detailsOpenPannel table *{font-size:20px;}
#newReuPannel table td, #updateReuOpenPannel table td, #detailsOpenPannel table td{padding-bottom:20px;}
#newReuPannel input, #updateReuOpenPannel input, #detailsOpenPannel input{width:250px;border:#000 1px solid;}
#newReuPannel select, #updateReuOpenPannel select, #detailsOpenPannel select{width:230px;border:#000 1px solid;}
#newReuPannel button, #updateReuOpenPannel button, #detailsOpenPannel button{font-size:20px;padding:10px;margin:10px;cursor:pointer;}
#newReuPannel button.blue, #updateReuOpenPannel button.blue, #detailsOpenPannel button.blue{color:#ffffff;background-color:#0077C0;}
#newReuPannel button.red, #updateReuOpenPannel button.red, #detailsOpenPannel button.red{background-color:#FF0000;color:#ffffff;}
#detailsOpenPannel{width:650px;height:620px;top:calc(50% - 310px);overflow-x:hidden;overflow-y:scroll;}
#detailsOpenPannel .close_btn{display:block;float:right;height:32px;width:32px;background:url('img/close.png');background-size:100%;margin-top: 20px;}
#detailsOpenPannel table,#detailsOpenPannel table *{border-collapse:collapse;}
#detailsOpenPannel table td{border:#000000 1px solid;}
#detailsOpenPannel button.blue{margin-top:20px;font-size:15px;}