.selectMultiple .dataframe thead{display:none}
.selectMultiple .dataframe {border: transparent;}
.selectMultiple .dataframe label{padding-left: 4px;}
#current-section {text-align:center;cursor:pointer;	padding:8px;background-color:#f8f9fa!important;}
#current-section span:last-child {	font-size:13px;}
.navbar {display: none;text-align: center;}

.active{font-weight: 500;text-decoration-line: underline;}
button:focus, input:focus, select:focus{outline: none;}
#title {padding:5px 10px;font-size:22px;}
#title div {padding-left:10px;display:inline-block;}
.logout {float:right; font-size: 16px; padding: 5px;}
.logout > a {color: RGB(65, 69, 73);}

body {background-image:url("/static/img/fondo.jpg");background-repeat: no-repeat;background-attachment: fixed;background-size:cover;background-position:bottom;color: RGB(65, 69, 73);}
body > .container {background-color: whitesmoke;margin-bottom:60px;box-shadow: 0 0 3px 1px rgba(0,0,0,.3);padding-top: 10px;padding-bottom: 10px;position: relative;margin-top:5px}
footer {background-color:black;padding:10px 20px;text-align:right;font-size:12px;color:white;width:100%;bottom:0;z-index:15;position:fixed;}
.oculto {display: none!important;}

.result {padding: 10px 5px;}
.overview .dataframe {width: 100%;table-layout: fixed;}
.overview .dataframe thead {background-color: lightgray;}
.overview .dataframe td, .overview .dataframe th {text-align: center;}
.overview .dataframe td, .overview .dataframe td {width: 100px;overflow-x: auto; height: 50px;}
.overview .dataframe_total {background-color: lightgray;}
.overview .dataframe_total td{background-color: lightgray;height:100%;font-weight: bold;}
#chatbox{overflow: auto;height: 500px;padding: 10px;margin-bottom: 10px;}
#message-console{background-color: white;padding: 10px;border: 2px solid lightgray;}
#prompt{width: 100%;padding: 0px 10px;resize: none;border: none;}
textarea { border: none; background-color: transparent; resize: none;outline: none;}
.userText-outer{min-height: 38px;text-align: right;margin: 10px 0}
.userText{float: right;width: 70%;border: 1px solid grey;padding: 8px 16px;border-radius: 10px;margin-bottom: 10px;background-color: lightblue;font-style: italic;min-height: 38px;}
.botText{width: 70%;border: 1px solid lightgrey;padding: 8px 16px;border-radius: 15px;margin-bottom: 10px;background-color: white;display: inline-block;}
.botText p, .userText p {margin-bottom: 0px;white-space: pre-wrap;}
.botText li{margin-left:20px}
.userHora{float: right;padding: 8px; color: grey;}
.botHora{display: inline-block;padding: 8px; color: grey;}
.loadingChat{height:50px; background:url("../img/loading-64.gif");background-position: center center;background-repeat: no-repeat;color: transparent !important; }
.loadingButton{background-image:url("../img/loading-64.gif");background-position: center center;background-repeat: no-repeat;background-size: 40px;color: transparent !important; }

.info {cursor: help;position: relative;display:inline-block;}
.info span {margin-left: -999em;position: absolute;text-align:left;padding: 8px 10px}
.info:hover span {box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);position: absolute; left: 0em; top: 1.5em; z-index: 99;margin-left: 0}
.popup {background: rgba(60,60,60,0.8); color:white;font-weight:normal;border: 1px solid lightgrey; }
.popup2{width:200px}
.popup3{width:300px}
.popup4{width:400px}
.popup5{width:500px}
.popup6{width:600px}
.popup7{width:700px}
.popup8{width:800px}
.popup9{width:900px}
.popup10{width:1000px}




@media only screen and (min-width: 992px) {
	#current-section {display:none;}
	.navbar {box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);display: block;}

}

@media only screen and (min-width: 1400px){
	.container{max-width: 1320px;}
} 	

@media only screen and (min-width: 1600px){
	.container{max-width: 1520px;}
} 

@media only screen and (min-width: 1800px){
	.container{max-width: 1720px;}
}