:root{
    --theme-color1: rgb(233, 233, 233);
    --theme-color2: rgb(255, 255, 255);
    --theme-color3: rgb(122, 181, 183);
    --theme-color4: rgb(50, 75, 76);
    --theme-color5: rgb(48, 63, 159);
    --theme-color6: rgb(0, 25, 112);
    --theme-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --theme-menu-dropdown-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --theme-border-color: #F1F1F4;
    --theme-field-background-color: #f9f9f9;
    --theme-active-field-background-color: #F1F1F4;
}
body.dark-sidebar, body.light-header{
    --theme-dark-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --theme-dark-bottom-border: 1px dashed #33446C;
}
body.horizontal_menu.light-header.dark-mode{
    --theme-sidebar-active-link-bg: #2A2A3C;
    --theme-sidebar-active-icon: #006AE6;
    --theme-sidebar-active-link: #006AE6;
}
body.dark-sidebar{
    --theme-background: #F9F9F9;
    --theme-content-background: #FFFFFF;
    --theme-header: #FFFFFF;
    --theme-header-font: #252F4A;
    --theme-sidebar: #252F4A;
    --theme-sidebar-link-bg: #252F4A;
    --theme-sidebar-link: #8D98AF;
    --theme-sidebar-icon: #8D98AF;
    --theme-sidebar-badge: #FFFFFF;
    --theme-sidebar-badge-text: #252F4A;
    --theme-sidebar-active-link-bg: #3E97FF;
    --theme-sidebar-active-link: #FFFFFF;
    --theme-sidebar-active-icon: #FFFFFF;
    --theme-nav-scrollbar-thumb: #4D5F82;
    --theme-button-bg: #1B84FF;
    --theme-button: #FFFFFF;
    --theme-primary: #009EF7;
    --theme-heading-bg: #FFFFFF;
    --theme-heading-color: #252F4A;
    --theme-font-color: #252F4A;
    --theme-content-color: #252F4A;
    --theme-footer-bg: #FFFFFF;
    --theme-footer: #252F4A;
    --theme-link: #009EF7;
    --theme-link-active: #009EF7;
}
body.light-sidebar {
    --theme-color1: rgb(233, 233, 233);
    --theme-color2: rgb(255, 255, 255);
    --theme-color3: rgb(170, 190, 178);
    --theme-color4: rgb(0, 101, 45);
    --theme-color5: rgb(0, 121, 107);
    --theme-color6: rgb(0, 76, 64);
    --theme-background: #F9F9F9;
    --theme-content-background: #FFFFFF;
    --theme-header: #F9F9F9;
    --theme-header-font: #252F4A;
    --theme-sidebar: #FFFFFF;
    --theme-sidebar-link-bg: #FFFFFF;
    --theme-sidebar-link: #4B5675;
    --theme-sidebar-icon: #4B5675;
    --theme-sidebar-badge: #E0E3E9;
    --theme-sidebar-badge-text: #99A1B7;
    --theme-sidebar-active-link-bg: #F9F9F9;
    --theme-sidebar-active-link: #071437;
    --theme-sidebar-active-icon: #071437;
    --theme-nav-scrollbar-thumb: #F1F1F4;
    --theme-button-bg: #1B84FF;
    --theme-button: #FFFFFF;
    --theme-primary: #009EF7;
    --theme-heading-bg: #FFFFFF;
    --theme-heading-color: #252F4A;
    --theme-font-color: #252F4A;
    --theme-content-color: #252F4A;
    --theme-footer-bg: #FFFFFF;
    --theme-footer: #252F4A;
    --theme-link: #009EF7;
    --theme-link-active: #009EF7;
}
body.dark-header {
    --theme-background: #F9F9F9;
    --theme-content-background: #FFFFFF;
    --theme-header: #FFFFFF;
    --theme-header-font: #FFFFFF;
    --theme-sidebar: #15171C;
    --theme-sidebar-link-bg: #FFFFFF;
    --theme-sidebar-link: #9D9DA6;
    --theme-sidebar-icon: #9D9DA6;
    --theme-sidebar-badge: #24262F;
    --theme-sidebar-badge-text: #8D98AF;
    --theme-sidebar-active-link-bg: #3E97FF;
    --theme-sidebar-active-link: #FFFFFF;
    --theme-sidebar-active-icon: #FFFFFF;
    --theme-nav-scrollbar-thumb: #F1F1F4;
    --theme-button-bg: #1B84FF;
    --theme-button: #FFFFFF;
    --theme-primary: #009EF7;
    --theme-heading-bg: #FFFFFF;
    --theme-heading-color: #252F4A;
    --theme-font-color: #252F4A;
    --theme-content-color: #252F4A;
    --theme-footer-bg: #FFFFFF;
    --theme-footer: #252F4A;
    --theme-link: #009EF7;
    --theme-link-active: #009EF7;
    --theme-submenu-link: #4B5675;
    --theme-submenu-icon: #4B5675;
    --theme-submenu-active-link-bg: #F9F9F9;
    --theme-submenu-active-link: #1B84FF;
    --theme-submenu-active-icon: #1B84FF;
}
body.light-header {
    --theme-background: #F9F9F9;
    --theme-content-background: #FFFFFF;
    --theme-header: #FFFFFF;
    --theme-header-font: #252F4A;
    --theme-sidebar: #FFFFFF;
    --theme-sidebar-link-bg: #FFFFFF;
    --theme-sidebar-link: #4B5675;
    --theme-sidebar-icon: #4B5675;
    --theme-sidebar-badge: #F9F9F9;
    --theme-sidebar-badge-text: #4B5675;
    --theme-sidebar-active-link-bg: #F9F9F9;
    --theme-sidebar-active-link: #1B84FF;
    --theme-sidebar-active-icon: #1B84FF;
    --theme-nav-scrollbar-thumb: #F1F1F4;
    --theme-button-bg: #1B84FF;
    --theme-button: #FFFFFF;
    --theme-primary: #009EF7;
    --theme-heading-bg: #FFFFFF;
    --theme-heading-color: #252F4A;
    --theme-font-color: #252F4A;
    --theme-content-color: #252F4A;
    --theme-footer-bg: #FFFFFF;
    --theme-footer: #252F4A;
    --theme-link: #009EF7;
    --theme-link-active: #009EF7;
    --theme-submenu-link: #4B5675;
    --theme-submenu-icon: #4B5675;
    --theme-submenu-active-link-bg: #F9F9F9;
    --theme-submenu-active-link: #1B84FF;
    --theme-submenu-active-icon: #1B84FF;
}
body.dark-mode {
    --theme-background: #0f1014 !important;
    --theme-font-color: #fff !important;
    --theme-content-color: #b5b7b8 !important;
    --theme-header: #15171c !important;
    --theme-sidebar-link-bg: #15171c !important;
    --theme-sidebar-link: #8d98af !important;
    --theme-sidebar-icon: #8d98af !important;
    --theme-sidebar-active-link: #fff !important;
    --theme-sidebar-active-icon: #fff !important;
    --theme-sidebar-active-link-bg: #3E97FF !important;
    --theme-sidebar-badge: #2A2A3C !important;
    --theme-button-bg: #009ef7 !important;
    --theme-heading-bg: #15171c !important;
    --theme-link-active: #009ef7 !important;
    --theme-link: #009ef7 !important;
    --theme-content-background: #15171c !important;
    --theme-footer: #9D9DA6 !important;
    --theme-footer-bg: #15171c !important;
    --theme-heading-color: #FFFFFF !important;
    --theme-header-font: #FFFFFF !important;
    --theme-sidebar: #15171c !important;
    --theme-sidebar-badge-text: #CDCDDE !important;
    --theme-border-color: #1E2027 !important;
    --theme-secondary-button-bg: #323248 !important;
    --theme-field-font-color: #9A9CAE !important;
    --theme-primary-color: #007bff !important;
    --theme-dark-bottom-border: 1px dashed #26272F !important;
    --theme-field-background-color: #1B1C22 !important;
    --theme-active-field-background-color: #26272f !important;
    --theme-submenu-background-color: #1c1d22 !important;
    --theme-submenu-link: #9A9CAE !important;
    --theme-submenu-icon: #9A9CAE !important;
    --theme-submenu-active-link-bg: #1B1C22 !important;
    --theme-submenu-active-link: #006AE6 !important;
    --theme-submenu-active-icon: #006AE6 !important;
}
.sidebar_brand #header-link {
    color: var(--theme-sidebar-active-link, var(--theme-color3, #313435));
}
header.navbar{
    box-shadow: var(--theme-dark-box-shadow);
}
.sidebar_brand {
    border-bottom: var(--theme-dark-bottom-border);
}
.sidebar_brand .logo_container img {
    top: 47%;
}
.sidebar_brand #header-link > span {
    margin-left: 5px;
    font-weight: 700;
}
#sidebar li a.dropdown:after {
    top: 35%;
    transform: rotate(90deg);
}
#sidebar li.toggled > a.dropdown:after {
    transform: rotate(180deg);
}
#sidebar .nav > li > a:hover,
#sidebar .active > a,
#sidebar .nav > li > ul > li > a:hover{
    background: transparent !important;
}
#sidebar .active > a:not(.dropdown),
#sidebar .nav > li > ul > li.active > a:hover,
#sidebar .active > a:not(.dropdown):hover{
    background: var(--theme-sidebar-active-link-bg) !important;
    border-radius: .475rem;
}
#sidebar .nav > li > a > span:not(.badge),
#sidebar .nav > li > ul > li > a > span:first-child{
    font-weight: 500;
}
#sidebar .badge {
    position: absolute;
    right: 10px;
    margin-top: 3px;
    padding-top: 3px;
}
#sidebar {
    box-shadow: none;
}
#sidebar .nav > li > a > span:not(.badge) {
    padding: 9px 0 6px 40px;
}
#sidebar .nav > li > ul > li > a {
    padding: 10px 10px 10px 20px;
    margin-left: 25px;
    margin-right: 10px;
}
body:not(.horizontal_menu) #navigation {
    width: 250px;
    margin: 0 10px;
    margin-top: 15px;
    border-top: 0;
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: -10px;
}
.form-section, .subform-section {
    display: block;
    border-radius: 7px;
    padding-bottom: 30px;
    box-shadow: var(--theme-card-box-shadow);
}
.form-section {
    border: 1px solid var(--theme-border-color);
}
.form-cell > label.label, .subform-cell > label.label{
    font-weight: 500;
}
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
select,
textarea,
.chosen-container-multi .chosen-choices,
.selector_element,
.ui-timepicker-div select,
.ui-timepicker-div input{
    background-color: var(--theme-field-background-color) !important;
    border-color: var(--theme-field-background-color) !important;
    color: #4B5675;
    font-weight: 500;
    transition: color .2s ease;
}
input:not([type]):focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=time]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus,
select:focus,
textarea:focus,
.chosen-container-multi .chosen-choices:focus,
.selector_element:focus,
.ui-timepicker-div select:focus,
.ui-timepicker-div input:focus{
    background-color: var(--theme-active-field-background-color) !important;
    border-color: var(--theme-active-field-background-color) !important;
    outline: none;
}
#content main button[class*=button], #content main input[class*=button] {
    padding: 10px 20px;
    font-weight: 500 !important;
}
.form-fileupload.dropzone {
    border: 1px dashed #009ef7;
    background-color: #f1faff;
    border-radius: .475rem !important;
    padding: 1.5rem 1.75rem !important;
}
.dropzone .dz-message {
    color: #071437;
    font-weight: 500;
    font-size: 15px;
}
body:not(.embeded) #content .main-body-content:not(.Dashboard){
    border: 1px solid var(--theme-border-color);
    box-shadow: var(--theme-card-box-shadow);
    border-radius: 0.625rem;
}
body.embeded #content .main-body-content{
    padding: 0;
    border: 0;
}
#content .main-body-content.Form_Menu,
#content .main-body-content.Run_Process_Menu,
#content .main-body-content:has(.viewForm-body-content),
#content .main-body-content.Dashboard{
    box-shadow: none !important;
    border: 0px !important;
    padding: 0px !important;
}
.form-container {
    padding: 0px;
}
.viewForm-body-content, .runProcess-body-content {
    padding: 0px !important;
}
#content .main-body-content.Calendar_Menu {
    padding: 30px;
}
#content .grid-stack-item .grid-stack-item-header h4 {
    color: var(--theme-heading-color);
    padding: 30px;
    padding-top: 22px;
    padding-bottom: 0px;
    font-size: 16.5px;
}
#content .grid-stack-item .grid-stack-item-header {
    border-bottom: 0px;
}
#content .grid-stack-item .grid-stack-item-content {
    box-shadow: var(--theme-card-box-shadow);
    border: 1px solid var(--theme-border-color);
    border-radius: 0.625rem;
}
#content .grid-stack-item-header-action {
    top: 20px;
    margin-right: 30px;
}
#content .grid-stack iframe {
    padding: 16px 29px;
}
.grid table th{
    font-weight: 500;
}
.tablesaw thead tr:first-child th {
    color: var(--theme-heading-color);
    padding-top: 16px;
    padding-bottom: 16px;
}
.grid table th {
    border-bottom: 1px solid var(--theme-border-color) !important;
}
.grid table th, .grid table td {
    border-top: 1px solid var(--theme-border-color) !important;
    border-bottom: 1px solid var(--theme-border-color) !important;
}
.tablesaw th, .tablesaw td {
    padding: 16px 9px;
}
.grid table tr.even td {
    background-color: #fbfafb;
}
.grid table tr:hover td {
    background: #e9ecef;
}
div.pq-grid * {
    font-size: 14px !important;
}
td.fc-daygrid-day, .fc-col-header-cell, .fc-timegrid-col {
    border: 1px solid var(--theme-border-color) !important;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid var(--theme-border-color);
}
.table-bordered {
    border: 1px solid var(--theme-border-color);
}
.fc .fc-col-header-cell-cushion {
    font-weight: 500;
}
.fc-daygrid-dot-event .fc-event-title {
    font-weight: 500 !important;
}
.fc .fc-col-header-cell-cushion {
    padding: 12px 4px !important;
}
.subform-section {
    box-shadow: none !important;
}
.dataList .filter-cell input[type="submit"] {
    height: unset;
}
.dataList .filters input, .dataList .filters select, .dataList .filters textarea {
    padding: 10px 20px;
    height: unset;
}
.dataList thead th {
    color: var(--theme-footer);
    border-top: 0px;
    border-bottom: 1px solid var(--theme-border-color);
    background: transparent;
    font-weight: 500;
    padding: 16px 10px;
}
.dataList th, .dataList td {
    border-top: 0px;
    padding: 16px 10px;
    font-weight: 500;
}
.dataList:not(.size_sm) tr.odd td {
    background-color: #fbfafb;
}
.dataList tr.even {
    background-color: transparent;
}
.dataList table {
    border-bottom: 1px solid var(--theme-border-color);
}
.dataList thead th a {
    color: var(--theme-footer);
}
.dataList td {
    color: #4B5675;
}
.dataList span.pagelinks a, .dataList span.pagelinks strong, .dataList span.pagelinks > span {
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    width: 32px;
    height: 33px;
}
.dataList .pagelinks > *:nth-child(1){
    border-left: 0px;
}
.dataList .pagelinks .pc.first-disabled, .dataList .pagelinks .pc.prev-disabled, .dataList .pagelinks .pc.next-disabled, .dataList .pagelinks .pc.last-disabled {
    background-color: transparent;
}
.dataList span.pagelinks strong {
    border-radius: .475rem;
}
.dataList.size_sm .responsivetable .cell-label{
    font-weight: 500;
}
.form-container .form-cell-value,
.form-container .subform-cell-value,
.form-container .selector_element,
.form-container .form-fileupload,
.form-container .subform-fileupload,
.form-container .grid,
.form-container .spreadsheet_container {
    min-height: 35px;
}
.selector_element .selector_button, .selector_element .selector_button:hover {
    height: 35px;
    border-radius: 0 .25rem .25rem 0 !important;
}
.card {
    border: 1px solid var(--theme-border-color);
    box-shadow: var(--theme-card-box-shadow);
}
.card-header {
    background-color: transparent;
}
.accordion>.card>.card-header {
    border-bottom: 0px !important;
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-heading-color);
}
.accordion>.card>.card-header[aria-expanded='true'] {
    color: var(--theme-link);
    background-color: var(--theme-background);
}
.list-group-item {
    border: 1px solid var(--theme-border-color);
}
.dataList .column_body strong.label {
    font-weight: 600;
}
ul.breadcrumb i.zmdi.zmdi-minus {
    margin-right: 5px;
    color: #99a1b7;
    font-weight: 600;
}
#content .page-heading{
    font-size: 17.5px;
    font-weight: 600;
}
ul.breadcrumb{
    margin-bottom: 20px;
}
ul.breadcrumb a {
    color :#99a1b7;
    font-weight: 500;
}
.multiPagedForm:not(.wizard) .page-nav-panel .nav_item button {
    padding: 8px 0px;
    border: 0px;
    color: #99A1B7;
    font-weight: 500;
    margin-right: 26px;
    margin-top: 3px;
    padding-bottom: 15px;
}
.multiPagedForm:not(.wizard) .page-nav-panel .nav_item.current button {
    color: #99A1B7;
    border-bottom: 1px solid var(--theme-link-active);
}
.multiPagedForm:not(.wizard) .page-nav-panel .nav_item button:hover {
    background-color: #fff;
    color: #99A1B7;
    border-bottom: 1px solid var(--theme-link-active);
}
.multiPagedForm:not(.wizard) .page-nav-panel .nav_item button:focus {
    outline: 0;
}
#section-actions .form-column {
    float: right;
}
#section-actions .form-cell {
    float: right;
}
.form-column-horizontal > .form-cell + .form-cell, .subform-column-horizontal > .subform-cell + .subform-cell {
    margin-left: 0px;
    margin-right: 6px;
}
.header-nav .user-link img {
    position: relative;
    border-radius: .475rem;
    left: unset;
    top: 4px;
}
.header-nav a.btn .badge {
    right: 5px;
    top: 5px;
}
.dropdown-toggle::after {
    display: none;
}
.header-nav .user-link > a.dropdown-toggle:not(.type-no) {
    top: -5px;
    padding: 0;
    margin-left: 12px;
}
.header-nav .user-link > a.dropdown-toggle:not(.type-no):focus{
    outline: none;
    box-shadow: none;
}
.header-nav a.btn{
    font-size: 20px;
}
.header-nav a.btn:focus{
    box-shadow: none;
}
.subform-container.no-frame {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.subform-container.has-frame {
    padding: 15px;
    border-color: var(--theme-border-color);
}
.page-container > .page > .subform-cell{
    padding-left: 0px;
    padding-right: 0px;
}
.multiPagedForm .page-button-panel {
    padding: 0px;
    padding-top: 10px;
}
.mpf-container .subform-section {
    padding-bottom: 30px;
}
.dataList .row_action a:not(.btn) {
    padding: 5.5px 14px;
}
.btn-danger {
    background-color: #F8285A;
    border-color: #F8285A;
}
li.user-link.dropdown div.symbol.symbol-50px.me-5 > img{
    margin-right: 15px;
    width: 40px;
    height: 40px;
}
header.navbar .dropdown-menu {
    top: 85%;
    padding: 13px 0;
    min-width: 17rem;
    box-shadow: var(--theme-menu-dropdown-shadow);
    border: 0px;
    border-radius: 0.475rem;
}
header.navbar ul.nav.pull-right .dropdown-menu{
    top: 97%;
}
.profile-item{
    border-bottom: 1px solid var(--theme-border-color);
    padding: 9px;
    padding-bottom: 11px;
    margin-bottom: 6px;
}
header.navbar .dropdown-menu a {
    padding: 8.5px 16px;
    color: var(--theme-font-color);
    border-radius: .475rem;
    font-weight: 500;
}
header.navbar .dropdown-menu li {
    padding: 2px 16px;
}
header.navbar .dropdown-menu a span:hover, header.navbar .dropdown-menu a:hover {
    background-color: var(--theme-border-color);
    color: var(--theme-link-active);
    text-decoration: none;
}
header.navbar .profile-name{
    font-weight: 500;
}
header.navbar .profile-email {
    font-size: 13px !important;
    padding: 5px !important;
}
.header-nav li.dropdown {
    height: 53px;
}
li.dropdown-menu-title {
    margin-bottom: 6px;
}
.dropdown-menu.notifications .refresh {
    bottom: 10px;
    height: auto;
    top: unset;
    right: 10px;
    color: #fff;
}
li.all-assignment {
    border-top: 1px solid var(--theme-border-color);
    margin-top: 10px;
}
.all-assignment > a {
    margin: 0 !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
header.navbar .dropdown-menu.notifications{
    padding: 0;
    min-width: 375px;
}
ul.notifications li.dropdown-menu-title {
    padding-top: 43px !important;
    padding-bottom: 30px;
    background-color: #08a0f3;
    border-radius: 0.475rem 0.475rem 0 0;
    color: #fff;
}
.dropdown-menu-title h3 {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
}
.dropdown-menu-title span {
    opacity: 0.75;
    display: inline-block;
    margin-left: 10px;
    font-size: 11px;
}
header.navbar .dropdown-menu a span.header {
    font-weight: 600;
}
header.navbar .dropdown-menu a span.message {
    color: #99A1B7;
    font-weight: 400;
}
header.navbar .dropdown-menu a:hover span.message{
    color: var(--theme-link-active);
}
li.user-link.dropdown .profile-item div.symbol.symbol-50px.me-5{
    height: 55px;
}
header.navbar .dropdown-menu a span.time {
    top: 10px;
    font-weight: 400;
}
dataList.size_sm > form > .table-wrapper > table.responsivetable > tbody > tr, .dataList.size_sm > .table-wrapper > table.responsivetable > tbody > tr {
    border-color: var(--theme-border-color);
}
.form-section + .form-section.no_label > .form-column:nth-child(2) > .form-cell:first-child:last-child > .subform-container.no-frame:first-child:before,
.form-section + .form-section.no_label > .form-column:nth-child(2) > .form-cell:first-child:last-child > .subform-container.no-frame:first-child:after,
.form-section.no_label > .form-column:nth-child(2):last-child > .form-cell:first-child:last-child > .subform-container.no-frame > .subform-section + .subform-section:not(.no_label):before,
.form-section + .form-section.no_label > .form-column:nth-child(2) > .subform-cell:first-child:last-child > .subform-container.no-frame:first-child:before,
.form-section + .form-section.no_label > .form-column:nth-child(2) > .subform-cell:first-child:last-child > .subform-container.no-frame:first-child:after,
.form-section.no_label > .form-column:nth-child(2):nth-last-child(2) > .subform-cell:first-child:last-child > .subform-container.no-frame > .subform-section + .subform-section:not(.no_label):before{
    background-color: var(--theme-content-background, #ffffffcc);
}
#sidebar .nav > li > ul {
    background: transparent;
}
#sidebar .nav > li > a {
    font-size: 13px;
    padding: 5px;
}
body.light-sidebar #sidebar .active > a:not(.dropdown),
body.light-sidebar #sidebar .active > a:not(.dropdown) > span > i:first-child{
    color: var(--theme-link-active) !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
}
body.sidebar-minimized #sidebar .nav > li > a > span:not(.badge) {
    padding: 9px 0 6px 50px;
}
body.sidebar-minimized #sidebar:hover .nav > li > a > span:not(.badge) {
    padding: 9px 0 6px 40px;
}
body.sidebar-minimized #sidebar .active > a:not(.dropdown){
    background: transparent !important;
}
body.sidebar-minimized #sidebar:hover .active > a:not(.dropdown){
    background: var(--theme-sidebar-active-link-bg) !important;
}
.nav.pull-right li.dropdown:hover .dropdown-menu{
    display: block;
}
.form-section-title i,
.subform-section-title i{
    margin-right: 5px;
}
.form-section-title, .subform-section-title {
        border-radius: 7px 7px 0 0;
        margin-bottom: 30px;
        border-bottom-color: var(--theme-border-color);
}
body.horizontal_menu header.navbar{
    height: 70px;
    background-color: var(--theme-sidebar);
}
footer{
    border-top: none;
}
.runProcess-body-header {
    font-size: 16px !important;
}
body.dark-header #sidebar .nav{
    background: var(--theme-sidebar);
}
#content .main-body-content.User_Profile_Menu {
    padding-top: 0px !important;
}
.userProfile-body-header {
    margin-left: -30px;
    margin-right: -30px;
}
.userProfile-body-content {
    border-radius: 7px 7px 0 0;
}
.userProfile-body-content .userProfile-body-header {
    padding: 1.4rem 1.9rem !important;
    border-radius: 7px 7px 0 0;
}
form.form .form-buttons {
    float: right;
}
.pad {
    border-color: var(--theme-border-color);
}

@media(min-width: 768px) {
    body.horizontal_menu #sidebar .nav > li > ul > li > a > span:first-child{
        max-width: unset
    }
    body.horizontal_menu #sidebar ul#moreSubMenu.sub-menu > li.category {
        padding-bottom: 5px;
        margin-left: 6px;
    }
    body.horizontal_menu #sidebar ul#moreSubMenu.sub-menu {
        top: 56px !important;
        margin-top: 0px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: var(--theme-sidebar-link-bg);
    }
    body.horizontal_menu #sidebar ul#moreSubMenu li > ul > li:hover{
        color: var(--theme-submenu-active-link) !important;
        background-color: var(--theme-submenu-active-link-bg) !important;
    }
    body.horizontal_menu #sidebar ul#moreSubMenu li > ul > li:hover > a{
        text-decoration: none;
    }
    body.horizontal_menu ul#moreSubMenu.sub-menu > li:hover> ul {
        top: -1px !important;
        width: auto;
        right: 100%;
    }
    body.horizontal_menu ul#moreSubMenu.sub-menu > li > ul > li > a {
        color: var(--theme-submenu-link);
    }
    body.horizontal_menu ul#moreSubMenu.sub-menu > li > ul > li > a .badge{
        color: var(--theme-sidebar-link-bg) !important;
        background-color: var(--theme-submenu-active-link) !important;
    }
    body.horizontal_menu i#menuMoreLink {
        padding: 17px 15px 25px 10px;
    }
    body:not(.embeded) #content .main-body-content:not(.Dashboard){
        padding: 30px;
    }
    .hasDatepicker + a, .hasDatepicker + a + a {
        right: 35px;
    }
    .hasDatepicker + a + a {
        right: 60px;
    }
    legend, body #form-canvas .form-section-title span, body #form-canvas .subform-section-title span {
        font-size: 17px;
        padding-left: 0px;
    }
    .form-section-title, .subform-section-title {
        padding: 1.4rem 1.9rem;
    }
    .form-cell, .subform-cell {
        padding-left: 30px;
        padding-right: 30px;
    }
    #content.page_content {
        padding: 85px 30px 30px;
    }
    #content.page_content:not(:has(.main-body-content.Dashboard)) {
        max-width: 1320px;
        margin-right: auto;
        margin-left: auto;
    }
    footer{
        text-align: left;
        padding: 20px 30px;
    }
    body.horizontal_menu.inline_menu #header-link {
        color: var(--theme-sidebar-active-link);
        font-weight: 700;
        line-height: 43px;
    }
    body.horizontal_menu #sidebar #navigation {
        border-top-color: var(--theme-sidebar);
    }
    body.horizontal_menu #sidebar li a.dropdown:after{
        display: none;
    }
    body.horizontal_menu #sidebar #category-container {
        height: 56px;
        background-color: var(--theme-sidebar);
    }
    body.horizontal_menu header.navbar .container-fluid {
        max-width: 1320px;
        padding: 2px 10px 5px 20px !important;
    }
    body.horizontal_menu #sidebar .nav > li > a > span {
        padding: 10px 13px !important;
    }
    body.horizontal_menu #sidebar .nav > li > a {
        padding: 0 !important;
        border-radius: .475rem;
    }
    body.horizontal_menu #sidebar .nav > li > a > span.badge {
        margin-top: 12px !important;
        padding: 5px 0 !important;
    }
    body.horizontal_menu #sidebar .nav > li > a:hover{
        background: var(--theme-sidebar-active-link-bg, transparent) !important;
    }
    body.horizontal_menu #sidebar .nav li.category {
        margin-right: 6px;
        padding-bottom: 16px;
    }
    body.horizontal_menu #sidebar .nav > li.toggled:hover > ul,
    body.horizontal_menu #sidebar li:hover > ul,
    body.horizontal_menu #sidebar .nav > li.toggled > ul.focusVisible,
    body.horizontal_menu #sidebar li > ul.focusVisible {
        border-radius: .475rem;
        background: var(--theme-sidebar-link-bg);
        border: 0;
        box-shadow: var(--theme-menu-dropdown-shadow);
        padding: 13px 6.5px !important;
        top: 55px !important;
    }
    body.horizontal_menu #sidebar .nav > li > ul > li > a {
        padding: 10px 15px;
        color: var(--theme-submenu-link);
        border-radius: .475rem;
    }
    body.horizontal_menu #sidebar .nav > li > ul > li > a:hover {
        color: var(--theme-submenu-active-link) !important;
        background-color: var(--theme-submenu-active-link-bg) !important;
    }
    body.horizontal_menu #sidebar .nav > li > ul > li > a > i{
        color: var(--theme-submenu-icon);
    }
    body.horizontal_menu #sidebar .nav > li > ul > li > a:hover > i {
        color: var(--theme-submenu-active-icon) !important;
    }
    body.horizontal_menu #sidebar .nav > li.active > a > i{
        background: var(--theme-submenu-active-icon) !important;
    }
    body.horizontal_menu #sidebar .nav > li.active > a {
        background: var(--theme-sidebar-active-link-bg, transparent) !important;
    }
    body.horizontal_menu #sidebar .nav li.category:has(ul.menu-container:hover){
        color: #fff;
    }
    body.horizontal_menu #sidebar .nav > li > ul > li.active > a{
        color: var(--theme-submenu-active-link) !important;
        background-color: var(--theme-submenu-active-link-bg) !important;
    }
    body.horizontal_menu #sidebar .nav > li > a > span.badge {
        position: relative;
        margin-top: 12px;
        margin-left: 6px;
    }
    body.horizontal_menu #sidebar .nav > li > ul > li > a .badge {
        color: var(--theme-sidebar-link-bg) !important;
        background-color: var(--theme-submenu-active-link) !important;
        position: relative;
        right: unset;
    }
    body.horizontal_menu #sidebar .nav > li.active > a .badge{
        color: var(--theme-sidebar-active-link) !important;
    }
    body.horizontal_menu #sidebar .nav > li > a:hover .badge{
        color: var(--theme-sidebar-active-link) !important;
    }
    body.horizontal_menu header.navbar {
        position: fixed;
        top: 0px;
    }
    body.horizontal_menu #sidebar .nav > li > a > span > i:first-child {
        top: 2px;
        line-height: 20px;
        font-size: 17px;
        height: auto;
    }
    body.horizontal_menu header.navbar .user-link a{
        top: unset !important;
    }
    body.horizontal_menu.inline_menu #sidebar{
        background-color: var(--theme-sidebar);
    }
    body.light-sidebar header.navbar {
        position: relative;
        width: 100% !important;
    }
    body.light-sidebar #content.page_content {
        padding: 20px 30px 30px;
    }
    body.horizontal_menu .header-nav .pull-right > li {
        height: 68px;
        padding-top: 8px;
    }
    body.horizontal_menu .inbox-notification.dropdown > a {
        padding-top: 8px;
    }
    .ui-widget.ui-widget-content{
        left: 10px;
    }
    body.horizontal_menu.compact-mode header.navbar{
        height: 60px;
    }
    body.horizontal_menu.compact-mode .header-nav .pull-right > li {
        height: 58px;
        padding-top: 6px;
    }
    body.horizontal_menu.compact-mode #sidebar #category-container {
        height: 48px;
    }
    body.horizontal_menu.compact-mode #sidebar #navigation {
        padding-top: 3px;
    }
    body.horizontal_menu.compact-mode header.navbar .user-link a{
        top: -5px !important;
    }
    body.horizontal_menu.compact-mode i#menuMoreLink{
        padding-top: 10px;
    }
    body.horizontal_menu.compact-mode #sidebar .nav > li > a > span.badge {
        margin-top: 6px !important;
    }
    body.horizontal_menu.compact-mode #sidebar .nav > li > a > span {
        padding: 6px 13px !important;
    }
    body.horizontal_menu.compact-mode #sidebar .nav > li.toggled:hover > ul,
    body.horizontal_menu.compact-mode #sidebar li:hover > ul,
    body.horizontal_menu.compact-mode #sidebar .nav > li.toggled > ul.focusVisible,
    body.horizontal_menu.compact-mode #sidebar li > ul.focusVisible {
        top: 47px !important;
    }
    body.horizontal_menu.compact-mode #sidebar ul#moreSubMenu.sub-menu {
        top: 48px !important;
    }
    body.horizontal_menu.compact-mode #sidebar .nav > li > ul > li > a {
        padding: 6px 15px;
    }
}
@media(max-width: 767px) {
    body.dark-header #sidebar .nav,
    body.light-header #sidebar .nav{
        padding: 15px;
    }
    body.horizontal_menu #content.page_content {
        padding: 20px;
    }
    multiPagedForm.wizard .page-nav-panel .nav_item button,
    .multiPagedForm.tab .page-nav-panel .nav_item button,
    .rtl .multiPagedForm.wizard .page-nav-panel .nav_item button,
    .rtl .multiPagedForm.tab .page-nav-panel .nav_item button {
        background: var(--theme-background);
        border-color: var(--theme-border-color) !important;
        color: var(--theme-heading-color);
    }
    .multiPagedForm .page-container {
        border-color: var(--theme-border-color);
    }
    .multiPagedForm.wizard .page-nav-panel .nav_item.current button:disabled,
    .multiPagedForm.tab .page-nav-panel .nav_item.current button:disabled,
    .multiPagedForm.wizard .page-nav-panel .nav_item.current button,
    .multiPagedForm.tab .page-nav-panel .nav_item.current button {
        background: var(--theme-background);
        color: var(--theme-link-active);
        font-weight: 500;
    }
    header.navbar .dropdown-menu.notifications {    
        min-width: 330px;
    }
    .fc-header-toolbar button.btn{
        padding: 10px 10px !important;
    }
    .calendar_menu_body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {
        top: 55px !important;
    }
    #sidebar .nav-tabs.user-menu{
        display: block !important;
    }
}

input[type=checkbox], input[type=radio]{
    visibility: hidden;
    margin-right: 10px !important;
}
body input[type=checkbox]:before,
body input[type=radio]:before {
    content: "";
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    top: -0.1rem;
    left: 0;
    border: 1px solid #F1F1F4;
    background-color: #F1F1F4;
    padding: 1px;
    visibility: visible;
    border-radius: .28rem;
    position: relative;
}
body input[type=checkbox]:checked::before{
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
body input[type=radio]:checked::before {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
body input[type=checkbox]:checked::after,
body input[type=radio]:checked::after {
    content: "";
    display: block;
    width: 0.4rem;
    height: 0.7rem;
    border: solid #fff;
    border-width: 0 0.125rem 0.125rem 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: -1.2rem;
    left: 0.4rem;
    visibility: visible;
}
body input[type=radio]:before {
    border-radius: 45%;
}
body input[type=radio]:checked::after {
    width: 0.65rem;
    height: 0.65rem;
    border: 0.35rem solid #fff;
    top: -16px;
    left: 5px;
    border-radius: 55%;
    background-color: #fff;
}
body td.select_radio input[type=radio]:checked::after {
    top: -17px;
}

body td.select_checkbox input[type=checkbox]:checked::after{
    left: 0.45rem;
}
body.horizontal_menu:not(.embeded) #main.container-fluid-full{
    padding-top: 70px;
}
body.horizontal_menu .header-nav a.btn{
    color: var(--theme-sidebar-link);
}
body.horizontal_menu #content.page_content{
    min-height: calc(100vh - 131px);
    padding-bottom: 30px;
}
body.horizontal_menu div#footer-message {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
body.horizontal_menu #content.page_content:has(.main-body-content.Dashboard) {
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
}
body.dark-header .header-nav a.btn:hover {
    background-color: #24262F;
}
#header-link {
    font-size: 20px;
}
.ajaxloading > main, .ajaxloading > div {
    overflow: hidden;
}
.multiPagedForm.tab .page-nav-panel {
    border-bottom: 1px solid var(--theme-border-color);
}
.dataList .pagebanner {
    margin-top: 10px;
}
.dataList.size_sm > form > .table-wrapper > table.responsivetable > tbody > tr,
.dataList.size_sm > .table-wrapper > table.responsivetable > tbody > tr{
    border-color: var(--theme-border-color);
}
body:not(.embeded) #content .grid-stack-item .grid-stack-item-body .main-body-content:not(.Dashboard){
    border: 0px;
    box-shadow: none;
    padding: 0px;
}
.grid-stack-item .grid-stack-item-body{
    padding: 10px 30px !important;
}
.datalist-body-content .form-cell{
    padding: 0;
}
.dataList.size_xl {
    margin-top: 30px;
}
.ui-datepicker-title select {
    font-weight: 600;
}
.boxy-wrapper, .boxy-wrapper .title-bar, body.popupBody #section-actions .form-cell, body.popupBody .dataList .actions {
    border-color: var(--theme-border-color);
    z-index: 99;
}
.process_container .node_status {
    border-radius: 5px;
    font-size: 11px;
    font-weight: 500;
    padding: 0px !important;
}
.process_container .process_title {
    font-size: 18px;
    margin-bottom: 35px !important;
    font-weight: 600;
}
.process_container .node_label {
    font-weight: 500 !important;
}
.process_status_dl_container.show .ps_iframe_container {
    box-shadow: var(--theme-menu-dropdown-shadow);
    border-radius: 15px;
}
.ps_iframe_container iframe {
    border-radius: 5px;
    padding: 15px;
}
.process_container {
    padding: 0px !important;
}
.ps_progress_container .progress_bar .bar,
.process_container .progress_bar .bar{
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;
    border-radius: .25rem;
}
.ps_progress_container .progress_bar{
    width: 100% !important;
    height: 15px !important;
    border-radius: .25rem;
}
.ps_progress_container {
    width: 150px !important;
}
.process_container .progress_bar{
    width: 150px !important;
    height: 15px !important;
    border-radius: .25rem;
}
body.rounded-field input:not([type]),
body.rounded-field input[type=text],
body.rounded-field input[type=password],
body.rounded-field input[type=email],
body.rounded-field input[type=url],
body.rounded-field input[type=time],
body.rounded-field input[type=date],
body.rounded-field input[type=datetime],
body.rounded-field input[type=datetime-local],
body.rounded-field input[type=tel],
body.rounded-field input[type=number],
body.rounded-field input[type=search],
body.rounded-field select, 
body.rounded-field textarea {
    border-radius: 15px;
}
.themes #dropdown-title {
    border-bottom: 1px solid var(--theme-border-color);
    padding-bottom: 10px;
}
.nav.pull-right .dropdown:not(.inbox-notification) .dropdown-menu li {
    padding: 5px 15px !important;
    margin-bottom: 5px;
}


 /* dark mode CSS */
body.dark-mode #sidebar .nav > li > ul {
    background: transparent;
}
body.dark-mode #content .grid-stack-item .grid-stack-item-header {
    border-bottom: 0px;
}
body:not(.horizontal_menu).dark-mode #sidebar {
    border-right: 0px;
}
body.dark-mode header.navbar {
    border-bottom: 0px;
}
body.dark-mode footer {
    border-top: 0px !important;
}
body.dark-mode input:focus, body.dark-mode select:focus, body.dark-mode textarea:focus {
    outline: none !important;
}
body.dark-mode .dataList:not(.size_sm) tr.odd td {
    background-color: #191b20;
}
body.dark-mode .dataList span.pagelinks a {
    border: 0px !important;
}
body.dark-mode .accordion>.card>.card-header {
    color: var(--theme-heading-color);
}
body.dark-mode .accordion>.card>.card-header[aria-expanded='true'] {
    background-color: var(--theme-active-field-background-color);
}
body.dark-mode.light-sidebar header.navbar {
    border-bottom: 0px;
    background-color: var(--theme-background);
}
body.dark-mode.light-sidebar #sidebar .active > a:not(.dropdown),
body.dark-mode.light-sidebar #sidebar .active > a:not(.dropdown) > span > i:first-child{
    color: #1b84ff !important;
    background-color: #2A2A3C !important;
}
body.horizontal_menu.dark-mode #sidebar .nav>li.toggled:hover>ul,
body.horizontal_menu.dark-mode #sidebar li:hover>ul,
body.horizontal_menu.dark-mode #sidebar .nav>li.toggled>ul.focusVisible,
body.horizontal_menu.dark-mode #sidebar li>ul.focusVisible {
    background-color: var(--theme-submenu-background-color);
}
body.horizontal_menu.dark-mode #sidebar .nav>li>ul>li>a:hover>span:first-child {
    color: var(--theme-submenu-active-link) !important;
}
body.horizontal_menu.dark-mode #sidebar .nav>li>ul>li>a:hover>span:first-child {
    color: var(--theme-submenu-active-link) !important;
}
body.horizontal_menu.dark-mode #sidebar .nav>li>ul>li>a:hover>span:first-child > i{
    color: var(--theme-submenu-active-link) !important;
}
body.horizontal_menu.dark-mode #sidebar .nav > li > ul > li.active > a > span > i{
    color: var(--theme-submenu-active-icon) !important;
}


 /* RTL mode CSS */
body.rtl footer {
    text-align: right;
}
body.rtl:not(.horizontal_menu) #sidebar .nav > li > a > span:not(.badge) {
    padding: 9px 40px 6px 20px !important;
}
body.rtl:not(.horizontal_menu) #sidebar .nav > li > ul > li > a {
    padding: 10px 50px 10px 15px;
}
body.rtl:not(.horizontal_menu) #sidebar .badge {
    left: 10px;
    right: unset;
}
body.rtl .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, 
body.rtl .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: -13px;
    right: auto;
}
body.rtl #content .page-heading {
    text-align: right;
}
body.rtl ul.breadcrumb i.zmdi.zmdi-minus {
    margin-right: 0px;
    margin-left: 6px;
}
body.rtl #section-actions .form-column {
    float: left;
}
body.rtl #section-actions .form-cell {
    float: left;
}
body.rtl .hasDatepicker + a + a {
    left: 65px !important;
}
body.rtl .hasDatepicker + a, body.rtl .hasDatepicker + a + a {
    left: 40px;
}
body.rtl .dataList .pagelinks > *:last-child {
    border-left: 0px;
}
body.rtl .dataList .filters > span + span {
    margin-right: 10px;
}
body.rtl .ui-timepicker-rtl dl dd {
    margin: 0 40% 10px 10px;
}
body.horizontal_menu.rtl #sidebar .nav > li > a > span > i:first-child {
    margin-right: 0px;
    margin-left: 5px;
}
body.horizontal_menu.rtl header.navbar .container-fluid .header-nav .nav{
    padding: 0;
}
body .filter-cell .hasDatepicker + a {
    right: 6px;
    top: 12px;
}
#sidebar .nav-tabs.user-menu .mm-profile > a {
    padding: 10px 15px;
}
#sidebar .nav > li.mm-profile > a > span:not(.badge){
    padding-left: 48px;
}
#sidebar .nav > li.mm-profile > ul > li > a{
    padding-left: 65px !important;
}
#sidebar .nav > li > a.menu-link > span.badge{
    margin-top: 10px;
}
#sidebar .nav > li > a.menu-link > span:not(.badge){
    padding-right: 20px;
}
#sidebar .nav > li > ul > li > a .badge{
    right: 20px;
}
#sidebar .nav > li > ul > li > a:has(.badge){
    padding: 10px 35px 10px 20px;
}

#sidebar .nav-tabs.user-menu{
    display: none;
}