body{
  background-color: #E8E2F8;
}

.main_container {
   background-color: white;
   font-family: calibri;
   font-size: 16px;
   margin-left:auto;
   margin-right:auto;
   width: 900px;
   min-height:600px;

}

.title {
    background-color: #c7c7c7;
    background-image:url(https://sites.cisa-unige.ch/properemo/gep/img/11.jpg);
    font-weight: bold;
    padding: 10px;
    font-size: 20px;
    height: 50px;
}

.logo {
   float: left;
   margin-left:-90px;
   background-image:url(https://sites.cisa-unige.ch/properemo/gep/img/b10.gif);
   height:600px;
  background-repeat: repeat-y;
  margin-bottom:0px;


}

.logo_img {
 width: 90px;
 margin-top: 5px;

}

#progressbar{
	width:150px;
	height:10px;
	float:right;
	left: 155px;
    position: relative;
    top: 18px;
}

.ui-widget-header {background-color:blue;}

#progressbar_title{
	float:right;
	left: 5px;
    position: relative;
    top: -3px;
    font-size:15px;
    width:150px;
}

 #enregistrement{
    position:relative;
 	top:20px;
 	background-color: #D4F3D4;
 	margin-left:auto;
 	margin-right:auto;

}


.content{
    padding-bottom:10px;
    padding-top:20px;
    min-height:450px;
}

.itembox {
 width: 350px;
 background-color: #cccccc;
 margin-bottom: 5px;
 padding-left:5px;
 border-radius: 5px;

}

.emobox {
 width: 150px;

}

.timebox {
 width: 100px;
 background-color: #cccccc;
 margin-bottom: 5px;
 padding-left:5px;
 border-radius: 5px;
 margin-left: 5px;
 float:left;

}

.not_apply {
 width: 100px;
 background-color: #cccccc;
 margin-bottom: 5px;
 padding-left:5px;
 border-radius: 5px;
 float: left;
 margin-left: 20px;

}

.item_selected {
  background-color: green;

}



.alert {
  color: red;

}

.alert2 {
  background-color:#ff3030;

}

.responded {
     color: green;
}

.not_at_all {
     float: left;
     margin-left: 300px;
     margin-bottom: 10px;
     width: 80px;
     font-size: 0.8em; 
}

.little {
     float: left;
     margin-left: 30px;
     margin-bottom: 10px;
     width: 80px;
     font-size: 0.8em; 
}

.moderately {
      float: left;
      margin-left: 30px;
      margin-bottom: 10px;
      width: 80px;
      font-size: 0.8em; 
}

.bit {
      float: left;
      margin-left: 30px;
      margin-bottom: 10px;
      width: 80px;
      font-size: 0.8em; 
}

.extremely {
    float: left;
    margin-left: 30px;
    margin-bottom: 10px;
    width: 80px;
    font-size: 0.8em; 
}

.input_slider {
     width:450px;
     float:left;
     margin-top:10px;

}   


.moderate {
      float: left;
      margin-left: 120px;

}


.strong {
   margin-left: 620px;

}

.several {
   margin-left: 120px;

}

.seconds {
   margin-left: 120px;
   float: left;

}
.minutes {
   margin-left: 120px;
   float: left;

}
.hours {
   margin-left: 120px;
   float: left;

}
.weeks {
   margin-left: 120px;
   clear: both;
}


.response-item  {
    width: 280px;
    min-height: 30px;
    overflow: hidden;
    float: left;
}

.slider {

   float: left;
   margin-left: 25px;
  
}

.rangevalue {
   margin-left: 50px;

}



/* RANGE     */
input[type='range'] {
		-webkit-appearance: none;
		border-radius: 5px;
		box-shadow: inset 0 0 5px #333;
		background-color: #999;
		height: 10px;
		vertical-align: middle;  
	}
	input[type='range']::-moz-range-track {
		-moz-appearance: none;
		border-radius: 5px;
		box-shadow: inset 0 0 5px #333;
		background-color: #999;
		height: 10px; 
	}
	input[type='range']::-webkit-slider-thumb {
		-webkit-appearance: none !important;
		border-radius: 20px;
		background-color: #FFF;
		box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
		border: 1px solid #999;
		height: 20px;
		width: 20px;
	}
	input[type='range']::-moz-range-thumb {
		-moz-appearance: none;
		border-radius: 20px;
		background-color: #FFF;
		box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
		border: 1px solid #999;
		height: 20px;
		width: 20px;
	}


.footer{
padding-bottom: 20px;

}

.button {
    position: relative;
    margin: auto;
    background-color: #EEFFED;
    border: 1px solid #000000;
    padding: 5px;
    text-align: center;
    width: 120px;
}

.button_intro, .button_answers{

    margin-top: -40px;
       
}


#button_noThanks {

}

.error{
	color:red;
	margin-left:33px;
	margin-top:50px;
}



.text_questions{
    width:500px;
    padding: 9px;     
   /* clear: both;*/
   clear: both;
    
   
}

.text_questions_item{
    width: 250px;
    text-align: right;
    padding-right: 20px;
    float:left;
    
}

.text_questions_option{
    float:left;
    width: 200px;
    padding-left: 10px;
    text-align: left;
     
}

.tests_available{
    clear: both;
    font-size: 10px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20px;
     
} 

.choose_language{
    width: 70%;
    margin:auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    text-align: center;
     
} 


.text {

 padding: 20px;
 width: 850px;
 min-height: 30px;
 overflow: hidden;
  font-size: 16px; 

 
}

.text_intro{

 font-size: 20px;
 padding: 20px;
 float: left;
 width: 800px;
 
}

.language {
           float:left;
           width: 250px;
           padding: 20px;
           margin-top: -30px;
     
} 

.intro_title{

   font-size: 24px;
   padding: 20px;
 
}

.intro_box {
 width:800px;

} 

#other_emo {

 float:left;
 margin-left:15px;
}

#none {

 float:left;
 clear: both;

}



.languages {
    clear: both;
    width: 70%;
    margin:auto;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
     
}  


.event_input {
  padding: 20px;

  width: 150px;
  margin-left: 10px;

} 

input[type=checkbox]
{
  /* oversize Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}

.video{
	/*display:none;*/
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.answers, .button_answers {
   display:none;
   text-align: center;

}

.choose_options {
   top: 30px;
   text-align: center;

}

.answer {
   margin-top: 100px;
   text-align: center;
   margin: auto;
   width:400px;
   height:60px;
   padding-top:20px;
   background-color: #eee;
}

.answer1, .answer2{
   margin-top: 60px;
}


/**
 * page Admin
 * 
 */
 
 .main_container_admin {
   
   min-height:200px;

}

.admin_boxes {
  position: relative;
  margin-left:auto;
 	margin-right:auto;


}
 
 .box{
    background-image: url("../admin/create/image/cartouche.jpg");
    float: left;
    height: 168px;
    width: 226px;
    font-size:23px;
}
 
 .create_study_text{
 	left: 25px;
    position: relative;
    top: 70px;
 }
 
 .view_study_text{
    left: 40px;
    position: relative;
    top: 70px;
 }
 
  .close_study_text{
    left: 25px;
    position: relative;
    top: 70px;
 }
 
 .closed_study{
 	color: #FF0000;
    font-size: 35px;
    font-weight: bold;
    left: 150px;
    position: relative;
    top: 100px;
 }


.block-principal-create-bdd{
	height:170px;
	background-color:#f2f2f2;
}

.sort_by_sid{
	border:1px solid black;
	padding:20px;
	margin-left:25px;
	margin-top:20px;
}

.sort_by_researcher{
	border:1px solid black;
	padding:20px;
	margin-left:50px;
	margin-top:20px;
}

.sort_by_studycode{
	border:1px solid black;
	padding:20px;
	margin-left:50px;
	margin-top:20px;
}

.check_sort{
	position:relative;
	left:10px;
	top:2px;	
}

.titre_create_study{
	background-color: #C7C7C7;;
    padding: 5px;
    text-align: center;
    font-weight:bold; 
 }
 
 .table_create_study{
 	padding:20px;
 }
 
 
.button_save_create_study {
    position: relative;
    top: 20px;
}

.view_study td{
	border : 1px solid black;
	padding:10px;
	text-align:center;
}

.view_study td.title{
	font-weight:bold; 
}

table.view_study{
	margin-top:25px;
	margin-left:30px;
	border-collapse:collapse;
}

/**
 * Page Demo
 * 
 */

.block-image{
	background-image: url("../img/wheel.png");
	width:585px;
	height:469px;
	 margin-left:auto;
   margin-right:auto;
   z-index:1;
}

.block-image-1{
    height: 70px;
    left: 375px;
    position: relative;
    top: -447px;
    width: 70px;
    z-index: 2;
}