.rangebox {
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding:4px;
    border:3px outset;
    color:rgb(97, 152, 191);
}

.rangebox .range_selects {
    position:absolute;
    top:0;
    left:0;
    width:20%;
    padding:10px;
    height:56px;
}

.rangebox .range_attributes {
    position:absolute;
    top:0;
    left:20%;
    right:130px;
    height:56px;
    padding:4px;
}

.rangebox .range_add {
    position:absolute;
    top:0;
    right:0;
    width:105px;
    height:56px;
}

.rangebox  .left {
    position:absolute;
    left:24px;
}

.rangebox .right {
    position:absolute;
    right:7px;
}

.rangebox .range_add_top {
    width:calc(100% - 4px);
    height:20px;
    padding:4px 0px 10px 0px;
    display:inline-block;
    text-align:left;
}

.rangebox .range_add_bottom {
    width:calc(100% - 4px);
    height:20px;
    padding:10px 0px 0px 0px;
    display:inline-block;
    text-align:left;
}

.rangebox .range_tables {
    position:absolute;
    top:62;
    left:0;
    width:100%;
    height:calc(100% - 65px);
}

.rangebox .range_selects select{
    margin-left:0.9em;
    width:180px;
}

.rangebox .range_tables .table_border {
    margin-top:8px;
    border:1px solid rgb(97, 152, 191);
    padding:2px;
}
.rangebox .range_tables .range_headers {
    table-layout:fixed;
    width:100%;
    height:35px;
    background:rgb(97, 152, 191);
    color:white;
}

.rangebox .range_tables .range_data {
    table-layout:fixed;
    width:100%;
    margin-top:-4;
    border:1px solid ;
    background:white;
    color:rgb(97, 152, 191);
}

.rangebox .range_data .activerow td{
    background:#F5F5F5;
}

.rangebox .range_data :not(tr .activerow) td{
    background:white;
}

.rangebox .range_tables .range_data  tr td:nth-child(2) {
    display:none;
}

.rangebox .range_tables .range_data  tr td {
    text-align:center;
    height:42px;
}

.rangebox .range_tables table input[type="text"]{
    width:40%;
    height:50%;
}

.rangebox .range_tables textarea {
    width:100%;
    height:100%;
    resize:none;
}

.rangebox .range_tables .range_flow {
    width:100%;
    height:calc(100% - 62px);
    overflow-x:hidden;
    overflow-y:auto;
}

.rangebox .range_tables table th:nth-child(1){
    width:40%;
    vertical-align:top;
}