/* bootstrap */
html {
    font-size: 14px;
}

.table .table {
    background-color: transparent;
}

.table-dark>thead>tr>th,
.table-dark>thead>tr>td,
.table-dark>tbody>tr>th,
.table-dark>tbody>tr>td,
.table-dark>tfoot>tr>th,
.table-dark>tfoot>tr>td {
    border-top-color: #333;
    vertical-align: middle;
}

.table-hover>tbody>tr:hover,
.table-dark.table-hover>tbody>tr:hover>td,
.table-dark.table-hover>tbody>tr:hover>th {
    background-color: #333;
}

.modal-dialog {
    color: #333333;
}

.modal-dialog .modal-title {
    border: 0;
}

.panel {
    box-shadow: var(--box-shadow);
}

.panel-dark {
    border-color: #777777;
    border-radius: var(--border-radius);
}

.panel-dark.disabled {
    opacity: 65%;
}

.panel-dark .text-warning {
    color: darkgoldenrod;
}

.panel-dark>.panel-heading,
.panel-dark>.panel-footer {
    background-color: #555555;
    border-color: #dddddd;
    color: #dddddd;
    margin: 0;
}

.panel-dark.disabled>.panel-heading,
.panel-dark.disabled>.panel-footer {
    background-color: #333333;
}

.panel-dark>.panel-body {
    color: #333333;
}

.list-group-dark>.list-group-item {
    background-color: #333333;
    border: 1px solid #555555;
}
.list-group-dark>.list-group-item:focus,
.list-group-dark>a.list-group-item:hover,
.list-group-dark>button.list-group-item:focus,
.list-group-dark>button.list-group-item:hover {
    background-color: #666666;
}

.form-horizontal .control-label {
    padding-top: 0;
}

.form-control {
    padding: 6px 8px;
}

.form-control[disabled], fieldset[disabled] .form-control {
    background-color: #aaa;
}

.form-control[readonly] {
    background-color: #ddd;
}

input[type="radio"].form-control:focus,
input[type="checkbox"].form-control:focus {
    box-shadow: none;
}

input[type=file]:focus {
    outline: none;
}

.form-group>[class^='col-']:not(label) {
    padding: 0;
}

.nav-pills>li>a {
    border: 1px solid rgba(0, 255, 0, 0.5);
    color: var(--color-primary);
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background-color: var(--color-primary);
}

.btn-warning {
    background-color: var(--background-color-cta);
}

.btn-warning:hover {
    color: var(--text-color);
}

.btn-no-hover {
    background-color: transparent;
    color: inherit;
}

.btn-no-hover:hover {
    color: inherit;
}

.btn-no-hover:active {
    box-shadow: none;
}

.btn-dark {
    background-color: var(--background-color-base);
    border-color: #cccccc;
    color: inherit;
}

.btn-dark:hover,
.btn-dark:focus {
    background-color: var(--background-color-content);
    color: inherit;
}

.btn-dark:active {
    background-color: #000000;
    border-color: #999999;
}

.thumbnail-dark {
    background-color: #333333;
}

legend {
    color: var(--text-color);
}

.text-main {
    color: var(--color-primary);
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 20px;
}

/* swal */
.sw-modal.swal2-container.swal2-shown {
    background-color: rgba(250, 250, 250, 0.4);
}

.sw-modal.swal2-container.swal2-grow-row .swal2-html-container {
    width: 100%;
}

.sw-modal.swal2-container.swal2-grow-row .swal2-html-container > div {
    width: 100%;
}

.sw-modal .swal2-popup.swal2-modal {
    overflow-y: auto;
}

.sw-modal .swal2-popup.swal2-toast,
.sw-modal .swal2-popup.swal2-modal {
    border: 1px solid darkgray;
    border-radius: 0;
    max-height: 95vh;
    max-width: 95vw;
    mix-blend-mode: difference;
    padding: 20px;

    box-shadow: 3px 3px 5px #ffffff;
    -moz-box-shadow: 3px 3px 5px var(--swal2-background);
    -webkit-box-shadow: 3px 3px 5px var(--swal2-background);
}

.sw-modal .swal2-popup.swal2-toast,
.sw-modal .swal2-popup.swal2-modal,
.sw-modal .swal2-html-container {
    font-size: 14px;
    justify-items: center;
}

.sw-modal .swal2-header {
    border-bottom: 2px solid var(--color-primary);
    margin-bottom: 16px;
}

.sw-modal .swal2-title {
    border: 0;
    flex-direction: column;
    padding: 0;
}

.sw-modal .swal2-icon {
    margin: 1em auto 1em;
}

.sw-modal .swal2-loader:empty {
    display: none;
}

.sw-modal .swal2-actions {
    justify-content: space-around;
    width: 100%;
}

.sw-modal .swal2-actions .btn {
    min-width: 100px;
}

.sw-modal .swal2-radio,
.sw-modal .swal2-checkbox {
    background: transparent;
    display: flex;
    text-align: justify;
}

.sw-modal .swal2-radio label {
    display: flex;
    margin: 4px 0;
}

/* file-agent */
.vue-file-agent-next {
    overflow: hidden;
    z-index: 1;
}

.vue-file-agent.grid-block-wrapper .grid-block {
    width: 100% !important;
}

/* tinyMCE editor */
.tox-notifications-container {
    display: none;
}

.tox .tox-form__group--stretched .tox-textarea {
    overflow: auto;
}