@import "config.css";


/* LOGIN */
#ct_ops {width:100%; max-width:400px; height:auto; background-color:#fff; margin:50px auto 50px auto; border-radius:5px; box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.3);}

#ct_ops input, #ct_ops input[type="submit"] {width:100%; padding:13px; border:1px solid #ddd; border-radius:2px; font-family: 'Raleway', sans-serif; margin:3px 0 15px 0;}
#ct_ops input:focus {box-shadow:0 0 6px rgba(102, 175, 233, 1); border:1px solid #66afe9;}	
		
#ct_ops input[type="submit"] {background-color:#1A1A1A; color:#fff; margin-top:10px; padding:12px; transition:0.5s; border:1px solid #242038; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
	
#ct_ops input[type="submit"]:hover {border:1px solid #000; background-color:#eee; color:#000;}

#logo_ct_ops {width:100%; padding:10px 30px; margin-top:15px; box-sizing:border-box; border-bottom:1px solid #eee; text-align:center; background-color:#000;}
#logo_ct_ops img {max-width:100%;}
#corpo_ct_ops {width:100%; padding:30px; box-sizing:border-box; height:auto;}
/* LOGIN */



.topo {font-size:15px; color:#000; padding:10px 30px; border-bottom:1px solid #eee; overflow:auto; background:#fff;}
#logo {float:left;}

.topo_right {float:right; width:35%; overflow:hidden; text-align:right; margin-top:10px;}
.topo_right span {display:block;}
.topo_right a {display:inline-table; padding:5px 25px; color:#000; margin:10px; background:#eee; border-radius:20px;}

#ct_exames {border-radius:5px; overflow:auto; width:100%; height:auto; background-color:#fff; border:1px solid #e5e5e5; color:#444; font-size:15px; max-width:800px; margin:50px auto; 
-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.10);
-ms-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.10);
-o-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.10);
box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.10);
}

#table_exames {width:100%; height:auto; padding:30px;}
#table_exames table {border-collapse:collapse;}
#table_exames thead {background-color:#eee; color:#000;}  
#table_exames td, #table_exames th {border:1px solid #ddd; padding:5px 10px;}
#table_exames th {padding:10px; text-align:left;}
#table_exames a {display:inline-block; font-size:12px; color:#000; text-decoration:underline;}




/* RESPONSIVO */
@media screen and (max-width:800px){
.topo {text-align:center;}
#logo {float:none;}
.topo_right {float:none; width:100%; text-align:center;}
#ct_exames {width:90%; max-width:100%; margin:50px auto;}
}

@media screen and (max-width:500px){
#ct_ops {width:90%; max-width:100%; margin:50px auto;}
#logo_ct_ops, #corpo_ct_ops {padding:15px;}
	

#table_exames {padding:20px 15px;}
#table_exames table {border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#table_exames thead {
	border:none;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}
#table_exames tr {border-bottom:0 solid #ddd; display:block; }
#table_exames td {border-bottom:1px solid #fff; padding:10px 10px; border-right:0; display:block; text-align:right; font-size:13px;}
#table_exames td::before {content:attr(data-label); float:left; font-weight:bold;}
#table_exames tr:nth-child(even) {background-color:#eee;}
#table_exames tr:nth-child(odd) {background-color:transparent;}
}