/* from bootstrap 286, 8,  */
html{
    /*font-family:sans-serif;*/
  /*  -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);*/
}
.smallTextBox{
    width: 125px;
}

.largeTextBox{
    width: 250px;
}

.configButton{
    width: 90px;
}
/* from bootstrap 112 */
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
/* from bootstrap 118 */
button{
    overflow:visible
}
/* from bootstrap 122 */
button,select{
    text-transform:none
}
/* from bootstrap 126 */
button,html input[type=button],input[type=reset],input[type=submit]{
   /* -webkit-appearance:button;*/
    cursor:pointer
}
/* from bootstrap 140 */
input{
    line-height:normal
}

/* from bootstrap 274 */
*{
  /*  -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;*/
    box-sizing:border-box
}
/* from bootstrap 280 */
:before,:after{
  /*  -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;*/
    box-sizing:border-box
}
/* from bootstrap 286 */
html{
    font-size:62.5%;
}
/* from bootstrap 291 */
body{
    font-family:"Verdana",Helvetica,Arial,sans-serif;
    font-size:10px;
    line-height:1;
    color:#333;
    background-color:#fff
}
/* from bootstrap 14 */
body{
    margin: 0;
}
/* from bootstrap 299 */
input,button,select,textarea{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
/* from bootstrap 376 */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    color:inherit
}
/* from bootstrap 389 */
h1,.h1,h2,.h2,h3,.h3{
    margin-top:20px;
    margin-bottom:10px
}
/* from bootstrap 411 */
h2,.h2{
    font-size:30px
}
/* from bootstrap 431 */
p{
    margin:0 0 10px
}
/* from bootstrap 1836 */
.form-control{
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
 /*   -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);*/
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
 /*   -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
/* from bootstrap 1854 */
.form-control:focus{
    border-color:#477530;
    outline:0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(101, 167, 103, 0.6)
}
/* from bootstrap 2175 */
.btn:focus,.btn:active:focus,.btn.active:focus{
  /*  outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;*/
    outline-offset:-2px
}
/* from bootstrap 2181 */
.btn:hover,.btn:focus{
    color:#333;
    text-decoration:none
}
/* from bootstrap 2186 */
.btn:active,.btn.active{
    outline:0;
    background-image:none;
 /*   -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);*/
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
/* from bootstrap 2155 */
.btn{
    display:inline-block;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    border-radius:4px;
  /*  -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none*/
}
/* from bootstrap 2228 */
.btn-primary{
    color:#fff;
    background-color:#65a644;
    border-color:#65ac57;
}
/* from bootstrap 2234 */
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
    color:#fff;
    background-color:#4d8233; /* background-color:#3276b1; Frederick change */
    border-color:#42702c /* border-color:#285e8e Frederick change*/
}
/* from bootstrap 2240 */
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
    background-image:none
}
/* from bootstrap 2391 */
.btn-lg,.btn-group-lg>.btn{
    padding:10px 16px;
    font-size:18px;
    line-height:1.33;
    border-radius:6px
}
/* from bootstrap 2412 */
.btn-block{
    display:block;
    width:100%;
    padding-left:0;
    padding-right:0
}
/* from bootstrap 183 */

.btn_link{
    outline: none;
    padding: 5px;
    border: 0px;
 /*   box-sizing: none; */
    color:#E37222;
    font-size: 12px;
    background-color: transparent;
}

table{
    border-collapse:collapse;
    border-spacing:0
}
/* from bootstrap 188 */
td, th{
    padding:0
}
/* from bootstrap 1629 */
.table{
    width:100%;
   /* margin-bottom:200px */
}
/* from bootstrap 1620 */
table{
    max-width:100%;
    background-color:transparent;
}
/* from bootstrap 1625 */
th {
    text-align: left;
}

/* from bootstrap 1634 */
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    padding:4px;
    line-height:1;
    vertical-align:top;
    border-top:1px solid #ddd
}
/* from bootstrap 1641 */
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid rgb(221, 221, 221);
    color: rgb(255, 255, 255);
}
/* from bootstrap 1647 */
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0 none;
}
/* from bootstrap 1675 -------------------------table striped---------------------*/


.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{
    background-color:#e2e3e5    ;
}


.table-striped-invert>tbody>tr:nth-child(odd)>td,.table-striped-invert>tbody>tr:nth-child(odd)>th{
    background-color:#ffffff    ;
}

.table-head{
    margin-bottom: 0!important;
}
.td-border-left {
    padding: 10px 10px 10px 50px;
}
.td-border-right {
    padding: 10px 10px 10px 20px;
}
.table>tbody>tr>td{
    padding-left: 30px!important;
}

/*
.table>tbody>{
    border-bottom: 0 solid;
}
*/
.table>thead>tr>th{
    padding-left:30px!important;
    border-right:1px solid #ddd;
    border-right-color: #ffffff;
}
.table>tbody>tr>td{
    border-right:1px solid #ddd;
    border-right-color: #cccccc;
}
.table-header{
    margin-bottom: 0!important;
}
.table-header>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    border-top:0;
}


.table-configuration>tbody>tr>td {
    border-bottom:1px dotted #ddd;
    border-bottom-color: #cccccc;
}

.no-border {
    border:0px;
    border-color: #ffffff;
}
/* from bootstrap 36 */
a{
    background:0 0
}
/* from bootstrap 305 */
a{
    /*color:#428bca; Fredrick Original */
    color:#E37222;
    text-decoration:none
}
/* ----------------------------- Menu ------------------------------------- */
/* from bootstrap 564 */
ul,ol{
    margin-top:0;
    margin-bottom:10px
}
/* from bootstrap 3739 */
.nav{
    margin-bottom:0;
    padding-left:0;
    list-style:none
}
/* from bootstrap 3745 */
.nav > li {
    position: relative;
    display: block;
}
/* from bootstrap 3750 */
.nav>li>a{
    position:relative;
    display:block;
    padding:10px 15px
}
/* from bootstrap 3756 */
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: rgb(212, 212, 212);
}
/* from bootstrap 3785 */
.nav > li > a > img {
    max-width: none;
}
/* from bootstrap 4133 */
.navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
    line-height:20px
}
/* ---------------------------- Media -------------------------------------- */
/* from bootstrap 4165 */
@media (min-width:768px){
    .navbar-nav{
        float:left;
        margin:0
    }
    /* from bootstrap 4170 */
    .navbar-nav > li {
        float: left;
    }
    /* from bootstrap 4174 */
    .navbar-nav>li>a{
        padding-top:15px;
        padding-bottom:15px
    }
    .navbar-nav.navbar-right:last-child{
        margin-right:-15px
    }
}

.left-container {
    display: grid;
    align-content: center;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas:
        "gensetleft"
        "gridleft"
        "solarleft"
        "battleft";
    grid-gap: 1em;
    margin-top: 20px;
}

.gensetleft {
    grid-area:gensetleft;
}

.gridleft {
    grid-area:gridleft;
}

.solarleft {
    grid-area:solarleft;
}

.battleft {
    grid-area:battleft;
}

.gensetleft, .gridleft, .solarleft, .battleft {
    position: relative;
    width: 100%
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #e2e3e5;
    border-left-color: #4CAF50;
    border-left-style: solid;
    border-left-width: 10px;
    padding: 10px;
}

.right-container {
    display: grid;
    align-content: center;
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas:
        "topright"
        "tempright"
        "tenantright";
    grid-gap: 1em;
    margin-top: 20px;
}

.topright {
   grid-area:topright;

}

.tempright {
    grid-area:tempright;
}

.tenantright {
    grid-area:tenantright;
}



.topright, .tempright, .tenantright {
    position: relative;
    width: 100%
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #e2e3e5;
    border-right-color: #4CAF50;
    border-right-style: solid;
    border-right-width: 10px;
    padding: 10px;
}

.syspic>tbody>tr>td{
    padding: 0px 0px 0px 5px;
    font-weight: normal;
    width: 70%;
}

h4,.h4{
    font-weight: bold;
    margin-bottom:8px
}

.center{
    margin: auto;
    width: 60%;
    border: 3px solid #4CAF50;
    padding: 10px;
    text-align:center;
}