:root {
    --bs-heading-color: #679;
}

.content { text-align: unset; }

.form-control-sm { font-size: var(--form-content-font-size); }

input.form-control-sm { height: var(--form-input-height); }

.form-group { margin-bottom: 12px; }
.form-control, .form-select { border: 1px solid #7777; }
.form-label { font-size: .72em; color: var(--bs-heading-color); }

.footer__listLink { color: #bbb; }
.footer__listLink:hover { color: #eee; }
.footer__title { color: #bbb7; }

/* .user .dropdown button { min-width: 256px; } */
.user .dropdown ul.dropdown-menu {
    right: 0 !important;
    left: unset !important;
    transform: translate(0, 34px) !important;
}

.admin-container { font-size: .96em; }
.admin-container .top-bar a:hover { background: #ddd; }

.admin-container .manage { padding: 1em; } 

.admin-container .title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5em 1em 1.5em 1em;
 }

.admin-container .dt-table { font-size: 14px; }

.admin-container .dt-table .btn-sm {
    --bs-btn-padding-y: .2rem;
    --bs-btn-padding-x: .35rem;
    --bs-btn-font-size: .65rem;
 }

.admin-container .modal .form-group { padding: .35em 0;}
/*.admin-container .modal .form-control { padding: 1px 8px; border-radius: 4px; font-size: 15px; } */

.admin-container .table > :not(caption) > * > * { padding: .35rem .35rem; }
.admin-container .table tbody tr:hover { background: #eee; }

ul.select2-results__options li {
    font-size: var(--form-content-font-size);
    padding: 4px 8px;
}

.admin-container .modal-footer .form-actions { display: flex; gap: 8px; }

.admin-container .title-bar h5 { margin-bottom: 0; color: #333; }

.admin-container table.dataTable { margin-top: 1em !important; margin-bottom: 1em !important;}

.admin-container .title-bar .btn { border: 1px solid #7772; }
.admin-container .title-bar .btn:hover { background: #ddd; }

.admin-container form label { padding: 8px 1em 2px 1em; }

.admin-container .form-control { border-radius: 4px; }


/* hack select2 caret styling
 * (like bootstrap5 select caret)
 * ----------------------------------------------------------------------- start
 */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-color: transparent;
    background-size: contain;
    border: none !important;
    width: 12px !important;
    margin: auto !important;
    top: 12px !important;
    left: auto !important;
    height: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 24px; }
.select2-container--default .select2-selection--single { height: var(--form-input-height); } 

/** select2|multiple overides
 * --- -- -- - - -
 */
input.select2-search__field { font-size: var(--form-content-font-size); }

.select2-selection__choice {
    font-size: var(--form-content-font-size);
    font-weight: 400;
}

ul.select2-selection__rendered { margin-bottom: 0; }  /* select2: ul */
.select2-container--default .select2-selection--multiple .select2-selection__choice { padding: 2px; }   /* select2: li */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { /* select2: button */
    border-right: none;
    padding: 1px 4px;
}
.select2-container--default .select2-selection--multiple { font-size: 15px; }




/* select2.min.css | https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css */

.select2-container--default .select2-selection--single .select2-selection__clear { margin-right: 32px; }
  
.select2-container .select2-selection--single .select2-selection__rendered { font-size: 15px; padding: 2px 20px 2px 8px; }
  
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: var(--select2-arrow-top);
}





/*
================================================================================

            - - - -- -- --- C H A N G E S --- -- -- - - -

================================================================================
*/



/* overides.css | http://localhost/assets/css/overides.css */
 
   
  .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: var(--form-content-font-size);
  }
  
  
 
.central-form form label { font-size: 14px; color: #433; }
  
  /* bootstrap.min.css | https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css */
  
  
  



  .select2-container--default .select2-selection--single:focus-visible,
  .select2-container--focus .select2-selection--multiple {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    outline: none;
    color: var(--bs-body-color);
  }

  .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #86b7fe;;
    outline: 0;
  }





/* Element | http://localhost/panel */

.list-group {
    box-shadow: var(--light-grey-shade);
  }
  
  /* class.css | http://localhost/assets/css/class.css */
  
  .info li.list-group-item.separator {
    /* border: none; */
    /* background: #f2f2f299; */
    /* color: #345; */
    border-bottom: none;
    background: #f2f2f2ee;
    color: #776;
    background: #fff;
    border-top: 1px solid #edd;
  }
  
  .info li.list-group-item:hover { background: #def; }
  .info li.list-group-item.separator:hover { background: #fff; }
  
  .info li.list-group-item {
    border-bottom: none;
  }

  

/* overides.css | http://localhost/assets/css/overides.css */

.info li.list-group-item.separator {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
  





/**


++++ https://wallpaperaccess.com/full/177913.jpg
++++ https://wallpaperaccess.com/full/449903.jpg

+++ https://static.vecteezy.com/system/resources/previews/006/691/305/original/abstract-background-with-soft-gradient-color-and-dynamic-shadow-on-background-background-for-wallpaper-eps-10-free-vector.jpg

+++ https://wallpaperaccess.com/full/177957.jpg

+++ https://wallpaperaccess.com/full/1128998.jpg
+++ https://wallpaperaccess.com/full/1129316.jpg
++ https://wallpaperaccess.com/full/1129322.jpg
++ https://wallpaperaccess.com/full/1963352.jpg
++ https://wallpaperaccess.com/full/1963353.jpg
+++ https://wallpaperaccess.com/full/1963795.jpg
++ https://wallpaperaccess.com/full/1963370.jpg
+ https://wallpaperaccess.com/full/2849789.jpg
++ https://wallpaperaccess.com/full/2849860.jpg

++ https://wallpaperaccess.com/full/449895.jpg

+++ https://wallpaperaccess.com/full/449903.jpg

!! https://wallpaperaccess.com/light-blue

+++ https://wallpaperaccess.com/full/449948.jpg
+++ https://wallpaperaccess.com/full/450045.jpg

+++ https://wallpaperaccess.com/full/450052.jpg

++ https://wallpaperaccess.com/full/817600.jpg

++ https://wallpaperaccess.com/full/1353541.jpg
+++ https://wallpaperaccess.com/full/1353542.jpg
++ https://wallpaperaccess.com/full/1353544.jpg

++ https://wallpaperaccess.com/full/1353551.png

+++ https://wallpaperaccess.com/full/1353554.png

+ https://wallpaperaccess.com/full/1353555.jpg

+++ https://wallpaperaccess.com/full/6714477.jpg <-- @dark

+++ https://wallpaperaccess.com/full/6714517.jpg <-- @semi-dark
+ https://wallpaperaccess.com/full/4421711.jpg <-- @semi-dark, @proccess
++ https://wallpaperaccess.com/full/725277.jpg <-- @preccess

++ https://wallpaperaccess.com/full/3003439.jpg <-- @roses
++ https://wallpaperaccess.com/full/3168701.jpg <-- @flowers
+++ https://wallpaperaccess.com/full/3168702.jpg <-- @flowers
++ https://wallpaperaccess.com/full/3168719.jpg <-- @flowers

+++ https://wallpaperaccess.com/full/3168737.jpg <-- @flowers
++ https://wallpaperaccess.com/full/4175740.jpg <-- @flowers


+++ https://wallpaperaccess.com/full/1112806.jpg

+++ https://wallpaperaccess.com/full/289464.jpg

++ https://wallpaperaccess.com/full/357969.jpg


*/


/* class.css | http://localhost:1415/assets/css/class.css */

:root {
  --background-image: url(https://wallpaperaccess.com/full/177913.jpg);

  --bs-heading-color: #345;
}

.central-form .content .info p { color: #334; }