/* Vars */
:root{
    --steel-grey-100: #F4F7F9;
    --steel-grey-200: #E9EDF3;
    --steel-grey-300: #DEE3EB;
    --steel-grey-400: #C7CFDA;
    --steel-grey-500: #B7C0CC;
    --steel-grey-600: #95A3B3;
    --steel-grey-700: #677789;
    --steel-grey-800: #414A58;
    --steel-grey-800: #202937;
    --steel-grey-700-rgb: 103, 119, 137;
    --primary: #8284f8;
    --success: #86cB43;
    --success-rgb: 134, 203, 67;
    --warning: #f0ad4e;
    --warning-rgb: 240, 173, 78;
    --danger: #ff3e1d;
    --danger-rgb: 255, 62, 29;
}
/* Print */
@media print {
    #layout-mainmenu,
    #layout-sidenav,
    .layout-sidenav-container,
    .control-toolbar-container,
    .toolbar-widget,
    th.list-checkbox,
    td.list-checkbox,
    th.list-cell-type-popupmenu,
    td.list-cell-type-popupmenu {
      display: none !important;
    }
    ul.nav-tabs {
        display: none;
    }
    div.tab-pane {
        display: block !important;
    }
    /* Hide unchecked rows if any is checked */
    /* Active filtering mode */
    table.print-filter-active tbody tr {
        display: none !important;
    }

    table.print-filter-active tbody tr.print-visible {
        display: table-row !important;
    }
}

/* Utility classes */
.z-11 {
    z-index: 11;
}

.row {
    width: auto!important;
}
.minWidth-130{
    min-width: 130px;
}

/* Main Nav */
.mainmenu-item.mainmenu-preview {
    display: none!important;
}
/* Help menu */
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-help {
    margin-right: 12px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-help > a {
    width: 40px;
    padding-left: 10px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-help .nav-icon {
    left: 10px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-help .nav-icon i {
    font-size: 25px;
}
.layout-mainmenu .navbar ul.mainmenu-items[data-main-menu].mainmenu-extras > li.mainmenu-item.mainmenu-help.has-subitems > a:after {
    display: none;
}
.mainmenu-item.mainmenu-help {
    
}
ul.mainmenu-items.mainmenu-submenu-dropdown>li.mainmenu-item.system-notification {
    color: #fff;
    padding: 7px 17px;
    min-width: 250px;
    max-width: 250px;
    white-space: normal;
}
ul.mainmenu-items.mainmenu-submenu-dropdown>li.mainmenu-item.system-notification .notification-date,
ul.mainmenu-items.mainmenu-submenu-dropdown>li.mainmenu-item.system-notification .notification-title,
ul.mainmenu-items.mainmenu-submenu-dropdown>li.mainmenu-item.system-notification .notification-desc {
    margin-right: 0;
    display: block;
    overflow: hidden;
    vertical-align: middle;
}
ul.mainmenu-items.mainmenu-submenu-dropdown>li.mainmenu-item.system-notification .notification-date {
    font-size: 11px;
    font-weight: 300;
}
ul.mainmenu-items.mainmenu-submenu-dropdown>li.mainmenu-item.system-notification .notification-title {
    font-size: 13px;
    font-weight: 400;
}
ul.mainmenu-items.mainmenu-submenu-dropdown>li.mainmenu-item.system-notification .notification-desc {
    font-size: 12px;
    font-weight: 300;
}
/* Accordion */
.accordion {
    --bs-accordion-bg: unset;
    --bs-accordion-btn-bg: var(--bs-tertiary-bg);
    --bs-accordion-active-bg: var(--bs-tertiary-bg);
    --bs-accordion-active-color: unset;
}
/* Badge */
/*.badge-default {
    background:  #f0f4f8;
    border: 1px solid #e4e8ec;
    color: #666!important
}
.badge-warning {
        background: #f7c47e;
        border: 1px solid #e7b774;
    }}
.badge-danger {
    background: #ff9f8e;
    border: 1px solid #db8373;
}
.badge {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    top: 0;
    font-size: 12px;
    padding: 2px 4px;
    color: #fff;
    line-height: 100%;
    opacity: 1;
    border-radius: 4px;
    transform: scale(1);
    transition: transform .3s;
    margin-left: 6px;
}
/* Side Nav */
/*nav.layout-sidenav ul>li.mainmenu-item.active>a {
    border: 1px solid #d9dce2;
    border-left: 3px solid #8284f8;
}*/

/* Breadcrump */
/*.control-breadcrumb li:after {
    content: '\203A';
}*/
/* Dashboard */
#ReportContainer-container-toolbar ul.dropdown-menu li:nth-child(3) {
    display: none;
}
/* Images */
.images-container {
    background-color: var(--bs-tertiary-bg);
    scrollbar-width: thin;
    scrollbar-color: var(--steel-grey-600) transparent;
    overflow-y: auto;
}
.images-container a:hover {
    background-color: var(--oc-toolbar-hover-bg);
}
/* Image viewer */
.carousel-control-prev .icon-container,
.carousel-control-next .icon-container {
    background-color: var(--bs-primary);
    border-radius: 50%; /* Makes the buttons circular */
    width: 50px; /* Fixed width */
    height: 50px; /* Fixed height */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Style the arrow icons */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 1.5rem; /* Control the arrow size */
    height: 1.5rem; /* Ensure arrows don't grow with padding */
    background-color: transparent; /* Optional, ensure no background on icons */
}
/* Bootstrap carousel */
.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}
/* List */
.list-widget-container {
    margin: 0 0 20px;
    background: none;
    border-radius: unset;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
table.table.data tbody tr:nth-child(2n) td,
table.table.data tbody tr:nth-child(2n) th {
    background-color: unset;
}
/* Scrollable Filter */
/*.control-filter {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: mandatory;
    scroll-behavior: smooth;
}
.control-filter::-webkit-scrollbar {
    height: 5px;
}
.control-filter::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
.control-filter > a {
    white-space: nowrap;
}*/
/*.control-filter>.filter-scope .filter-label {
    margin-right: 0;
}
table.table.data thead td.active>a:after,
table.table.data thead td.active>span:after,
table.table.data thead th.active>a:after,
table.table.data thead th.active>span:after {
    color: #ff3e1d;
    font-weight: 800;
}
table.table.data tbody td.link a {
    color: #3498db;
}
table.table.data thead td, table.table.data thead th {
    font-size: 11px;
    text-transform: uppercase;
}*/
th.list-cell-type-popupmenu {
    width: 50px;
    word-wrap: break-word;
    opacity: 0;
}
td.list-cell-type-popupmenu + td {
}
/*.control-list table.table.data .list-setup a:before {
    margin-left: 0!important;
}
.control-list table.table.data .list-setup a>span {
    height: 18px;
}
table.table.data tbody:not(.tree-drag-mode) tr.rowlink:not(.nolink):not(.active):hover td,
table.table.data tbody:not(.tree-drag-mode) tr:not(.no-data):not(.active).selected td {
    background: var(--steel-grey-300);
}
table.table.data tbody tr:nth-child(even) td,
table.table.data tbody tr:nth-child(even) th {
    background-color: inherit;
}

/* Relation Manager */
.relation-behavior.relation-view-multi,
.relation-behavior.relation-view-single {
    border: none!important;
    background: unset!important;
}

.relation-behavior.relation-view-multi .control-list,
.relation-behavior.relation-view-single .control-list {
    border: 1px solid var(--bs-border-color)!important;
    border-top: none!important;
}

.relation-behavior.relation-view-multi .relation-toolbar .control-toolbar,
.relation-behavior.relation-view-single .relation-toolbar .control-toolbar {
    padding: 0 0 15px 0!important;
}

/* Modal */
.popup-backdrop, div.popover-overlay {
    background-color: rgba(0,0,0,.6);
    backdrop-filter: blur(1px);
}
/*.modal {
    overflow-y: auto;
}
.modal-open .popup-backdrop {
    right: 16.5px;
}
body.modal-open {
    padding-right: 16.5px;
}*/

/* Popup menu */
ul.popup-menu {
    list-style-type: none;
    margin: -20px -20px 0;
    padding: 0;
}
ul.popup-menu li:first-child{
    border-top: 1px solid var(--bs-border-color);
}
ul.popup-menu li{
    border-bottom: 1px solid var(--bs-border-color);
    overflow: hidden;
}
ul.popup-menu li:hover{
    background-color: var(--oc-settings-hover-bg);
}
ul.popup-menu li:last-child {
    border: none;
    border-radius: 0 0 8px 8px;
}
ul.popup-menu li a {
    display: block;
    font-size: 15px;
    padding: 15px 20px;
    font-weight: 600!important;
}
ul.popup-menu li a:hover,
ul.popup-menu li a:active,
ul.popup-menu li a:focus {
    text-decoration: none;
}

/* Form */
.form-group, .form-group.layout-item {
    padding-bottom: 15px!important;
}
.col-form-label, .form-label {
    font-weight: normal;
}
.form-buttons .btn {
    margin-right: 10px!important;
}
.search-input-container:before {
    top: 11px;
}
.preview .form-control,
div.form-control[disabled],
div.form-control[readonly],
input.form-control[readonly],
input.form-control[disabled] {
    background-color: var(--bs-tertiary-bg);
    border: none;
}
.form-preview {
    padding: unset;
    background: unset;
    border: unset;
}
.form-group-preview .form-control {
    background-color: var(--bs-tertiary-bg);
    border: none;
    font-size: 15px;
    font-weight: 500;
}
.form-group-preview .input-group-text{
    border: none;
}
.form-group-preview .input-group .form-control {
    border-right: 1px solid var(--bs-border-color);
}

.form-group.number-field>.form-control {
    text-align: left;
}
.field-fileupload.is-grid .upload-files-container .upload-object h4.filename,
.field-fileupload.is-grid .upload-files-container .upload-object p {
    white-space: normal!important;
}
.upload-files-container {
    scrollbar-width: thin;
    scrollbar-color: var(--steel-grey-600) transparent
}
/* Chrome, Safari, Edge, Opera number input buttons */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox hide number input buttons */
input[type=number] {
  -moz-appearance: textfield;
}
/* Fields */
.form-group-preview .field-recordfinder {
    border: 1px solid #eee;
}
.field-repeater .repeater-item-title {    
    font-weight: 500;
}
/* Buttons */ 

.btn-light {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: var(--bs-tertiary-bg);
    --bs-btn-border-color: none;
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: var(--oc-settings-hover-bg);
    --bs-btn-hover-border-color: none;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: var(--oc-settings-hover-bg);
    --bs-btn-active-border-color: var(--oc-settings-hover-bg);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-btn-box-shadow: rgba(0,0,0,.10) 0 1px 1px 0, rgba(64,68,82,.13) 0 0 0 1px, rgba(64,68,82,.08) 0 2px 5px 0;
    box-shadow: var(--bs-btn-box-shadow);
}

/*.btn-secondary  {
    --bs-btn-bg: var(--steel-grey-300);
    --bs-btn-hover-bg: var(--steel-grey-200);
    --bs-btn-active-bg: var(--steel-grey-200);
    --bs-btn-focus-bg: var(--steel-grey-200);

}*/
a.btn-icon, a.btn-icon:hover, a.btn-icon:active, a.btn-icon:focus {
    text-decoration: none;
    color: var(--steel-grey-700);
    height: auto;
}
/* Links */
a.link-danger {
    color: #ff3e1d;
}
a.link-danger.disabled {
    opacity: 0.5;
    /*pointer-events: none;*/
    cursor: not-allowed;
}

/* Login page */
body.outer .outer-form-container h2 {
    font-family: unset;
}
body.outer .outer-form-container h2:after {
    background: #8284f8
}

/* Dashboard Report Widgets */
.report-container .manage-widgets:hover {
    background-color: #8284f8!important;
    border: 1px solid #8284f8!important;
}
.report-container .dropdown.open .manage-widgets {
    background-color: #6A6CF7!important;
    border: 1px solid #6A6CF7!important;
}
.report-widget h3 {
    margin: 0 0 15px;
}
.no-enough-data {
    color: var(--steel-grey-500)
}
.unset-margin {
    margin: 0 -15px -15px;
} 
/* Counter Widget */
.counter-widget {
    display: flex;
    flex-wrap: nowrap;
}
.counter-text {
    padding-right: 15px; 
    flex: 1;
}
.counter-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 62px 0 0;
    height: 62px;
    text-align: right;
    width: 100%;
    border-radius: 1000px;
    animation-name: fade-in-animation;
    animation-duration: 0.8s; 
}
.counter-icon i {
    font-size: 30px;
    animation-name: fade-in-scale-animation;
    animation-duration: 0.8s;
}
@keyframes fade-in-animation {
    0%   {opacity : 0 }
    100% {opacity : 1}
}
@keyframes fade-in-scale-animation {
    0%   {transform: scale(0.1); opacity : 0 }
    100% {transform: scale(1); opacity : 1}
}
.counter-count {
    display: block;
    font-size: 35px;
    line-height: 1;
    font-weight: 400;
    margin: 0 0 10px;
}
.counter-count > .append {
    font-size: 15px;
}
.counter-link {
    display: block;
    font-weight: 500;
    color: var(--steel-grey-500);
}
/* Chart widget */
.chart-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Scoreboard */
div.scoreboard div.scoreboard-item {
    background: var(--bs-modal-bg);
}
/* Text Date Picker */
.text-date-picker, .text-date-picker:hover, .text-date-picker:focus-visible {
    cursor: pointer;
    background: none!important;
    border: none;
    outline: none;
}

/* Cursor classes*/
.cursor-help {
    cursor: help;
}

/*QR Code*/
#qrcode img {
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
}