*{
    outline:none;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin:0;
    box-sizing:border-box;
}

.panel{
    margin:10px 0;
}
body{
    background:#1d1c1c;  
    padding:20px;
    color:white;
    font-size:14px;
}

.title{
    text-align:center;
    font-size:2em;
    margin:20px 0;
}

.setup{
    background:#3b3b3b;
    margin:20px 0;
    border:2px solid #33a3b7;
}

.setup-title{
    background:#33a3b7;
    padding:10px;
}

.small-title{
    color:black;
    margin-left:30px;
}

.setup-content{
    padding:20px;
    display:flex;
}

.setup-content > .left{
    width:50%;
    margin-right:20px;
}

.setup-content > .right{
    width:50%;
    margin-left:20px;
}


.note{
    padding:10px;
    background:#2b2b2b;
    font-weight:bold;
    margin-bottom:10px;
}

.col{
    margin:7px 0;
}

input{
    width:100%;
    border:none;
    padding:3px;
    background:#5c5c5c;
    border:1px solid gray;
    color:white;
}
textarea{
    background:#5c5c5c;
    border:1px solid gray;
    width:100%;
    color:white;
    height:160px;
}

textarea::placeholder{
    color:#959595;
}

input::placeholder{
    color:#959595;
}

.setup-content select{
    width:100%;
    background:#5c5c5c;
    border:1px solid gray;
    color:white;
}

label{
    margin:2px 0;
    display:block;
}

.multi{
    display:flex;
}

.multi .left{
    width:50%;
}

.multi .right{
    width:50%;
    margin-left:5px;
}


.inline{
    display:flex;
    align-items:center;
}

.inline input{
    width:40px;
    margin:0 5px;
    padding:2px;
}

input[type="checkbox"], input[type="radio"]{
    width:auto;
}
button{
    width:100%;
    margin:7px 0;
    padding:7px;
    font-weight:bold;
    font-size:1em;
}
.non-local{
    display:none;
}

.window{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#111111cc;
    text-align:center;
    padding:20px;
    display:none;
}

.holder{
    text-align:center;
    display:inline-block;
    background:#2e2e2e;
    width:900px;
    height:100%;
    border-radius:5px;
    color:white;
    padding:0 30px 130px 30px;
}

.content-title{
    font-size:2em;
    margin-bottom:20px;
    padding:20px;
}

.content-body{
    overflow:auto;
    height:100%; 
    width:100%;
    padding:20px;
}

.log-item{
    text-align:left;
    background:#e7e7db;
    padding:8px;
    color:black;
    font-size:0.9em;
    margin:2px;
    border-bottom:1px solid #2e2e2e;
    word-break:break-word;
}
.log-item.error{
    background:#ffcfcf;
}

.log-item.success{
    background:#c3f6c3;
}

.log-item.note{
    background:#aed7fb;
}