:root, [data-bs-theme=light] {
  --bs-blue: #058FFF;
  --bs-indigo: #6610F2;
  --bs-purple: #6A6FEA;
  --bs-pink: #D63384;
  --bs-red: #F05564;
  --bs-orange: #FD7E14;
  --bs-yellow: #F8DD57;
  --bs-green: #2BDAA8;
  --bs-teal: #20C997;
  --bs-cyan: #16CEF3;
  --bs-black: #1A1C23;
  --bs-white: #ffffff;
  --bs-gray: #656e83;
  --bs-gray-dark: #343746;
  --bs-gray-100: #f6f7f9;
  --bs-gray-200: #e9eaf1;
  --bs-gray-300: #dee0e8;
  --bs-gray-400: #ccd0dd;
  --bs-gray-500: #abb0c1;
  --bs-gray-600: #656e83;
  --bs-gray-700: #454b5c;
  --bs-gray-800: #343746;
  --bs-gray-900: #22252f;
  --bs-primary: #058FFF;
  --bs-secondary: #656e83;
  --bs-success: #2BDAA8;
  --bs-info: #16CEF3;
  --bs-warning: #F8DD57;
  --bs-danger: #F05564;
  --bs-light: #f6f7f9;
  --bs-dark: #22252f;
  --bs-primary-rgb: 5, 143, 255;
  --bs-secondary-rgb: 101, 110, 131;
  --bs-success-rgb: 43, 218, 168;
  --bs-info-rgb: 22, 206, 243;
  --bs-warning-rgb: 248, 221, 87;
  --bs-danger-rgb: 240, 85, 100;
  --bs-light-rgb: 246, 247, 249;
  --bs-dark-rgb: 34, 37, 47;
  --bs-primary-text-emphasis: #023966;
  --bs-secondary-text-emphasis: #282c34;
  --bs-success-text-emphasis: #115743;
  --bs-info-text-emphasis: #095261;
  --bs-warning-text-emphasis: #635823;
  --bs-danger-text-emphasis: #602228;
  --bs-light-text-emphasis: #454b5c;
  --bs-dark-text-emphasis: #454b5c;
  --bs-primary-bg-subtle: #cde9ff;
  --bs-secondary-bg-subtle: #e0e2e6;
  --bs-success-bg-subtle: #d5f8ee;
  --bs-info-bg-subtle: #d0f5fd;
  --bs-warning-bg-subtle: #fef8dd;
  --bs-danger-bg-subtle: #fcdde0;
  --bs-light-bg-subtle: #fbfbfc;
  --bs-dark-bg-subtle: #ccd0dd;
  --bs-primary-border-subtle: #9bd2ff;
  --bs-secondary-border-subtle: #c1c5cd;
  --bs-success-border-subtle: #aaf0dc;
  --bs-info-border-subtle: #a2ebfa;
  --bs-warning-border-subtle: #fcf1bc;
  --bs-danger-border-subtle: #f9bbc1;
  --bs-light-border-subtle: #e9eaf1;
  --bs-dark-border-subtle: #abb0c1;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 26, 28, 35;
  --bs-font-sans-serif: Roboto, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #22252f;
  --bs-body-color-rgb: 34, 37, 47;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #1A1C23;
  --bs-emphasis-color-rgb: 26, 28, 35;
  --bs-secondary-color: rgba(34, 37, 47, 0.75);
  --bs-secondary-color-rgb: 34, 37, 47;
  --bs-secondary-bg: #e9eaf1;
  --bs-secondary-bg-rgb: 233, 234, 241;
  --bs-tertiary-color: rgba(34, 37, 47, 0.5);
  --bs-tertiary-color-rgb: 34, 37, 47;
  --bs-tertiary-bg: #f6f7f9;
  --bs-tertiary-bg-rgb: 246, 247, 249;
  --bs-heading-color: inherit;
  --bs-link-color: #058FFF;
  --bs-link-color-rgb: 5, 143, 255;
  --bs-link-decoration: none;
  --bs-link-hover-color: #0472cc;
  --bs-link-hover-color-rgb: 4, 114, 204;
  --bs-link-hover-decoration: underline;
  --bs-code-color: #D63384;
  --bs-highlight-bg: #fef8dd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #e9eaf1;
  --bs-border-color-translucent: rgba(26, 28, 35, 0.075);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.375rem;
  --bs-border-radius-lg: 0.75rem;
  --bs-border-radius-xl: 0.875rem;
  --bs-border-radius-xxl: 1.5rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 10px 12px 0 rgba(34, 37, 47, 0.04);
  --bs-box-shadow-sm: 0 6px 8px 0 rgba(34, 37, 47, 0.02);
  --bs-box-shadow-lg: 0 12px 16px 0 rgba(34, 37, 47, 0.06);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(26, 28, 35, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(5, 143, 255, 0.25);
  --bs-form-valid-color: #2BDAA8;
  --bs-form-valid-border-color: #2BDAA8;
  --bs-form-invalid-color: #F05564;
  --bs-form-invalid-border-color: #F05564
}
.styles{display: none}
.styles.active{display: block}
#chat_app_TEST{position: static;}
#chat_app_TEST .xi_chatbox{position: static; height: 300px}
#chat_app_TEST .xi_chatbox .xi_chatbox_header{min-height: auto}
#chat_app_TEST .xi_chatbox  .xi_chatbox_body{border-radius: 0;}

.extra_blocks{display: none}
.extra_blocks.active{display: block}

.hidden_block{display: none}
.hidden_block.active{display: block}

#myFrame{display: block;height:80vh; margin: 20px }
.modal-custom-size{    width: 100%;
  max-width: 95%;}

.login_page .logo img{max-height: 70px!important; /*width: 100%!important;*/}
.recover .logo img{max-height: 70px!important;}
.sauna .logo {padding: 0 0 0 17px}
.sauna .logo img {width: 110px;margin-right: 0}
.sauna .logo span {margin: 0}
/*.sauna .header .toggle-sidebar-btn{color: #fff}*/
/*.sauna .header-nav .nav-profile{color: #fff}*/

.message_block{display: none;  background: #252525;    padding: 5px;position: fixed;width: 400px;bottom: 30px;right: 30px;border-radius: 10px;}
.message_block ::-webkit-scrollbar{width:8px;height:8px}
.message_block ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:1rem;border-radius:1rem;-webkit-border-radius:0;border-radius:0}
.message_block ::-webkit-scrollbar-thumb{background:#2a4ded;-webkit-border-radius:1rem;border-radius:1rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}

.message_block.active{display: block; padding: 20px 30px ;z-index: 100;}
.message_block.rolling {padding: 7px 10px;}
.message_block .edit_form_wrap {margin-top: 10px}
.message_block.rolling .edit_form_wrap {display: none}
.message_block .modal_title{color: #fff}

.btns_list{position: absolute; top:0; right: 0; padding: 2px 3px; background: #f1f1f1;}
.task_events_list  .card-header,
.order_tasks_list  .card-header,
.order_events_list .card-header{padding-right: 55px}

:root {--body-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--msger-bg: #fff;--border: 2px solid #ddd;--left-msg-bg: #06ACEE;--right-msg-bg: #2a4ded;--system-msg-bg: #304762;}
.message_title {display: flex;align-items: center;color: #262B33;}
.message_title .message_icon {color: #262B33;margin: 0 .8rem 0 0}
.message_title b {text-transform: capitalize}
.contact_info {position: relative;padding: 0 1rem;margin: -0.4rem 0 0;}
.contact_info .icon {cursor: pointer;}
.contact_info .viewerBlock {bottom: auto;left: calc(100% - 25px);top: calc(100% - 15px)}
.contact_info:hover .viewerBlock {opacity: 1;transition: 0.3s;display: block;}
.messages_wrapper {height: calc(100vh - 120px)}
.messages_wrapper section {display: flex;flex-direction: column;height: 100%;}
.msger {display: flex;flex-flow: column wrap;justify-content: space-between;width: 100%;margin: 25px 10px;height: calc(100% - 50px);border: var(--border);border-radius: 5px;background: var(--msger-bg);box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);}
.msger_container.fullHeight {height: calc(100vh - 250px);}
.msger_container {padding: 0 1rem;overflow-y: auto;height: 300px;flex: 1 0 auto;margin: 0 0 15px;}
.msg-date {color: #8a8989;font-weight: 600;font-size: 10px;}
.msg-date:first-of-type {margin-top: 0 !important;}
.msger-chat::-webkit-scrollbar {width: 6px;}
.msger-chat::-webkit-scrollbar-track {background: #ddd;}
.msger-chat::-webkit-scrollbar-thumb {background: #bdbdbd;}
.msg {display: flex;align-items: flex-end;margin-bottom: 10px;}
.msg:last-of-type {margin: 0;}
.msg-small-name {flex-shrink: 0;width: 30px;height: 30px;line-height: 30px;margin-right: 10px;background-color: var(--left-msg-bg);font-size: 18px;font-weight: 700;color: #ffffff;border-radius: 50%;text-align: center;}
.msg-text {font-size: 14px;}
.msg-bubble {max-width: 450px;padding: 5px 10px;border-radius: 15px;background-color: var(--left-msg-bg);color: #fff;}
.msg-info {display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;}
.msg-info-name {font-size: 12px;font-weight: bold;margin-right: 30px}
.msg-info-time {font-size: 12px;}
.msg-info-time small {font-size: 12px;}
.left-msg .msg-bubble {border-bottom-left-radius: 0;}
.right-msg {flex-direction: row-reverse;}
.right-msg .msg-bubble {background-color: var(--right-msg-bg);border-bottom-right-radius: 0;}
.right-msg .msg-small-name {background-color: var(--right-msg-bg);}
.system-msg .msg-bubble {background-color: var(--system-msg-bg);}
.system-msg .msg-small-name {background-color: var(--system-msg-bg);}
.right-msg .msg-small-name {margin: 0 0 0 10px;}
.msger-inputarea {display: flex;align-items: center;padding: 15px 0 5px;border-top: var(--border)}
.msger-inputarea textarea.small {margin-bottom: 0;min-height: 50px; width: 100%; padding: 5px;}
.message_textarea_wrap {width: 100%;line-height: 1;margin-right: 20px}
.msger-input {flex: 1;background: #ddd;}
.msger-send-btn:hover {background: rgb(0, 180, 50);}
.load_more {background-color: #ccc;padding: 0.4rem 1rem;border-radius: 0.5rem;opacity: 0.5;}
.load_more:hover {opacity: 1;}
.booking_details_wrap {display: flex;width: 3rem;margin: 0 0 0 auto;position: relative}
.booking_details_wrap .link_icon .icon {width: 2.5rem;height: 2.5rem;color: #ffffff}
.booking_details_wrap .viewerBlock {bottom: auto;left: calc(100% - 4rem);top: calc(50% - 1.5rem);transform: translate(0, -50%);}
.booking_details_wrap:hover .viewerBlock {opacity: 1;transition: 0.3s;display: block;}
.message_button_wrap .icon {height:30px;width: 30px;color: #64748B;transition: .3s linear}
.closeChat {position: absolute; cursor: pointer; right: 5px; top:20px; width: 26px; height: 26px; background: red; text-align: center; line-height: 22px; color: #fff; border-radius: 50%;}
.rollUp {position: absolute; cursor: pointer; right: 35px; top:20px; width: 26px; height: 26px; background: #515151; text-align: center; line-height: 22px; color: #fff; border-radius: 50%;}
.showChatsOther {position: absolute; cursor: pointer; right: 65px; top:20px; width: 26px; height: 26px; background: #8bc34a; text-align: center; line-height: 22px; color: #fff; border-radius: 50%;}
.message_block.rolling .rollUp,
.message_block.rolling .closeChat{top:6px;}

.pipe_head{white-space: nowrap;
  overflow: auto;
  background: #fff;
  padding: 5px 5px; border-radius: 5px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);}

.pipe_head ul {min-width: 800px; padding: 0; margin: 0;}
.pipe_head ul li{list-style: none; font-size: 14px;padding: 0;}

.productData .loader{width: 100px;height: 100px;border-radius: 100%;position: relative;margin: 0 auto;}
.productData #loader-4 span{display: inline-block;width: 20px;height: 20px;border-radius: 100%;background-color: #dc4724;margin: 35px 5px;opacity: 0;}
.productData #loader-4 span:nth-child(1){animation: opacitychange 1s ease-in-out infinite;}
.productData #loader-4 span:nth-child(2){animation: opacitychange 1s ease-in-out 0.33s infinite;}
.productData #loader-4 span:nth-child(3){animation: opacitychange 1s ease-in-out 0.66s infinite;}
.close_ico i{color: red; font-size: 18px}
@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }

  60%{
    opacity: 1;
  }
}

.logo img{max-height: 40px!important; display: block; margin: 0 auto;}
.logo span{ margin: 0 auto;}

.searchProductBlock{display: none}
.searchProductBlock.active{display: block}

.sauna .sidebar-nav .nav-link{color: #f48f1d}
.sauna .sidebar-nav .nav-link i{color: #f48f1d}
.sauna .sidebar-nav .nav-link:hover{color: #f48f1d}
.sauna .sidebar-nav .nav-link:hover i{color: #f48f1d}

.sauna .offcanvas.offcanvas-top {height: fit-content}
.language {display: flex; justify-content: start; padding: 0}
.language li{list-style: none; text-align: center;}
.language li a{display: block; text-align: center; padding: 20px 30px 10px 30px; color: #f48f1d; font-size: 20px;border:1px solid transparent}
.language li a.active{border:1px solid #f48f1d}
.language li img{display: block; margin: 0 auto 10px; }
.searchProductList, .searchCustomerList, .searchProductListQuote, .searchProductEchoList{position: absolute; z-index: 999;max-height: 20rem;
  overflow-y: scroll;}
.removeItemOption i {color: red; font-size: 20px}
.addItemOption i {color: green; font-size: 20px}
.close_ico{position: absolute; right: 10px; top:5px;}
.showOptions{position: absolute; right: 10px; font-size: 20px; top:40px;}
.showOptions i{color: #2ebaff;}
.option_items td{position: relative}

.scrolled_table_wrap {white-space: nowrap;overflow: auto;padding: 0;}
.scrolled_table .table_link {display: inline-flex;align-items: center}
.scrolled_table .table_link .icon {display: none}
.company_wrapp .scrolled_table {margin-top: 10px;}
.scrolled_table {margin: 0;padding: 0;width: 100%;}
/*.scrolled_table tr {border-bottom: .1rem solid #cecece}*/
.scrolled_table th {text-align: left;}
.scrolled_table td {padding: 0;text-align: left;}
.scrolled_table th {font-size: 12px;min-width: 140px;max-width: 140px;background: #fff;padding: 5px;}
.scrolled_table td {font-size: 14px}
.scrolled_table a {-webkit-transition: .3s linear;-o-transition: .3s linear;-moz-transition: .3s linear;transition: .3s linear}
.scrolled_table a .view_order {-webkit-transition: .3s linear;-o-transition: .3s linear;-moz-transition: .3s linear;transition: .3s linear}

#calendar {/*padding: 10px; background: #fff;*/}
#calendar table.fc-scrollgrid{ background: #fff;}
.scrolled_table .table_card_hashtag {display: none}
#SendQuoteOrder .emails .row:last-child .removeEmail{display: none}
#SendQuoteOrder .emails .row .AddEmail{display: none}
#SendQuoteOrder .emails .row:last-child .AddEmail{display: inline-block}
.filesHTML [data-action="confirmRemove"] i{font-size: 20px}
.filesHTML img {max-width: 200px;     margin: 20px auto 0;  display: block;}
.downloadLink  i{font-size: 20px; color: yellowgreen;}
.option_list {display: none}
.option_list.active {display: table-row}
.btn-status{padding: 6px 12px; border:1px solid;border-radius: 8px; text-wrap: nowrap;background-color: #757575;}
.js_DropdownApplyForm .btn-status{padding: 4px 10px;}

.status_1 {background: #36ab8a; border-color: #36ab8a;}
.status_2 {background: #04009d;border-color: #04009d;}
.status_3 {background: #00709d;border-color: #00709d;}
.status_4 {background: #9d1400;border-color: #9d1400;}
.status_5 {background: #db0000;border-color: #db0000;}
.status_6 {background: #f76f00;border-color: #f76f00;}
.status_7 {background: #2c8485;border-color: #2c8485;}
.status_8 {background: #a99d00;border-color: #a99d00;}
.status_9 {background: #115a9b;border-color: #115a9b;}
.status_10 {background: #f76f00;border-color: #f76f00;}
.status_11 {background: #1a6b25;border-color: #1a6b25;}
.status_12 {background: #36ab45;border-color: #36ab45;}

.small_padding{padding: 0 0.5rem;}
.btn-status:hover{color: #000!important; background: #fff!important;}
.dropdown-menu .btn-status{border-radius: 0px; }

.small_label {font-size: 0.8rem;}

table.demo_table{border-collapse: collapse;border-spacing: 0;}
.demo_table td {min-height: 3.9rem;}
.demo_table .row-actions {height: 100%;padding-top: 0;padding-bottom: 0;padding-left: 0;vertical-align: middle; position: relative;}
.demo_table .row-actions_inner {display: flex;align-items: center;justify-content: flex-end;gap: 8px;opacity: 0;transition: .3s; position: absolute; top:50%; right: 0; padding: 0 1rem ; height: 100%; background: #FFF;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 5%, rgba(255, 255, 255, 1) 100%); width: 100%; transform: translate(0,-50%);z-index: 3}
.demo_table.table > :not(caption) > * > * {background-color: inherit !important;box-shadow: none !important;border-bottom-width: 0!important;}

.demo_table tbody tr{background-color: #ffffff!important;transition: .3s;box-shadow: inset 0 -1px 0 0 rgba(100, 121, 143, 0.12)!important;position: relative;display: table-row;}
.demo_table tbody tr:nth-child(2n+1){background-color: #f2f6fc!important;}

.demo_table tr.table-danger, .demo_table tr.table-danger:nth-child(2n+1){background-color: #f8d7da!important;}
.demo_table tbody tr td{border-top: 1px solid transparent !important;border-bottom: 1px solid transparent !important;}
.demo_table tbody tr > td:first-child{border-left: 1px solid transparent !important;}
.demo_table tbody tr > td:last-child{border-right: 1px solid transparent !important;}
.demo_table tbody tr:last-child > td{border-bottom: 1px solid #f2f6fc!important}
table.demo_table tbody tr.toRemove .row-actions_inner{opacity: 1}
.order_date {color: #032a70;font-size: 0.9rem;}

#calendar table.fc-scrollgrid {border-radius: 5px;border:0; overflow: hidden;box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);}
#calendar table th a {color: var(--bs-heading-color); font-weight: normal;}
.fc-theme-standard td, #calendar .fc-theme-standard th {border-bottom: 0 !important;border-right: 0 !important; }
.pipeline_dashboard .card {box-shadow: none;}
.pipeline_dashboard .card .pipelines_table tr > th:first-child{border-left:1px solid #e9eaf1;}
.swal2-actions .swal2-confirm.swal2-styled{background: none; color:inherit; padding: 0;}
.swal2-actions .swal2-cancel.swal2-styled{background: none; color:inherit; padding: 0;}


@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .demo_table tr:hover .row-actions_inner {opacity: 1;}
  .demo_table tbody tr:hover {box-shadow: inset 1px 0 0 rgb(218, 220, 224), inset -1px 0 0 rgb(218, 220, 224), 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15)!important;cursor: pointer;z-index: 2;}
  @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    .demo_table tbody tr:hover > td{
      border-top: 1px solid #c3c5c6 !important;
      border-bottom: 1px solid #c3c5c6 !important;
    }
    .demo_table tbody tr:hover > td:first-child{
      border-left: 1px solid #c3c5c6 !important;
    }
    .demo_table tbody tr:hover > td:last-child{
      border-right: 1px solid #c3c5c6 !important;
    }
  }
  .status_1:hover {color: #36ab8a!important;background-color: #fff;border-color: #36ab8a;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_2:hover {color: #04009d!important;background-color: #fff;border-color: #04009d;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_3:hover {color: #00709d!important;background-color: #fff;border-color: #00709d;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_4:hover {color: #9d1400!important;background-color: #fff;border-color: #9d1400;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_5:hover {color: #db0000!important;background-color: #fff;border-color: #db0000;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_6:hover {color: #f76f00!important;background-color: #fff;border-color: #f76f00;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_7:hover {color: #f76f00!important;background-color: #fff;border-color: #f76f00;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_7:hover {color: #2c8485!important;background-color: #fff;border-color: #2c8485;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_8:hover {color: #a99d00!important;background-color: #fff;border-color: #a99d00;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_9:hover {color: #115a9b!important;background-color: #fff;border-color: #115a9b;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_10:hover {color: #f76f00!important;background-color: #fff;border-color: #f76f00;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_11:hover {color: #1a6b25!important;background-color: #fff;border-color: #1a6b25;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .status_12:hover {color: #36ab45!important;background-color: #fff;border-color: #36ab45;box-shadow: 0px 0 30px rgba(0, 0, 0, .2);}
  .pipe_head ul li a.pipeline_item:hover {color: #36ab8a !important;}
}





@keyframes bg-shift {
  0%   { background-color: rgba(63, 81, 181, 0.1);; }
  25%  { background-color: rgba(63, 81, 181, 0.2);; }
  50%  { background-color: rgba(63, 81, 181, 0.3);; }
  75%  { background-color: rgba(63, 81, 181, 0.2);; }
  100% { background-color: rgba(63, 81, 181, 0.1);; }
}



.board_box_wrapper .overdue{color: red;}
.table_card_wrap_inner .board_box_wrapper {/*max-height: 600px;height: 600px;overflow-y: auto;*/padding: 10px 1px;margin: 0 15px 20px 0;}
.card_custom .table_card_wrap_inner .board_box_wrapper {padding: 10px 1px;margin:  0;}
.card_custom.triggered .table_card_wrap_inner .board_box_wrapper {max-height: 600px;height: 600px;overflow-y: auto;
  animation: bg-shift 2s linear infinite;}
.table_card_wrap_inner td .box {margin-bottom: 6px;    font-size: 0.8rem;}
.table_card_wrap_inner td .box:last-of-type {margin-bottom: 0}
.box {padding: 10px 10px 15px 10px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);position: relative;background: #fff;}
.hide_column {display: none;}
.board_box {cursor: move}
.board_box.light_bg {background-color: #fafafa}
.scrolled_table .date{position: absolute; bottom: 0; right: 0; background: #fff3cd; padding: 4px 15px; border-top-left-radius: 10px; font-size: 12px;}
.statusesList{display: flex; flex-wrap: wrap;}
.statusesList .form-check{margin: 0 10px 10px 0;}


.sauna ::-webkit-scrollbar{width:.8rem;height:.8rem}
.sauna ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:1rem;border-radius:1rem;-webkit-border-radius:0;border-radius:0}
.sauna ::-webkit-scrollbar-thumb{background:#f68e31;-webkit-border-radius:1rem;border-radius:1rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3)}



.fc-h-event{background: transparent; border:none;}
.fc-event .eventItem{background: #0dcaf0;margin-bottom: .1rem; padding:2px 7px; color: #212529; width: 100%; font-size: 12px;font-weight: 600;}
.fc-event .eventItem span{display: block; width: 100%;}
.fc-event .badge.text-bg-primary{padding: 4px 7px !important;}
.fc-event .badge.undefined{display: flex; align-items: center; width: 100%; background: #656e83 !important;padding: 4px 7px !important; margin: .2rem 0 0;}
.fc-event .badge.mb-1{padding: 4px 7px !important;}
.fc-h-event .eventItem{background: #4154f1;margin-bottom: .1rem; padding:0 .3rem;color: #ffffff; width: 100%; font-size: 12px;font-weight: 600; }
.fc-h-event .eventItem span{display: block; width: 100%;}
.fc-h-event .taskItem{background: #ff9800;}
.badge {font-weight: normal; text-transform: uppercase;}
.icon {display: inline-block;width: 1em;height: 1em;fill: currentColor;line-height: 0}

.toast_notifications{position:fixed;bottom:30px;right:20px;z-index:99999999}
.toast_notifications .toast,.toast_notifications .column{display:flex;align-items:center}
.toast_notifications .toast{width:400px;position:relative;overflow:hidden;list-style:none;padding:16px 17px;margin-bottom:10px;background:#fff;justify-content:space-between;animation:show_toast .3s ease forwards;box-shadow:0 2px 8px 0 rgba(99,99,99,0.2)}
@keyframes show_toast { 0%{transform:translateX(100%)} 40%{transform:translateX(-5%)} 80%{transform:translateX(0%)} 100%{transform:translateX(-10px)} }
.toast_notifications .toast.hide{animation:hide_toast .3s ease forwards}
@keyframes hide_toast { 0%{transform:translateX(-10px)} 40%{transform:translateX(0%)} 80%{transform:translateX(-5%)} 100%{transform:translateX(calc(100% + 20px))} }
.toast::before{position:absolute;content:"";height:3px;width:100%;bottom:0;left:0;animation:progress 4s linear forwards}
@keyframes progress { 100%{width:0} }
.toast.success::before{background-color:#198754}
.toast.error::before{background-color:#F05564}
.toast.warning::before{background-color:#f4871e}
.toast.info::before{background-color:#4154f1}
.toast .column svg{width: 20px;height: 20px;flex-shrink:0}
.toast.success .column svg,.toast.success .column span{color:#198754}
.toast.error .column svg,.toast.error .column span{color:#F05564}
.toast.warning .column svg,.toast.warning .column span{color:#f4871e}
.toast.info .column svg,.toast.info .column span{color:#4154f1}
.toast .column span {font-size: 14px;font-weight: 600;margin-inline: 8px;color: #272727;flex-grow: 1}
.toast_notifications .removeTOAST{display:flex;cursor:pointer;flex-shrink:0}
.toast_notifications .removeTOAST .icon{width:16px;height:16px;color:#000;transition:.3s linear}

.row label:not(.form-check-label) {font-size: 0.8rem !important; color:#626262; display: block;}



@media (-ms-high-contrast: none),(-ms-high-contrast: active),(-moz-touch-enabled: 0),(hover: hover) {
  .toast_notifications .removeTOAST .icon:hover{color:#F05564}
}

@media only screen and (max-width: 550px) {
  .toast_notifications{width:95%}
  .toast_notifications .toast{width:100%;font-size:10px;margin-left:20px}
}

.chat_style{display:none;margin: 0 auto}
.chat_style.active{display:block;object-fit: cover;max-width: 100%;}

.loadMoreLogs{display:none;}
.loadMoreLogs.active{display:block;}

#offcanvasMAIN .offcanvas-body{   height: calc(100vh - 62px);}
.offcanvas.show.half_page{width:75vw!important;}
.offcanvas.show{z-index: 9999;}

.icon_status{width:.6rem; height:.6rem; border-radius:50%;display:block; }
.icon_status.xl{width:1rem; height:1rem;  }

.thumbnail_user{max-width:30px;}
.daterangepicker {z-index:999999999999999999;}

.product_price{position: relative}

.automationForm{display: none}
.automationForm.active{display: flex;flex-wrap: wrap;}
.automationForm.active td{display: inline-block;padding: 0 .5rem;}

.pipelineForm{display: none}
.pipelineForm.active{display: block}

.removeContact{margin-top: 1.4rem}
#timeDisplay{display: flex}

.js_disable_on_process{position: relative}
.js_disable_on_process .process_overlay{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); backdrop-filter: blur(5px); z-index: -1;}
.js_disable_on_process.disabled .process_overlay{display: block; z-index: 300;}

.task_type{display: none}
.task_type.active{display: block}


.select_with_blocks .select2-container--default .select2-selection--multiple .select2-selection__rendered {padding: 2.5px .3rem;white-space: nowrap;overflow: hidden;max-width: 100%;display: inline-flex;line-height: 1;width: 100%;position: relative;}
.select_with_blocks .select2-container--default .select2-selection--multiple .select2-selection__rendered:after {content: "";position: absolute;top: 0;right: 0;width: 3rem;height: 100%;background: linear-gradient(to right, transparent 0%, #fff 90%,#fff 100%);}
.select_with_blocks .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {width: 0.2rem;height: 0.3rem}
.select_with_blocks .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {-webkit-border-radius: .2rem;border-radius: .2rem}

.select2-container--default .select2-selection--single {border-color: #dde4ec;}
.select2-container .select2-selection--single {height: 3.2rem;}
.select2-container{/*height: 40px*/;width: 100% !important; }
.offcanvas-body .select2-container{z-index:99999;width: 100% !important;}
.select2-container.select2-container--open{z-index:99999;}
.select2-container.select2-container--open.select2-container--below{border-radius: 0.2rem;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border: 1px solid #86b7fe;outline: 0;box-shadow: 0 0 0 .25rem #c2dbfe;border-bottom: none;}
.select2-container--open .select2-dropdown--below{border-radius: 0.2rem;border-top-left-radius: 0;border-top-right-radius: 0;border: 1px solid #86b7fe;outline: 0;box-shadow: 0 0 0 .25rem #c2dbfe;border-top: none;}

.select2-container .select2-selection--single {--bs-form-select-bg-img: 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);display: block;width: 100%;padding: 0.375rem 2.25rem 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: var(--bs-body-bg);background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 16px 12px;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; height:37px; line-height: 37px;}
.select2-container--default .select2-selection--multiple{border-color: #e9eaf1;margin-bottom: 0;padding-bottom: 0;/* height: 2.3rem;*/ border-radius: 0.375rem;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #ECECEC; border: none}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 8px;right: 5px;}
.select2-container {border-radius: 10px;}
.select2-search--dropdown {display: block;padding: 10px 14px 4px}

.select2-container--default .select2-results__option {background-color: #fff;color: #3b3c3d;font-size: 14px;}
.select2-container--default .select2-results__option{padding-left: 35px;position: relative}
.select2-container--default .select2-results__option::before {content: "";position: absolute;top: 50%;left: 10px;transform: translate(0, -50%);display: block;width: 16px;height: 16px;background-color: transparent;border: 1px solid #0d6efd;border-radius: 4px;transition: .3s;}
.select2-container--default .select2-results__option--selected::after {content: "";position: absolute;top: 50%;left: 14px;transform: translate(0, -50%);display: block;background-repeat: no-repeat;width: 8px;height: 8px;opacity: 0;transition: .3s;background-size: contain;background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8.295L5.913 13L13 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");}
.select2-container--default .select2-results__option--selected:before{background-color: #0d6efd;}
.select2-container--default .select2-results__option--selected:after{opacity: 1;}
.select2-container--default .select2-results__option[aria-selected=true]{background: #FFFFFF;color: #3b3c3d;}
.select2-container--default .select2-results__option[aria-selected=true]:hover{background: #f6f9ff;color: #3b3c3d;}
.select2-container .select2-search--inline {display: block;padding:0 .5rem .5rem 0;margin-top: 5px;float: none;}
.select_with_blocks  .select2-container .select2-search--inline {display: none;padding:0 .5rem .5rem 0;margin-top: 5px;float: none;}
.select2-container .select2-search--inline .select2-search__field {margin-bottom: 3px;margin-top: 0px;padding-top: 1px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #FFFFFF;color: #3b3c3d;}

.select2-dropdown {border-color: #E1E3EA}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background: transparent; font-size: 16px; color: #FF1212; border: none}

.validate_select.validate_error~.select2-container--default .select2-selection--single{border-color:#e57373 }
.validate_select.validate_error~.select2-container--default .select2-selection--multiple{border-color:#e57373 }
.form-control.validate_error{border-color:#e57373 }

.dropzone.small_dropzone {min-height: 13rem; height: 13rem;}
.dropzone.small_dropzone .clickable_area .upload_image {width: 5rem;}
.dropzone.small_dropzone .clickable_area .upload_text{font-size: 1rem;}
.dropzone {border: none !important;border-radius: 1rem;min-height: 22rem;height: 22rem;background-image: linear-gradient(to bottom, #edf8fc, #ecf8fc, #ecf8fc, #ebf7fc, #ebf7fc);padding: 0;}
.dropzone .clickable_area {padding: 2rem;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;height: 100%;}
.dropzone .clickable_area .upload_image {width: 8rem;margin: 0 0 2rem;}
.dropzone .clickable_area .upload_text {font-size: 1.6rem;font-weight: 700;color: #21a0da;text-align: center}
.dropzone .dz-message{display: none}

.dropzone .clickable_area2 {padding: 2rem;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;height: 100%;}
.dropzone .clickable_area2 .upload_image {width: 8rem;margin: 0 0 2rem;}
.dropzone .clickable_area2 .upload_text {font-size: 1.6rem;font-weight: 700;color: #21a0da;text-align: center}

.dropzone .clickable_area3 {padding: 2rem;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;height: 100%;}
.dropzone .clickable_area3 .upload_image {width: 8rem;margin: 0 0 2rem;}
.dropzone .clickable_area3 .upload_text {font-size: 1.6rem;font-weight: 700;color: #21a0da;text-align: center}

.dropzone .dz-preview .dz-success-mark {background: #4bbba6;}
.dropzone .dz-preview .dz-error-mark {background: #e57373;}
.fc-event-main p{margin-bottom: 0; display:flex; align-items:center;}
.fc-event-main p .icon_status{margin:0 .2rem; /*border:.1rem solid #f1f1f1;*/}

.PaymenttList tr.files{display: none}
.PaymenttList tr.files.active{display: table-row}
.FulfilmentList tr.files{display: none}
.FulfilmentList tr.files.active{display: table-row}

.btnsStatuses{display: flex; flex-wrap: wrap;}
.btnsStatuses.justify-content-end{justify-content: end}
.btnsStatuses .column{margin: 0 10px 10px 0}

.filesHTML .card-title{padding-bottom: 0;}
.filesHTML .card-body{padding-bottom: 0;}

.labels_overflow{max-width: 10rem; overflow: hidden;}
.labels_overflow a{white-space: pre-wrap;line-height: 1.3;}

@keyframes showAnimation {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: lightgreen;
  }
  100% {
    background-color: #fff;
  }
}

.showing{animation-duration: 2s;animation-timing-function: linear;animation-delay: 0ms;animation-iteration-count: 1;animation-direction: normal;animation-fill-mode: none;animation-play-state: running;animation-name: showAnimation;}

.message {display: flex;flex-direction: column}
.message + .message {margin-top: 2rem}
.message .message-item + .message-item {margin-top: 1rem}
.message .message-item {display: flex}
.message .message-content {display: inline-block;padding: 1rem 1rem;max-width: 30rem;border-radius: var(--bs-border-radius-sm) var(--bs-border-radius-xl) var(--bs-border-radius-xl) var(--bs-border-radius-sm);color: var(--bs-body-color);background-color: var(--bs-secondary-bg);box-shadow: inset 0 -2px 0 0 rgba(26, 28, 35, .075)}
.message .message-item:first-child .message-content {border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-xl) var(--bs-border-radius-xl) var(--bs-border-radius-sm)}
.message .message-info {display: flex;align-items: center;margin-top: .75rem}
.message .message-info > *:not(:last-child) {margin-right: 1rem}
.message.self {align-items: flex-end}
.message.self .message-item {flex-direction: row-reverse}
.message.self .message-content {border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-sm) var(--bs-border-radius-sm) var(--bs-border-radius-xl);color: var(--bs-white);background-color: var(--bs-primary);box-shadow: inset 0 2px 0 0 #1496ff}
.message.self .message-content .h1, .message.self .message-content .h2, .message.self .message-content .h3, .message.self .message-content .h4, .message.self .message-content .h5, .message.self .message-content .h6, .message.self .message-content h1, .message.self .message-content h2, .message.self .message-content h3, .message.self .message-content h4, .message.self .message-content h5, .message.self .message-content h6 {color: inherit}
.message.self .message-content a {color: var(--bs-white)}
.message.self .message-item:first-child .message-content {border-radius: var(--bs-border-radius-xl) var(--bs-border-radius-xl) var(--bs-border-radius-sm) var(--bs-border-radius-xl)}
.message.self .btn.btn-secondary {background-color: #0586f0;border-color: #0586f0}
.message.self .btn.btn-secondary i {color: var(--bs-white) !important}
.message .shared-image-list img {max-height: 6.25rem}

.type-indicator {display: inline-flex}

.avatar {display: inline-block;position: relative;flex-shrink: 0;border-radius: var(--bs-border-radius-pill)}
.avatar .avatar-label {display: flex;align-items: center;justify-content: center;font-weight: 500;color: var(--bs-secondary-color);background-color: var(--bs-secondary-bg);border-radius: var(--bs-border-radius-pill);-webkit-user-select: none;-moz-user-select: none;user-select: none}
.avatar > img {flex-shrink: 0;-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;border-radius: var(--bs-border-radius-pill)}
.avatar.avatar-square, .avatar.avatar-square > img, .avatar.avatar-square .avatar-label {border-radius: var(--bs-border-radius)}
.avatar > img {width: 3rem;height: 3rem}
.avatar .avatar-label {width: 3rem;height: 3rem}
.avatar.avatar-sm > img {width: 2.375rem;height: 2.375rem}
.avatar.avatar-sm .avatar-label {width: 2.375rem;height: 2.375rem}
.avatar.avatar-lg > img {width: 4rem;height: 4rem}
.avatar.avatar-lg .avatar-label {width: 4rem;height: 4rem}
.avatar.avatar-xl > img {width: 6rem;height: 6rem}
.avatar.avatar-xl .avatar-label {width: 6rem;height: 6rem}
.avatar.avatar-online:before, .avatar.avatar-away:before, .avatar.avatar-busy:before {content: "";position: absolute;display: block;right: 0;bottom: 0;width: 30%;height: 30%;border-radius: 50%;border: 2px solid var(--bs-body-bg);transform: translate(8%, 8%)}
.avatar.avatar-online:before {background: var(--bs-success)}
.avatar.avatar-away:before {background: var(--bs-warning)}
.avatar.avatar-busy:before {background: var(--bs-danger)}
.avatar-group {display: inline-flex}
.avatar-group .avatar {border: 2px solid var(--bs-tertiary-bg);overflow: hidden}
.avatar-group .avatar:hover {z-index: 1}
.avatar-group .avatar:not(:first-child) {margin-left: -1rem}

.message_list{height: 100%;overflow-y: scroll;}
.chat-footer{padding-top: 1rem;}
/*.chat-content{overflow:scroll;}*/


/*END CHAT*/

:root {scroll-behavior: smooth;}
body {font-family: "Open Sans", sans-serif;background: #f6f9ff;color: #444444;}
a {color: #4154f1;text-decoration: none;}
a:hover {color: #058fff;text-decoration: none;}
.table td a {color: #3c3c3c;}
.table td a:has(i.bi) {color: #fff;}
.table td a:hover {color: #058fff;text-decoration: none;}
.table td a:has(i.bi):hover {color: #fff;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-family: "Nunito", sans-serif;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield!important}
.text-right {text-align: right}
.text-accent {color: #4154f1}
.text-sm {font-size: 14px;}
.text-xsm {font-size: 12px;}
.text-primary-emphasis-dark {color: #012970}
.offcanvas.offcanvas-top {height: max-content;max-height: 30vh}
.form-label-title {font-size: 0.8rem;color: #626262;}

.product_details_row {display: flex;align-items: flex-start;gap: 16px}
.product_details_row .product_details_table {flex-grow: 1}
.product_details_row .product_details_totals {flex-shrink: 0;width: 260px;position: sticky; top: 70px;margin-top: 12px;}

.table-level {position: relative}
.table-level::after {content: '';position: absolute;top: 0;left: 10px;width: 1px;height: 100%;background-color: #4154f1;}
.table-level::before {content: '';position: absolute;top: 50%;left: 10px;transform: translate(0, -50%);display: block;height: 1px;width: 50px}
.table-level-1::before {
  background: linear-gradient(to right, #4154f1 0%, #4154f1 100%);
}
.table-level-2::before {
  background: linear-gradient(
          to right,
          #4154f1 24px,
          transparent 24px,
          transparent 30px,
          #4154f1 30px
  );
}
.table-level-3::before {
  background: linear-gradient(
          to right,
          #4154f1 16px,
          transparent 16px,
          transparent 20px,
          #4154f1 20px,
          #4154f1 34px,
          transparent 34px,
          transparent 38px,
          #4154f1 38px
  );
}
.table-level-4::before {
  background: linear-gradient(
          to right,
          #4154f1 10px,
          transparent 10px,
          transparent 12.5px,
          #4154f1 12.5px,
          #4154f1 22.5px,
          transparent 22.5px,
          transparent 25px,
          #4154f1 25px,
          #4154f1 35px,
          transparent 35px,
          transparent 37.5px,
          #4154f1 37.5px,
          #4154f1 47.5px,
          transparent 47.5px,
          transparent 50px
  );
}


.badge.mb-1 {
  padding:7px !important;
}
.badge.mb-1 a{
  color: #212529 !important;
}

.btn_sidebar {margin-top: 20px}
.buttons_sticky {position: sticky;top: 80px}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main {margin-top: 60px;padding: 20px 30px;transition: all 0.3s;}

@media (max-width: 1199px) {
  #main {padding: 20px;}
}

/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/
.pagetitle {margin-bottom: 10px;}
.pagetitle h1 {font-size: 24px;margin-bottom: 0;font-weight: 600;color: #012970;}
.pagetitle .pagetitle-text {
  font-size: 16px;
  margin:8px 0 16px;
  font-weight: 600;
  color: #012970;
}

.pagetitle .pagetitle-text span {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
}

.AutomationFields{display: none}
.AutomationFields.active{display: block}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 99999;background: #4154f1;width: 40px;height: 40px;border-radius: 4px;transition: all 0.4s;}
.back-to-top i {font-size: 24px;color: #fff;line-height: 0;}
.back-to-top:hover {background: #6776f4;color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}

/*--------------------------------------------------------------
# Override some default Bootstrap stylings
--------------------------------------------------------------*/
/* Dropdown menus */
.dropdown-menu {border-radius: 4px;padding: 10px 0;animation-name: dropdown-animate;animation-duration: 0.2s;animation-fill-mode: both;border: 0;box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);}
.dropdown-menu .dropdown-header, .dropdown-menu .dropdown-footer {text-align: center;font-size: 15px;padding: 10px 25px;}
.dropdown-menu .dropdown-footer a {color: #444444;text-decoration: underline;}
.dropdown-menu .dropdown-footer a:hover {text-decoration: none;}
.dropdown-menu .dropdown-divider {color: #a5c5fe;margin: 0;}
.dropdown-menu .dropdown-item {font-size: 14px;/*padding: 10px 15px;*/transition: 0.3s;}
.dropdown-menu .dropdown-item i {margin-right: 10px;font-size: 18px;line-height: 0;}
.dropdown-menu .dropdown-item:hover {background-color: #f6f9ff;}
.btnsStatuses .dropdown-menu{padding: 0}

.dropdown-menu .dropdown-item:active{color: #000!important;}
@media (min-width: 768px) {
  .dropdown-menu-arrow::before {content: "";width: 13px;height: 13px;background: #fff;position: absolute;top: -7px;right: 20px;transform: rotate(45deg);border-top: 1px solid #eaedf1;border-left: 1px solid #eaedf1;}
}

@keyframes dropdown-animate { 0% {opacity: 0;} 100% {opacity: 1;} 0% {opacity: 0;} }

/* Light Backgrounds */
.bg-primary-light {background-color: #cfe2ff;border-color: #cfe2ff;}
.bg-secondary-light {background-color: #e2e3e5;border-color: #e2e3e5;}
.bg-success-light {background-color: #d1e7dd;border-color: #d1e7dd;}
.bg-danger-light {background-color: #f8d7da;border-color: #f8d7da;}
.bg-warning-light {background-color: #fff3cd;border-color: #fff3cd;}
.bg-info-light {background-color: #cff4fc;border-color: #cff4fc;}
.bg-dark-light {background-color: #d3d3d4;border-color: #d3d3d4;}

/* Card */
.card {margin-bottom: 30px;border: none;border-radius: 5px;box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);}
.card.card-h-100 {height: 100%}
.card-header, .card-footer {border-color: #ebeef4;background-color: #fff;color: #798eb3;padding: 15px;}
.card-title {padding: 20px 0 15px 0;font-size: 18px;font-weight: 500;color: #012970;font-family: "Poppins", sans-serif;}
.card-title span {color: #899bbd;font-size: 14px;font-weight: 400;}
.card-body {padding: 0 20px 20px 20px;}
.card-img-overlay {background-color: rgba(255, 255, 255, 0.6);}


/* Alerts */
.alert-heading {font-weight: 500;font-family: "Poppins", sans-serif;font-size: 20px;}

/* Close Button */
.btn-close {background-size: 25%;}
.btn-close:focus {outline: 0;box-shadow: none;}

/* Accordion */
.accordion-item {border: 1px solid #ebeef4;}
.accordion-button:focus {outline: 0;box-shadow: none;}
.accordion-button:not(.collapsed) {color: #012970;background-color: #f6f9ff;}
.accordion-flush .accordion-button {padding: 15px 0;background: none;border: 0;}
.accordion-flush .accordion-button:not(.collapsed) {box-shadow: none;color: #4154f1;}
.accordion-flush .accordion-body {padding: 0 0 15px 0;color: #3e4f6f;font-size: 15px;}
.tab-content .accordion-body {padding: 0!important;}

/* Breadcrumbs */
.breadcrumb {font-size: 14px;font-family: "Nunito", sans-serif;color: #899bbd;font-weight: 600;}
.breadcrumb a {color: #899bbd;transition: 0.3s;}
.breadcrumb a:hover {color: #51678f;}
.breadcrumb .breadcrumb-item::before {color: #899bbd;}
.breadcrumb .active {color: #51678f;font-weight: 600;}

/* Bordered Tabs */
.nav-tabs-bordered {border-bottom: 2px solid #ebeef4;}
.nav-tabs-bordered .nav-link {margin-bottom: -2px;border: none;color: #2c384e;}
.nav-tabs-bordered .nav-link:hover, .nav-tabs-bordered .nav-link:focus {color: #4154f1;}
.nav-tabs-bordered .nav-link.active {background-color: #fff;color: #4154f1;border-bottom: 2px solid #4154f1;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {line-height: 1;}

@media (min-width: 1200px) {
  .logo {width: 237px;}
}

.logo img {max-height: 26px;margin-right: 6px;}
.logo span {font-size: 26px;font-weight: 700;color: #012970;font-family: "Nunito", sans-serif;}

.header {transition: all 0.5s;z-index: 997;height: 60px;box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);background-color: #fff;padding-left: 20px; /* Toggle Sidebar Button *//* Search Bar */}
.header .toggle-sidebar-btn {font-size: 32px;padding-left: 10px;cursor: pointer;color: #012970;}
.header .search-bar {min-width: 360px;padding: 0 20px;}

@media (max-width: 1199px) {
  .header .search-bar {position: fixed;top: 50px;left: 0;right: 0;padding: 20px;box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);background: white;z-index: 9999;transition: 0.3s;visibility: hidden;opacity: 0;}
  .header .search-bar-show {top: 60px;visibility: visible;opacity: 1;}
}

.header .search-form {width: 100%;}
.header .search-form input {border: 0;font-size: 14px;color: #012970;border: 1px solid rgba(1, 41, 112, 0.2);padding: 7px 38px 7px 8px;border-radius: 3px;transition: 0.3s;width: 100%;}
.header .search-form input:focus, .header .search-form input:hover {outline: none;box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);border: 1px solid rgba(1, 41, 112, 0.3);}
.header .search-form button {border: 0;padding: 0;margin-left: -30px;background: none;}
.header .search-form button i {color: #012970;}

/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul {list-style: none;}
.header-nav>ul {margin: 0;padding: 0;}
.header-nav .nav-icon {font-size: 22px;color: #012970;margin-right: 25px;position: relative;}
.header-nav .nav-profile {color: #012970;}
.header-nav .nav-profile img {max-height: 36px;}
.header-nav .nav-profile span {font-size: 14px;font-weight: 600;}
.header-nav .badge-number {position: absolute;inset: -2px -5px auto auto;font-weight: normal;font-size: 12px;padding: 3px 6px;}
.header-nav .notifications {inset: 8px -15px auto auto !important;width: 250px;max-width: 320px}
.header-nav .notifications .notification-item {display: flex;align-items: center;padding: 15px 10px;transition: 0.3s;}
.header-nav .notifications .notification-item i {margin: 0 20px 0 10px;font-size: 24px;}
.header-nav .notifications .notification-item h4 {font-size: 16px;font-weight: 600;margin-bottom: 5px;}
.header-nav .notifications .notification-item p {font-size: 13px;margin-bottom: 6px;color: #919191;}
.header-nav .notifications .notification-item:hover {background-color: #f6f9ff;}
.header-nav .messages {inset: 8px -15px auto auto !important;}
.header-nav .messages .message-item {padding: 15px 10px;transition: 0.3s;}
.header-nav .messages .message-item a {display: flex;}
.header-nav .messages .message-item img {margin: 0 20px 0 10px;max-height: 40px;}
.header-nav .messages .message-item h4 {font-size: 16px;font-weight: 600;margin-bottom: 5px;color: #444444;}
.header-nav .messages .message-item p {font-size: 13px;margin-bottom: 3px;color: #919191;}
.header-nav .messages .message-item:hover {background-color: #f6f9ff;}
.header-nav .profile {min-width: 240px;padding-bottom: 0;top: 8px !important;}
.header-nav .profile .dropdown-header h6 {font-size: 18px;margin-bottom: 0;font-weight: 600;color: #444444;}
.header-nav .profile .dropdown-header span {font-size: 14px;}
.header-nav .profile .dropdown-item {font-size: 14px;padding: 10px 15px;transition: 0.3s;}
.header-nav .profile .dropdown-item i {margin-right: 10px;font-size: 18px;line-height: 0;}
.header-nav .profile .dropdown-item:hover {background-color: #f6f9ff;}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {position: fixed;top: 60px;left: 0;bottom: 0;width: 300px;z-index: 996;transition: all 0.3s;padding: 20px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #aab7cf transparent;box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);background-color: #fff;}

@media (max-width: 1199px) {
  .sidebar {left: -300px;}
}

.sidebar::-webkit-scrollbar {width: 5px;height: 8px;background-color: #fff;}
.sidebar::-webkit-scrollbar-thumb {background-color: #aab7cf;}

@media (min-width: 1200px) {
  #main, #footer {margin-left: 300px;}
}

@media (max-width: 1199px) {
  .toggle-sidebar .sidebar {left: 0;}
}

@media (min-width: 1200px) {
  .toggle-sidebar #main, .toggle-sidebar #footer {margin-left: 0;}
  .toggle-sidebar .sidebar {left: -300px;}
}

.sidebar-nav {padding: 0;margin: 0;list-style: none;}
.sidebar-nav li {padding: 0;margin: 0;list-style: none;}
.sidebar-nav .nav-item {margin-bottom: 5px;}
.sidebar-nav .nav-heading {font-size: 11px;text-transform: uppercase;color: #899bbd;font-weight: 600;margin: 10px 0 5px 15px;}
.sidebar-nav .nav-link {display: flex;align-items: center;font-size: 14px;color: #4154f1;background: #f6f9ff;padding: 7px;border-radius: 4px;}
.sidebar-nav .nav-link i {font-size: 16px;margin-right: 10px;color: #4154f1;}
.sidebar-nav .nav-link.collapsed {color: #000;background: #fff;}
.sidebar-nav .nav-link.collapsed i {color: #899bbd;}
.sidebar-nav .nav-link:hover {color: #4154f1;background: #f6f9ff;}
.sidebar-nav .nav-link:hover i {color: #4154f1;}
.sidebar-nav .nav-link .bi-chevron-down {margin-right: 0;transition: transform 0.2s ease-in-out;}
.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {transform: rotate(180deg);}
.sidebar-nav .nav-content {padding: 5px 0 0 0;margin: 0;list-style: none;}
.sidebar-nav .nav-content a {display: flex;align-items: center;font-size: 14px;color: #012970;padding: 7px 0 7px 40px;}
.sidebar-nav .nav-content a i {font-size: 6px;margin-right: 8px;line-height: 0;border-radius: 50%;}
.sidebar-nav .nav-content a:hover, .sidebar-nav .nav-content a.active {color: #4154f1;}
.sidebar-nav .nav-content a.active i {background-color: #4154f1;}

/*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/
/* Filter dropdown */
.dashboard .filter {position: absolute;right: 0px;top: 15px;}
.dashboard .filter .icon {color: #aab7cf;padding-right: 20px;padding-bottom: 5px;transition: 0.3s;font-size: 16px;}
.dashboard .filter .icon:hover, .dashboard .filter .icon:focus {color: #4154f1;}
.dashboard .filter .dropdown-header {padding: 8px 15px;}
.dashboard .filter .dropdown-header h6 {text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 1px;color: #aab7cf;margin-bottom: 0;padding: 0;}
.dashboard .filter .dropdown-item {padding: 8px 15px;}

/* Info Cards */
.dashboard .info-card {padding-bottom: 10px;}
.dashboard .info-card h6 {font-size: 28px;color: #012970;font-weight: 700;margin: 0;padding: 0;}
.dashboard .card-icon {font-size: 24px;line-height: 0;width: 48px;height: 48px;flex-shrink: 0;flex-grow: 0;}
.dashboard .sales-card .card-icon {color: #4154f1;background: #f6f6fe;}
.dashboard .revenue-card .card-icon {color: #2eca6a;background: #e0f8e9;}
.dashboard .customers-card .card-icon {color: #ff771d;background: #ffecdf;}
.dashboard .leeds-card .card-icon {color: #055160;background: #cff4fc;}
.dashboard .plugins-card .card-icon {color: #495057;background: #e2e3e5;}
@media only screen and (max-width: 1500px) {
  .dashboard .info-card h6 {font-size: 24px;}
}
@media only screen and (max-width: 1400px) {
  .dashboard .info-card h6 {font-size: 28px;}
}

/* Plugin Cards */
.plugin-card {height: 100%;margin-bottom: 0}
.plugin-card .card-title{padding: 0;margin: 0}
.plugin-card .card-body {padding-top: 20px}
.plugin-card .plugin-card-body {border-bottom: 1px solid #e2e3e5}
.plugin-card .plugin-card-body p {font-size: 12px}
.plugin-card .plugin-card-img {aspect-ratio: 1 / 1;object-fit: contain;width: 21px}
.plugin-card .input-group-text {min-width: 136px}

/* Activity */
.dashboard .activity {font-size: 14px;}
.dashboard .activity .activity-item .activite-label {color: #888;position: relative;flex-shrink: 0;flex-grow: 0;min-width: 64px;}
.dashboard .activity .activity-item .activite-label::before {content: "";position: absolute;right: -11px;width: 4px;top: 0;bottom: 0;background-color: #eceefe;}
.dashboard .activity .activity-item .activity-badge {margin-top: 3px;z-index: 1;font-size: 11px;line-height: 0;border-radius: 50%;flex-shrink: 0;border: 3px solid #fff;flex-grow: 0;}
.dashboard .activity .activity-item .activity-content {padding-left: 10px;padding-bottom: 20px;}
.dashboard .activity .activity-item:first-child .activite-label::before {top: 5px;}
.dashboard .activity .activity-item:last-child .activity-content {padding-bottom: 0;}

/* News & Updates */
.dashboard .news .post-item+.post-item {margin-top: 15px;}
.dashboard .news img {width: 80px;float: left;border-radius: 5px;}
.dashboard .news h4 {font-size: 15px;margin-left: 95px;font-weight: bold;margin-bottom: 5px;}
.dashboard .news h4 a {color: #012970;transition: 0.3s;}
.dashboard .news h4 a:hover {color: #4154f1;}
.dashboard .news p {font-size: 14px;color: #777777;margin-left: 95px;}

/* Recent Sales */
.dashboard .recent-sales {font-size: 14px;}
.dashboard .recent-sales .table thead {background: #f6f6fe;}
.dashboard .recent-sales .table thead th {border: 0;}
.dashboard .recent-sales .dataTable-top {padding: 0 0 10px 0;}
.dashboard .recent-sales .dataTable-bottom {padding: 10px 0 0 0;}

/* Top Selling */
.dashboard .top-selling {font-size: 14px;}
.dashboard .top-selling .table thead {background: #f6f6fe;}
.dashboard .top-selling .table thead th {border: 0;}
.dashboard .top-selling .table tbody td {vertical-align: middle;}
.dashboard .top-selling img {border-radius: 5px;max-width: 60px;}

/*--------------------------------------------------------------
# Icons list page
--------------------------------------------------------------*/
.iconslist {display: grid;max-width: 100%;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 1.25rem;padding-top: 15px;}
.iconslist .icon {background-color: #fff;border-radius: 0.25rem;text-align: center;color: #012970;padding: 15px 0;}
.iconslist i {margin: 0.25rem;font-size: 2.5rem;}
.iconslist .label {font-family: var(--bs-font-monospace);display: inline-block;width: 100%;overflow: hidden;padding: 0.25rem;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;color: #666;}

/*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
.profile .profile-card img {max-width: 120px;}
.profile .profile-card h2 {font-size: 24px;font-weight: 700;color: #2c384e;margin: 10px 0 0 0;}
.profile .profile-card h3 {font-size: 18px;}
.profile .profile-card .social-links a {font-size: 20px;display: inline-block;color: rgba(1, 41, 112, 0.5);line-height: 0;margin-right: 10px;transition: 0.3s;}
.profile .profile-card .social-links a:hover {color: #012970;}
.profile .profile-overview .row {margin-bottom: 20px;font-size: 15px;}
.profile .profile-overview .card-title {color: #012970;}
.profile .profile-overview .label {font-weight: 600;color: rgba(1, 41, 112, 0.6);}
.profile .profile-edit label {font-weight: 600;color: rgba(1, 41, 112, 0.6);}
.profile .profile-edit img {max-width: 120px;}

/*--------------------------------------------------------------
# F.A.Q Page
--------------------------------------------------------------*/
.faq .basic h6 {font-size: 18px;font-weight: 600;color: #4154f1;}
.faq .basic p {color: #6980aa;}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {padding: 28px 30px;}
.contact .info-box i {font-size: 38px;line-height: 0;color: #4154f1;}
.contact .info-box h3 {font-size: 20px;color: #012970;font-weight: 700;margin: 20px 0 10px 0;}
.contact .info-box p {padding: 0;line-height: 24px;font-size: 14px;margin-bottom: 0;}
.contact .php-email-form .error-message {display: none;color: #fff;background: #ed3c0d;text-align: left;padding: 15px;margin-bottom: 24px;font-weight: 600;}
.contact .php-email-form .sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;margin-bottom: 24px;font-weight: 600;}
.contact .php-email-form .loading {display: none;background: #fff;text-align: center;padding: 15px;margin-bottom: 24px;}
.contact .php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;animation: animate-loading 1s linear infinite;}
.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 0;box-shadow: none;font-size: 14px;border-radius: 0;}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border-color: #4154f1;}
.contact .php-email-form input {padding: 10px 15px;}
.contact .php-email-form textarea {padding: 12px 15px;}
.contact .php-email-form button[type=submit] {background: #4154f1;border: 0;padding: 10px 30px;color: #fff;transition: 0.4s;border-radius: 4px;}
.contact .php-email-form button[type=submit]:hover {background: #5969f3;}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404 {padding: 30px;}
.error-404 h1 {font-size: 180px;font-weight: 700;color: #4154f1;margin-bottom: 0;line-height: 150px;}
.error-404 h2 {font-size: 24px;font-weight: 700;color: #012970;margin-bottom: 30px;}
.error-404 .btn {background: #51678f;color: #fff;padding: 8px 30px;}
.error-404 .btn:hover {background: #3e4f6f;}
@media (min-width: 992px) {
  .error-404 img {max-width: 50%;}
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {padding: 20px 0;font-size: 14px;transition: all 0.3s;border-top: 1px solid #cddfff;}
.footer .copyright {text-align: center;color: #012970;}
.footer .credits {padding-top: 5px;text-align: center;font-size: 13px;color: #012970;}

.meta_block{display: none}
.meta_block.active{display: block}

/*--------------------------------------------------------------
# New Chat
--------------------------------------------------------------*/
.xi_chatbox {position: fixed;bottom: 94px;right: 15px;z-index: -1;display: flex;height: 560px;opacity: 0;visibility: hidden}
.xi_chatbox.active{opacity: 1;visibility: visible;z-index: 9999999;}

.xi_icon:not(:root) {overflow: hidden;}
.xi_icon {line-height: 0;display: inline-block;width: 1em;height: 1em;fill: currentColor}

.xi_chatbox_button {bottom: 15px;right: 15px}

.offcanvas-body .xi_chatbox_body_scroll {height: 340px !important;max-height: 340px !important; overflow-y:auto;}

.custom_checkbox{position:absolute;left:-999.9rem}
.custom_checkbox + label{display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;margin:0 20px 10px 0}
.custom_checkbox + label .checkbox_design{flex:0 0 auto;width:20px;height:20px;border:2px solid #012970;background-color:#fff;border-radius:3px;position:relative;transform:scale(1);transition:all .2s ease}
.custom_checkbox + label .checkbox_design svg {position: absolute;top: 50%;left: 50%;width: 11px;height: 11px;fill: none;stroke: #fff;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 16px;stroke-dashoffset: 16px;transition: all .3s ease;transition-delay: .1s;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0)}
.custom_checkbox + label .checkbox_design::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:1;border-radius:50%;background-color:#a1a5b6;transform:scale(0)}
.custom_checkbox + label .checkbox_text {display: inline-block;font-size: 16px;font-weight: 500;padding: 2px 0 0 10px;color: #000;}
.custom_checkbox + label .checkbox_text a{color: #8bae39;transition: .3s linear}
.custom_checkbox:checked + label .checkbox_design{background-color:#012970;border-color:#012970}
.custom_checkbox:checked + label .checkbox_design svg{stroke-dashoffset:0}
.custom_checkbox:checked + label .checkbox_design::before{opacity:0;transform:scale(3.5);transition:all .6s ease}

.custom_radio_button{position:absolute;left:-999.9rem}
.custom_radio_button + label{display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-size:0;margin:0 2rem 1rem 0}
.custom_radio_button + label .radio_button_design{flex:0 0 auto;width:2rem;height:2rem;border:.2rem solid #e6e6e6;background-color:#fff;border-radius:50%;position:relative;transition:all .2s ease}
.custom_radio_button + label .radio_button_design::before,.custom_radio_button + label .radio_button_design::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%;background-color:#a1a5b6;-webkit-transform:scale(0);transform:scale(0)}
.custom_radio_button + label .radio_button_design::before{opacity:1}
.custom_radio_button + label .radio_button_text {font-family: 'Montserrat', sans-serif;display: inline-block;font-size: 1.6rem;font-weight: 500;padding: 0.2rem 0 0 1rem;color: #a1a5b6}
.custom_radio_button:checked + label .radio_button_design{border-color:#a1a5b6;border-width:.2rem}
.custom_radio_button:checked + label .radio_button_design::before,.custom_radio_button:checked + label .radio_button_design::after{transition:all .6s ease}
.custom_radio_button:checked + label .radio_button_design::before{opacity:0;transform:scale(3.5)}
.custom_radio_button:checked + label .radio_button_design::after{transform:scale(0.55)}

.custom_switch_wrap {display: flex;align-items: center;}
.custom_switch_label {display: inline-block;font-size: 16px;font-weight: 500;margin: 0 0 0 1rem;cursor: pointer;}

.custom_switch {width: 48px;height: 24px;border-radius: 14px;border: 1px solid #DF8092;background-color: #DF8092;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");background-repeat: no-repeat;background-size: contain;background-position: left center;transition: background-position .15s ease-in-out;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;cursor: pointer;}
.custom_switch:checked {background-position: right center;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");background-color: #44CEC5;border-color: #44CEC5;}

.custom_switch_wrap.custom_switch_small .custom_switch {width: 3.6rem;height: 1.8rem;border-radius: 1rem}

/*--------------------------------------------------------------
# Other Styles
--------------------------------------------------------------*/
.btn_group_small .btn-sm, .btn_group_small.btn-group-sm > .btn {--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.4rem;min-width: 56px;font-size: 13px; color: #fff;}
.buttons_grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;}
.buttons_grid .btn {--bs-btn-padding-x: 1.25rem;text-align: left;white-space: nowrap;}
.badge.text-bg-primary {transition: .3s linear}

.log_list {position: relative;max-height: 600px;overflow-y: auto;}
.log_list::before {content: "";position: absolute;left: 104px;width: 3px;top: 5px;bottom: 0;background-color: #f1f1f4;height: calc(100% - 30px);}
.log_item {display: flex;align-items: flex-start;margin-bottom: 16px;padding: 5px 10px 3px 30px;}
.log_item:last-child{margin-bottom: 0}
.log_item .log_row {display: flex;align-items: flex-start;width: 100%; flex-wrap: wrap;}
.log_item .log_date {flex-shrink: 0;margin-right: 0.7rem;font-weight: 700;font-size: 14px;position: relative}
.log_item .log_date::after {content: '';position: absolute;top: 5px;left: -25px;display: block;width: 16px;height: 16px;background-color: #fff;border: 3px solid #0d6efd;border-radius: 50%;}
.log_item .log_text {flex-grow: 1;width: 100%;font-size: 14px;padding: 0 1rem 0 0}

.table_product_img {width: 42px;height: 42px;}
.tooltip_block{
  padding: .1rem 0.16rem 0.15rem 0.1rem;
  border-radius: 0.4rem;
  background-color: #f1f1f1;
}
.table_product_blocks{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.chouse_product_block{/*margin-top: 1rem;*/padding-left: 4rem;}
.table_product_block.active .tooltip_block{background-color: #0d6efd;}
.table_product_block.active {position: relative;}
.table_product_block.active:after {content: '';display:block;background-color: orange;position: absolute;width: .5rem;height: .5rem; border-radius: 50%; top: .2rem; right: .2rem;border: 1px solid #fff;}
.tooltip_block .table_product_img {width: 3rem;height: 3rem;}
[data-tooltip]{position:relative;}
[data-tooltip]:hover{z-index:10}
[data-tooltip]::before,[data-tooltip]::after{position:absolute;left:50%;bottom:calc(100% + .5rem);opacity:0;visibility:hidden;pointer-events:none;transition:.2s;will-change:transform}
[data-tooltip]::before{content: attr(data-tooltip);display: inline-block;font-size: 12px;color: #fff;text-align: center;white-space: pre-wrap;padding: .4rem .6rem .4rem;min-width: 8rem;max-width: 35rem;width: max-content;border-radius: 0;background-color: rgba(59, 72, 80, 0.9);background-image: linear-gradient(30deg, rgba(59, 72, 80, 0.44), rgba(59, 68, 75, 0.44), rgba(60, 82, 88, 0.44));box-shadow: 0 0 2.4rem rgba(0, 0, 0, 0.2);transform: translate(-50%, -0.5rem) scale(0.5);}
[data-tooltip]::after{content:'';border-style:solid;border-width:.5rem .5rem 0;border-color:rgba(55,64,70,0.9) transparent transparent;transition-duration:0;transform-origin:top;transform:translateX(-50%) scaleY(0)}
[data-tooltip]:hover::before,[data-tooltip]:hover::after{visibility:visible;opacity:1}
[data-tooltip]:hover::before{transition-delay:.3s;transform:translate(-50%,-0.5rem) scale(1)}
[data-tooltip]:hover::after{transition-delay:.5s;transition-duration:.2s;transform:translateX(-50%) scaleY(1)}

[data-tooltip-location="right"]::before,[data-tooltip-location="right"]::after{left:calc(100% + .5rem);bottom:50%}
[data-tooltip-location="right"]::before{transform:translate(0.5rem,50%) scale(0.5)}
[data-tooltip-location="right"]::after{border-width:.5rem .5rem .5rem 0;border-color:transparent rgba(55,64,70,0.9) transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}
[data-tooltip-location="right"]:hover::before{transform:translate(0.5rem,50%) scale(1)}
[data-tooltip-location="right"]:hover::after{transform:translateY(50%) scaleX(1)}
[data-tooltip-location="bottom"]::before,[data-tooltip-location="bottom"]::after{top:calc(100%);bottom:auto}
[data-tooltip-location="bottom"]::before{transform:translate(-50%,0.5rem) scale(0.5)}
[data-tooltip-location="bottom"]::after{border-width:0 .5rem .5rem;border-color:transparent transparent rgba(55,64,70,0.9);transform-origin:bottom}
[data-tooltip-location="bottom"]:hover::before{transform:translate(-50%,0.5rem) scale(1)}

[data-tooltip-location="left"]::before,[data-tooltip-location="left"]::after{left:auto;right:calc(100% + .5rem);bottom:50%}
[data-tooltip-location="left"]::before{transform:translate(-0.5rem,50%) scale(0.5)}
[data-tooltip-location="left"]::after{border-width:.5rem 0 .5rem .5rem;border-color:transparent transparent transparent rgba(55,64,70,0.9);transform-origin:left;transform:translateY(50%) scaleX(0)}
[data-tooltip-location="left"]:hover::before{transform:translate(-0.5rem,50%) scale(1)}
[data-tooltip-location="left"]:hover::after{transform:translateY(50%) scaleX(1)}


/*switch button*/
.switch-button {overflow: hidden;max-width: 100%;text-align: center;letter-spacing: 1px;color: #444444;position: relative;cursor: pointer;}
.row .switch-button-label:not(.form-check-label) {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 7px 0;position: relative;user-select: none;border-bottom: .1rem solid #2a496e;}
.switch-button-label-span{width: 50%;text-align: center;z-index: 3;font-size: 16px; color: #fff;}
.switch-button-label-span-alt {width: 50%;text-align: center;z-index: 3;font-size: 16px;color: #000;}
.switch-slider {content: "";background: #2a496e;height: 100%;width: 50%;position: absolute;left: 1%;top: 3%;border-top-left-radius: 30px; border-top-right-radius: 30px;transition: transform 300ms ease-in-out;}
.switch-button.active .switch-button-label-span-alt {color: #fff;}
.switch-button.active .switch-button-label-span {color: #000;}
.active .switch-slider {transform: translateX(96%);}
.switch-button_radio input{position: absolute;left: -999.9rem;}
.switch-button_radio label:hover {cursor: pointer;}
.switch-button_radio label {display: inline-block;width: 6rem;background-color: #2a496e;border-radius: 1.6rem;color: rgb(165, 173, 183);text-align: center;font-size: 0.8rem;padding: .6rem;transition: all 0.1s ease-in-out;position: relative;}
.switch-button_radio input:checked + label {background: #3577F1;background: linear-gradient(0deg, #3577F1 0%, #72a0f5 100%);color: #ffffff;font-weight: 500;box-shadow: 0 .7rem 2rem rgba(0, 0, 0, 0.09), 0 .6rem .6rem rgba(0, 0, 0, 0.13);border-radius: 1.6rem;}
.switch-button_radio {display: inline-block;background-color: #2a496e;border-radius: 1.6rem;}

.align_item_bottom_p{display: flex;align-items: end;}
.align_item_bottom_p p{margin: 0 0 0.6rem}

.table_res_total p{margin-bottom: 0;}


/**/
.item_row_flex_modal{display: flex;justify-content: center;align-items: center;gap: 1rem;height: 100%}
.image_product_modal {max-width: 150px;}
.image_product_modal img {max-width: 150px;}


.switch-button-checkbox:checked + .switch-button-label::before {transform: translateX(175px);}
/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.input_preview {background-color: rgb(206 206 206 / 10%);padding: 11px 13px;border-radius: var(--bs-border-radius);}
.input_preview .text-main {font-size: 12px;line-height: 1.1;margin: 0 0 4px;color: #22252F;transition: .3s ease-in}
.input_preview .text-small {font-size: 14px;line-height: 1.1;font-weight: 600;}
.input_preview .text-muted {color: rgb(112 112 112 / 75%) !important;}
.input_preview .settings_group {display: flex}
.input_preview .settings_nav_item {display: inline-block;margin: 0 7px 0 0;font-size: 16px;line-height:1;cursor: pointer}
.input_preview .settings_nav_item:last-child {margin: 0}
.addToCalendar{display: none}
.addToCalendar.active{display: flex}

.offcanvas-body .custom_switch{width: 30px;height: 15px;}
.offcanvas-body .custom_switch_label{margin: 0 10px}

.offcanvas .form-label{font-size: 14px!important;margin-bottom: 0;}
.offcanvas label span{font-size: 14px!important;margin-bottom: 0.25rem;}
.offcanvas .form-select{font-size: 14px!important; height: 40px;}
.offcanvas .form-control {margin-top: 0!important; padding: 0.344rem .75rem!important;}
.offcanvas .form-check-label {font-size: 14px; margin-left: 5px;}
.offcanvas .repeater_view_item {display: none}
.offcanvas .repeater_view_item.active {display: block}
.fields_checkboxes {display: flex; flex-wrap: wrap; }
.fields_checkboxes .form-check{margin: 0 10px 5px 0; }
.validate_radio.validate_error label{color: #dc3545;}

.create_form_wrap {width: 50%;margin: 0 auto}
.create_form_wrap .btn {width: 100%}

.btn-clear-search {color: #22252f;transition: 250ms ease-in;}
.btn-clear-search:hover {color: #dc3545;}
.ttu{text-transform: uppercase}
.ttc{text-transform: capitalize}

/*--------------------------------------------------------------
# jQuery Autocomplete
--------------------------------------------------------------*/
.autocomplete_container {position: relative}
.autocomplete {position: absolute;top: 100%;margin-top: -20px;background-color: #fff;z-index: 2;width: 100%;box-shadow: 0 2px 9px rgba(70, 70, 70, 0.43)}
.autocomplete li {display: block;color: #212121;padding: 2px 15px;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s}
ul.ui-autocomplete { max-width: 240px;max-height: 200px;overflow-y: auto;padding: 6px 0;border-radius: 10px;background-color: #fff;box-shadow: 0 5px 10px rgba(30, 32, 37, .12);z-index: 9999;}
ul.ui-autocomplete .ui-menu-item-wrapper {display: block;width: 100%;padding: 9px 15px 6px;font-size: 14px;font-weight: 400;color: #22252f;background-color: transparent;cursor: pointer;transition: all .3s ease-in;border: 1px solid transparent;}
ul.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {background-color: #f6f9ff;color: #0d6efd}
.ui-helper-hidden-accessible {display: none}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {margin: 0}

.js_OrderItems .js_Item:nth-child(even) {
  background-color: #fafafa;
}
.card-body label {margin-bottom: 0;}

body.sauna .CustomerData .col-lg-12, body.sauna .CustomerData .col-lg-6 {margin-top: 0.5rem;}


@media only screen and (max-width: 992px) {
  .product_details_row {display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: end;}
  .product_details_row .product_details_table{width: 100%;}
}
@media only screen and (max-width: 550px) {
  .create_form_wrap {width: 100%}
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .input_preview .text-main:hover {color: #4154f1}
}

/*--------------------------------------------------------------
# Dropdown Search
--------------------------------------------------------------*/
.dropdown-search .dropdown-toggle{display: flex;margin-left: auto}
.dropdown-search .dropdown-toggle::after {display: none}
.dropdown-search .dropdown-menu {width: 230px}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
.table>:not(caption)>*>* {font-size: 14px}
.table .form-check {min-height: .5rem;margin-bottom: 0}
.table .fs-6 {font-size: 1.1rem!important}
.table .sort {font-size: 12px !important}

.card-title-height {min-height: 33px}
.table td a:not(.btn){color: #000;}
.table td .date{color: #686868;}
.no_wrap{text-wrap: nowrap}

/*--------------------------------------------------------------
# Confirm
--------------------------------------------------------------*/
[data-confirm] {position: relative; /*overflow: hidden;*/}
.confirm_block {position: absolute;top: calc(100% - 0px);left: 50%;transform: translate(-50%, 0);display: flex;flex-direction: column;align-items: center;width: 140px;height: auto;padding: 7px 10px 8px;text-align: center;border-radius: 6px;background-color: #ffffff;border: 1px solid rgba(0, 0, 0, 0.175);overflow: hidden;z-index: 5}
.confirm_block .confirmTitle {font-size: 14px;font-weight: 700;color: #000;margin: 0 0 7px}
.rwd_table_large_767 .confirm_block {right: 0;left: unset;transform: translate(0, 0);}
.confirm_block .btnsList {display: flex;align-items: center;justify-content: space-between;width: 100%;font-size: 14px;position: relative;z-index: 3}
.confirm_block .cancelConfirm, .confirm_block .applyConfirm {margin: 0 5px;font-size: 13px}

.progress {display: flex;justify-content: flex-start;align-items: center;height: 11px;width: 100%;margin: 0 0 6px}
.progress-value {animation: load 5s normal forwards;box-shadow: 0 10px 40px -10px #fff;background-color: #44e89f;height: 100%;width: 0}
@keyframes load { 0% {width: 0;} 100% {width: 100%;} }

/*--------------------------------------------------------------
# Hovers
--------------------------------------------------------------*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .badge.text-bg-primary:hover {color: #ffffff !important;background-color: #0b5ed7 !important;border-color: #0b5ed7 !important;}
  .btn.btn-light:hover {color: #000000;background-color: #f0f2f5;border-color: #f0f2f5}
  .form-select option:hover {background-color: transparent;color: inherit;}
}

/*--------------------------------------------------------------
# Other Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .row_charts .card-h-100, .row_charts .card.card-h-100{height: auto}


}
.datatable-selector{
  color: #22252f;
  background-color: #fff;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  margin-right: .5rem;
}
.datatable-input{
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22252f;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.datatable-input:focus{
  color: #22252f;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}


.scrolled_table_full{ max-width: 100%;width: 100%;overflow-x: auto;}
.modal.show .modal-dialog {transform: none;align-items: center;/*max-width: 40rem;*/margin: 4rem auto;min-height: calc(100% - 8rem);display: flex;}
.offcanvas.show{z-index: 1051;}
body:has(.modal.fade.show) .modal-backdrop{--bs-backdrop-zindex: 1100;}
.modal.fade.show{z-index: 1255;}
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order, table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order, table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order, table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position: static;}
table.dataTable thead>tr>th.dt-orderable-asc, table.dataTable thead>tr>th.dt-orderable-desc, table.dataTable thead>tr>th.dt-ordering-asc, table.dataTable thead>tr>th.dt-ordering-desc, table.dataTable thead>tr>td.dt-orderable-asc, table.dataTable thead>tr>td.dt-orderable-desc, table.dataTable thead>tr>td.dt-ordering-asc, table.dataTable thead>tr>td.dt-ordering-desc{padding-right: 10px;padding-left: 20px;}
table.dataTable th.dt-type-numeric {text-align: left;}
.select2-container--default .select2-selection--multiple {width: 100% !important;display: flex;align-items: center;}
.select_with_blocks~.select2-container--default .select2-selection--multiple {flex-wrap: wrap}
.fancybox__container{z-index:1300;}
.fc .fc-popover {z-index: 1050!important;}

.form-control_enter_message {border: none;resize: none;}
.form-control_enter_message:focus{border: none;box-shadow: none;}
.message_input_block{border: 1px solid #e9eaf1;border-radius: 0.5rem;}
.message_input_block:has(.form-control:focus) {color: #22252f;background-color: #fff;border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}
.all_chat_block{width: 25%; border-right: 3px solid #e2e8f0;}
.chat_body_field{width: 75%}
.chat_body_field.close{display: none;}
.chat_client_info_block {display: none; border-left: 3px solid #e2e8f0;}
.card-body:has(.chat_client_info_block.open) .chat_body_field {display: block; width: 50%}
.chat_client_info_block.open{display: block; width: 25%}
.perfect-scrollbar{overflow-y: auto;overflow-x: hidden;height: calc(100vh - 350px);}
.perfect-scrollbar-chats{max-height: calc(100vh - 170px);height: 100%;overflow-y: auto;overflow-x: hidden;}
.text-muted{font-size: .675em; position: relative;z-index: 2;}
.day_chat_started{position: relative;z-index: 2;}
.day_chat_started:after{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #e2e8f0;z-index: 1;}
.open_dropdown, .add_tag{color: #22252f;cursor: pointer;}
.dropdown-toggle-arrow-down.show{color: #4154f1;}
.dropdown-toggle-arrow-down:hover::after, .dropdown-toggle-arrow-down.show::after {transition: .3s;border-top: 1px solid #4154f1;border-left: 1px solid #4154f1;}
.dropdown-toggle-arrow-down::after {display: inline-block;content: "";border-top: 1px solid #000;border-left: 1px solid #000;border-bottom: none;border-right: none;width: 10px;height: 10px;transform: rotate(225deg);transition: .3s;}
.tags_chat{background-color: #e2e8f0;color: #22252f;cursor: pointer; transition: .3s}
.tags_chat:hover{background-color: #d5d5d5;color: #22252f;cursor: pointer;transition: .3s}
.dropdown-toggle.dropdown-toggle-no-arrow::after{content: none;}
.open_chat_client_info_block{color: #22252f;}
#main.main_chat .card-body{max-width: 100%;width: 100%;}
.subtitle_text_chat{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;width: 100%;max-width: 100%;color: #6f6f6f;font-size: 12px;}
.small.date_write{white-space: nowrap;font-size: 12px;}
.chat_item{padding: .5rem 1rem;border-radius: 0.75rem;margin-bottom: 0;color: #000;}
.chat_item.active{background-color: rgb(243 243 243);}
.chat_item:hover{background-color: rgb(246, 247, 249);}
.client_chat_name{font-size: 14px;}
.chat_item.active .client_chat_name{font-weight: 700;}
.bg_chatbot{background-color: #DBEAFF;background-image: linear-gradient(90deg, #DBEAFF 0%, #E9DDFE 100%);}
.name_in_chat{color: #6f6f6f;}
.client_chat-time{color: #6f6f6f;}
.chat_nav_item{color: #22252f;}
.client_chat-info{color: #22252f}
.chat_nav_item.active {position: relative;background-color: rgba(246, 247, 249);padding: 0 10px;border-radius: 0.5rem;}
.chat_nav_item.active:after {content: "";position: absolute;bottom: -10px;left: -10%;width: 120%;height: 5px;clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);background-color: #4154f1;}
.accordion-button::after {transform: rotate(-90deg);margin-left: auto;}
.accordion-button:not(.collapsed)::after {transform: rotate(0deg);}
.chat_client_info_block_close{color: #22252f;}
.p-25{padding: 0.75rem!important;}
.textarea_icons{color: #22252f;}
.accordion-item {border: none;border-top: 3px solid #e2e8f0;}
.accordion-item:not(:first-of-type) {border: none;border-top: 3px solid #e2e8f0;}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed{border-radius: 0;border: none;}
.accordion-item:last-of-type{border-radius: 0;border: none;border-top: 3px solid #e2e8f0;border-bottom: 3px solid #e2e8f0;}

.emoji_open {position: relative;}
.emoji-picker {position: absolute;bottom: 30px;left: calc(50% - 150px);width: 300px;background: #fff;border: 1px solid #ccc;border-radius: 6px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);display: none;z-index: 10;}
.emoji-tabs {display: flex;border-bottom: 1px solid #ddd;}
.emoji-tab {flex: 1;text-align: center;padding: 5px;cursor: pointer;background: #f9f9f9;border-right: 1px solid #ddd;font-size: 18px;}
.emoji-tab:last-child {border-right: none;}
.emoji-tab.active {background: #e0e0e0;font-weight: bold;}
.emoji-content {display: none;flex-wrap: wrap;padding: 10px;max-height: 200px;overflow-y: auto;}
.emoji-content.active {display: flex;}
.emoji-content span {font-size: 22px;margin: 5px;cursor: pointer;transition: transform 0.2s;}
.emoji-content span:hover {transform: scale(1.3);}
.typing-dots span {opacity: 0;animation: type-animation 1s infinite;}
.typing-dots span:nth-child(1) {animation-delay: 0.333s;}
.typing-dots span:nth-child(2) {animation-delay: 0.666s;}
.typing-dots span:nth-child(3) {animation-delay: 0.999s;}
.img_star_modal{max-width: 20px;}
@keyframes type-animation { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }
label:has(.form-control){width: 100%;max-width: 100%}
.cursor-pointer{cursor: pointer;}
.repeat_period_item{display: none}
.repeat_period_item.active{display: block}
.repeat_period_item_second{display: none}
.repeat_period_item_second.active{display: block}
.repeat_period_item_third{display: none}
.repeat_period_item_third.active{display: block}
.chooseProductSauna{display: block; cursor: pointer;}
.btns{position: absolute; top: 0; right: 0; padding: 5px 10px; background: #f1f1f1}
.build_page{padding-top: 0}
.numbers_round{background-color: #f1f1f1;height: 16px;min-width: 16px;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 11px;border-radius: 26px;padding: 0 .4rem;}
.pipelines_th_div {display: flex;gap: 8px;align-items: center;position: relative;}
.pipelines_th_div:after {content: "";position: absolute;top: -6px;right: -40px;width: 35px;height: 35px;background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><linearGradient id='a' x1='3.997' x2='60.003' y1='32' y2='32' gradientUnits='userSpaceOnUse'><stop stop-color='%23f3f3f3' offset='0'/><stop stop-color='%23f3f3f3' offset='0.158'/><stop stop-color='%23f3f3f3' offset='1'/></linearGradient><path fill='url(%23a)' d='m34.88 33.07-14.22 19.6c-.42.58-1.15.92-1.94.92H6.3c-1.662.078-2.974-1.693-1.93-3.08l13.86-18.52L4.79 13.47c-1.019-1.392.286-3.128 1.94-3.06h11.99c.79 0 1.52.34 1.94.92l14.22 19.6c.48.65.48 1.49 0 2.14z'/></svg>") no-repeat center;background-size: contain;}

.pipe_head ul li a.pipeline_item.bg-success {background: #d9d9d9 !important;color: rgba(0, 0, 0, .8) !important;font-weight: 600;}
.pipe_head ul li a.pipeline_item {position: relative;color: rgba(0, 0, 0, .8) !important;clip-path: polygon(0 0, calc(100% - .8rem) 0%, 100% 50%, calc(100% - .8rem) 100%, 0 100%, .8rem 50%);background-color: #f9f9f9;padding: .5rem 1rem .5rem 1.2rem;display: inline-block;}
.pipe_head ul li a.pipeline_item.passed {
  background-color: #d9d9d9;
}
.pipe_head ul li a.pipeline_item.active {
  background-color: #d9d9d9;
}
/*.pipe_head ul li a.pipeline_item:after {content: "";position: absolute;top: -4px;right: -19px;width: 15px;height: 29px;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><linearGradient id="a" x1="3.997" x2="60.003" y1="32" y2="32" gradientUnits="userSpaceOnUse"><stop stop-opacity="1" stop-color="%23f3f3f3" offset="0"/><stop stop-opacity="1" stop-color="%23f3f3f3" offset="0.158"/><stop stop-opacity="1" stop-color="%23f3f3f3" offset="1"/></linearGradient><path fill="url(%23a)" d="m34.88 33.07-14.22 19.6c-.42.58-1.15.92-1.94.92H6.3c-1.662.078-2.974-1.693-1.93-3.08l13.86-18.52L4.79 13.47c-1.019-1.392.286-3.128 1.94-3.06h11.99c.79 0 1.52.34 1.94.92l14.22 19.6c.48.65.48 1.49 0 2.14zm24.77-2.14-14.23-19.6c-.42-.58-1.15-.92-1.94-.92H31.49c-1.647-.069-2.953 1.676-1.94 3.06L43 31.99 29.14 50.51c-1.063 1.384.26 3.158 1.92 3.08h12.42c.79 0 1.52-.34 1.94-.92l14.23-19.6a1.8 1.8 0 0 0 0-2.14z"/></svg>') no-repeat center;background-size: contain;}
.pipe_head ul li:last-child a.pipeline_item:after {display: none;}*/

.overflow_400 {max-height: 58vh;}

.scrolled_table th.pipelines_th{padding: 8px 23px;}
.scrolled_table th.pipelines_th:last-child .pipelines_th_div:after {content: none;display: none;}
.scrolled_table td.pipelines_td{padding: 0 6px 8px;}
.scrolled_table.pipelines_table{/*table-layout: fixed;*/min-width: 800px;  border-collapse: unset;border-spacing: unset;}
.scrolled_table.pipelines_table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}
.board_box.pipelines_board_box{padding: 10px 10px 10px 10px;border-radius: .5rem;margin-bottom: 12px;box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);background-color: #fff;}
.board_box.pipelines_board_box .view_icon {position: absolute;top:-0.2rem; right:0.2rem;}
.board_box.pipelines_board_box span.label_tag {width: .5rem; height: .5rem;position: absolute;top:0.2rem; left:.2rem;border-radius: 50%;}
.scrolled_table.pipelines_table tr{border-top: 3px solid #fafafa;border-bottom: 1px solid #fafafa;}
.scrolled_table.pipelines_table td, .scrolled_table.pipelines_table th{max-width: 100%;width: 200px;min-width: 200px;vertical-align: top}

.scrolled_table.pipelines_table td.hidden, .scrolled_table.pipelines_table th.hidden{display: none}

.scrolled_table.pipelines_table tbody tr{border: none;}
.pipelines_th_name{font-size: 14px; font-weight: 400;}
.pipelines_board_top {display: flex;flex-wrap: wrap; gap: 0; flex-direction: column}
.pipelines_board_top i {font-size: 15px;}
.pipelines_board_top p {margin: 0;white-space: normal;}
.scrolled_table.pipelines_table tr > td:first-child {padding-left: 0}
.scrolled_table.pipelines_table tr > th:first-child{padding-left: 17px}
.scrolled_table.pipelines_table tr > td:last-child{padding-right: 0}
.scrolled_table.pipelines_table tr > th:last-child{padding-right: 17px}
.form-check_small .form-check-input {position: relative;top: -2px;}


/*.select_with_blocks .select2-container {height: 62px;}*/
.select_with_blocks select {opacity: 0;height: 1px}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {display: inline-flex;align-items: center;flex-shrink: 0;padding: 4px 7px;margin: 0 10px 0 0;line-height: 1;float: left;font-size: .875rem;}
.select_with_blocks .select2-container--default .select2-selection--multiple .select2-selection__rendered li {float: none;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {float: left;width: auto}
.select_with_blocks .select2-container--default .select2-selection--multiple .select2-selection__choice__display {display: inline-block;padding: 0 0 0 .3rem;}
.select_with_blocks .select2-container--default.select2-container--focus .select2-selection--multiple {height: 100%!important;border: none!important;}
/*.select_with_blocks .select2-container--default .select2-selection--multiple {height: 100%!important;}*/
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {display: inline-block;position: relative;}
.input_without_label{margin-top: 27.19px;}
.label_select{font-size: 0.8rem !important;color: #626262;display: block;}
.form-control-sm {min-height: calc(1.5em + .5rem + 3px);}
.form-label-title{display: inline-block;}
.form-select{font-size: .875rem;padding: .285rem 2.25rem .285rem .5rem;}

@media (min-width: 992px) {
  .w-lg-60 { width: 60% !important; }
  .w-lg-40 { width: 40% !important; }
  .w-lg-30 { width: 30% !important; }
  .w-lg-20 { width: 20% !important; }
  .flex-lg-nowrap {flex-wrap: nowrap !important;}
}
@media only screen and (max-width: 1400px) {
  .all_chat_block{width: 30%}
  .chat_body_field{width: 70%}
  .card-body:has(.chat_client_info_block.open) .chat_body_field {display: block; width: 40%}
  .chat_client_info_block.open{display: block; width: 30%}
}
@media only screen and (max-width: 992px) {
  .rwd_table_large_992 thead{display:none}
  .rwd_table_large_992 tbody tr{display:block;padding:0;background-color:#fff;border-bottom: none}
  .rwd_table_large_992 tbody tr:nth-of-type(odd){background-color:#fafafa}
  .rwd_table_large_992 td{border-bottom:.1rem solid #EAEAEA;display:block;text-align:left;min-height: 55.6px;position:relative;padding:1.1rem 1.2rem 1rem 10rem}
  .rwd_table_large_992 td::before{content:attr(data-label) " ";position:absolute;top:1.1rem;left:1.2rem;display:inline-block;padding:0 1rem 0 0;font-weight:700;color:#000;text-align:left}
  .rwd_table_large_992 td:last-child{border-bottom:none}
  .rwd_table_large_992 td[colspan="3"] {padding: 1.1rem 1.2rem!important;}
  .rwd_table_large_992 td[colspan="4"] {padding: 1.1rem 1.2rem!important;}
  .rwd_table_large_992 td[colspan="5"] {padding: 1.1rem 1.2rem!important;}
  .rwd_table_large_992 td[colspan="6"] {padding: 1.1rem 1.2rem!important;}
  .rwd_table_large_992 td[colspan="7"] {padding: 1.1rem 1.2rem!important;}
  .scrolled_table_992{ max-width: 950px;width: 100%;overflow-x: auto;}
  .dark_overlay.nav_opened::after {content: "";position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100vh;background-color: #000000;opacity: 0.8;z-index: 5;}

  /*.all_chat_block{width: 360px;position: fixed;top: 0;left: -360px;z-index: 100;height: 100vh;margin: 0;overflow: hidden;background-color: #fff;transition: left 0.3s ease-in;padding-top: 60px;}
  .all_chat_block.open{left: 0;}*/
  .all_chat_block{width: 30%}
  .chat_body_field{width: 70%;}
  .card-body:has(.chat_client_info_block.open) .chat_body_field {width: 100%}
  .chat_client_info_block{display: block;width: 360px; position: fixed;top: 0;right: -360px;z-index: 100;height: 100vh;margin: 0;overflow: hidden;background-color: #fff;transition: right 0.3s ease-in;padding-top: 60px;}
  .chat_client_info_block.open{right: 0; width: 360px;}
  .perfect-scrollbar-chats{max-height: calc(100vh - 110px);}
  .demo_table .row-actions_inner {opacity: 1;}
  .product_details_row .product_details_totals {margin-top: 0;}
  .demo_table tbody tr td{border: none !important;}
  .demo_table tbody tr > td:first-child{border: none !important;}
  .demo_table tbody tr > td:last-child{border: none !important;}
}
@media (-ms-high-contrast: none),(-ms-high-contrast: active),(-moz-touch-enabled: 0),(hover: hover)and (max-width: 992px) {
  @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    .demo_table tbody tr:hover > td{
      border: none !important;
    }
    .demo_table tbody tr:hover > td:first-child{
      border: none !important;
    }
    .demo_table tbody tr:hover > td:last-child{
      border: none !important;
    }
  }
}
@media only screen and (max-width: 840px) {
  .rwd_table_large_840 thead{display:none}
  .rwd_table_large_840 tbody tr{display:block;padding:0;background-color:#fff;border-bottom: none}
  .rwd_table_large_840 tbody tr:nth-of-type(odd){background-color:#fafafa}
  .rwd_table_large_840 td{border-bottom:.1rem solid #EAEAEA;display:block;text-align:left;min-height: 55.6px;position:relative;padding:1.1rem 1.2rem 1rem 10rem}
  .rwd_table_large_840 td::before{content:attr(data-label) " ";position:absolute;top:1.1rem;left:1.2rem;display:inline-block;padding:0 1rem 0 0;font-weight:700;color:#000;text-align:left}
  .rwd_table_large_840 td:last-child{border-bottom:none}
  .scrolled_table_840{ max-width: 770px;width: 100%;overflow-x: auto;}

}

@media only screen and (max-width: 767px) {
  .rwd_table_large_767 {width: 100% !important;}
  .rwd_table_large_767 thead{display:none}
  .rwd_table_large_767 tbody tr{display:block;padding:0;background-color:#fff;border-bottom: none;width: 100% !important;}
  .rwd_table_large_767 tbody tr:nth-of-type(odd){background-color:#fafafa}
  .rwd_table_large_767 td{border-bottom:.1rem solid #EAEAEA;display:block;text-align:left;min-height: 55.6px;position:relative;padding:1.1rem 1.2rem 1rem 10rem!important;max-width: 100%!important;width: 100% !important;box-sizing: border-box;}
  .rwd_table_large_767 td[colspan="3"] {padding: 1.1rem 1.2rem!important;}
  .rwd_table_large_767 td[colspan="4"] {padding: 1.1rem 1.2rem!important;}
  .rwd_table_large_767 td[colspan="5"] {padding: 1.1rem 1.2rem!important;}
  .rwd_table_large_767 td::before{content:attr(data-label) " ";position:absolute;top:1.1rem;left:1.2rem;display:inline-block;padding:0 1rem 0 0;font-weight:700;color:#000;text-align:left}
  .rwd_table_large_767 td:last-child{border-bottom:none}
  .scrolled_table_767{ max-width: 770px;width: 100%;overflow-x: auto;}
  .all_chat_block {width: 35%;}
  .chat_body_field {width: 65%;}
  .fc:has(.fc-dayGridMonth-button.fc-button-active) .fc-view-harness,
  .fc:has(.fc-dayGridWeek-button.fc-button-active) .fc-view-harness {flex-grow: 1;position: relative;width: 992px;}
  .fc-scrollgrid-section-header .fc-scroller{overflow: hidden!important;}
  .fc-direction-ltr {direction: ltr;text-align: left;overflow-x: scroll;overflow-y: hidden;}
  .fc .fc-toolbar {position: sticky;top: 0;left: 0;}
  .demo_table .row-actions_inner {justify-content: flex-start;}

}

@media only screen and (max-width: 640px) {
  .rwd_table_large_640 thead{display:none}
  .rwd_table_large_640 tbody tr{display:block;padding:0;background-color:#fff;border-bottom: none}
  .rwd_table_large_640 tbody tr:nth-of-type(odd){background-color:#fafafa}
  .rwd_table_large_640 td{border-bottom:.1rem solid #EAEAEA;display:block;text-align:left;min-height: 55.6px;position:relative;padding:1.1rem 1.2rem 1rem 10rem}
  .rwd_table_large_640 td::before{content:attr(data-label) " ";position:absolute;top:1.1rem;left:1.2rem;display:inline-block;padding:0 1rem 0 0;font-weight:700;color:#000;text-align:left}
  .rwd_table_large_640 td:last-child{border-bottom:none}
  .emoji-picker {left: calc(50% - 100px);}
  .fc .fc-toolbar{flex-wrap: wrap;gap: .75rem}
  .fc-toolbar-chunk:nth-child(3) {display: flex;justify-content: end;align-items: center;width: 100%;max-width: 100%;}
  .all_chat_block{width: 40%}
  .chat_body_field{width: 60%;}
}
@media only screen and (max-width: 576px) {
  .modal.show .modal-dialog{
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media only screen and (max-width: 550px) {
  .all_chat_block{width: 100%; border-right: none;}
  .chat_body_field{width: 100%;position: relative;z-index: 2;}
  .img_star_modal{max-width: 45px;}
}
@media only screen and (max-width: 450px) {
  .rwd_table_large_640 td,
  .rwd_table_large_767 td,
  .rwd_table_large_840 td,
  .rwd_table_large_992 td{padding:1.1rem 1.2rem 1rem 7rem!important;}
  .card-body:has(> .rwd_table_large_640),
  .card-body:has(> .rwd_table_large_840),
  .card-body:has(> .rwd_table_large_767),
  .accordion-body:has(.rwd_table_large_767),
  .card-body:has(> .rwd_table_large_992){padding: 0}
  .row_mobile_m_0{margin: 0}
  .card-body:has(> .rwd_table_large_767) h5 {padding-left: 1rem;}
  .rwd_table_large_767 td::before {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 7rem;}
}
@media only screen and (max-width: 400px) {
  .fc-toolbar-chunk:nth-child(2){display: flex;justify-content: end;width: 100%;}
}