.main {
    padding: 3em 0 3em 0;
    min-height: 86%;
}

.navbar {
    height: 7%;
    border-radius: 0 !important;
    margin: 0 !important;
}

.navbar .ui.dropdown.item {
    z-index: 2000;
}

.footer {
    height: 7%;
}

#navbar-title {
    color: orange;
    font-size: 18px;
}

#report-issue {
    color: red;
}

.ui.selection.dropdown.vendorgroup {
    width: 60% !important;
}

label {
    font-weight: bold;
}

.edit-symbol {
    opacity: 0.5;
    cursor: pointer;
}

.edit-symbol:hover {
    opacity: 0.9;
    cursor: pointer;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
    color: #444444;
    font-size:110%;
    text-align: left;
}

.archived-group {
    background-color: #e5e5e5;
}

.hidden {
    display: none;
}

.error_msg {
    color: red;
}

.success_msg {
    color: #5cb85c;
}

.multiselect-container {
    width: 500px;
    position: relative;
}

.delete-icon {
    position: absolute;
    right: 10px;
    z-index: 50;
}

#egress-ip-table {
    position: auto;
    overflow-y: auto;
    max-height: 200px;
}

.form-container {
    position: relative;
}

#saveModal.modal {
    position: absolute !important;
}

.form-container > .modal-backdrop {
    position: absolute !important;
    background-color: #e6e6e6 !important;
    box-shadow: 0 0 10px 10px #e6e6e6;
}

.ip-container {
    margin-left: 30px;
}

.inline-list {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
}

.spinner-container {
    text-align: center;
}

.preview-text {
    font-size: 12px;
    color: #adadad;
}

.scrollable {
    max-height: 295px;
    overflow: auto;
}

.light-gray {
    color: #a8a8a8;
}

.confidential-msg {
    color: #e0ab5c;
}

.owner-info {
    font-size: 11px;
    max-width: 250px;
    word-wrap: break-word;
}

.ip-remove {
    padding-right: 10px;
}

#common_groups ul {
    columns: 2;
}

.results-container {
    width: 100%;
    align-self: flex-start;
}

.checkbox-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.5em;
}

.checkbox-list label {
    padding: 0 0 0 0.5em;
}

.listtype-none {
    list-style-type: none;
}

ul.horizontal-list li {
    display: inline;
    padding-right: 30px;
}

.transparent-filefield {
    color: transparent;
}

thead.left-align th {
    text-align: left;
}

.tooltip-inner {
    max-width: none;
    white-space: nowrap;
}

.banner {
    padding: 12px;
    background-color: #f7a100;
    color: white;
}

#vendorGroupCopy .ui.dropdown {
    display: inline-block;
    width: 60%;
    margin-left: 10px;
}

.ui.form .description {
    font-size: 12px;
    color: gray;
}

.ui.form.lapsform label {
    font-size: 14px !important;
    margin-top: .4em !important;
}

#vendor_group_name {
    margin-top: .4em;
}

.link-text {
    color: blue;
}

.pull-right {
    float: right;
}

.errors {
    color: red;
}

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

.pull-right {
    float: right;
}

.group-ip-list {
    max-height: 350px;
    overflow: auto;
}

.ui.sticky.table thead tr:first-child > th {
    position: sticky !important;
    top: -1px;
    z-index: 2;
}


/* Override Semantic UI styling for text placeholders */
::-webkit-input-placeholder { /* Edge */
  color: #8e8e8e !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8e8e8e !important;
}

::placeholder {
  color: #8e8e8e !important;
}