/*!
 * core v0.0.1 
 * Copyright 2018 Okiok
 *
 * This is the core s-filer javascript following the 2018 ui update
 */

html, body {
    height: 100%;
    overflow-x: hidden;
}

a {
    color: #385ba2;
}

a:hover {
    color: #dd8802;
}

label {
    margin-bottom: 1px;
}

body.mainbody {
    background-attachment: fixed;
    background-color: white;
    background-position: left top;
    background-repeat: no-repeat;
    margin: 0;
    height: 100%;
}

.alert {
    font-size: 13px;
}

.core-navbar {
    min-height: 50px;
    background-color: #305ba0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
    padding: 0 0 0 5px;
    position: sticky;
    top: 0;
    z-index: 1071;
}

.core-navbar a {
    color: white;
    margin: 0;
}

.core-navbar a:hover {
    color: white;
}

.core-navbar a:visited {
    color: white;
}

.core-navbar .dropdown-menu a {
    color: #31589c;
}

.core-navbar .dropdown-menu a:visited {
    color: #31589c;
}

.core-navbar .dropdown-menu a:active {
    color: white;
}

.main-container {
    display: flex;
    flex-direction: row;
    border: 1px solid silver;
    overflow: hidden;
}

.main-detail {
    background-color: inherit;
    margin-left: 0;
    margin-right: 0;
}

.form-search-filter {
    margin-top: 10px;
}

.button-block-1 {
    margin-right: 30px;
}

.button-block-2 {
    margin-right: 30px;
}

.button-block-3 {
    margin-right: 30px;
}

.button-block-1 button {
    margin-bottom: 4px;
}

.button-block-2 button {
    margin-bottom: 4px;
}

.button-block-3 button {
    margin-bottom: 4px;
}

.button-block-4 button {
    margin-bottom: 4px;
}

.main-button i {
    margin-right: 5px;
}

button.tool-bar-help {
    color: black;
    font-size: 22px;
    margin: 5px 15px 0 0;

}

button.tool-bar-help:hover {
    color: #1175bc;

}

.btn-xs {
    padding: .17rem .35rem;
    font-size: .675rem;
    line-height: 1.3;
    border-radius: .2rem
}

.btn-light {
    border: solid #f8f9fa 1px;
}

/* -------------------------------- Login */
.logo {
    margin: 60px 0 10px 0;
}

.logo-button {
    border: thin solid #666666;
    padding: 6px 5px 3px 6px;
    cursor: pointer;
    font-weight: 600;
}

.logo-image {
    margin-bottom: 3px;
    margin-right: 5px;
    width: 30px;
}

.buttons {
    background-color: white !important;
    margin-top: 20px;
}

.buttons a {
    margin-left: 5px
}

.login-bottom-section {
    font-size: 12px;
}

.custom-message {
    margin-top: 15px;
}

.sso-header {
    background-color: #305ba0;
    color: white !important;
    font-weight: 600;
}

.error-block {
    margin-top: 20px;
}

.lost-password-form {
    margin-top: 50px;
}

.lost-pasword-footer a {
    margin-left: 3px;
}

.capcha-buttons a {
    margin-left: 3px;
}

.logout-link {
    text-decoration: underline;
    color: #007bff
}

.logout-link:hover {
    color: #f69522
}

/* -------------------------- Acknowledge */
.ack-question {
    text-align: right;
    margin: 10px 60px 0 0
}

.fixed-bottom {
    border-top: solid #c8c8c8 1px;
    background-color: #f5f5f5;
}

/* ------------------------ Form elements */
.text-under-checkbox {
    margin-top: 0;
}

.combo-form-group label {
    float: left;
    width: 100%;
}

.combo-padding {
    float: left;
    margin-right: 4px;
    width: 20%;
}

.small-field {
    width: 10%
}

.input-under-checkbox {
    margin-top: 3px;
    font-size: 14px;
}

/* --------------------------- Flex boxes */
.panel-left {
    flex: 0 0 auto;
    width: 300px;
    min-height: 200px;
    min-width: 150px;
    white-space: nowrap;
    border-right: solid #e5e5e5 5px;
    z-index: 0;
}

.panel-right {
    flex: 1 1 auto;
    width: 100%;
    min-height: 800px;
    min-width: 200px !important;
    background: white;
    z-index: 0;
}

/* ------------------------------ Nav bar */
.thumbnail a {
    padding-right: 0 !important;
}

.thumbnail span {
    font-size: 25px;
}

/* --------------------------- Breadcrumb */
.navigation-breadcrumb {
    flex-wrap: wrap;
    padding: 0 .50rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: .25rem;
    float: left;
}

.navigation-breadcrumb li {
    display: block;
    float: left;
    padding-right: .5rem
}

.navigation-breadcrumb li span {
    padding: 0 .15rem 0 .15rem
}

.fa-padding {
    margin-top: 4px;
    float: left;
}

/* --------------------------------- Tree */
.left-tree {
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
    border: 0;
    color: #385ba2;
    font-size: 13px;
}

.left-tree svg {
}

.left-tree strong {
    color: black;
}

.left-message-header {
    height: 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #6a6a6a;
    padding: 7px 0 0 10px;
}

.left-message-body {
    font-size: 10px;
    color: #6a6a6a;
    padding: 7px 0 0 10px;
    overflow: auto;
}

.centered-loading-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}

.panel-left i {
    width: 20px;
    text-align: center;
}

/* --------------------------------- Details */
.top-message {
    margin-top: 10px;
    font-size: 13px;
}

.right-section-boot {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 15px;
}

.right-section-top {
    background-color: #fdfdfd;
    color: #305ba0;
    height: 49px;
    border-bottom: solid #e7e7e7 1px;
}

.top-button {
    margin-bottom: 10px;
    height: 30px;
}

.sub-title {
    padding: 12px 0 0 15px
}

/* --------------------------------- List */
.list-overflow {
    overflow: auto
}

.extensions-event-filter-label {
    font-size: 13px;
    margin-right: 5px;
    margin-top: 5px;
}

.truncate-with-parent-width {
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inbox-header {
    border-bottom: solid 2px #d5d5d5;
    background-color: #fefefe;
    font-size: 14px;
}

.inbox-header input {
    margin: 5px 0 0 2px;
}

.inbox-row {
    font-size: 11px;
}

.inbox-row td {
    padding: 0 6px;
    margin: 0;
    line-height: 15px
}

.inbox-row-single td {
    padding: 2px 7px;
    margin: 0;
    line-height: 25px;
}

.inbox-row input {
    margin-top: 5px;
}

.inbox-row-button {
    padding: 0;
    height: 20px;
}

.inbox-row-selected {
    background-color: #f7f7f7;
    padding: 5px 5px 3px 5px;;
    vertical-align: top;
}

.inbox-row-selected A:link, .inbox-row-selected A:active, .inbox-row-selected A:visited {
    text-decoration: none;
}

.inbox-row-selected A:hover {
    text-decoration: underline;
}

.inbox-row-new {
    font-weight: bold;
}

.inbox-row-first {
    font-weight: bold;
    border-bottom: 1px solid transparent;
}

.inbox-row-top td {
    padding-top: 3px;
}

.inbox-row-bottom td {
    padding-bottom: 3px;
}

.inbox-row-img span {
    padding-left: 5px;
    vertical-align: top;
    color: #4b4b4b;
}

.inbox-row-actions {
    padding-left: 30px;
    white-space: nowrap !important;
    text-align: left
}

.inbox-row-actions .warning-icon {
    height: 15px;
    margin: 5px 4px;
    text-decoration: none;
    font-size: 16px;
    color: #e30404;
}

.inbox-row-actions a:link {
    font-size: 14px;
    padding: 2px 2px;
}

.inbox-row-actions a:hover {
    font-size: 14px;
}

.inbox-row-actions div.action-button {
    width: 18px;
    display: inline-block;
}

.inbox-row-actions a.rename-button {
    height: 15px;
    margin: 0 2px;
    text-decoration: none;
}

.inbox-row-actions a.ttl-button {
    height: 15px;
    margin: 0 2px;
    text-decoration: none;
}

.inbox-row-actions a.version-button {
    height: 15px;
    margin: 0 2px;
    text-decoration: none;
}

.inbox-row.hint {
    color: #a9a9a9;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    border: dashed 3px #f1f1f1;
}

.inbox-row.hint i {
    font-size: 30px;
    margin-right: 5px;
}

.inbox-row-top .checkbox-rowspan-2 {
    vertical-align: top;
}

.dropTarget {
    opacity: 0.25;
    border: dashed 5px black;
}

.drop-file-here-container-hidden {
    display: none;
}

.drop-file-here-container {
    margin: 0 auto;
    top: 45%;
    position: relative;
    width: 400px;
    pointer-events: none
}

.drop-file-here-inner {
    z-index: 9000;
    position: absolute;
    text-align: center;
    width: 400px;
    pointer-events: none;
    font-size: 30px;
    color: #a2a2a2;
    font-weight: bold;
}

.inbox-page-select {
    color: black;
    width: 100%;
    height: 25px;
    font-size: 10px;
    padding-left: 5px;
    padding-top: 10px;
    text-align: center;
}

.inbox-page-select A:link {
    color: black;
    text-decoration: none;
}

.inbox-page-select A:visited {
    color: black;
    text-decoration: none;
}

.inbox-page-select A:active {
    color: black;
    text-decoration: none;
}

.inbox-page-select A:hover {
    text-decoration: none;
}

.inbox-page-select .protocol_switch:hover {
    text-decoration: underline;
}

.file-version-row-single td {
    padding: 2px 7px;
    margin: 0;
    line-height: 25px;
    white-space: nowrap;
}

.file-version-row-single input {
    margin-top: 3px;
}

.file-version-row {
    font-size: 12px;
}

.truncated-description {
    width: 100%;
    overflow: hidden;
}

.progress-bar {
    border: solid #004000 1px;
    margin: 0;
    padding: 0;
    background-color: #74cb74;
    height: 100%;
    width: 0;
}

.progress-bar-filename {
    position: absolute;
    left: 1px;
    top: 0;
    padding: 4px 0 0 5px;
    color: black;
    font-size: 14px;
}

.progress-row {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
}

.progress-bar-container {
    position: relative;
    width: 100%;
    height: 31px;
    margin: 0;
    padding: 0;
}

.green-line {
    border: solid #56af56 1px;
    margin: 0;
    padding: 0;
    background-color: #74cb74;
    height: 100%;
    width: 0;
}

.itemsPerPage {
    float: right;
    margin: 5px 10px 0 0;
    font-size: 11px;
}

.itemsPerPage a {
    color: black;
    text-decoration: none;
}

.itemsPerPage a:hover {
    color: black;
    text-decoration: underline;
}

/* --------------------- Notification list */
.column-notification-list-checkbox {
    width: 1%;
}

.column-notification-list-name {
    width: 15%;
}

.column-notification-list-description {
    width: 40%;
}

.column-notification-list-ui-theme {
    width: 24%;
}

.column-notification-list-default {
    width: 10%;
}

.column-notification-list-active {
    width: 10%;
}

.notification-icon {
    font-size: 1.3em;
    color: #1f63d1;
    margin-right: 5px;
}

.notification-list-table {
    font-size: 11px;
}

.notification-list-table .fa-table-columns {
    font-size: 1.3em;
    color: #1f63d1;
    margin-right: 5px;
}

.notification-list-table .fa-square-envelope {
    font-size: 1.3em;
    color: #1f63d1;
    margin-right: 5px;
}

.notification-list-header {
    border-bottom: solid 2px #d5d5d5;
    background-color: #fefefe;
    font-size: 14px;
}

.notification-list-header th {
    text-align: center;
}

.notification-list-header th:first-child {
    text-align: left;
    width: 70%;
}

.email-editor {
    background-color: #f9fafc;
}

.card-header-editor {
    font-size: 1.15em;
}

.dropdown-variable-injection .dropdown-item {
    font-size: .875rem;
}

.ace_editor {
    position: relative !important;
    border: 1px solid lightgray;
    margin: auto;
    height: calc(50vH);
}

.preview-button {
    position: absolute;
    right: 8px;
    top: 8px;
}

.top-list-form-label {
    font-size: 14px;
}

.top-list-form-check-label {
    font-size: 14px !important;
}

/* ------------------ Notification details */

.top-notification-details .fa-question-circle {
    font-size: 0.75em;
}

.container-editor {
    width: 100%;
    padding: 0 15px;
}

.inline-button {
    padding: 0 5px;
}

.preview-box {
    width: 100%;
    padding: 20px;
    background-color: #f9fafc;
    border: solid #e1e3e7 1px;
    border-radius: 7px;
    height: 92%;
}

.preview-box-error {
    width: 100%;
    padding: 20px;
    background-color: #f8d7da;
    border: solid 1px #f5c6cb;
    border-radius: 7px;
    height: 92%;
}

.email-editor label {
    font-weight: 600;
}

.include-body-in-email {
    font-weight: 400 !important;
}

/* --------------------------- List bottom */
.bottom-action-buttons {
    padding: 3px 0 20px 0;
}

.bottom-action-buttons a {
    text-decoration: none;
}

.bottom-action-buttons a:hover {
    text-decoration: underline;
}

.items-per-page {
    float: right;
    margin: 5px 10px 0 0;
    font-size: 11px;
}

.items-per-page a {
    color: black;
    text-decoration: none;
}

.items-per-page a:hover {
    text-decoration: underline;
}

.items-per-page-label {
    font-size: 14px;
}

.size-used {
    float: right;
    margin: 5px 10px 0 0;
    font-size: 14px;
}

.bottom-block {
    padding: 0 20px 0 50px;
    float: left;
    height: 20px;
}

.bottom-block label {
    margin-right: 10px;
}

/* ------------------- Bootstrap override */
.btn-primary {
    background-color: #305ba0;
    border: solid #21457e 1px;
}

.card-full-width {
    width: 100%;
}

.btn-outline-primary {
    border: solid #21457e 1px;
    color: #21457e;
}

.btn-light.disabled, .btn-light:disabled {
    color: #828282
}

.btn-outline-secondary {
    border-color: #bfbfbf
}

.core-navbar .dropdown-menu a:active {
    color: white;
}


#emailTemplateDetails .no-variables:hover {
    background-color: white;
}

.invalid-feedback-sm {
    font-size: 12px;
}

/* ------------------ Pending action list */
#groupPendingActions {
    position: absolute;
    padding: 0;
    z-index: 300;
    display: none;
    left: 130px;
    top: 35px;
}

.pending-box {
    width: 420px;
    height: 250px;
    background-color: white;
    padding: 0;
    border: solid grey 1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pending-container {
    height: 200px;
    padding: 10px;
    overflow: auto;
    position: relative;
}

.pending-content {
    width: 100%;
    height: 240px
}

.pending-content .pending-title {
    height: 34px;
    width: 100%;
    padding: 5px 5px 10px 5px;
    background-color: #385ba2;
}

.pending-content .pending-title span {
    float: left;
    font-size: 18px;
    color: #ffffff;
}

.pending-content .pending-table {
    width: 100%;
    font-size: 10px;
}

.pending-content .pending-table thead tr td {
    font-size: 11px !important;
    font-weight: 700;
    border-bottom: solid 2px #dee2e6;
}

.pending-content .pending-table thead td {
    padding: 2px 4px 2px 4px;
}

.pending-content .pending-table tbody td {
    border-bottom: solid #F2F2F2 1px;
    padding: 2px 4px 2px 4px;
}

.form-control-error {
    border: solid #dc3545 1px !important;
}

/* ------------- Embedded entity search */
.embedded-container {
    min-height: 300px;
}

#groupSearchPopup {
    position: absolute;
    padding: 0;
    z-index: 300;
    display: none;
    left: 30px;
    top: 35px;
}

#communitySearchPopup {
    position: absolute;
    padding: 0;
    z-index: 300;
    display: none;
    left: 30px;
    top: 35px;
}

#communityPendingActions {
    position: absolute;
    padding: 0;
    z-index: 300;
    display: none;
    left: 130px;
    top: 35px;
}

#userSearchPopup {
    position: absolute;
    padding: 0;
    z-index: 300;
    display: none;
    left: 30px;
    top: 35px;
}

#userPendingActions {
    position: absolute;
    padding: 0;
    z-index: 300;
    display: none;
    left: 130px;
    top: 35px;
}

.search-box {
    width: 500px;
    height: 350px;
    background-color: white;
    padding: 0;
    border: solid grey 1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-shadow {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}

.card .card-header,
.card .card-footer {
    background-color: white;
}

.search-content {
    width: 100%;
    height: 240px
}

.search-content .search-title {
    height: 34px;
    width: 100%;
    padding: 5px 5px 10px 5px;
    background-color: #385ba2;
}

.search-content .search-title span {
    float: left;
    font-size: 18px;
    color: #ffffff;
}

.search-content .entity-search-list {
    width: 382px;
}

.search-body {
    padding-top: 16px;
}

.search-body select {
    font-size: .875rem;
    padding: .100rem
}

.search-label {
    font-size: .875rem;
}

.input-group-append .fa-search {
    font-size: 13px;
}

.search-box-select option {
    font-size: 12px;
}

.search-buttons input {
    margin-left: 4px;
}

/* -------------------------------- Forms */
.field-error-font {
    color: #721c24 !important;
    display: inline;
}

.field-ok-font {
    color: #287e3b !important;
    padding: 3px 0 5px 0;
    margin: 0;
}

.field-error {
    background-color: #f7d6d8;
    color: #721c24;
}

.field-ok {
    background-color: #d4edda;
    color: #155724;
}

.file-selection-area {
    margin-bottom: 15px;
}

.ttl-row {
    margin-top: 5px;
}

.ttl-row input[type=radio] {
    margin-top: 6px;
    float: right;
}

.ttl-row .radio-ttl {
    margin: 0 0 0 15px;
    padding: 0;
    width: 15px;
}

.label-field-content {
    font-size: 80%;
    color: #7c7b7b;
}

.checkbox-label-sm {
    font-size: 80%;
    color: #7c7b7b;
}

.label-sm {
    font-size: 0.9em
}

.password-policy-ul {
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

.rule-ok-icon {
    color: #287e3b;
}

.rule-bad-icon {
    color: #7e2828;
}

.password-div {
    padding: 5px 10px;
    font-size: 13px;
}

.file-remove-badge {
    padding: 5px;
    border: solid 1px lightgrey;
    border-radius: 4px;
    color: #909090;
    background-color: #f9f9f9;
    margin-right: 5px;
    margin-bottom: 3px;
}

.file-display-div {
    margin-top: 8px;
    max-height: 110px;
    overflow-y: auto;
}

.file-display-text {
    margin-left: 4px;
    margin-right: 4px;
}


.border-secondary {
    border-color: #b0b2b3 !important;
    padding-right: 4px;
}

.password-div {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}

.border-secondary {
    border-color: #b0b2b3 !important;
    padding-right: 4px;
}

/* ----------------------- General modals */
.message-list {
    font-size: 13px;
    margin-left: 10px;
}

.modal-label {
    font-weight: 600;
    font-size: 14px;
}

.sub-title {
    font-size: 12px;
}

.expanded-report-options {
    margin-top: 20px;
    display: none;
}

.form-check-sm label {
    font-size: 13px;
}

.report-type {
    margin-top: 20px;
}

.text-muted-under-checkbox {
    padding: 0;
    margin-top: -5px;
}

.user-list-result {
    margin-top: 5px;
}

.modal-dialog .form-control-sm {
    font-size: 11px;
}

.qr-code {
    width: 180px;
    text-align: center;
}

.mfa-record-text {
    font-size: 13px;
}

/* ------------------- Audit config Modal */
.checkbox-header-block input {
    position: relative;
    vertical-align: middle;
    bottom: 1px;
    margin: 0 0 0 -2px;
}

.audit-configuration {
    font-size: 12px;
}

.audit-configuration ul {
    list-style-type: none;
    margin-left: -8px;
}

.audit-configuration ul li label {
    margin-left: 5px;
}

.audit-configuration .block-header {
    font-weight: 700;
    font-size: 12px;
}

.modal-report a {
    font-size: 12px;
    margin-right: 3px;
}

/* ----------------------- Transfer modal */
.community-members-button {
    margin-top: 24px;
}

.community-members-select {
    font-size: 12px;
    padding: 2px;
}

.advanced-option {
    margin-top: 20px;
}

.text-for-multi-column {
    margin-top: -18px;
}

#system_audit {
    display: none;
}

#login_audit {
    display: none;
}

#file_transfer_audit {
    display: none;
}

#user_audit {
    display: none;
}

#usergroup_audit {
    display: none;
}

#community_audit {
    display: none;
}

#batch_audit {
    display: none;
}

#authz_audit {
    display: none;
}

#extension_audit {
    display: none;
}

#task_audit {
    display: none;
}

#template_audit {
    display: none;
}

#password_policy_audit {
    display: none;
}

#passwordPolicy {
    display: none;
}

/* --------------------- Management Modal */
.modal-col {
    margin: 0 10px;
}

.modal-col label {
    font-size: 75%;
}

.modal-col img {
    display: none
}

.modal-col small {
    font-size: 70%;
}

.modal-sub-title {
    font-size: 14px;
    padding-bottom: 4px;
    border-bottom: solid 1px #eaecef;
}

.modal-sub-title-extra-margin {
    margin: 6px 0 7px 25px;
}

.embedded-list-title {
    font-size: 14px;
    padding-bottom: 2px;
    font-weight: 500;
}

.embedded-create-button {
    background-color: #46484a;
}

.top-row-embedded-list {
    margin-top: 8px;
}

.theme-conflict {
    color: #721c24 !important
}

.form-group-no-padding {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.admin-label {
    text-align: center;
}

.admin-checkbox {
    text-align: center;
}

.action-create {
    font-size: 21px;
    margin-bottom: 5px;
}

.action-add {
    font-size: 21px
}

.action-remove {
    font-size: 21px;
    margin-bottom: 5px;
}

.action-pending {
    font-size: 24px
}

.embedded-search input {
    font-size: 11px;
    padding: 2px;
    margin: 2px 0 2px 2px;
    height: 20px;
}

.embedded-search button {
    font-size: 11px;
    padding: 2px 5px;
    margin: 2px 0 2px 0;
    height: 20px;
}

.second-embedded-list {
    margin-top: 20px;
    position: relative;
}

.second-embedded-list #communitySearchPopup {
    left: 30px;
}

.second-embedded-list #userSearchPopup {
    left: 30px;
}

.second-embedded-list #communityPendingActions {
    left: 115px;
}

.second-embedded-list #userPendingActions {
    left: 115px;
}

.table-container {
    height: 18em;
    overflow-y: scroll;
    margin-bottom: 0.5em;
    border: solid #e8e8e8 1px;
    padding: 4px;
}

.table-container thead {
    border-bottom: solid 2px #e8e8e8;
    font-size: 13px;
    font-weight: 500;
}

.table-container table {
    font-size: 11px;
}

.table-container table td {
    border-top: solid 0 black
}

.table-container .name {
    font-weight: bold;
}

.table-container .pending_add {
    background-color: #d4edda;
    color: #155724;
}

.table-container .pending_remove {
    background-color: #f4cec8;
}

.table-container .pending_modified {
    background-color: #cce5ff;
    color: #004085;
}

.table-container .permission-flags {
    font-size: 16px;
}

.table-container .permission-flags div {
    width: 16px;
    color: #385ba2;
    display: inline;
}

.table-container .permission-disabled {
    color: #ececec;
}

.table-container input {
    margin-top: 3px;
}

.table-container .line-splitter {
    border-bottom: solid #e8e8e8 1px;
}

.embedded-buttons a {
    margin-left: 4px;
}

.rule-splitter {
    border-top: solid lightgrey 1px;
}

.ip-part {
    width: 20%;
    float: left;
    margin-right: 5px;
}

.ip-list {
    width: 70%;
    float: left;
    margin: 20px 0 0 5px;
}

.ip-list-button {
    float: left;
    margin: 20px 0 0 5px;
}

.group-management-main {
    padding-bottom: 15px;
}

.community-management-main {
    padding-bottom: 15px;
}

.transfer-checkboxes {
    margin-top: 14px;
}

.advanced-section {
    margin-bottom: 20px;
    display: none;
}

.btn-advanced {
    padding-bottom: 0;
    padding-top: 0;
}

.description-area {
    height: 50px;
    font-size: .875rem;
}

.save-button {
    white-space: nowrap;
}

.send-button {
    white-space: nowrap;
}

.margin-less {
    text-align: right;
}


/* ------------------ Password policy selector */
#password_rule_search_popup {
    position: absolute;
    padding: 0;
    z-index: 199;
    display: none;
    left: 607px;
    top: 78px;
}

#groupPendingActions {
    position: absolute;
    padding: 0;
    z-index: 300;
    display: none;
    left: 130px;
    top: 35px;
}

.password-policy-box {
    width: 420px;
    background-color: white;
    border: solid grey 1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.password-policy-container {
    overflow: auto;
    position: relative;
    margin-bottom: 5px;
}

.password-policy-content {
    width: 100%;
}

.password-policy-content select {
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 13px;
}

.password-policy-content .password-policy-title {
    height: 34px;
    width: 100%;
    padding: 5px 5px 10px 5px;
    background-color: #385ba2;
}

.password-policy-content .password-policy-title span {
    float: left;
    font-size: 18px;
    color: #ffffff;
}

.password-policy-check {
    padding-top: 6px !important;
}

.password-policy-label {
    padding-top: 8px !important;
    font-size: 13px;
}

.password-policy-field {
    padding: 0 0 4px 0 !important;
}

.password-policy-footer input {
    margin: 4px 0 4px 4px;
    padding: 5px;
}

.x-icon {
    padding-left: 5px !important;
    padding-right: 5px !important;
    border-left: 1px solid white !important;
    border-top: solid #cbd1d7 1px;
    border-bottom: solid #cbd1d7 1px;
}

.password-icon {
    padding: 0.375rem 0.3rem !important;
    border: 1px solid #b4b5b5;
    border-left: 1px solid white !important;
}

.password-icon-end {
    border-right: 1px solid #b4b5b5 !important;
    border-left: 1px solid white;
    padding: .375rem .3rem !important;
}

.password-icon-end-sm i {
    margin-top: 6px !important;

}

.check-under-field {
    font-size: 12px;
    margin-top: -10px;
    padding-top: 0;
}

.search-container {
    width: 420px;
    background-color: white;
    border: solid black 1px;
    border-radius: .3rem;
}

.padding-on-password-divs {
    padding-left: 0;
    padding-right: 0;
}

.rules-list-li {
    font-size: 11px;
}

.form-check-label {
    font-size: 14px;
    margin-left: 5px;
}

/* -------------------------------------- Embedded lists */

.search_body label {
    font-size: 11px;
    margin: 0 0 0 3px;
}

.search_body .search_box {
    height: 45px;
    float: left;
}

.search_body .search_result {
    float: left;
    margin-bottom: 4px;
}

.spinner-loading {
    position: absolute;
    z-index: 10000;
    top: 10em;
    left: 0;
    bottom: 0;
    right: 0;
}

.default-active-middle {
    margin-top: 5px;
    margin-left: 15px;
}

.default-active-opacity {
    opacity: 15%;
}

.language-font {
    font-size: 13px;
}


/* Paging */
.paging-number-of-item-per-page {
    height: 49px;
}

.paging-list-of-pages {
    margin-top: 9px;
}

.paging-statistics {
    margin-top: 14px;
}

/* ------------------------------- Footer */

.bottom-section {
    height: 40px;
    width: 100%;
    float: left;
    padding-top: 3px;
    color: #315683;
    line-height: 150%;
    font-size: 13px;
}

.page-link {
    color: #385ba2 !important;
}

#clientLabel {
    padding-right: 10px;
}

#clientLinks a {
    color: #385ba2;
    font-weight: bold;
}

.bottomSection {
    height: 40px;
    width: 100%;
    float: left;
    padding-top: 3px;
    color: #315683;
    font: 11px Verdana;
    line-height: 150%
}

.bottom-copyright {
    text-align: left;
    margin: 0;
    left: 65px;
    padding: 0;
    height: 28px;
    float: left;
}

.bottom-logo {
    margin: 0;
    padding: 5px;
    float: left;
}

.bottom-default-content {
    float: right;
    padding: 0 10px 0 0;
}

.form-check label {
    font-size: 75%;
    margin-top: 0.15em;
}

/* Fix to Default community finder */
.ui-widget.ui-widget-content {
    z-index: 99999;
    font-size: 90%;
}

#messageNotifyNow {
    position: fixed;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 9999;
    margin: 0 auto;
}

#messageNotifyIcon {
    margin-right: 4px;
}

#innerMessage {
    margin: 50px auto;
}

.alert-close {
    margin-top: -5px;
}

.slide-in-alert {
    position: absolute;
    z-index: 8000;
    margin: 10px 10px;
    left: 20%;
    right: 20%;
}

.disable-element {
    pointer-events: none;
    opacity: 0.4;
}

#refresh {
    color: #b0c5de;
}

#refresh.fa-spin {
    color: #73a0d7;
}

.stats-btn-default {
    color: #98c9e7;
    background-color: white;
    border-color: #98c9e7;
    outline: none;
}

.stats-btn-active {
    color: white;
    background-color: #73a0d7;
    border-color: #73a0d7;
    outline: none;
}

.alert-no-data {
    margin: 10px;
}

.alert-no-data-msg {
    text-align: center;
}

.alert-data-truncated {
    margin: 10px;
}

.alert-data-truncated-msg {
    text-align: center;
}

.stats-date-picker {
    border: 1px solid #98c9e7;
    outline: none;
    border-radius: .25rem;
}

.stats-btn-group-aggregate {
    height: 95%;
    margin: auto;
}

.stats-btn-group-quick-access {
    text-align: right;
}

.information-header {
    padding: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    border-left-color: #305ba0;
    font-size: .9em
}

.error-header {
    padding: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    border-left-color: #ff0000;
    font-size: .9em
}

.access-token {
    font-size: 13px;
    border-bottom: 2px solid #c8cdd2;
}

.access-token thead {
    border-bottom: 2px solid #c8cdd2;
    color: #305ba0;
    font-size: 14px;
    font-weight: 600;
}

.access-token .action {
    width: 1%;
    margin-top: 4px;
}

.access-token .name {
    width: 40%
}

.access-token .created {
    width: 30%
}

.access-token .lastused {
    width: 29%
}

.modal-top-position {
    z-index: 9999;
    overflow-y: auto
}

.toast-container {
    left: 25px;
    bottom: 25px;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 9999;
    max-width: 400px;
}

.toast-container .alert {
    box-shadow: -1px 3px 14px rgba(0, 0, 0, 0.1);
}

.popover {
    z-index: 9999;
}

.tooltip {
    z-index: 9999;
}

.light-blue {
    color: #165ca8;
    background: #f6faff;
    border: 1px solid;
    border-color: #aad0ff;
    outline: none;
}

.card-footer-white {
    background-color: white;
    border-top: transparent;
}

.card-white {
    background-color: white !important;
}

.font-size-90-pct {
    font-size: 0.9em;
}

.light-red {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid;
    border-color: #f5c6cb;
    outline: none;
}

.no-border {
    border: 0 transparent solid !important;
}

.copyableText {
    font-size: 12px;
}

.hiddenCopy {
    display: none;
}

.displayCopy {
    font-size: 12px;
    display: block;
    color: gray;
}

.displayCopy:hover {
    display: block;
    color: #305BA0;
}

.displayCopy:active {
    display: block;
    color: black;
}

#loginBox div h5 {
    display: none;
}

.default-template-checkbox {
    padding-top: 1.9rem !important;
}

.word-break-anywhere {
    overflow-wrap: anywhere;
}

.scrollable-table {
    overflow-x: auto;
}

.license-stats-alert-layout {
    position: absolute;
    z-index: 2000;
    margin: auto;
    width: 400px;
    top: 40px;
    left: 0;
    right: 0;
    display: none;
}

/*Media section*/
@media (min-width: 992px) {
    .modal-xlg {
        max-width: 1200px;
    }
}

@media (min-width: 576px) {
    .modal-xlg {
        max-width: 1200px;
    }

}

.show-full-size {
    display: inline-block;
}

.show-mobile-size {
    display: none;
}

/* File received */

.file-received-check {
    width: 3%;
}

.file-received-file-location {
    width: 42%;
}

.file-received-from {
    width: 30%;
}

.file-received-date-size {
    width: 20%;
}

.file-received-action {
    width: 7%;
}


/* Responsive section */

.top-button-mobile {
    display: none;
}

.menu-toggle {
    display: none;
    font-size: 30px;
    padding: 5px 14px 5px 10px;
}

@media (max-width: 1100px) {
    .show-full-size {
        display: none;
    }

    .show-mobile-size {
        display: inline-block;
    }

    #tree-pane {
        display: inline;
    }
}

@media (min-width: 801px) and (max-width: 1100px) {
    #tree-pane {
        width: 200px
    }

    #tree-pane {
        display: inline;
    }
}

@media (max-width: 800px) {
    .x-icon {
        padding: 17px 10px;
        border-left: 1px transparent solid;
    }

    #search_box_mobile {
        border-right: 1px transparent solid;
    }

    #tree-pane {
        display: none;
        position: absolute;
        z-index: 2000;
        background-color: white;
    }

    .profile-name {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .message-container {
        border-bottom: solid #e5e5e5 3px;
        height: 20%;
        min-height: 20vh;
    }

    .top-button-mobile {
        display: inline-block;
    }

    .bottom-action-buttons .hint {
        display: none
    }

    .bottom-block {
        padding: 0
    }

    .list-overflow {
        overflow: inherit;
    }

    .size-used {
        font-size: .8em;
        margin: 0;
    }

    .items-per-page-label {
        font-size: .8em;
    }

    .sub-title .fas {
        display: none;
    }

    .sub-title ul li {
        font-size: 16px;
    }

    .modal-share-member-info-column1 {
        width: 7% !important;
    }

    .copyableText {
        font-wize: 12px;
        overflow-wrap: anywhere;
    }

    .small-field {
        width: 20%
    }

    /* BUTTONS */
    .top-button-file-list {
        display: none
    }

    .add-button {
        position: relative !important;
    }

    .save-button {
        margin-top: 5px !important;
    }

    /* TABLES */
    #addMembersTable {
        width: 1100px;

    }

    /* Paging justify-content-end align-items-end */
    .bottom-action-buttons .variable-alignment {
        align-items: flex-end !important;
        flex-direction: column !important;
    }

    .paging-list-of-pages {
        height: 49px;
        margin-top: 36px;
    }

    .paging-statistics-one-line {
        height: 28px !important;
    }

    .paging-statistics {
        width: 100%;
        margin: 14px 0 14px;
        border-bottom: 1px #efefef solid;
        padding: 5px 0;
        height: 49px
    }

    /* Ecran de gestion des entités */
    .embedded-search {
        margin-bottom: 5px;
    }

    #group_table #name {
        overflow-wrap: anywhere;
    }

    .table-container td {
        font-size: 0.9em
    }

    .table-container td fas {
        font-size: 0.8em
    }

    .embedded-container {
        margin-top: 35px;
    }

    .pending-box {
        width: 330px;
    }

    #groupPendingActions {
        left: 22px !important;
        top: 120px;
    }

    #userPendingActions {
        left: 22px !important;
        top: 120px;
    }

    #communityPendingActions {
        left: 8px !important;
        top: 84px;
    }

    .search-box {
        width: inherit !important
    }

    #userSearchPopup {
        width: 330px;
        left: 20px !important;
    }

    #groupSearchPopup {
        width: 330px;
        left: 20px !important;
        top: 26px !important;
    }

    #communitySearchPopup {
        width: 330px;
        left: 8px !important;
        top: -7px !important;
    }

    .pending-title span {
        font-size: 0.85em !important;
    }

    .search-title span {
        font-size: 0.85em !important;
    }

    .sender-group-name {
        margin-top: 15px;
    }

    .button-minus {
        margin-top: 4px;
    }
}

/* ------------------- Previous main.css */
.fieldError {
    color: #721c24 !important
}

.fieldOk {
    color: #155724 !important;
    padding: 3px 0 5px 0;
    margin: 0;
}

.hourglass {
    height: 55px !important;
}

/* --------------------------------- Title TD */
.title {
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding-left: 3px;
    padding-top: 10px;
    text-align: left;
    width: 50%;
}

.title img {
    float: left;
}

/* --------------------------------- Main table */
#TreeClickForm {
    margin-top: 0;
    height: 100%
}

/* --------------------------------- Bottom section */
.bottomSection {
    height: 40px;
    width: 100%;
    float: left;
    padding-top: 3px;
    color: #315683;
    font: 11px Verdana;
    line-height: 150%
}

.bottomCopyright {
    text-align: left;
    margin: 0;
    left: 65px;
    padding: 0;
    height: 28px;
    float: left;
}

.bottomLogo {
    margin: 0;
    padding: 5px;
    float: left;
}

.bottomDefaultContent {
    float: right;
    padding: 0 10px 0 0;
}

/* ----------------------------------- Help bottom table */
.infoBoxLabel {
    padding-left: 30px;
}

/* ---------------------------------- Generic components */
.nobr {
    white-space: nowrap;
}

.small-text {
    font-size: 10px;
}

span.link {
    text-decoration: underline;
    cursor: pointer;
}

#topUploadWarningSection {
    width: 100%;
    float: left;
    height: 20px;
    display: none;
    background-color: #FDEFA5;
}

#topUploadWarning {
    margin: 0 auto;
    width: 100%;
    font-size: 12px;
    padding: 3px;
    font-weight: bold;
    text-align: center;
}

#progressBar {
    float: right;
}

.passwordPolicyLabel {
    font-size: 11px;
    color: #C40623;
    padding-top: 1px;
    font-weight: bold;
    width: 40%;
}

.firstButton {
    margin-left: 3px;
}

/* -------------------------------------- Upload section */
#actionSection {
    display: none;
}

#actionSection .mainblock {
    height: 75px;
    width: 100%;
    vertical-align: top;
    background: #FBFCFD;
}

#actionSection td .buttons {
    height: 35px;
    padding: 10px;
}

#fileupload {
    color: #333333;
}

#fileupload .action_title {
    float: left;
    padding: 10px 15px;
    width: 100%;
}

#fileupload .password {
    float: left;
    padding: 10px 15px 0 15px;
    width: 520px;
    clear: left;
}

#fileupload .password input {
    width: 190px;
}

#fileupload .password div {
    float: left;
    width: 210px;
}

#fileupload .password .errorBlock {
    float: left;
    width: 100%;
}

#fileupload .password .errorBlock ul {
    margin: 0.5em 0 0.5em 0;
}

#fileupload .password .errorBlock .fieldOk {
    display: none;
}

#fileupload .password label {
    float: left;
    width: 100%;
}

#fileupload .file_selection {
    float: left;
    padding: 10px 15px 0 0;
    width: 520px;
    clear: left;
}

#fileupload .file_selection label {
    float: left;
    width: 100%;
    margin-left: 15px;
}

#fileupload .file_selection .suggestion {
    color: #D0691E;
    font-size: 10px;
    font-style: italic;
    margin-left: 20px;
}

#fileupload .message {
    float: left;
    padding: 10px 15px;
    width: 100%;
}

#fileupload .message label {
    float: left;
    width: 100%;
}

#fileupload .message textarea {
    float: left;
    font-size: 12px;
}

#fileupload .buttons {
    float: left;
    padding: 10px 0;
    width: 99%;
    border-top: solid #D5DBE3 1px;
    margin-top: 5px;
    height: 30px;
}

#fileupload .buttons a {
    float: left;
    margin-right: 5px;
}

.shareHeader {
    background-color: #4781c6;
    color: white;
    height: 22px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding: 8px 0 0 7px;
}

#newShare .shareEmail .select2-choices {
    min-height: 150px;
    max-height: 150px;
    overflow-y: auto;
}

.shareSearchResultMain {
    font-weight: bold;
}

.shareSearchResultAux {
    font-size: smaller;
}

.share-member-table thead td {
    border-top: solid #d0d0d0 1px;
    font-weight: 600;
    font-size: 0.9em;
    border-bottom: solid #d0d0d0 2px;
}

.share-member-table tbody td {
    font-size: .775rem
}

.share-member-table tbody td select {
    font-size: .775rem
}

.share-trash-icon {
    color: #dc3545;
}

.share-existing-user-icon {
    color: #767a76;
}

.share-unknown-user-icon {
    color: #008800;
}

.share-member-error-icon {
    color: #dc3545;
}

.share-member-added-icon {
    color: #28a745;
}

.share-member-warning-icon {
    color: #f79a13;
}

.modal-share-member-info-column1 {
    width: 2%
}

.modal-share-member-info-column2 {
    width: 90%
}

.modal-share-member-table thead th {
    border-top: 0;
    font-weight: 600;
    font-size: 0.9em
}

.form-control-custom-members {
    font-size: 12px;
}

.paging-active .page-link {
    color: white !important;
}

#folderCreation {
    color: #333333;
}

#folderCreation .actionTitle {
    float: left;
    padding: 10px 0;
    border-bottom: solid #D5DBE3 1px;
    width: 99%;
    margin-left: 10px;
}

#folderCreation .actionTitle div {
    font-size: 16px;
    padding-left: 10px;
    border-left: solid #8AA4C1 10px;
    margin-left: 2px;
}

#folderCreation .folderName {
    float: left;
    padding: 10px 15px 20px 15px;
    width: 520px;
    clear: left;
}

#folderCreation .folderName input {
    width: 300px;
}

#folderCreation .folderName label {
    float: left;
    width: 100%;
}

#folderCreation .buttons {
    float: left;
    padding: 10px 0;
    width: 99%;
    border-top: solid #D5DBE3 1px;
    margin-top: 5px;
    height: 30px;
}

#folderCreation .buttons a {
    float: left;
    margin-right: 5px;
}

#folderCreation .messageLocation {
    margin-left: 14px;
}

#moveDocuments {
    color: #333333;
}

#moveDocuments .actionTitle {
    float: left;
    padding: 10px 0;
    border-bottom: solid #D5DBE3 1px;
    width: 99%;
    margin-left: 10px;
}

#moveDocuments .actionTitle div {
    font-size: 16px;
    padding-left: 10px;
    border-left: solid #8AA4C1 10px;
    margin-left: 2px;
}

#moveDocuments .folderName {
    float: left;
    padding: 10px;
    width: 520px;
    clear: left;
}

#moveDocuments .folderName select {
    width: 300px;
}

#moveDocuments .folderName label#folderId_label {
    float: left;
    width: 100%;
}

#moveDocuments .folderName div {
    padding-top: 10px;
}

#moveDocuments .buttons {
    float: left;
    padding: 10px 0;
    width: 99%;
    border-top: solid #D5DBE3 1px;
    margin-top: 5px;
    height: 30px;
}

#moveDocuments .buttons a {
    float: left;
    margin-right: 5px;
}

#moveDocuments .messageLocation {
    margin-left: 14px;
}

#advanced_option {
    display: none;
}

#advanced_option table {
    width: 520px;
}

#advanced_option .radio {
    width: 30px;
}

#advanced_option .default {
    width: 30px;
    height: 30px;
    border-bottom: 0;
}

#ie_version {
    float: left;
    width: 100%;
    font-size: 10px;
    font-style: italic;
    margin: 0 0 0 10px;
}

#ie_version a {
    text-decoration: none;
    color: #d0691e;
}

#uploadfile {
    margin-left: 15px;
    width: 500px;
}

.messageBlock {
    padding-top: 3px;
    float: left;
    margin: 5px 0 0 15px;
    clear: both;
}

.messageBlock div {
    padding: 10px 10px 10px 11px;
    color: #fff;
    float: left;
    width: 400px !important;
    background-color: #03c92d;
    font-weight: normal;
    font-size: 12px;
    background: -moz-linear-gradient(top, #5dbb5d, #479547);
    background: -webkit-gradient(linear, left top, left bottom, from(#5dbb5d), to(#479547));
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.errorBlock {
    padding-top: 3px;
    float: left;
    width: 100%;
}

.errorBlock div {
    padding: 10px 10px 10px 11px;
    color: #fff;
    float: left;
    width: 400px !important;
    background-color: #AB0B11;
    font-size: 13px;
    background: -moz-linear-gradient(top, #E21D24, #AB0B11);
    background: -webkit-gradient(linear, left top, left bottom, from(#E21D24), to(#AB0B11));
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#errorMembers {
    margin-left: 15px;
}

/* Generic to all embedded lists */
.content .header {
    height: 27px;
    border-bottom: solid #ABADB3 1px;
    border-top: solid #ABADB3 1px;
    font-size: 11px;
}

.header_block {
    width: 544px;
    float: left;
}

.header_block .search_box {
    height: 25px;
    float: right;
}

.search-group {
    width: 300px;
}


.table_container {
    height: 197px;
    overflow: auto;
    position: relative;
}

/* <-- "position:relative" is for IE6 */
.table_container table {
    width: 525px;
}

.table_container table {
    font-size: 11px;
    color: #3B3B3B;
}

.table_container table .name {
    font-weight: bold;
}

.table_container table .name A:link {
    color: #3B3B3B;
    text-decoration: none;
}

.table_container table .name A:active {
    color: #3B3B3B;
    text-decoration: none;
}

.table_container table .name A:visited {
    color: #3B3B3B;
    text-decoration: none;
}

.table_container table .name A:hover {
    color: black;
    text-decoration: underline;
}

.table_container table .email {
    font-weight: 400;
}

.table_container table .pending_add {
    background-color: #d4edda;
    color: #155724
}

.table_container table .pending_remove {
    background-color: #f4cec8;
}

.table_container table .pending_modified {
    background-color: #eef7fc;
}

.table_container table tr td div {
    clear: both;
}

.table_container table tr td span {
    clear: both;
}

.table_container .permission_flags {
    width: 14px;
    display: inline-block;
}

/* Audit configuration and report */
.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.transparent {
    /* For older IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
    /* Modern!
      Firefox 0.9+, Safari 2?, Chrome any?
      Opera 9+, IE 9+ */
    opacity: 0.5;
}

/* Override Select2 default styling */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0 2px 2px 0;
    border-radius: 2px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 0;
}

#PopupListForm fieldset {
    border: none;
    font-size: 10px;
}

.centeredLabelForCheckbox {
    position: relative;
    top: -2px;
}

div#popup_file_report_filter div {
    margin-top: 15px;
}

.extension-status {
    text-align: center;
}

.audit-button-section {
    padding-bottom: 10px;
}

#uploadModalWindow .modal-title {
    color: #547293;
}

.no-bottom-padding {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.max-number-of-download {
    margin-top: 15px;
}

.text-muted .highlight {
    font-weight: 700
}

.document-expired {
    color: #c60000;
}

.document-expired a {
    color: #c60000;
}

.document-expired a:hover {
    color: #f00000;
}

.document-expired .fa-hourglass-end {
    font-size: 120%;
    margin: 7px 0 0 3px
}

.document-version-expired {
    font-size: 110% !important;
    margin: 3px 0 0 3px !important;
}

.alert-light-custom {
    color: black !important;
    background-color: white !important;
    border-color: lightgrey !important;
}

.warning-icon {
    font-size: 25px;
    color: #f79a13;
    margin: 6px 10px 30px 0
}

.alert-warning-icon {
    font-size: 20px;
    color: #a20000;
    margin: 6px 10px 10px 0
}

.alert-danger-custom {
    font-size: 14px;
}

.errorMessageColor {
    color: #8c444c;
}

.modal-dialog {
    margin-top: 60px !important;
}

.garbage-disabled {
    color: #e79fa6;
}

#previousMessagesContainer {
    margin-bottom: 2px;
}

#previousMessagesSelect {
    min-width: 200px;
}

/* Previous Messages styles */
.previous-messages-dropdown-item {
    font-size: 13px;
}

.previous-messages-delete-icon {
    cursor: pointer;
    padding-left: 2px;
}

.previous-messages-delete-icon:hover .fa-times {
    color: black !important;
}

.previous-message {
    font-size: 14px;
}
