/*
 * Skin: Midnight Dark theme
 * ------------
 */
:root {
    --color-primary: #44def1;
    --color-secondary: #bec5cb;
    --color-accent: #00c0ef;
    --color-dark: #272c30;
    --color-dark-secondary: #353c42;
    --color-darker: #1e2226;
    --color-hover: #d362ff;
    --color-danger: #cd3c66;
}

.skin-midnight {
    color: var(--color-secondary);
}

.skin-midnight h4 {
    color: var(--color-primary);
}

.skin-midnight .content-header > .breadcrumb > li > a {
    color: var(--color-secondary);
}

.skin-midnight .table > thead > tr > th,
.skin-midnight .table > tbody > tr > th,
.skin-midnight .table > tfoot > tr > th,
.skin-midnight .table > thead > tr > td,
.skin-midnight .table > tbody > tr > td,
.skin-midnight .table > tfoot > tr > td {
    color: var(--color-secondary);
    border-top: 0px;
}

.skin-midnight .table > thead > tr.odd,
.skin-midnight .table > tbody > tr.odd,
.skin-midnight .table > tfoot > tr.odd {
    background-color: var(--color-dark-secondary);
}

.skin-midnight .table > thead > tr.odd:hover,
.skin-midnight .table > tbody > tr.odd:hover,
.skin-midnight .table > tfoot > tr.odd:hover,
.skin-midnight .table > thead > tr.even:hover,
.skin-midnight .table > tbody > tr.even:hover,
.skin-midnight .table > tfoot > tr.even:hover {
    background-color: var(--color-darker);
}

.skin-midnight .table-bordered > thead > tr > th,
.skin-midnight .table-bordered > tbody > tr > th,
.skin-midnight .table-bordered > tfoot > tr > th,
.skin-midnight .table-bordered > thead > tr > td,
.skin-midnight .table-bordered > tbody > tr > td,
.skin-midnight .table-bordered > tfoot > tr > td {
    border: 1px solid var(--color-dark-secondary);
}

.skin-midnight .dataTables_wrapper input[type='search'] {
    border-radius: 4px;
    background-color: var(--color-dark-secondary);
    border: 0;
    color: var(--color-secondary);
}

.skin-midnight .dataTables_paginate .pagination li > a {
    background-color: transparent !important;
    border: 0;
}

.skin-midnight .wrapper,
.skin-midnight .main-sidebar,
.skin-midnight .left-side {
    background-color: var(--color-dark);
}

.skin-midnight .user-panel > .info,
.skin-midnight .user-panel > .info > a {
    color: #fff;
}

.skin-midnight .sidebar-menu > li.header {
    color: #556068;
    background: var(--color-darker);
}

.skin-midnight .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-midnight .sidebar-menu > li:hover > a,
.skin-midnight .sidebar-menu > li.active > a {
    color: #ffffff;
    background: var(--color-darker);
    border-left-color: var(--color-dark);
}

.skin-midnight .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #32393e;
}

.skin-midnight .sidebar a {
    color: var(--color-secondary);
}

.skin-midnight .sidebar a:hover {
    text-decoration: none;
}

.skin-midnight .treeview-menu > li > a {
    color: #949fa8;
}

.skin-midnight .treeview-menu > li.active > a,
.skin-midnight .treeview-menu > li > a:hover {
    color: #ffffff;
}

.skin-midnight .sidebar-form {
    border-radius: 3px;
    border: 1px solid var(--color-dark-secondary);
    margin: 10px 10px;
}

.skin-midnight .sidebar-form input[type="text"],
.skin-midnight .sidebar-form .btn {
    box-shadow: none;
    /*background-color: var(--color-dark-secondary);*/
    border: 1px solid transparent;
    height: 35px;
}

.skin-midnight .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}

.skin-midnight .sidebar-form input[type="text"]:focus,
.skin-midnight .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #fff;
    color: #666;
}

.skin-midnight .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}

.skin-midnight .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}

.skin-midnight .box,
.skin-midnight .box-footer,
.skin-midnight .info-box,
.skin-midnight .box-comment,
.skin-midnight .comment-text,
.skin-midnight .comment-text .username {
    color: var(--color-secondary);
    background-color: var(--color-dark);
}

.skin-midnight .box-comments .box-comment {
    border-bottom-color: var(--color-dark);
}

.skin-midnight .box-footer {
    border-top: 1px solid  var(--color-dark);
}

.skin-midnight .box-header.with-border {
    border-bottom: 1px solid  var(--color-dark);
}

.skin-midnight .box-solid,
.skin-midnight .box {
    border: 1px solid  var(--color-dark);
}

.skin-midnight .box-solid > .box-header,
.skin-midnight .box > .box-header {
    color: var(--color-secondary);
    background-color: var(--color-dark);
}

.skin-midnight .box-solid > .box-header a,
.skin-midnight .box > .box-header a,
.skin-midnight .box-solid > .box-header .btn,
.skin-midnight .box > .box-header .btn {
    color: var(--color-secondary);
}

.skin-midnight .box.box-info,
.skin-midnight .box.box-primary,
.skin-midnight .box.box-success,
.skin-midnight .box.box-warning,
.skin-midnight .box.box-danger {
    border-top-width: 3px;
}

.skin-midnight .box.box-info {
    border-top-color: var(--color-accent);
}

.skin-midnight .box.box-primary {
    border-top-color: #075383;
}

.skin-midnight .box.box-success {
    border-top-color: #00a65a;
}

.skin-midnight .box.box-warning {
    border-top-color: #ff851b;
}

.skin-midnight .box.box-danger {
    border-top-color: #dd4b39;
}

.skin-midnight .main-header, .skin-midnight .main-header .navbar {
    background-color: var(--color-darker);
}

.skin-midnight .main-header .navbar .nav > li > a {
    color: var(--color-secondary);
}

.skin-midnight .main-header .navbar .nav > li > a:hover,
.skin-midnight .main-header .navbar .nav > li > a:active,
.skin-midnight .main-header .navbar .nav > li > a:focus,
.skin-midnight .main-header .navbar .nav .open > a,
.skin-midnight .main-header .navbar .nav .open > a:hover,
.skin-midnight .main-header .navbar .nav .open > a:focus,
.skin-midnight .main-header .navbar .nav > .active > a {
    background: var(--color-hover);
    color: #f6f6f6 !important;
}

.skin-midnight .main-header .navbar .sidebar-toggle {
    color: var(--color-secondary);
}

.skin-midnight .main-header .navbar .sidebar-toggle:hover {
    color: #f6f6f6;
    background: var(--color-hover);
}

.skin-midnight .timeline li .timeline-item {
    color: var(--color-secondary);
    background-color: var(--color-dark);
    border-color: var(--color-dark-secondary);
}

.skin-midnight .timeline li .timeline-header {
    border-bottom-color: var(--color-dark-secondary);
}

.skin-midnight .nav-stacked > li > a {
    color: var(--color-secondary);
}

.skin-midnight .nav-stacked > li > a:hover {
    color: white;
    background-color: var(--color-darker);
}

.skin-midnight .content-wrapper,
.skin-midnight .right-side {
    background-color: var(--color-dark-secondary);
}

.skin-midnight .main-footer,
.skin-midnight .nav-tabs-custom {
    background-color: var(--color-dark);
    border-top-color: var(--color-dark-secondary);
    color: var(--color-secondary);
}

.skin-midnight .main-footer .nav-tabs,
.skin-midnight .nav-tabs-custom .nav-tabs {
    border-bottom-color: var(--color-dark-secondary);
}

.skin-midnight .main-footer .tab-content,
.skin-midnight .nav-tabs-custom .tab-content {
    background-color: var(--color-dark);
}

.skin-midnight .nav-tabs-custom > .nav-tabs > li.active > a {
    border-left-color: var(--color-dark-secondary);
    border-right-color: var(--color-dark-secondary);
}

.skin-midnight .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
    border-left-color: var(--color-dark-secondary);
}

.skin-midnight .nav-tabs-custom > .nav-tabs > li {
    color: var(--color-secondary);
}

.skin-midnight .nav-tabs-custom > .nav-tabs > li.active > a {
    background-color: var(--color-dark);
}

.skin-midnight .nav-tabs-custom > .nav-tabs > li > a {
    color: var(--color-secondary);
}

.skin-midnight .form-group .input-group-addon,
.skin-midnight .input-group .input-group-addon,
.skin-midnight .form-group input,
.skin-midnight .input-group input,
.skin-midnight .form-group textarea,
.skin-midnight .input-group textarea {
    background-color: var(--color-dark-secondary);
    color: var(--color-secondary);
    border: 1px solid var(--color-dark-secondary);
}

.skin-midnight .list-group {
    color: var(--color-secondary);
    background-color: var(--color-dark);
}

.skin-midnight .list-group .list-group-item {
    border-color: var(--color-dark-secondary);
    background-color: var(--color-dark);
}

.skin-midnight .input-group .input-group-addon {
    border-right: 1px solid var(--color-dark);
}

.skin-midnight .form-control {
    border-color: var(--color-dark);
    background-color: var(--color-dark-secondary);
}

.skin-midnight .select2 .select2-selection {
    background-color: var(--color-dark-secondary);
    color: var(--color-secondary);
    border: 1px solid var(--color-dark-secondary);
}

.skin-midnight .select2 .select2-selection .select2-container--default,
.skin-midnight .select2 .select2-selection .select2-selection--single,
.skin-midnight .select2 .select2-selection .select2-selection--multiple,
.skin-midnight .select2 .select2-selection .select2-selection__rendered {
    color: var(--color-secondary);
}

.skin-midnight .select2-dropdown {
    background-color: var(--color-dark-secondary);
    color: var(--color-secondary);
    border: 1px solid var(--color-dark-secondary);
}

.skin-midnight .select2-dropdown .select2-search__field {
    background-color: var(--color-dark);
    color: var(--color-secondary);
    border: 1px solid var(--color-dark-secondary);
}

.skin-midnight .select2-container--default.select2-container--open {
    background-color: var(--color-dark);
}

.skin-midnight .modal-content {
    background-color: var(--color-dark);
}
.skin-midnight pre {
    background-color: #1c1d1f;
    font-size:10px;
}

.skin-midnight pre, .skin-midnight .jsonview {
color: #d300ff9e;
}
.skin-midnight .jsonview .null {
    color: #ff5555d6;
}
.skin-midnight .jsonview .prop {
    font-weight: 300;
    color: #bababa;
}
.skin-midnight .jsonview .bool, .skin-midnight .jsonview .num {
    color: #ffa700bd;
}

/* Pagination */
.skin-midnight .pagination .page-link, .skin-midnight .pagination > li > a {
    color: #f8f9fa;
    background-color: #343a40;
    border-color: #6c757d;
}
.skin-midnight .pagination .page-link.active, .skin-midnight .pagination > li.active > a {
    color: var(--color-primary);
    background-color: #343a40;
    border-color: var(--color-primary-darker);
}
.skin-midnight .dropdown-menu {
    margin-left:-187px;
    color:silver;
    background: #272c30;
}
.skin-midnight .dropdown-menu > li > a:hover {
    background-color: #353c42;
    color: #ababab;
}
.skin-midnight .text-muted {
    color: #969494;
}

.skin-midnight .sonata-ba-view-container:nth-child(2n):hover td, .skin-midnight .sonata-ba-view-container:nth-child(2n):hover th {
    background-color: #353c42;
}

.skin-midnight .table {
    background:none;
}

.skin-midnight .progress-bar-green,
.skin-midnight .progress-bar-success,
.skin-midnight .label-success {
   /* background-color: var(--success-dark) !important;
    color: var(--success-light) !important;*/

    background-color: #82d15d !important;
    color: var(--success-dark) !important;
}
.skin-midnight .progress-bar-red,
.skin-midnight .progress-bar-danger,
.skin-midnight .label-danger {
    background-color: var(--error-main) !important;;
    color: var(--error-dark) !important;;
}
.skin-midnight .progress-bar-warning,
.skin-midnight .label-warning {
   /* background-color:  var(--warning-dark) !important;
    color:  var(--warning-light) !important;
*/
    background-color: #e98a24;
    color: var(--warning-dark) !important;
}


:root {
    --body-color: hsl(9, 40%, 47%);
    --border-color: grey;/*#828282;*/
    --text-color: var(--text-color);
    --headings-color: var(--text-color);

    --text-color-dark: silver;

    --color-primary: #1ABC9C;
    --color-primary-darker: rgba(43, 209, 252, 0.7);

    --primary-color: #18171b;
    --accent-color: #42a7ff;
    --accent-color-dark: #0f8fff;
    --text-color: silver;
    --link-color: #47c2b6;
    --link-hover-color: var(--color-hover);
    --header-top-background: #1e2125;
    --header-bottom-background: #2e3136;
    --highlight-color: #ff3;
    --success-color: #4caf50;
    --error-color:  #d9534f;
    --versionadded-background-color: rgba(67, 76, 103, 0.8);
    --versionadded-border-color: rgba(114, 137, 218, 0.3);
    --deprecated-background-color: rgba(217, 83, 79, 0.25);
    --deprecated-border-color: rgba(217, 83, 79, 0.6);
    --deprecated-text-color: #d9534f;
    --form-input-background: #414449;
    --form-input-color: silver;
    --form-input-border-color: #5f6165;
    --black: #fcfcfc;
    --gray-darker: #aaa;
    --gray-dark: #999;
    --gray: #777;
    --gray-light: #5e5e5e;
    --gray-lighter: #2e3136;
    --gray-lightest: #7d7b7f;
    --white: #36393e;
    --border-color-1: #2e3136;
    --border-color-2: #5f6165;

    /* NICEST */
    --main-background-first:#1e2125;
    --main-background-first-variant: #2f2f33;

    --header-top-background: #1e2125;
    --header-bottom-background: #2e3136;

    --page-background: var(--main-background-first);














    /* Primary */
    --primary-light: #a6d4fa;
    --primary-main: #90caf9;
    --primary-dark: #648dae;

    /* Secondary */
    --secondary-light: #f6a5c0;
    --secondary-main: #f48fb1;
    --secondary-dark: #aa647b;

    /* Error */
    --error-light: #e57373;
    --error-main: #f44336;
    --error-dark: #46211b;

    /* Warning */
    --warning-light: #ffb74d;
    --warning-main: #ff9800;
    --warning-dark: #5d462c;

    /* Info */
    --info-light: #64b5f6;
    --info-main: #00add4;;
    --info-dark: #1976d2;

    /* Success */
    --success-light: #81c784;
    --success-main: #4caf50;
    --success-dark: #3b5d2c;
}



body {
    font-weight:400;
    font-size:12px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            /*"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"*/
}

table.sonata-ba-list{
    font-size:12px;
}
.treeview-menu > li > a {
    font-size:12px;
}
a.sonata-link-identifier {
    font-weight:500 !important;
}

.main-header a.logo {
    font-size:15px;
    font-weight:500;
    color:silver;
}

body.login-page {
    background: url(images/flat_paysage.png);
    background-size: cover;
}
.login-box-msg {
    font-weight: 600;
    font-size:16px;
}
.login-box-body, .register-box-body{
    background-color: #36393ec4;
    color:silver;
}

input.form-control, select.form-control, textarea.form-control, fieldset {
    color: silver !important;
    /*background: var(--header-bottom-background) !important;*/
    border: 1px solid grey !important;
}


a { color : var(--color-primary-darker)}
a:hover {
    color: var(--color-hover) !important;
    transition: ease-in-out 0.25s;
}
a.btn, .btn, .btn-default {
    color : var(--color-primary-darker);
    background: none;
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
}
.btn-primary.hover, .btn-primary:active,.btn-primary:focus, .btn-primary:hover {
    background:transparent;
    color: var(--link-hover-color) !important;
    border: 1px solid var(--link-hover-color);
}

.navbar-default {
    background-color: transparent;
    border: none;
    color:white;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
    color:silver;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: var(--color-hover);
}

.box.box-primary {
    border-top: 0.1px solid var(--color-primary-darker) !important;
}
tr > th  {
    color : silver;
}
thead > tr > th > a  {
    text-decoration: underline;
    color : silver;
}
thead > tr > th {
    border-bottom:1px solid var(--border-color) !important;
}
.table-hover > tbody > tr:hover {
    background: #3c424b !important;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #2e353a;
}
.content-header {
    padding: 0px 0px 0;
}
.sonata-ba-view-container:nth-child(2n) td,
.sonata-ba-view-container:nth-child(2n) th {
    background-color: var(--color-dark-secondary)
}
.sonata-ba-form-actions {
    background: none;
    border: 1px solid rgba(192, 192, 192, 0.16);
    border-radius:4px;
    text-align:center;
}
.sonata-ba-list-field-actions .btn-sm {
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.5;
    padding: 1px 5px;
}

.btn.focus, .btn:focus, .btn:hover, a.focus, a:focus, a:hover {
    color: rgba(43, 209, 252, 0.86);
    text-decoration: none;
}
.sonata-ba-list-field-html ul {
    margin-bottom: 0;
}

.alert {
}
.alert-success{
    background: none !important;
    border-color:  var(--color-primary);
    color: var(--color-primary) !important;
}
.alert-warning {
    background: none !important;
    border-color:  #f39c12;
    color: #f39c12 !important;
}
.alert-error, .alert-danger {
    background: none !important;
    border-color:  var(--error-color);
    color: var(--error-main) !important;
}
/** START - SWEET ALERT **/
.swal2-modal {
}
.swal2-popup {
    background-color: #353535;
    color: #e1e1e1;
    border-color: #626262;

    text-align:left!important;
}

.swal2-html-container {
}

div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: rgba(0, 0, 0, 0.73) !important;
}

.swal2-title {
    color: #e1e1e1;
}

.swal2-backdrop {
    background-color: rgba(25, 25, 26, 0.75);
}

.swal2-input {
    color: #e1e1e1;
    background-color: #2a2a2b;
}

.swal2-validation-message {
    background-color: #2a2a2b;
    color: #e1e1e1;
}

.swal2-progress-step {
    background-color: #3a3a3b;
}

.swal2-toast {
    background-color: #19191a;
}

/** END - SWEETALERT **/

.form-widget input.form-control, .form-widget select.form-control, .form-widget textarea.form-control, fieldset {
    color: silver !important;
    background: var(--header-bottom-background)!important;
    border: 1px solid grey !important;
}
/** boootstrap cdn reboot compensation */
fieldset {
    margin: 10px 0;
    padding: 10px 20px 15px;
}
fieldset legend {
    color: silver !important;
    font-size:18px;
    border:none;
    padding-left:5px;

    border: 0;
    font-size: 0.7125em;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 5px -5px;
    padding: 0 5px;
    width: auto;
}

.progress {
    background-color: #1c1d1fc7;
    /*border: solid 0.01em silver;*/
}
.progress-bar {
    white-space: nowrap;

}
.progress-bar > span {
    margin-left: 5px;
}
.progress, .progress .progress-bar, .progress > .progress-bar, .progress > .progress-bar .progress-bar {
    border-radius: 40px;
}
.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.box-body {
    overflow: visible;
}