html         { overflow-y:scroll; }
body         { padding-left:15px; }
h2.servergroup {display: inline;}
span.servergroup {position: absolute; left: 200px;}
.exten-entry { margin-bottom:30px; }
#exten-list  { margin-bottom:30px; }
#input.ng-dirty { background-color: #FFDDDD;}
#select.ng-dirty { background-color: #FFDDDD;}
input.utility { font-size: 28px; border:0; margin:5px; width:500px; background-color: #F0F0F0;}
span.media    { font-size: 28px; border:0; margin:5px; }
input.desc    { font-size: 16px; border:0; margin:5px; width:320px; background-color: #F0F0F0;}
input.guid    { font-size: 16px; border:0; margin:5px; width:320px; background-color: #F0F0F0;}
input.ip      { width:140px; }
input.callerids { width:300px; }
button.main   { font-size:24px; margin: 10px;}
button.add    { margin: 10px;}
.top-buttons {margin: 20px;}
span.success { color:green; font-size: 16px;}
span.failure { color:red; font-size: 16px;}
span.connected {color:green; width: 300px; white-space: nowrap; margin-left: 15px;}
span.not-connected {color:red; width: 300px; white-space: nowrap; margin-left: 15px;}
span.untried {color:black; width: 300px; white-space: nowrap; margin-left: 15px;}
td input,select {width: 150px; float: left;}

div.sattest input {width:130px; margin:10px;}
div.sattest select {width:130px; margin:10px;}
div.sattest textarea {margin:10px;}
div.sattest button {margin:20px;}
div.sattest {margin-left:20px;}

fieldset {
    margin: 20px;
}

fieldset button {
    font-size: 18px;
}

fieldset div {
    padding: 15px;
}

fieldset span {
    margin-left: 15px;
}

textarea.fullscreen {margin-top:15px; width:90%}

table.servergroup {margin-top:20px}

table.calls {width:90%;text-align:right;border-collapse:collapse;border:1px solid black;margin:20px;white-space: nowrap;}
table.calls th {font-weight:400;font-size:14px;color:#039;border-bottom:1px dashed black;padding:12px 17px;}
table.calls tr,table.calls th,table.calls td {border-right:1px solid black; border-left:1px sold black;}
table.calls tbody tr,table.calls tbody td {padding: 4px 8px 4px 8px;}
table.calls tbody tr:nth-child(2n) td {background-color:#f7f7f7}
table.calls tbody tr:hover td {color:#339;background-color:#d0dafd}

table.monitor {text-align:right;border-collapse:collapse;border:1px solid black;margin:20px;white-space: nowrap;}
table.monitor th {font-weight:400;font-size:14px;color:#039;border-bottom:1px dashed black;padding:12px 17px;}
table.monitor tr,table.monitor th,table.monitor td {border-right:1px solid black; border-left:1px sold black;}
table.monitor tbody tr,table.monitor tbody td {padding: 4px 8px 4px 8px;}
table.monitor tbody tr:nth-child(2n) td {background-color:#f7f7f7}
table.monitor tbody tr:hover td {color:#339;background-color:#d0dafd}

/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

.topnav li{
    list-style-type: none;
}

/* Style the links inside the navigation bar */
.topnav a {
    width: 80px;
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4C50AF;
    color: white;
}