body
{
    font: 11px verdana, arial, helvetica, sans-serif;
    color: #000000;
    padding: 0;
    margin: 0;
}
#khomp
{
    position: relative;
    width: 1280px;
    margin: 0 auto;
    text-align: left;
    min-height: 690px;
}
#khomp fieldset, div.ui-dialog fieldset
{
    border: 1px solid #DDDDDD;
    border-radius: 5px;
}

#khomp .form_help_container
{
    max-width: 400px;
    margin: 0 auto;
    padding: 5px 10px;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
}

#khomp legend, div.ui-dialog legend
{
    color: #306845;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 6px
}
#khomp table.zebra tbody tr:nth-child(odd), div.ui-dialog table.zebra tbody tr:nth-child( odd )
{
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
}
#khomp table.zebra tbody tr:nth-child(even), div.ui-dialog table.zebra tbody tr:nth-child( even )
{
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
}

table.link tbody tr:hover
{
    background-color: khaki !important; /* important needed to override nth-child*/
    cursor: pointer;
}

#khomp table.zebra tbody tr:hover, div.ui-dialog table.zebra tbody tr:hover
{
    background-color: lightgrey;
}

#khomp table.noZebra tbody tr
{
    background-color: transparent !important;
}

#khomp table
{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #F5F5F5;
}
#khomp table td
{
    border-style: solid;
    border-color: #F5F5F5;
    border-width: 0px 0px 0px 1px;
    padding: 2px;
    word-break: break-word;
}
#khomp td a img
{
    vertical-align: middle;
}
#khomp table th
{
    background: #339966;
    border: 2px solid #339966;
    border-bottom: 1px solid #339966;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 2px;
}
#khomp table.provisioning
{
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    border: none;
}
#khomp table.provisioning td
{
    border: none;
    padding: 5px;
}
#khomp table.provisioning tr
{
    line-height: 20px;
}
#khomp table.provisioning tr.empty
{
    line-height: 5px;
}
#khomp table.codecsupport
{
    width: 100% !important;
    display: none;
}
#khomp input[type="file"], #khomp input[type="date"], #khomp input[type="time"], #khomp input[type="datetime-local"]
{
    background-color: #FFF;
    border: 1px solid #DDDDDD;
}

#khomp select
{
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    font: 12px verdana, arial, helvetica, sans-serif;
    padding: 1px;
    background-color: white;
    min-height: 17px !important;
    min-width: 120px;
}
#khomp input, .ui-dialog input[type="button"], button
{
    /*min-width: 150px;*/
    background-color: #306845;
    border: 0 none;
    cursor: pointer;
    font: 12px verdana, arial, helvetica, sans-serif;
    border-radius: 0px !important;
}
#khomp input[type="button"], .ui-dialog input[type="button"], button
{
    color: #fff;
    font-size: 11px !important;
    margin-right: 10px;
    padding: 5px;
    margin-bottom: 3px;
}
#khomp input[type="radio"]
{
    background: transparent;
    min-width: 15px;
}
#khomp input[type="text"], #khomp input[type="password"]
{
    border: 1px solid #DDDDDD;
    background: #FFF;
    cursor: text;
}
#khomp input[readonly], #khomp input:disabled
{
    background: #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #888888;
}
/* IE bug */
#khomp input[type="checkbox"]
{
    border: 0px;
    min-width: 15px;
    vertical-align: middle;
}
#khomp input[type="submit"]
{
    color: #FFFFFF;
    background-color: #306845;
    cursor: pointer;
    padding: 5px;
}
#khomp a:link
{
    color: #306845;
    text-decoration: none;
}
#khomp a:visited
{
    color: #306845;
    text-decoration: none;
}
#khomp a:link:hover, link:focus
{
    text-decoration: underline;
}
#refreshing
{
    width: 30px;
    height: 30px;
}
#refresh
{
    width: 27px;
    height: 27px;
}
#saved_notice {
    border-radius: 5px;
    position: fixed;
    top: 30%;
    left: 50%;
    min-width: 400px;
    max-width: 450px;
    min-height: 80px;
    margin-left: -200px;
    color: #000;
    text-align: center;
    font-size: 12pt;
    padding: 15px 20px;
    border: 5px solid #306845;
    background-color: #C7e8C0;
    z-index: 1100;
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

#saved_notice.show {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    visibility: visible;
    opacity: 1;
}

#footerLegend
{
    border: 0px !important;
    padding: 2px 6px !important;
    font-size: 11px !important;
    font-weight: normal !important;
}
.footerCloud {
  color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #3b3b69;
  border-radius: 0;
  height: 20px;
  left: -10px;
  padding: 30px 8.25px 6.875px;
}
.footerCloudName::before {
  content: 'Khomp Cloud';
}
.footerCloudName {
  text-align: center;
  color: #fff;
  padding: 10px;
}
#footerCloudDiv {
  position: fixed;
  display: flex;
  padding: 2.5px;
  justify-content: center;
  bottom: 50px;
  width: 100%;
  border: 1px #8888f2;
  background-color: #7272cc;
}
#div-package
{
    font-size: 11px !important;
    color: #878787 !important;
    text-align: center !important;
    margin-bottom: 10px;
}

.footerAdditionalInfo {
    text-align: center;
}

.footerPortalName::before {
    content : 'KWebPortal'
}

.footerUrlDomain::before {
    content : 'www.khomp.com'
}

#topo
{
    height: 100px;
    margin-top: 15px;
}
.layout-top-bar
{
    text-align: center;
    width: 100%;
}
.flag
{
    cursor: pointer;
    float: right;
    padding-right: 10px;
    padding-top: 55px;
}
.autenticacao
{
    float: left;
    width: 66%;
    padding-top: 65px;
    border-bottom: #DDDDDD 1px solid;
    margin-left: 35px;
    font-size: 13px;
}
.green-bar
{
    background: #2F6845 !important;
}
.saved_notice_success
{
    background-color: #C7E8C0 !important;
    border: 5px solid #306845 !important;
}
.saved_notice_error
{
    background-color: #FF6453 !important;
    border: 5px solid #BE3232 !important;
}
.background-light
{
    background: #339966;
}
.background-dark
{
    background: #306845;
}
.color-dark {
    color: #306845;
}
.redalert
{
    color: #FF0000 !important;
}
.backgroundGray
{
    background: #878787 !important;
}
.backgroundGreen
{
    background: #339966 !important;
}
.backgroundRed
{
    background: #F96868 !important;
}
.cursorHand
{
    cursor: pointer !important;
}
.cursorMove
{
    cursor: move !important;
}
.fontWeightBold
{
    font-weight: bold !important;
}
.fontWeightNormal
{
    font-weight: normal !important;
}

.floatRight
{
    float: right;
}

.textAlignLeft
{
    text-align: left !important;
}

.textAlignRight
{
    text-align: right;
}
.textAlignCenter
{
    text-align: center;
}

.marginLeft3px
{
    margin-left: 3px
}
.marginLeft5px
{
    margin-left: 5px;
}
.marginLeft25px
{
    margin-left: 25px !important;
}
.marginRight3px
{
    margin-right: 3px;
}
.marginRight5px
{
    margin-right: 5px;
}
.marginTop5px
{
    margin-top: 5px;
}
.marginBottom5px
{
    margin-bottom: 5px;
}
.marginBottom10px
{
    margin-bottom: 10px;
}
.width15
{
    width: 15px !important;
}
.width20
{
    width: 20px !important;
}
.width25
{
    width: 25px !important;
}
.width40
{
    width: 40px !important;
}
.width50
{
    width: 50px !important;
}
.width95
{
    width: 95px !important;
}
.width100
{
    width: 100px !important;
}
.width110
{
    width: 110px !important;
}
.width125
{
    width: 125px !important;
}
.width150
{
    width: 150px !important;
}
.width275
{
    width: 275px !important;
}
.width220
{
    width: 220px !important;
}
.width500
{
    width: 500px !important;
}
.width550
{
    width: 550px !important;
}
.line-height50
{
    line-height: 50px !important;
}
.line-height100
{
    line-height: 100px !important;
}
.height28
{
    height: 28px !important;
}

.warning-panel, #license-warning
{
    margin-top: 30px;
    background-color: #FFFFC0;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #000000;
    clear: both;
    color: #353535;
    font-size: 16px;
    font-weight: bold;
    margin: 8px;
    min-height: 22px;
    padding: 4px;
    margin-top: 30px;
    text-align: center;
}
.warning-panel, #license-warning img
{
    float: left;
}
#gateway-high-availability-inactive-host-notice
{
    margin: 8px;
    padding: 2px;
    clear: both;
    border: 1px solid #000;
    background-color: #FFFFC0;
    border-radius: 5px 5px 5px 5px;
    color: #000;
    font-size: 12px;
    text-align: center;
}
#license-error, #log-performance-warning
{
    background-color: #C83C2D;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #000000;
    clear: both;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin: 8px;
    min-height: 22px;
    padding: 4px;
    text-align: center;
    margin-top: 30px;
}
#license-error img
{
    float: left;
}
#resource-warning
{
    background-color: #FFFFC0;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #000000;
    clear: both;
    color: #353535;
    font-size: 16px;
    font-weight: bold;
    margin: 8px;
    min-height: 22px;
    padding: 4px;
    text-align: center;
    margin-top: 30px;
}
#resource-warning img
{
    float: left;
}
.displayNone
{
    display: none;
}
.floatLeft 
{
    float: left;
}
#tableLogin
{
    width: 100%;
    float: left;
}
#divBrowserDetect
{
    font-size: 12px;
    text-align: center;
    border: thin;
    border-style: solid;
    border-radius: 5px;
    width: 500px;
    height: 120px;
    box-shadow: 0 0 5px #000000;
    display: none;
    background: #FFF;
    margin: 0 auto;
    margin-top: 160px;
}

#divBrowserDetect img.errorIco
{
    float: right;
    margin-right: 15px;
}

#divBrowserDetectLine
{
    background: #C83C2D;
    margin-top: 20px;
    color: white;
    width: 100%
}
#divBrowserDetectText
{
    margin-top: 15px;
}
.close
{
    font-family: verdana, arial, helvetica, sans-serif;
    cursor: pointer;
    width: 65px;
    padding: 0px 0px 0px 0px;
}
.erro
{
    font-family: verdana, arial, helvetica, sans-serif;
    color: #FF0000;
}
.flag
{
    cursor: pointer;
    float: right;
    padding-right: 10px;
    padding-top: 55px;
}

#fieldMonster
{
    width: 97%;
    margin: 5px;
}

.left
{
    text-align: left;
}

#khomp a
{
    color: #306845 !important;
}

.blockscreenError
{
    width: 100%;
    height: 100%;
    background: #FFF;
    position: fixed;
    z-index: 999;
    opacity: 0.5;
    display: none;
    top: 0;
    left: 0;
}

#saved_notice .close
{
    width: 15px;
    height: 15px;
    line-height: 10px;
    float: right;
    color: #BE3232;
}
.kgateway-icon
{
    cursor: pointer;
    vertical-align: middle;
}
.sms-info
{
    border: 1px solid black;
    border-radius: 5px;
    background-color: rgb(255, 255, 153);
    padding: 5px;
}
.voip-codec-alert-container
{
    display: none;
}
.voip-codec-alert
{
    border: 1px solid black;
    border-radius: 5px;
    background-color: rgb(255, 255, 153);
    padding: 5px;
}
.high-availability-alert
{
    border: 1px solid black;
    border-radius: 5px;
    background-color: rgb(255, 255, 153);
    padding: 5px;
    display: none;
}
.survivability-alert
{
    border: 1px solid black;
    border-radius: 5px;
    background-color: rgb(255, 255, 153);
    padding: 5px;
}

#khomp .msg-alert {
    padding: 5px 30px;
    background: transparent url("../imagens/alert.png") left center no-repeat;
}

.packetCaptureTable tr.highlight
{
    border: 1px solid black !important;
    background-color: rgb(255, 255, 153);
}

.packetCaptureTable tr td
{
    border: none !important;
    padding: 5px 5px 5px 5px !important;
}

.packetCaptureTable tr td.first
{
    text-align: left;
    vertical-align: top;
}

.packetCaptureTable tr td.last
{
    text-align: right;
}

.packetCaptureTable tr td.title
{
    width: 40%;
}

#packetHostCaptureRules tr td,
#packetPortHostCaptureRules tr td,
#packetOriginCaptureRules tr td,
#packetPortOriginCaptureRules tr td,
#packetDestinCaptureRules tr td,
#packetPortDestinCaptureRules tr td,
.packetCellsCaptureRules
{
    border: none !important;
    padding: 0 !important;
}

.packetCaptureButton
{
    padding: 0 !important;
    margin: 10px 5px 0px 0px !important;
    text-align: right;
}
.packetCaptureButton input[type="button"]
{
    margin: 0 !important;
}

.includeCaptureFilter
{
    color: #306845;
    text-decoration: underline;
    cursor: pointer;
}

.gateway-cadence-name {
    width: 50% !important;
}

.gateway-cadence-value input{
    width: 50% !important;
}

#khompToolTip
{
    position: absolute;
    border: 1px solid #DDD;
    background-color: #FFFFB0;
    display: none;
    z-index: 1000;
    margin: 0px;
    padding: 5px;
}
.gateway-nap-sip-sipi-add-supported,
.gateway-nap-sip-add-proxy
{
    float: right;
    text-align: right;
    vertical-align: middle;
    padding: 5px 0px 0px 0px;
    font-size: 11px;
}
.gateway-nap-sip-sipi-remove-supported 
{
    margin-right: 5px;
    cursor: pointer;
}

.ksbc-uas-add-proxy
{
    float: right;
    text-align: right;
    vertical-align: middle;
    padding: 5px 0px 0px 0px;
}
span.link
{
    color: #306845;
    cursor: pointer;
}
span.link.disabled
{
    color: #606060;
    cursor: pointer;
    text-decoration: none !important;
}
span.link:hover
{
    text-decoration: underline;
}
.tableHighAvailability th
{
    background: #339966;
    border: 2px solid #339966;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 30px;
}

.firewall-intrusion-detection input[type="text"]
{
    text-align: right;
    margin-left: 5px;
    margin-right: 50px;
    width: 100px;
}

.notice-text
{
    margin: 8px;
    padding: 2px;
    clear: both;
    border: 1px solid #000;
    background-color: #306845;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}

#ksbc-register-status-table th
{
    width: auto !important;
}

#ksbc-register-status-table ul
{
    list-style-type: none;
}

#ksbc-register-status-table ul li
{
    text-align: left;
    position : relative;
    left : 15px;
}

#ksbc-register-status-table ul li ul li {
    text-align: left;
    position: relative;
    left: 15px;
}

.ksbc-monitoring-extension-register-status
{
    width : 80px;
}

.ksbc-monitoring-extension-username
{
    width : 80px;
}

.ksbc-monitoring-extension-address
{
    width : 100px;
}

.ksbc-monitoring-extension-port
{
    width : 80px;
}

.ksbc-monitoring-extension-details
{
    width : 200px;
    text-align: left;
}

#kgateway-monitor-nap-status-table td.details div {
    clear: right;
}

.status-inactive {
    color: red;
    cursor: default;
}

.status-inactive-warning {
    background-color: #EE760020 !important;
    border: 2px solid #EE7600 !important;
}

.status-inactive-alert{
    background-image: url(../imagens/alert.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #C83C2D20 !important;
    border: 2px solid #C83C2D !important;
}


#config-diff
{
    table-layout: fixed;
}

#khomp #config-diff pre
{
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    line-height: normal;
    border: none;
    background: none;
    padding: 0;
    text-align: left;
}

#khomp #config-diff pre.del
{
    background: cornsilk;
    color: red;
}

#khomp #config-diff pre.add
{
    background: cornsilk;
    color: green;
}

.botoes-capturepacket {
    text-align: center !important;
    left: unset !important;
    display: block !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.botoes-capturepacket input:focus {
    outline: none !important;
}

#filtersPacketCaptureField {
    margin-top: 20px;
    margin-left: 40px;
}

#SslAllowedProtocols {
    list-style-type: none;
}

.gateway-import-config tr td:first-child,
.gateway-import-config tr th:first-child
{
    text-align: right;
    font-weight: bold;
}

.gateway-import-config tr td:last-child,
.gateway-import-config tr th:last-child
{
    text-align: left;
}

.importConfigFrontTable td:first-child
{
    text-align:left; 
    padding-left: 15px;
}

.importConfigFrontTable td:last-child
{
    text-align:right; 
    padding: 8px;
}

.importConfigFrontTable input[type="button"]
{
    margin: 0px !important;
}