canvas {
   /*background-image: url(../image/romuxsim/back_img.svg);*/
   background-color: white;
   background-repeat: repeat;
   cursor: pointer;
}
.simTable td{
    vertical-align: top;
    background-color: #FdFdFd; 
    border-collapse: collapse;
}
.properties {
    position:fixed;
    z-index: 1;
    top: 10px;
    left:100px;
    width: 280px;
    height: 200px;
    border: 0;
    margin-right: 10px;
    background-color: #f8f9fa;
    text-align: left;
    padding: 10px;
    margin-top: 58px;
    overflow-y:scroll;
    box-shadow: 5px 5px 20px;

}
#view_circuit_text{
    margin: auto;
    top:30%;
    left:40%;
    z-index: 10;
    padding: 5px;
    overflow: auto;
    height:350px;
    width: 400px;
    position: absolute;
    background-color: #f8f9fa;
    box-shadow: 5px 5px 20px;
    float: right;
}
#view_circuit_text #cirText{
    margin: 10px;
}
#status_div {
    position: fixed;
    top: 45%;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    z-index: 9999;
    display:none;
}
.titlediv{
    text-align: left;
    height: 36px;
    /*background-color: #E0E0E0;*/
    min-width: 540px;
}
.titlediv .simleft{
    float: left;
}
.titlediv .simright{
    float: left;
    padding-top: 5px;
}

.simleft input{margin: 3px;}
.component_div{
        z-index: 2;
        width: 200px;
        height: 50px;
        line-height: 1;
        top: 0px;
        left: 0px;
       /* background-color: #F0F0F0;*/
        padding: 5px;
        border:black;
        border-style:double;
}
.component_div input{ float: right;}
.passivediv img{ margin: 2px; }
.simright i{color:#00bcd4;}
.floatDiv{
       width: 450px;
       height: 200px;
       position: fixed;
       top: 50%;
       left: 50%;
       margin-left: -225px; /*half the size of width*/
       margin-top: -200px;
       background-color: #F0F0F0;
       padding: 5px;
       border:black;
       border-style:double;
}
.templateTdImage{
        border:#E0E0E0;
        border-style:solid; 
        width: 250px;
}
.templateTdTitle{
    border:#E0E0E0;
    background-color:#E0E0E0;
}
.templateTable{
    width: 100%;
}
body{
    background-color: #baab99;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='200' viewBox='0 0 160 80'%3E%3Cg fill='%23B0A090' %3E%3Cpolygon points='0 10 0 0 10 0'/%3E%3Cpolygon points='0 40 0 30 10 30'/%3E%3Cpolygon points='0 30 0 20 10 20'/%3E%3Cpolygon points='0 70 0 60 10 60'/%3E%3Cpolygon points='0 80 0 70 10 70'/%3E%3Cpolygon points='50 80 50 70 60 70'/%3E%3Cpolygon points='10 20 10 10 20 10'/%3E%3Cpolygon points='10 40 10 30 20 30'/%3E%3Cpolygon points='20 10 20 0 30 0'/%3E%3Cpolygon points='10 10 10 0 20 0'/%3E%3Cpolygon points='30 20 30 10 40 10'/%3E%3Cpolygon points='20 20 20 40 40 20'/%3E%3Cpolygon points='40 10 40 0 50 0'/%3E%3Cpolygon points='40 20 40 10 50 10'/%3E%3Cpolygon points='40 40 40 30 50 30'/%3E%3Cpolygon points='30 40 30 30 40 30'/%3E%3Cpolygon points='40 60 40 50 50 50'/%3E%3Cpolygon points='50 30 50 20 60 20'/%3E%3Cpolygon points='40 60 40 80 60 60'/%3E%3Cpolygon points='50 40 50 60 70 40'/%3E%3Cpolygon points='60 0 60 20 80 0'/%3E%3Cpolygon points='70 30 70 20 80 20'/%3E%3Cpolygon points='70 40 70 30 80 30'/%3E%3Cpolygon points='60 60 60 80 80 60'/%3E%3Cpolygon points='80 10 80 0 90 0'/%3E%3Cpolygon points='70 40 70 60 90 40'/%3E%3Cpolygon points='80 60 80 50 90 50'/%3E%3Cpolygon points='60 30 60 20 70 20'/%3E%3Cpolygon points='80 70 80 80 90 80 100 70'/%3E%3Cpolygon points='80 10 80 40 110 10'/%3E%3Cpolygon points='110 40 110 30 120 30'/%3E%3Cpolygon points='90 40 90 70 120 40'/%3E%3Cpolygon points='10 50 10 80 40 50'/%3E%3Cpolygon points='110 60 110 50 120 50'/%3E%3Cpolygon points='100 60 100 80 120 60'/%3E%3Cpolygon points='110 0 110 20 130 0'/%3E%3Cpolygon points='120 30 120 20 130 20'/%3E%3Cpolygon points='130 10 130 0 140 0'/%3E%3Cpolygon points='130 30 130 20 140 20'/%3E%3Cpolygon points='120 40 120 30 130 30'/%3E%3Cpolygon points='130 50 130 40 140 40'/%3E%3Cpolygon points='120 50 120 70 140 50'/%3E%3Cpolygon points='110 70 110 80 130 80 140 70'/%3E%3Cpolygon points='140 10 140 0 150 0'/%3E%3Cpolygon points='140 20 140 10 150 10'/%3E%3Cpolygon points='140 40 140 30 150 30'/%3E%3Cpolygon points='140 50 140 40 150 40'/%3E%3Cpolygon points='140 70 140 60 150 60'/%3E%3Cpolygon points='150 20 150 40 160 30 160 20'/%3E%3Cpolygon points='150 60 150 50 160 50'/%3E%3Cpolygon points='140 70 140 80 150 80 160 70'/%3E%3C/g%3E%3C/svg%3E");
}