@charset "ISO-8859-1";

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

#root
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.title
{
	font-size: 24px;
    font-weight: bold;
    margin: 20px;
}

.properties
{
	position: absolute;
    left: 30px;
    top: 80px;
}

.properties textarea {margin:10px 0}

.importe input
{
	margin: 0 20px;
    width: 100px;
}

.operar
{
	margin: 20px 0;
}

.operar span {margin-right: 10px;}

.rendimiento
{
    position: absolute;
    left: 450px;
    top: 80px;
}

.rendtitle
{
	font-weight: bold;
    margin-bottom: 5px;
}

.rendbox
{
	border: 1px solid #000;
    padding: 10px;
}

.operations
{
	position: absolute;
    left: 450px;
    top: 230px;
}

.operstitle
{
	font-weight: bold;
    margin-bottom: 5px;
}

.lisopers
{
    border: 1px solid #000;
    padding: 10px;
    margin: 10px 0;
}

.lisopers table
{
	border-collapse: separate;
  	border-spacing: 5px 10px;	
}

.lisopers table th {text-align: left;}




.botstitle
{
	font-weight: bold;
    margin-bottom: 5px;
}

.botsbox
{
	border: 1px solid #000;
    padding: 10px;
}

.candlestitle
{
	font-weight: bold;
    margin: 15px 0 5px 0;
}

.liscandles
{
    border: 1px solid #000;
    padding: 10px;
    margin: 10px 0;
}


.funcionamiento
{
    position: absolute;
    left: 450px;
    top: 80px;
}

.properties
{
	font-weight: bold;
    margin-bottom: 5px;
}

.infobot {margin-bottom: 15px;}
.infobot>table {border-spacing: 15px 0px;}
.infobot>table>tbody>tr>th {text-align: left;font-weight: normal; font-size: 12px;color:#aaa;}
.infobot>table>tbody>tr>td {text-align: left;font-weight: normal; font-size: 12px;color:#ff0;}

.infobot input
{
	margin: 0 0 20px 0;
    width: 400px;
    height: 20px;
    background-color: #333;
    color: #ff0;
}

.infobot .title {font-size: 20px; font-weight: bold;margin-bottom: 20px;}