/* NetDB */

html {
    font-size: 10px;
}

/* Used in the monitor pages. */
.attn_row {
    color: white;
    background: red;
}

/* Layout */

#title h1 {
    margin-bottom: 0;
}

#side-content ul.su-secondary-nav__menu {
    padding-left: 0;
}


/* Table */

table {
    margin-top: 0;
}

table th,
table td {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    background-color: initial;
}

#show_scroll_bars {
    overflow-x: auto;
    overflow-y: auto;
}

.fs_form_section {
    padding: 0 !important;
}

.fs_form_row:nth-child(even) {
    background: #ffffff;
}

@media only screen and (max-width: 767.98px) {
    .fs_sort_selector_top {
        height: 100%;
        display: flex;
    }
    select.fs_sort_selector_top {
        display: inline-flex;
        align-self: flex-end;
    }
    select.fs_sort_selector_top_with_comment {
        margin-bottom:1.6em;
    }
    select.fs_sort_selector_top_with_wrapped_comment {
        margin-bottom:2.9em;
    }
}

.fs_sort_selector_top {
    height: 100%;
}

.fs_sort_selector_bottom {
    height: 100%;
    display: flex;
}

select.fs_sort_selector_bottom {
    display: inline-flex;
    align-self: flex-end;
}

.full_search_results_dark_row td {
    background: #f4f4f4;
}

.full_search_results_light_row td {
    background: #FFFFFF;
}

#full_search_results thead {
    background: #BBBBBB;
}

#no_top_border {
    border-top: 0
}

#thick_top_border {
    border-top: 2px solid #d2d3d4
}

a.hidden_link:link    { text-decoration: none; }
a.hidden_link:visited { text-decoration: none; }
a.hidden_link:hover   { text-decoration: none; }
a.hidden_link:active  { text-decoration: none; }

/* Form */

input,
select,
textarea {
    display: inline-block;
    width: auto;
    max-width: none;
}

abbr[title] {
    text-decoration: none;
    border: none;
    color: #8c1515;
}

.col-form-label {
    font-weight: 600;
    margin-right: .5rem;
    letter-spacing: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.form-row>.text-right label.col-form-label {
    display: block;
    padding-right: 0.5rem;
}

@media (max-width: 767.98px) {
    .form-row>.text-right label.col-form-label {
        padding-right: 1rem;
    }
}

.form-control {
    display: inline-block;
    font-size: 1.8rem;
}

select:not([size]).form-control {
    padding-right: 30px;
}

.col-md-2 select:not([size]).form-control {
    width: auto;
}

.col-md-2 .position-absolute {
    top: -3.5rem;
    right: 0;
}

@media (max-width: 767.98px) {
    .col-md-2 .position-absolute {
        top: -3rem;
        right: 0.5rem;
    }
}

.form-row>.form-group,
fieldset.form-group [class*="col-"] {
    align-self: flex-end;
    padding-left: 5px;
}

@media only screen and (min-width: 768px) {
    .form-row>.form-group,
    fieldset.form-group [class*="col-"] {
        align-self: flex-start;
    }
}

.form-row a {
    display: inline-block;
}

.form-row>fieldset.form-group {
    align-self: flex-start;
}

fieldset.form-group {
    padding: 0;
}

fieldset.form-group .form-group-content .row {
    margin: 0;
}

.form-top-section {
    padding: 2rem 1rem 1rem 1rem;
    margin: 0 0 4rem 0;
    background: #f4f4f4;
    position: relative;
    border-radius: .5rem;
}

.form-top-section h2 {
    font-weight: 600;
    letter-spacing: 0;
    font-size: 1.8rem;
    margin: 1em 0 0.5em 0;
}

.form-top-section label {
    margin-top: 0;
}

.form-section {
    padding: 2rem;
    background: #f4f4f4;
    position: relative;
}

.form-section h2,
.form-section h3,
.form-section h4 {
    margin: 0 0 0.5em 0;
    font-weight: 600;
}

.su-accordion>h2,
.su-accordion>p {
    display: inline-block;
    margin: 0.5rem 0 2rem 0;
}

button.su-accordion__button:hover,
button.su-accordion__button:focus,
button.su-accordion__button[aria-expanded=true] {
    background: #f4f4f4;
    color: #B1040E;
}

.form-section .form-content>.form-group {
    margin-bottom: 2rem;
}

.form-section .form-group label {
    display: inline-block;
    margin-top: 0;
}

.form-section .form-group label.form-check-label {
    margin: 0.5em 0;
}

.form-section .form-group .col-auto {
    align-self: flex-end;
}

.form-section .form-group .col-auto label.form-check-label {
    margin: 0.5em 0 0 0;
}

.form-section .form-group>label,
.form-section .form-group legend,
.form-section .form-content>.form-group>label,
.form-section .form-content>.form-group legend {
    font-weight: 600;
}

@media (min-width: 768px) {
    .form-section .form-group {
        margin-bottom: 0;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .form-section fieldset.form-group {
        margin: 0;
    }
    .form-section fieldset.form-group .form-row>[class*="col-sm-6"]:nth-child(odd) {
        padding-left: 0;
    }
    .form-section fieldset.form-group .form-row>[class*="col-sm-6"]:nth-child(even) {
        padding-right: 0;
    }
}

.form-check {
    padding-left: 0.5rem;
    padding-right: 1rem;
}

.form-check-label {
    margin: 0.5em 0;
}

.form-group small {
    margin-bottom: 1em;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    fieldset legend {
        width: 33.2%;
    }
    fieldset .form-row {
        float: right;
        padding-left: 33.75%;
        margin-top: -4rem;
        margin-right: 0;
        width: 100%;
    }
    fieldset .form-row>.text-right {
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    fieldset legend {
        width: 24.8%;
    }
    fieldset .form-row {
        float: right;
        padding-left: 25.2%;
        margin-top: -4rem;
        margin-right: 0;
        width: 100%;
    }
    fieldset .form-row>.text-right {
        padding-right: 0;
    }
}


/* Form Submit */

.form-submit {
    margin-top: 3rem;
    margin-bottom: 3rem;
    justify-content: center;
}

@media (max-width: 767.98px) {
    .form-submit input {
        font-size: 1.8rem;
        padding: 0.75rem 1.25rem;
    }
}

.form-submit.sticky-top {
    background: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.form-top-section .form-submit {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.form-section [type=button],
.form-section [type=image],
.form-section [type=reset],
.form-section [type=submit],
.form-section button {
    background-color: #007c92;
    color: #fff;
}

.form-section [type=button]:hover,
.form-section [type=image]:hover,
.form-section [type=reset]:hover,
.form-section [type=submit]:hover,
.form-section button:hover,
.form-section [type=button]:focus,
.form-section [type=image]:focus,
.form-section [type=reset]:focus,
.form-section [type=submit]:focus,
.form-section button:focus {
    background-color: #2e2d29;
    color: #fff;
}

@media (min-width: 768px) {

    .form-section [type=button],
    .form-section [type=image],
    .form-section [type=reset],
    .form-section [type=submit],
    .form-section button {
        font-size: 1.8rem;
        padding: 0.5rem 2rem;
    }
}

@media (max-width: 767.988px) {

    .form-section [type=button],
    .form-section [type=image],
    .form-section [type=reset],
    .form-section [type=submit],
    .form-section button {
        font-size: 1.6rem;
        padding: 0.65rem 2rem;
    }
}

/* Form Error */

/*.form-error-summary {
    padding: 1.75rem;
    margin: 0 0 1rem 0;
    border: #B1040E 5px solid;
}

.form-error-summary h2 {
    margin-top: 0;
}

.form-error-summary>*:last-child {
    margin-bottom: 0;
}

.form-error {
    position: relative;
    margin: 0 0 1rem 0;
    border-left: #B1040E 5px solid;
}

.form-error legend {
    padding-left: 1.75rem;
    display: block;
    float: left;
}

.form-error .form-group-content {
    display: block;
    float: left;
    width: 100%;
}

.form-error .error-text {
    position: relative;
    width: 100%;
    padding-right: 1.75rem;
    padding-left: 1.75rem;
    padding-bottom: 1em;
    flex: 0 0 100%;
    max-width: 100%;
    font-weight: 600;
    color: #B1040E;
}
*/


/* The message reporting panels */

@media only screen and (min-width: 0) {
    #banner_text {
        padding-left: 20px
    }
}

@media only screen and (min-width: 576px) {
    #banner_text {
        padding-left: 30px
    }
}

@media only screen and (min-width: 768px) {
    #banner_text {
        padding-left: 50px
    }
}

@media only screen and (min-width: 992px) {
    #banner_text {
        padding-left: 80px
    }
}

@media only screen and (min-width: 1200px) {
    #banner_text {
        padding-left: 100px;
    }
}

#info_panel {
    color: black;
    background: #99FF99; /* bright green */
    font-weight: 600;
}

#warning_panel {
    color: black;
    background: yellow;
    font-weight: 600;
}

#error_panel {
    color: white;
    background: red;
    font-weight: 600;
}


/* Error font when there's something wrong on a form (create/modify pages). */

.error_form_font {
    color: red;
    font-style: italic;
}

/* A class to override other width settings.  Typically used to allow text entry widgets to honor
 * the 'size' option.
 */
.auto-width {
    width: auto;
}


/* Search Results */

@media (max-width: 767.98px) {
    fieldset.form-group.form-error .form-group-content,
    .form-content fieldset.form-group.form-error .form-group-content {
        padding-left: 1.75rem;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    select.form-control {
        background-image: none;
        padding-right: 5px;
    }
}


/* Splash Page */

body.splash {
    position: relative;
    background: url("../images/netdb-bg2.jpg") no-repeat 75% center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.splash main {
    background: rgba(0, 0, 0, 0.65);
}

body.splash #main-content {
    color: #fff
}

body.splash #main-content h2 {
    font-weight: 600;
    letter-spacing: 0;
    font-size: 2rem;
    margin: 1em 0 0.5em 0;
}

body.splash #main-content ul {
    font-weight: 400;
}

body.splash #main-content a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

body.splash #main-content a:hover,
body.splash #main-content a:focus {
    color: #fff;
    text-decoration: underline;
}

body.splash #main-content li {
    list-style-type: none;
    margin-right: 2rem;
}


/* Utility Classes */

.left-align {
    float: left;
}

.right-align {
    float: right;
}

.sectionHeader {
    background: #DDDDDD;
}

.multi_selector {
    background: none;
}

.non_selectized_select {
    width: auto;
    padding-right: 30px;
}

.half_name_indent {
    margin-left: 10px; }

.name_indent {
    margin-left: 20px; }

/* 3.7rem is aproximately the size of an unlabeled check box. */
.long_name_indent {
    margin-left: 3.7rem; }

.dev-background {
    background: repeating-radial-gradient(circle, lightblue, white 10px);
}

.dev-background-text
{
    position: absolute;
    left: 0;
    width: 100%;
    justify-content: center;
    display: flex;

    color: rgb(187, 182, 182);
    font-size: 50px;
}

.ip_network_link
{
    display: inline;
    border: 1px solid rgb(0,108,184);
    background: white;
    border-radius: 10px;
    padding-left: 2px;
    padding-right: 3px;
    font-size: xx-small;
    vertical-align: 9px;
}