body{
	background-color:white;
	margin:0px;
	margin-bottom:110px;
}

#auth_box{
	width:500px;
	border-radius:10px;
	min-height:335px;
	top:50%;
	left:50%;
	margin-top:-167px;
	margin-left:-250px;
	position:absolute;
	text-align:center;
	background-color:#46b1e4;
	border-left:1px solid #46b1e4;
	border-right:1px solid #46b1e4;
}

#auth_box input[type="text"],#auth_box input[type="password"]{
	border-radius:5px;
	height:40px;
	width:300px;
	text-align:center;
	font-size:20px;
	margin-top:5px;
}
#auth_box input[type="submit"],.button{
    margin-top: 10px;
	margin-bottom:15px;
    border-radius:5px;
    min-width: 152px;
	font-weight:bold;
	cursor: pointer;
	text-transform:uppercase;
	padding:20px;

}
#auth_box input[type="submit"],.button,.button_mid,.button_landing,#auth_box .btn_goback{
	background-color: white;
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 70%, rgba(30,148,204,1) 100%);
	border: 1px solid #46b1e4;
}

#top_header .btn_logoff:hover,#auth_box input[type="submit"]:hover, .button:hover,#auth_box .btn_goback:hover,.button_landing:hover,.button_mid:hover{
	font-weight:bold;
	background:white;
	color:black;
	border:1px solid #1ECC23;
	background: radial-gradient(circle, rgba(255,255,255,1) 70%, rgba(30,204,35,1) 100%);
	cursor:pointer;
	
}
#btn_paste:hover{
	background: radial-gradient(circle, rgba(255,255,255,1) 30%, rgba(30,148,204,1) 100%);
}
#auth_box .grp_prg{
	max-width:600px;
	margin:0 auto;
	margin-top: 10px;
    margin-bottom: 15px;
	min-height: 310px;
    border-radius: 5px;
    min-width: 152px;
    background-color: white;
    font-weight: bold;
    font-size: 33px;
	padding: 1px 5px;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	
}
#auth_box .grp_prg h3{
	display:inline-block;
}
#auth_box .grp_prg .prg_description{
	text-align: center;
    font-size: 15px;
    padding-left: 10px;
	margin:10px 0px;
}
#auth_box .grp_prg .prg_name{
	margin:10px 0px;
}

#auth_box .btn_goback{
	margin:0 auto;
	height:50px;
	background-color:white;
	margin-top:15px;
	line-height:50px;
	font-weight:bold;
	border-radius:5px;
	text-transform:uppercase;
	font-size:15px;
	max-width:600px;
}
#auth_box .btn_goback img,.impersonate img{
	height:25px;
	margin:5px;
	vertical-align:middle;
}
#auth_box .title,.tabcontent_shp .title,.tabcontent_prg .title{
	min-height:50px;
	max-width:90%;
	background-color:white;
	margin-top:10px;
	line-height:50px;
	font-weight:bold;
	border-radius:5px 5px 0px 0px;
	text-transform:uppercase;
	font-size:33px;
	display:inline-block;
}
.tabcontent_shp .title,.tabcontent_prg .title{
	text-align:center;
	display:block;
	margin:0 auto;
}
.subtitle{
	padding-bottom:10px;
	font-size:25px;
	font-weight:normal;
	background-color:white;
}

#btn_paste{
	position:absolute;
	margin-left:5px;
	margin-top:5px;
	width: 35px;
	height: 45px;
	display: inline-block;
    vertical-align: middle;
	border-radius: 5%;
	font-size: x-small;
}
#btn_paste img{
	width:35px;
	height:45px;
}
#succ_msg{
	display:none;
	background-color:#75ea45;
	border-radius:5px;
	padding:5px;
	font-weight:bold;
	text-align:center;
}
#graph_container{
	margin-top:180px;
}
#back_pop_message{
	position:fixed;
	background-color:#ffffffd1;
	width:100%;
	height:100%;
	z-index:9;
	cursor:pointer;
}
#pop_message,.pop_message{
    width: 600px;
    border: 1px solid #46b1e4; 
	background: radial-gradient(circle, rgba(255,255,255,1) 70%, rgba(255,233,73,1) 100%);
	border-radius:5px;
	font-weight:bold;
	text-align:center;
	left:50%;
	margin-top:50px;
	margin-left:-300px;
	z-index:9;
	position:absolute;	
}
#pop_message p,.pop_message p{
	font-size: 24px;
	padding:20px 0;
}
#lang_selector{
	float:right;
	max-width: 200px;
    text-align: right;
	display:inline-block;
	margin-top:10px;
	width:105px;
}
#lang_selector img{
	width:50px;
	display:inline-block;
	vertical-align:top;
}
#lang_selector img:hover{
	width:50px;
	height:55px;
}
#top_logo{
	display:inline-block;
	margin:5px;
	background-image: url("img/AMLogo.png");
	background-size:contain;
	background-repeat:no-repeat;
	max-height:400px;
	cursor:pointer;
	width:360px;
	height:70px;
}
#top_header{
	background-color:white;
	height:120px;
	    border-bottom: 10px solid #46b1e4;
}
#top_header .btn_logoff{
	float:right;
	margin:5px;
	border-radius:5px;
	font-weight:bold;
	padding:5px;
	cursor:pointer;
	border:1px solid transparent;
}
#top_header .btn_logoff img{
	height:50px;
	margin-right:10px;
	float:left;
}
#top_right_bar{
	position:absolute;
	top:0;
	right:0;
	margin:5px;
}

#powered_by{
	position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}
#powered_by img{
	height:75px;
}

#top_right_bar .timestamp{
	font-weight:bold;
	float:right;
	margin-right:10px;
	margin-top:20px;
}
#powered_by .timestamp{
	display:none;
}

.question{
	background-color:white;
	border-radius:10px;
	margin:0 auto;
	width:90%;
	max-width:1000px;
	border: 3px solid #bcc9f7;
	margin-bottom:20px;
}
.title_question{
	font-weight:bold;
	background-color: #bcc9f7;
    border-radius: 5px 5px 0px 0px;
	padding:5px;
	margin-top:0px;
}
.answers{
	padding-left:20px;
}
.answers option{
	text-align:center;
}

.answers input[type="text"],.answers textarea,.answers select{
	width: 100%;
    max-width: 95%;
	min-height: 70px;
	padding:5px;
}

.button_mid{
	margin-top: 10px;
	margin-bottom:15px;
    border-radius:5px;
	border:1px solid #1e94cc;
	font-weight:bold;
	font-size: 33px;
	line-height: 70px;
	cursor: pointer;
	width:45%;
	display:inline-block;
	vertical-align:middle;
	min-height: 70px;
}

.deactivated{
	cursor: no-drop;
	
}
.deactivated:hover{
	background-color:white !important;
	color:black !important;
	background: radial-gradient(circle, rgba(255,255,255,1) 70%, rgba(204,30,30,1) 100%);
	cursor: no-drop;
}

.button_mid img, .button_mid_deactivated img{
	width:50px;
	height:auto;
	display:inline-block;
	vertical-align:text-bottom;
}

.button_mid .prg_description, .button_mid_deactivated .prg_description{
	display:inline-block;
	line-height:15px;
	text-transform:uppercase;
	font-size:small !important;
}

.button_landing{
    margin-top: 10px;
	margin-bottom:15px;
    border-radius:5px;
	border:1px solid #1e94cc;
    min-width: 400px;
	font-weight:bold;
	font-size: 33px;
	cursor: pointer;
	min-height:80px;
}
#auth_box .grp_prg .btn_group .shp_name{
	margin:30px 0;
}
.button_environment{
	width: 365px;
    font-size: x-large;
    vertical-align: bottom;
	margin:5px;
    padding: 5px;
	min-width:auto;
	display:inline-block;
}


.chart_block{
	background-color:#D4D4FF;
	width:90%;
	max-width: 1000px;
	margin:0 auto;
	border:5px solid #1e94cc;
	border-radius:5px;
	margin-bottom:20px;
}
.chart_block .chart_title{
	background-color:white;
	font-weight:bold;
	font-size:20px;
	padding:5px;
}
.chart_block .chart_graph{
	background-color:white;
	padding:5px;
	height:300px;
}
.formq{
	margin-top:180px;
	margin-bottom:110px;
}
.impersonate{
	background-color:rgb(255 242 148);
	padding:5px;
	margin-top:5px;
	font-weight:bold;
}
/*Modals*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close_modal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close_modal:hover,
.close_modal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*END Modals */

.nodisponible{
	opacity:0.3;
	cursor:inherit;
}
.nodisponible:hover{
	background-color:inherit;
	color:inherit;
}
.clickable{
	border:1px solid white;
	cursor:pointer;
	background: radial-gradient(circle, rgba(255,255,255,1) 70%, rgba(30,148,204,1) 100%);
}
.clickable:hover{
	border:1px solid #46b1e4;
	background: radial-gradient(circle, rgba(255,255,255,1) 70%, rgba(30,204,35,1) 100%);
}

.tab {
  overflow: hidden;
  width:510px;
  margin:0 auto;
  text-align:center;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  width:252px;
  font-weight:bold;
  background: radial-gradient(circle, rgba(255,255,255,1) 90%, rgba(30,148,204,1) 100%);
  border: 1px solid #46b1e4;
  border-radius:5px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    border: 1px solid #1ECC23;
    background: radial-gradient(circle, rgba(255,255,255,1) 70%, rgba(30,204,35,1) 100%);
}

/* Create an active/current tablink class */
.tab button.active {
    border: 1px solid #1ECC23;
    background: radial-gradient(circle, rgba(255,255,255,1) 90%, rgba(30,204,35,1) 100%);
}

/* Style the tab content */
.tabcontent_shp,.tabcontent_prg {
  display: none;
  padding: 6px 12px;
}

.tb_patient_list{
	margin:0 auto;
	background-color:white;
	border:1px solid #46b1e4;
}
.tb_patient_list .tdpatient{
	border-right:1px solid #46b1e4;
}
.tb_patient_list tr:nth-child(even){
	background-color:#3ba2d226;
}
.tb_patient_list tr td{
	font-size:20px;
	height:45px;
	padding:5px;
}
.tb_patient_list tr td span{
	vertical-align:super;
}
.td_espai{
	width:30px;
	background-color:white;
}
.tb_patient_list tr td img{
	max-width:30px;
	max-height:30px;
	margin:10px;
}
.tb_patient_list tr td img:hover{
	cursor:pointer;
}


.landing_subc{
	width:100% !important;
	left:0px !important;
	height:auto !important;
	margin-left:0px !important;
	top: 10px !important;
    margin-top: 110px !important;
	background-color:initial !important;
	border:0 !important;
}
.formpage{
	min-height:auto !important;
}
.separator{
	background-color:#46b1e4;
	height:5px;
	width:100%;
}
.text_pic{
	text-align: center;
    font-size: 22px;
    font-weight: bold;
}
@media only screen and (max-width: 550px) {
	
	#auth_box{
		margin-top:70px;
		top:auto;
	}
	#landing_subc,#auth_box{
		width:100% !important;
		margin-left:0px !important;
		left:0px;
		padding:0px;
		margin-bottom:100px;
	}

	#lang_selector{
		font-size:10px;
		margin-top:-10px;
		width:105px;
		text-align:center;

	}
	#lang_selector img{
		width:50px;
	}
	#lang_selector img:hover{
		width:50px;
		height:55px;
	}
	#form_hc{
		margin-bottom:100px;
	}
	#auth_box .grp_prg .btn_group .shp_name{
		margin:15px 0;
	}
	#auth_box .title,.tabcontent_shp .title,.tabcontent_prg .title{
		line-height:45px;
		font-size:33px;
	}
	#top_right_bar{
		top:auto;
		margin-top:-10px;
	}
	#top_header .btn_logoff{
		margin-top:-15px;
	}
	#top_right_bar .timestamp{
		display:none
	}
	#powered_by .timestamp{
		display:inline-block;
		margin-right:10px;
		vertical-align:super;
	}
	#pop_message,.pop_message{
		width:100%;
		margin:0 auto;
		margin-top:50px;
		left:0px;
	}
	.button_landing{
		min-width:auto;
		font-size:x-large;
	}
	.button_environment{
		max-width:365px;
		width:100%;
	}
	
	.prg_description{
		line-height:normal;
		margin-top: 0px !important;
		margin-bottom:10px;
	}
	.answers{
		padding-left:2px;
	}
	.answers input[type="text"], .answers textarea, .answers select, .answers input[type=radio]{
		font-size:15px;
	}
	.answers input[type=radio]{
		height:20px;
	}
	.question{
		width:100%;
	}
	.subtitle{
		font-size:25px;
	}
	.text_pic{
		text-align:left;
		margin-left:5px;
		font-size:18px;
	}
}