/*
table {
    font-size: 1em;
}

.ui-draggable, .ui-droppable {
    background-position: top;
}
*/
    body {
      margin :0;
      font-family: Arial, Helvetica, sans-serif;
    }

    #info {
      float: left;
      font-size: 13px;
      padding: 1em;
      background: #d4dce1;
      width: 14%;
      clear: both;
      border-bottom: 1px solid #c8c4c4;
      font-family: monospace;
    }

    #info a {
      margin-top: 1em;
      font-size: 13px;
    }

    #info .title {
      color: #009c99;
      font-size: 13px;
    }

    #menu {
      width: 14%;
      height: calc(100vh - 8em);
      box-sizing: border-box;
      font-size: .9em;
      line-height: 1;
      float: left;
    }

    #content {
      line-height: 1;
      border: 1px solid #c5c5c5;
      box-sizing: border-box;
      overflow: auto;
      background-color: whitesmoke;
      display: inline-block;
      width: 86%;
      height: calc(100vh - 2em);
    }

    #content label, #content span {
      font-size: 1em;
      line-height: 1.2;
    }

    #mail_crq_int, #form_crq_int, #dialog_internet_info {
      font-family: monospace;
      white-space: pre;
    }

    #mail_crq_int span, #form_crq_int span, #dialog_internet_info span {
      font-size: 1em;
      line-height: 1.2;
    }

    #helper {
      height: 20px;
      padding-left: 10px;
      margin-top: -5px;
      border-top: 1px solid #c5c5c5;
      box-sizing: border-box;
    }

    #helper0, #helper1 {
      font-size: 13px;
      line-height: 1;
    }

    .ui-menu {
      background-color: lightsteelblue;
    }

    .ui-menu-item ul {
      width: 160px;
    }

    .ui-autocomplete .ui-menu-item-wrapper {
      font-size: .85em;
    }

    .code-box {
      unicode-bidi: embed;
      font-family: monospace;
      white-space: pre;
      padding-left: 10px;
    }

    .konf_internet {
      font-family: monospace;
    }

    .ui-widget {
      font-size: .85em;
    }

    #menu .ui-menu-item-wrapper {
      padding: 0 1em 0 .4em;
      font-size: 0.9em;
    }

    .konf_internet label {
      width: 120px;
      display: inline-block;
    }

    #vlan_id {
      width: 62px;
    }

    #mcast_os_type {
      width: 100px;
      height: 20px;
    }

    .hot {
      position: relative;
      z-index: 0;
      margin-top: 6px;
    }

    .btn-class {
      background-color: #d7e3d7;
    }

    .ui-dialog .ui-dialog-titlebar {
      padding: 0 1em;
    }

    .ui-dialog .ui-dialog-buttonpane {
      margin-top: .8em;
      padding: 0;
    }

    .ui-dialog .ui-dialog-buttonpane button {
      margin: .2em 0 .2em 0;
    }

    #helper input[type=checkbox] {
      margin-right: 6px;
    }
    
    #helper label {
      font-size: 12px;
    }

    #helper button {
      font-size: 12px;
      padding: 1px;
    }

    .dialog-table td, .dialog-table th {
      padding: 0 15px;
      font-family: monospace;
      white-space: pre;
    }

    #table-extra {
      margin-bottom: -40px;
    }

    #test_host_result {
      width: 580px;
      margin-left: 220px;
      border: 1px solid #111111;
      background-color: #fff7ed;
      padding: 10px;
    }

    .test_pass {
      background-color: #e5fad2 !important;
    }

    .test_fail {
      background-color: #fad9d2 !important;
    }