.footer, #footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #306845;
    border-radius: 0;
    height: 20px;
    left: -10px;
    padding: 30px 8.25px 6.875px;
}

legend#footerLegend {
    color: white !important;
    margin-top: 16px;
    padding-top: 16px !important;
    margin-left: 0 !important;
    position: absolute !important;
    top: -20px !important;
    text-align: center !important;
    font-size: 12px !important;
    width: 100%;
}

#div-package {
    color: yellowgreen !important;
}

#Geralfield legend,
.fieldsetConteudo legend,
.labelFTP,
.labelTLS,
.labelTLS
#geral .collapsePara  {
    font-size: 20px !important;
    padding-left: 0 !important;
    margin: 0px 0px 10px 0px !important;
}

fieldset {
    border: 0 !important;
}

#khomp tr:hover img {
    -webkit-filter: brightness(70%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter:  brightness(70%) /* FF 35+ */
}

#formulario {
    margin-left: 256px;
    width: auto;
}

#left,
#arvore {
    background: rgba(0,0,0,0.05);
    padding: 5px 5px 20px 15px;
    width: 224px;
    z-index: 9999;
    margin-bottom: 50px;
    margin-right: 10px;
}

#left span,
#arvore span {
    color: #333;
    font-size: 14px;
    line-height: 26px;
}

#left div.wp-menu-image:before
#arvore div.wp-menu-image:before {
    color: #999
}

.collapsable .fontWeightBold{
    margin-left: -5px;
}

.collapsable > ul {
    padding-left: 10px;
    margin-left: -5px;
    /*border-left: 3px solid #ccc;*/
    border-bottom: 0px solid #ccc;
}

.folder.fontWeightBold{
    background-color: rgba(0,0,0,0.05);
    padding-left: 6px !important;
    margin-right: 4px;
}
#browser ul,
ul.fontWeightBold {
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

#menu-routing-gw,
#menu-telephony,
#menu-system,
#menu-gateway-survivability,
#menu-ksbc {
    margin: 0 -5px 0px -20px;
}

#left span:hover, #khomp tr:hover,
#arvore span:hover, #khomp tr:hover,
.gateway-table-modal-form tr:hover,
#khomp #config-diff pre.del:hover,
#khomp #config-diff pre.add:hover
{
    background-color: rgba(0,0,0,0.1) !important;
    padding-left: 10px;
}
#khomp th:hover {
    background-color: rgba(0,0,0,0.1) !important;
}

#khomp tr,
#khomp table.zebra tbody tr:nth-child(odd),
div.ui-dialog table.zebra tbody tr:nth-child( odd ),
#khomp table.zebra tbody tr:nth-child(even),
div.ui-dialog table.zebra tbody tr:nth-child( even )
{
    border: 0px solid #ddd ;
    border-bottom: 1px solid #DDD;
    background-color: white;
    height: 35px;
}

#khomp table td:first-child, #khomp table td {
    border: 0px solid #DDD;
    border-bottom: 1px solid #DDD;
}

#formLogIn tr {
    border: 0px solid #ddd ;
}

#formLogIn tr:hover {
    color: black;
    background-color: white !important;
    padding-left: 10px;
}

#geral .collapsePara {
    font-weight: bold;
}

#reload-button {
    margin-left: 20px !important;
}

body {
    background-color: rgba(0,0,0,0.01);
    overflow-y: scroll;
}

#khomp {
    background-color: white;
    min-height: 95vh;
}
#todo {
    padding-bottom: 100px;
}

#topo {
    margin-top: 0;
    padding-top: 0;
    height: 80px !important;
}

#khomp .autenticacao a,
#khomp .autenticacao a:link,
#khomp .autenticacao a:visited,
#khomp .autenticacao a:hover {
    color: #74777b !important;
    text-decoration: none !important;
    font-size: 17px !important;
}

.autenticacao {
    padding-top: 0px !important;
    padding-left: 10px !important;
    border-bottom: #DDDDDD 0px solid !important;
}

.autenticacao .fontWeightBold,
.autenticacao .marginLeft25px  {
    line-height: 80px !important;
    padding: 0 15px 0 15px;
}

#khomp .autenticacao a:active,
.autenticacao .fontWeightBold {
    border-bottom: 3px solid #306845;
    line-height: 80px !important;
    padding-bottom: 10px;
    color: #306845 !important;
}

.botoes {
    padding-bottom: 20px;
    padding-left: 20px;
}

.flag {
    padding-right: 20px;
    padding-top: 24px;
}

#topo > div > img {
    transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    margin: 0 0 0 -20px;
}

.flag img {
    transform: scale(1,1) !important;
    -ms-transform: scale(1,1) !important;
    -webkit-transform: scale(1,1) !important;
    margin: 0 !important;
    filter: grayscale(100%) brightness(110%) ;
}

.flag img:hover,
img.cursorHand.selected {
    filter: none;
}

.fieldsetConteudo {
    text-align: left;
}

#khomp .autenticacao a:active, .autenticacao .fontWeightBold {
    border-bottom: 3px solid yellowgreen;
    line-height: 80px !important;
    padding-bottom: 10px;
    color: #306845 !important;
}

#refreshing {
    width: 27px;
    height: 27px;
}

#divRefreshDelay {
    top: 84px;
    float: right;
    line-height: 15px;
}
.botoes {
    left: 0;
    display: inline-block;
    clear: both;
}

.botoes input[type="button"] {
    min-width: 100px;
}

#refreshNow {
    padding-top: 5px;
}

#license-error, #log-performance-warning {
    background-color: indianred;
    border: 0px solid #000000;
    border-radius: 0;
    box-shadow: 0 2px 6px 0px darkred;
    clear: both;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    min-height: 24px;
    line-height: 24px;
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
}

#unapplied_cfg {
    font-size: 12px;
    padding: 2px;
    text-align: center;
    width: 50%;
    opacity: 0.8;
    color: #856404;
    background-color: #fff3cd;
    border: 2px solid #ffeeba;
    position: absolute;
    left: 25%;
    z-index: 1;
    top: 77px;
}

.error,
.logerror {
    background-color: indianred;
    border: 1px #e07676 solid !important;
}

.warning {
    background-color: #f79f3c;
    border: 1px #f1bc81 solid !important;
}

.background-dark {
    display: none;
}

/*********/

#khomp table.zebra tbody tr:nth-child(odd), div.ui-dialog table.zebra tbody tr:nth-child( odd )
{
    background-color: white;
    /*border: none;*/
}
#khomp table.zebra tbody tr:nth-child(even), div.ui-dialog table.zebra tbody tr:nth-child( even )
{
    background-color: rgba(0,0,0,0.05);
}

#khomp table
{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #e3e3e3;
}

#khomp table td
{
    border-style: solid;
    border-color: #e3e3e3;
    border-width: 0px 0px 1px 0px;
    padding: 5px;
    word-break: break-word;
}

#khomp table td:first-child {border-left: none;}

#khomp table th,
.ui-dialog-titlebar
{
    background: rgba(0,0,0,0.05);
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #e3e3e3;
    color: #242424;
    font-weight: bold;
    line-height: 30px;
}
#khomp table th:first-child {border-left: none;}
#khomp table th:last-child {border-right:none;}

#khomp table.provisioning
{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    border: none;
}

#khomp legend, div.ui-dialog legend {
    color: #696969;
    font-size: 20px;
}

#khomp table[class~="sortable"] th[class~="tablesorter-undefined"],
#khomp table[class~="gateway-table"] th[class~="tablesorter-undefined"]
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAJCAYAAADdA2d2AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADlJREFUKJFjYCASNDc2/ydWLSOpBtbW1xLUQ1ABNhcSMhivJD4vE+NiqgKauJT+YYrNYKqGJSnpFACDQB0TE3XNogAAAABJRU5ErkJggg==');
}
#khomp table[class~="sortable"] th[class~="tablesorter-asc"],
#khomp table[class~="gateway-table"] th[class~="tablesorter-asc"]
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAACxJREFUGJVjZMADmhub/+OSq62vZcQlh1MCn8H4DCTKUHSDCRlIEsAXFOgAAGzTDooJghf7AAAAAElFTkSuQmCC');
}
#khomp table[class~="sortable"] th[class~="tablesorter-desc"],
#khomp table[class~="gateway-table"] th[class~="tablesorter-desc"]
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAECAYAAABhnXSoAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAClJREFUGJVjYCABNDc2/ydGHSM5BtbW1+LVR5Sh2FyIz2CChuLzMi6DAbkYDorWGWFOAAAAAElFTkSuQmCC');
}

#khomp table[class~="gateway-table"] th[class~="tablesorter-undefined"],
#khomp table[class~="sortable"] th[class~="sorter-false"],
#khomp table[class~="gateway-table"] th[class~="sorter-false"] {
    background-image: none;
    cursor: default;
    padding: 0px 0px 0px 0px;
}

#khomp input, .ui-dialog input[type="button"], button
{
    /*min-width: 150px;*/
    background-color: rgba(0,0,0,0.2);
    border-radius: 0px !important;
}
#khomp input[type="button"], .ui-dialog input[type="button"], button
{
    color: #242424;
}

/* IE bug */
#khomp input[type="submit"]
{
    color: #242424;
    background-color: rgba(0,0,0,0.2);
}

#khomp input[type="button"],
#khomp input[type="submit"],
.ui-dialog input[type="button"],
button
{
    margin-right: 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #616161;
    -moz-transition: all 2s easy;
    -webkit-transition: all 2s easy;
    transition: all 0.5s ease;
    background-color: #F9F9F9;
    border: 1px solid #aaa;
    text-decoration: none;
    box-shadow: 0px 0px 0 3px white;
}

#khomp input[type="button"]:hover,
#khomp input[type="submit"]:hover,
.ui-dialog input[type="button"]:hover,
button:hover
{
    box-shadow: 0px 0px 0 1px #369969;
    border: 1px solid white;

    background-color: rgba(212,212,212,0.4);
    color: #616161;
    text-shadow: 1px black;

    -moz-transition: all 2s easy;
    -webkit-transition: all 2s easy;
    transition: all 0.5s ease;
}

.green-light {
    background: rgba(0,0,0,0.15) !important;
}

.backgroundGray
{
    background: rgba(0,0,0,0.01) !important;
    box-shadow: 0px 0px 0 1px #bbb !important;
}

#fieldsetMessage {
    background-color: white;
}

#left {
    width: 180px !important;
}

#left span {
    display: block;
}

#right {
    padding-left: 10px;
    padding-bottom: 100px !important;
}

/** estilo para disabled no firefox so funciona se for declarado sozinho **/
input:disabled {
    background: #EEE !important;
    border: 1px solid #FFF !important;
    color: #ccc !important;
}
input:read-only:not([type=button]):not([type=submit]) {
    background: #EEE !important;
    border: 1px solid #FFF !important;
    color: #ccc !important;
}

#khomp input[type="text"], #khomp input[type="password"] {
    border: 1px solid #bbb;
    background: #FFF;
    cursor: text;
}


#khomp input[type="button"]:hover, 
#khomp input[type="submit"]:hover, 
.ui-dialog input[type="button"]:hover:enabled, 
button:hover,
.ui-dialog-content input[type="button"]:hover:enabled, 
.ui-dialog-content .ui-button:hover, 
.ui-dialog-content button:hover,
.ui-widget-content input[type="button"]:hover:enabled, 
.ui-widget-content .ui-button:hover, 
.ui-widget-content button:hover,
button:hover, .green-light[type="button"]:hover:enabled
{
    box-shadow: none;
    border: 1px solid #369969;
    background-color: #306845 !important;
    color: white;
    text-shadow: 1px black;
    -moz-transition: all 2s easy;
    -webkit-transition: all 2s easy;
    transition: all 0.5s ease;
    font-variant: no-contextual;
    text-transform: uppercase;
}

#khomp input[type="button"], #khomp input[type="submit"], .ui-dialog input[type="button"], button,
.ui-dialog-content input[type="button"], .ui-dialog-content .ui-button, .ui-dialog-content button,
.ui-widget-content input[type="button"], .ui-widget-content .ui-button, .ui-widget-content button,
button
{
    margin-right: 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #616161;
    -moz-transition: all 2s easy;
    -webkit-transition: all 2s easy;
    transition: all 0.5s ease;
    background: #F9F9F9;
    border: 1px solid #aaa;
    text-decoration: none;
    box-shadow: 0px 0px 0 3px white;
}
#khomp input[type="button"], .ui-dialog input[type="button"], button,
.ui-dialog-content input[type="button"], .ui-dialog-content .ui-button, .ui-dialog-content button,
.ui-widget-content input[type="button"], .ui-widget-content .ui-button, .ui-widget-content button,
button
{
    color: #242424;
    text-transform: uppercase;
}

.textAlignCenter, table {
    font-size: 13px;
}

.treeview .hitarea {
    margin-top: 5px;
}

#gateway-network .border-right {
    white-space: nowrap;
}

fieldset
{
    border: 1px solid #DDDDDD !important;
    border-radius: 0px !important;

}
#khomp > fieldset,
#formulario  fieldset
{
    border:none !important;
}

#formulario2  fieldset,
#right fieldset
{
    border:none !important;
    border-top: 1px solid #DDDDDD !important;
    margin-bottom: 0px;
}

#fieldSet {
    width: 100%;
}

.ui-dialog {
    border: 1px solid rgba(0,0,0,0.5) !important;
}

.ui-state-default .ui-icon {
    background-image: url('jquery/css/ui-khomp/images/ui-icons_000000_256x240.png') !important;
}

.ui-icon
{
    cursor: pointer;
}

#formulario fieldset fieldset {
    border: 1px solid #DDDDDD !important;
    padding: 0 10px 10px 10px !important;
    margin: 15px 0px 15px 0 !important;
}

#formulario fieldset fieldset tr:last-child
{
    border:none !important;
}

#waiting-download
{
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: 1px;
}

#khomp #config-diff td {
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

#khomp #config-diff tr {
    height: auto!important;
    border: none!important;
}

#packetCaptureRulesTable tr {
    border: none;
}

#gateway-route input[type=text],
#gateway-route input[type=password],
#gateway-route select {
    width: 400px !important;
}

#saved_notice
{
    z-index: 9999;
}

#topMessages #divRefreshDelay {
    top: 84px;
    float: left;
    line-height: 15px;
    width: 60%;
}

#topMessages #fieldsetMessage{
    margin-bottom: 0px;
    padding-bottom: 10px;
    margin-left: 0px;
    border: 1px solid #DDDDDD !important;
}

#gateway-route #gateway-route-list tbody select,
#gateway-route #gateway-route-list tbody input
{
    width: 120px !important ;
}

#gateway-route #gateway-route-list tbody td.currentName div,
#gateway-route #gateway-route-list tbody td.NameRoute div
{
    padding-top: 13px;
}

#gateway-network .ipv6-toggle
{
    display: none;
}

.collapsable-cells 
{
    word-break: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 180px;
    overflow: hidden;
}
.collapsable-cells div
{
    text-overflow: ellipsis;
    overflow: hidden;
}

.collapsable-cells:hover
{
    word-break: break-word;
    white-space: normal;
}