[data-bs-theme=dark][data-color-theme=Blue_Theme]:root, [data-bs-theme=light][data-color-theme=Blue_Theme]:root 
{
     
     --bs-lr-blue: #002868;
     --bs-lr-blue-rgb: 0,40,104;
     
     --bs-lr-red: #bb133e;
     --bs-lr-red-rgb: 187,19,62;
     
     --bs-lr-orange: #ce5c17;
     --bs-lr-orange-rgb: 206,92,23;
     
     --bs-primary: var(--bs-lr-blue);
     --bs-primary-rgb: var(--bs-lr-blue-rgb);
     --bs-light-primary: rgba( var(--bs-lr-blue-rgb), 0.1);
     --bs-primary-bg-subtle: rgba( var(--bs-lr-blue-rgb), 0.03); !important;

     --bs-lr-gradient: linear-gradient(135deg, rgba(var(--bs-lr-red-rgb),1) 0%, rgba(var(--bs-lr-orange-rgb),1) 100%) !important;
     --bs-lr-gradient-light: linear-gradient(135deg, rgba(var(--bs-lr-red-rgb),.7) 0%, rgba(var(--bs-lr-orange-rgb),.7) 100%) !important;
     
     --bs-light: var(--bs-primary-bg-subtle);
}

body
{
     font-family: "Raleway", Helvetica, Arial, "sans-serif" !important;
}


/* bg */


     .bg-gradient {
          background: rgb(187,19,62);
          background: linear-gradient(90deg, rgba(187,19,62,1) 0%, rgba(206,92,23,1) 100%);
          background-image: linear-gradient(90deg, rgba(187,19,62,1) 0%, rgba(206,92,23,1) 100%) !important;
     }
     
     .bg-primary-subtle
     {
          background-color: var(--bs-primary-bg-subtle) !important;
     }


/* modal & preloader */

     .preloader
     {
          background: rgba(var(--bs-dark-rgb), .75) !important;
          backdrop-filter: blur(5px);
     }

     /*.modal
     {
          backdrop-filter: blur(5px);
          border-radius: 1rem;
          overflow: hidden;
     }
     
     .modal-content, .modal-fullscreen .modal-content
     {
          border-radius: 1rem;
     }

     .modal-dialog
     {
          height: 100%;
     }

     .modal-content
     {
          left: 50%;
          top: 40%;
          transform: translate(-50%, -50%);
     }

     .modal-backdrop
     {
          background-color: rgba( var(--bs-lr-blue-rgb), .25 ) !important;
          opacity: 1;
     }

     .modal-backdrop.show
     {
          opacity: .85;
     }
     
     .modal-fullscreen
     {
          padding: 1rem;
     }

     .modal-header
     {
          border-radius: 1rem 1rem 0 0 !important;
     }

     .modal-footer
     {
          border-radius: 0 0 1rem 1rem;
     }

     .modal-body, .modal-body-content, .modal-loading
     {
          /*min-height: 350px;*/
     }

     .modal-loading
     {
          position: absolute;
         top: 0;
         height: 100%;
         display: flex;
         background: rgba(255, 255, 255, .75);
         align-content: stretch;
         align-items: center;
         width: 96%;
         z-index: +100;
          backdrop-filter: blur(5px);
     }*/


/* text */
     
     .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
     {
         font-weight: 600;
     }


/* links */

     a:link, a:visited, a:active {
          font-weight: 600;
     }

     a:not(.sidebar-link):not(.nav-link):not(.btn), a:not(.sidebar-link):not(.nav-link):not(.btn):visited, a:not(.sidebar-link):not(.nav-link):not(.btn):active, .dt-button
     {
          
          color: var(--bs-primary);
          cursor: pointer;
     }

     a:not(.sidebar-link):not(.nav-link):not(.btn):hover {
         color: var(--bs-dark) !important;
     }


/* body */

     .topbar 
     {
          background: #fff;
     }

     .topbar.shadow-sm 
     {
          box-shadow: none !important;
     }
     
     #main-wrapper
     {
          
}

     .body-wrapper
     {
          
}


/* sidebar */

     
     .left-sidebar
     {
          background: var(--bs-primary-bg-subtle);
          border-right: unset;
          box-shadow: none;
     }

     .sidebar-nav ul .sidebar-item .sidebar-link, .topbar .navbar .navbar-nav .nav-item .nav-link, .navbar-toggler
     {
          font-size: 1rem !important;
          font-weight: 500;
     }     

     .sidebar-nav ul .sidebar-item .sidebar-link .icon
     {
          flex-shrink: 0;
          font-size: 21px;
     }

     .sidebar-nav ul .sidebar-item .sidebar-link .icon-sm
     {
          flex-shrink: 0;
          font-size: 8px;
          margin-left: 10px;
     }

     
     @media (min-width: 1300px) 
     {
         [data-layout=vertical] body[data-sidebartype=mini-sidebar] .left-sidebar .sidebar-nav ul .sidebar-item .sidebar-link {
             padding: 11px 6px;
         }
     }



     /*
     .navbar-toggler 
     {
          color: rgba( var(--bs-link-color-rgb), 1);
     }

     .sidebar-nav ul .sidebar-item.selected>.sidebar-link, .sidebar-nav ul .sidebar-item.selected>.sidebar-link.active, .sidebar-nav ul .sidebar-item>.sidebar-link.active
     {
          background: var(--bs-lr-gradient) !important;
          color: #FFF;
     }

     .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active
     {
          background-color: transparent !important;
          background: transparent !important;
     }

     
     .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active:hover
     {
         background: var(--bs-primary-bg-subtle) !important;
         color: var(--bs-primary) !important;
     }

     .sidebar-nav ul .sidebar-item.selected .sidebar-link.has-arrow::after
     {
         border-color: unset;
     }


     */

     


/* table */
     
     .dataTables_wrapper
     {
          width: 100%;
     }

     .table-responsive 
     {
          overflow-x: auto;
          min-height: 400px;
     }

     div.table-container 
     {
          min-height: 300px;
     }

     .table>:not(caption)>*>* 
     {
          color: var(bs-text-color) !important;
     }

     table.dataTable.table-striped>tbody>tr.odd>* 
     {     
         box-shadow: inset 0 0 0 9999px rgba( var(--bs-primary-rgb), .02) !important;
     }

     th
     {
          background: var(--bs-primary-bg-subtle) !important;
          color: var(--bs-dark) !important;
          font-weight: 600;
          vertical-align: middle;
     }

     td 
     {
          color:      var(--bs-dark);
          font-weight: normal;
          vertical-align: middle;
          font-size: .95rem;
     }
     
     .dataTable-pagination {
            padding: 0.375rem 0.25rem;
            position: relative;
            text-decoration: none;
            min-width: 2.375rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            line-height: 1.5rem;
            border-radius: 0.375rem;
            font-size: 0.875rem;
            color: var(--bs-dark);
            font-weight: 500;
            border: 1px solid transparent;
     }

     .active.dataTable-pagination {
          color: var(--bs-dark) !important;
          background-color: #e7e1fe !important;
          border-color: #e7e1fe !important;
     }

     .dataTable-pagination:hover {
          background: var(--bs-primary-bg-subtle) !important;
          color: var(--bs-primary) !important;
     }
     
     .dataTable-current,
     .dataTable-pagination .active,
     .dataTable-pagination .active:focus,
     .dataTable-pagination .active:hover {
          background: var(--bs-primary-bg-subtle) !important;
          color: var(--bs-primary) !important;
          cursor: default;
     }

     .dataTable-pagination .ellipsis,
     .dataTable-pagination .disabled,
     .dataTable-pagination:focus .disabled,
     .dataTable-pagination:hover .disabled {
       cursor: not-allowed;
     }

     a.dataTable-pagination .disabled a,
     a.dataTable-pagination .disabled a:focus,
     a.dataTable-pagination .disabled a:hover {
       cursor: not-allowed;
       opacity: 0.4;
     }
     a.dataTable-pagination .pager {
       font-size: 0.875rem;
     }

     a.dataTable-pagination .pager .icon {
       font-size: 1.09375rem;
       line-height: 1.5rem;
     }
     
     .dataTable-selector {
          margin-left: 0px;
     }

     table.dataTable.table-hover>tbody>tr:hover>* {
         box-shadow: inset 0 0 0 9999px var(--bs-light);
     }



/* validation */

     .error
     {
          border-color: var(--bs-lr-red) !important;
     }
     

/* btn */

     .btn, .btn-primary, .btn-secondary
     {
          text-transform: uppercase;
          transition: .3s;
          padding: .75rem 1rem;
     }

     .btn-circle
     {
         border-radius: 100%;
         width: 45px;
         height: 45px;
         padding: 5px;
         line-height: 30px;
     }
     
     .btn-circle.btn-sm, .btn-group-sm>.btn-circle.btn
     {
         width: 30px;
         height: 30px;
     }

     .btn-close
     {
          background: unset;
          color: var(--bs-primary);
     }

     .btn-default
     {
          background-color: var(--bs-dark) !important;
          color: #FFF;
          border: transparent;
     }

     .btn-default:not(.btn-outline):hover, .btn-default:not(.btn-outline).hover
     {
          color: #fff;
          opacity: .75;
     }

     
     .btn-primary
     {
          background: var(--bs-primary) !important;
          color: #FFF;
          border: transparent;
     }

     .btn-primary:not(.btn-outline):hover, .btn-primary:not(.btn-outline).hover, .btn-badge:hover 
     {
          color: #fff;
          opacity: .75;
     }




/* backgrounds */

     .background-blur
     {
          backdrop-filter: blur(5px);
     }

     .background-dark
     {
          background: var(--bs-lr-gradient-light);
     }



/* form fields */

     .form-check-input {
              padding: .6rem 1.25rem;
     }

     .form-control, .form-select
     {
          background-color: #fff;
          color: var(--bs-dark) !important;
          border: 1px solid rgba( var(--bs-primary-rgb), .2);
          border-radius: 7px !important;
          font-size: 1rem;
     }
     
     .form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label
     {
         color: var(--bs-gray-500);
         transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
     }
     
     .form-floating>label
     {
          color: var(--bs-gray-500);
     }

     .form-control:focus, .form-select:focus 
     {
         color: var(--bs-dark);
         background-color: #fff;
         border-color: rgba(var(--bs-primary-rgb), .2);
         outline: 0;
         box-shadow: 0 0px .6rem .25rem rgba(var(--bs-primary-rgb), .1);
     }


/* card */

     .card
     {
         --bs-card-border-radius: 1rem;
         --bs-card-border-width: 1px;
         --bs-card-border-color: rgba(var(--bs-primary-rgb), 0);
         --bs-card-box-shadow: rgba(var(--bs-primary-rgb), 0.12) 0px 0px 2px 0px, rgba(var(--bs-primary-rgb), 0.12) 0px 12px 24px -4px !important;
     }



/* tabs */

     .nav-pills .nav-link, .nav-pills .show>.nav-link
     {
          font-weight: 600;
     }

     .nav-pills .nav-link.active, .nav-pills .show>.nav-link
     {
          color: #fff;
          font-size: 1rem;
          background: var(--bs-lr-gradient) !important;
          font-weight: 600;
     }

     .nav-pills .nav-link:hover, .nav-pills .show>.nav-link:hover
     {
          background: var(--bs-primary-bg-subtle) !important;
          color: var(--bs-primary) !important;
     }



/* select2 */
     
     .select2-dropdown
     {
          z-index: 10000;
          min-width: 300px;
     }