/* Component styles */
.open_new i{
color: #d1d4ef !important;
}

.open_new:hover i{
cursor: pointer;
color: #007bff !important;
}

.profile_dropdown{
right: 10px; display: inline-block; position: absolute; top: 3px;
}

span.memu_external {

background-color: #ffffff;
position: absolute;
right: 26px;
padding: 9px;
color: #606060;
z-index: 9;
border-radius: 21%;
width: 37px;
height: 37px;
text-align: center;
border: 1px solid #eaeaea;
font-size: 12px;
top: 25px;

}

span.memu_external_small {
background-color: #ffffff;
position: absolute;
right: 3px;
padding: 9px;
color: #8a8989;
z-index: 9;
border-radius: 100%;
width: 40px;
height: 40px;
text-align: center;
border: 1px solid #eaeaea;
font-size: 14px;
top: 3px;
}

span.memu_external:hover,span.memu_external_small:hover {
background-color: #0066ff;
color: white;
}

.card-new{
position: absolute;
width: 77px;
top: -15px;
left: -9px;
}

.menu_grid {
position: fixed;
background: white;
left: 10px;
display: none;
max-height: 100vh;
overflow-y: auto;
overflow-x: hidden;
top: 0;
box-shadow: 0px 0px 6px 0px #9bbdff;
z-index: 9999;
padding-top: 60px;
border-radius: 15px;
}

#sub_menus > * {
align-content: start;
margin: 0;
}

.mobile_close{
position: fixed;
z-index: 9;
top: 12px;
left: 15px;
}

i.list-submenu {
font-weight: 700;
color: #ffffff40;
right: 10px;
position: absolute;
padding-top: 23px;
top: 0;
}

.submenu_title{
color: #343d44;
font-size: 1em;
}

.menu-scrollable::-webkit-scrollbar{
width: 10px;
background-color: #c3e2f1;
}

.menu-scrollable::-webkit-scrollbar-thumb{
background-color: #38bfff;
}

.navbarlogo {
max-width: 320px;
overflow: hidden;
}

a.navbarlogo:hover {
background: #0275d8 !important;
}

.gn-menu .icon-menu{
width: 55px;
text-align: center;
}

.gn-menu-main > li:hover {
background-color: white;
color: #0275d8;
}

.gn-menu-main,
.gn-menu-main ul {
margin: 0;
padding: 0;
background: #0275d8;
color: #ffffff;
list-style: none;
text-transform: none;
font-weight: 300;
line-height: 60px;
}

.gn-menu-main {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 1040;
font-size: 1.2rem;
}

.gn-menu-main a {
display: block;
height: 100%;
color: #ffffff;
text-decoration: none;
cursor: pointer;
}

a.dropdown-item-new {
color: black;
padding: 5px 30px 5px 25px;
line-height: 40px;
padding-left: .8rem;
}

a.dropdown-item-new:hover{
color: white;
background: #4d13fa
}

.dropdown-menu-new{
padding-bottom: 0 !important
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
background: white;
color: #0275d8 !important;
width: 100%;
}

.gn-menu-main > li {
display: block;
float: left;
height: 100%;
border-right: 1px solid #c6d0da;
text-align: center;
}

.gn-menu-main li.gn-trigger {
position: relative;
width: 60px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.gn-menu-main > li > a {
padding: 0 30px;
text-transform: uppercase;
letter-spacing: 1px;
}

.gn-menu-main:after {
display: table;
clear: both;
content: "";
}

.gn-menu-wrapper {
position: fixed;
top: 60px;
bottom: 0;
left: 0;
overflow: hidden;
width: 60px;
border-top: 1px solid #c6d0da;
background: white;
-webkit-transform: translateX(-60px);
-moz-transform: translateX(-60px);
transform: translateX(-60px);
-webkit-transition: -webkit-transform 0.3s, width 0.3s;
-moz-transition: -moz-transform 0.3s, width 0.3s;
transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
position: absolute;
overflow-y: auto;
width: 341px;
height: 100%;
background: #00d0ff;
}

.gn-menu {
border-bottom: 1px solid #c6d0da;
text-align: left;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
box-shadow: inset 0 1px #c6d0da
}

.gn-submenu li {
overflow: hidden;
height: 0;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}

.gn-submenu li a {
color: #c1c9d1
}

input.gn-search {
position: relative;
z-index: 10;
padding-left: 60px;
outline: none;
border: none;
background: transparent;
color: white;
font-weight: 600;
cursor: pointer;
text-transform: uppercase;
}

li.search-field:hover {
background-color: rgb(128, 211, 243);
height: 60px;
}

.search-field input {
padding-left: 13px;
width: 225px;
font-weight: 300;
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.gn-search::-webkit-input-placeholder {
color: white !important
}

.gn-search:-moz-placeholder {
color: white !important
}

.gn-search::-moz-placeholder {
color: white !important
}

.gn-search:-ms-input-placeholder {
color: white !important
}

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
color: transparent
}

input.gn-search:focus {
cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
color: #0275d8
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
color: white
}

.gn-icon::before {
display: inline-block;
width: 60px;
text-align: center;
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-family: 'FontAwesome';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
}

.gn-icon span {
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.gn-icon-menu::before {
margin-left: -15px;
vertical-align: -2px;
width: 30px;
height: 2px;
background: #ffffff;
box-shadow: 0 0px white, 0 -6px #ffffff, 0 -12px white, 0 -12px #ffffff;
content: '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
background: white;
box-shadow: 0 3px white, 0 -6px white, 0 -9px white, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
background: #0275d8;
box-shadow: 0 3px white, 0 -6px #0275d8, 0 -9px white, 0 -12px #0275d8;
}

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
width: 340px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
height: 60px
}

.gn-menu li:hover {
background-color: white;
color: #0275d8;
}

.gn-menu li:hover a{
color: #0275d8 !important;
}

a.gn-icon:hover {
text-decoration: none;
color: #0275d8;
}

.notification-bell{
display: inline-block;
position: absolute;
right: 54px;
padding: 0 15px;
}

a:focus, a:hover {
color: inherit;
text-decoration: inherit;
}

.container > header,
.codrops-top {
color: #fff;
font-family: 'Lato', Arial, sans-serif;
}

.container > header {
margin: 0 auto;
padding: 12em 2em;
padding-left: 370px;
background: rgba(0,0,0,0.05);
}

.container > header a {
color: #566473;
text-decoration: none;
outline: none;
}

.container > header a:hover {
color: #4f7bab;
}

.container > header h1 {
font-size: 3.2em;
line-height: 1.3;
margin: 0;
font-weight: 300;
}

.container > header span {
display: block;
font-size: 55%;
color: #74818e;
padding: 0 0 0.6em 0.1em;
}

/* Modern menu trigger used by admin/menus/main6. */
a.gn-icon-menu-modern {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-width: 60px;
padding: 0 !important;
}

.gn-icon-menu-modern::before {
display: none !important;
content: none !important;
}

a.gn-icon-menu-modern > .gn-menu-icon-lines {
position: relative;
display: block;
flex: 0 0 auto;
width: 40px;
height: 36px;
margin: 0 !important;
overflow: visible;
border-radius: 10px;
background: rgba(255, 255, 255, .12);
transition: background-color 180ms ease;
}

a.gn-icon-menu-modern > .gn-menu-icon-lines > span {
position: absolute;
left: 8px;
display: block;
width: 24px;
height: 2px;
margin: 0 !important;
overflow: visible;
border-radius: 999px;
background: currentColor;
transform-origin: center;
transition: transform 180ms ease, opacity 180ms ease, width 180ms ease;
}

a.gn-icon-menu-modern .gn-menu-icon-lines > span:first-child {
top: 10px;
}

a.gn-icon-menu-modern .gn-menu-icon-lines > span:nth-child(2) {
top: 17px;
width: 16px;
}

a.gn-icon-menu-modern .gn-menu-icon-lines > span:last-child {
top: 24px;
width: 20px;
}

a.gn-icon-menu-modern:hover .gn-menu-icon-lines > span,
a.gn-icon-menu-modern:focus-visible .gn-menu-icon-lines > span,
a.gn-icon-menu-modern.gn-selected .gn-menu-icon-lines > span {
width: 24px;
}

a.gn-icon-menu-modern:focus-visible > .gn-menu-icon-lines {
outline: 2px solid currentColor;
outline-offset: 3px;
}

a.gn-icon-menu-modern.gn-selected .gn-menu-icon-lines > span:first-child {
transform: translateY(7px) rotate(45deg);
}

a.gn-icon-menu-modern.gn-selected .gn-menu-icon-lines > span:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}

a.gn-icon-menu-modern.gn-selected .gn-menu-icon-lines > span:last-child {
transform: translateY(-7px) rotate(-45deg);
}

a.gn-icon-menu-modern > .gn-menu-label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px !important;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}

/* Preserve navigation overrides from newcustom.css, previously loaded after component.css. */
a.navbarlogo:hover {
background: #001cc7 !important;
color: white;
text-decoration: none !important;
}

.gn-menu-main {
background-image: linear-gradient( to right, #531aff, #13d4f3 )
}

.gn-menu-main ul{

background-image: linear-gradient(#5016ff, #00d0ff)

}

/* Framework styles */
.card_number{
font-weight: 500;
font-size: 4em
}

.highlighed{
box-shadow: #59ff59 0px 0px 12px -1px !important;
}

.info_box{
padding: 9px; margin: 0; background-color: #fff7e9;
}

.pull-left{
float: left;
}

.pull-right{
float: right;
}

.card {
box-shadow: 7px 7px 12px -5px rgb(223 224 255)
}

.card_stat_hor{
flex-direction: column;
}

.card_text{
font-size: 1.5em
}

.text-blue{
color: #235aff
}

.text-red{
color: red
}

.text-grey{
color: grey
}

.iframevideo{
width: 100%;
}

.centered{
display: flex;
justify-content: center;
align-items: center;
}

.academy{
background-color: #e8f6ff; overflow-y: hidden;overflow-x: scroll;display: none;
}

.danger_zone{
margin-top: 50px;
padding: 10px;
color: #721c24;
background-color: #FFEAEA;
border-color: #f5c6cb;
}

.display_inline{
display: inline-block;
}

.option_selector{
margin: 8px 6px;
background: white;
border-radius: 9px;
padding: 10px 15px;
}

.option_selector.selected {
box-shadow: 0px 1px 8px -1px #a8a8a8;
background-color: #00d274;
color: white;
border: none;
}

.tags_box{
padding: 10px;
background-color: rgb(247, 247, 247);
max-height: 360px;
overflow: auto;
}

.row_no_pad{
margin:  0
}

.pointer{
cursor: pointer;
}

.custom_dropdown {
position: relative;
display: inline-block;
}

.custom_dropdown-content {display: none;position: absolute;background-color: #f9f9f9;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index: 3;width: 100%;}

.custom_dropdown:hover .custom_dropdown-content{
display: block;
}

.custom_dropdown-content:hover {
display: block;
}

.custom_dropdown-item {
margin: 6px;
border: 1px solid #eaeaea;
padding: 8px;
border-radius: 3px;
}

.custom_checkbox {
position: relative;
padding-left: 35px;
margin-bottom: 0px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
color: black;
}

/* Hide the browser's default checkbox */
.custom_checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}

/* On mouse-over, add a grey background color */
.custom_checkbox:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom_checkbox input:checked ~ .checkmark {
background-color: #0038aa;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.custom_checkbox input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.custom_checkbox .checkmark:after {
left: 11px;
top: 6px;
width: 5px;
height: 13px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

div.dt-buttons {
position: relative !important;
text-align: right !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
float: none !important;
}

div.dt-buttons button{
color: #1832e9 !important;
background: white !important;
border: 1px solid #b3ddf5 !important;
padding:15px
}

.dataTables_wrapper .dataTables_paginate {
float: none !important;
}

.bt-clear:hover{
color: black !important
}

.ql-editor p{
font-size: 18px
}

.crm_label .control{
min-width: auto;
padding-right: 0;
}

.crm_label .control__indicator {
height: 20px;
width: 20px;
}

.crm_label .control__indicator:after {
left: 7px;
top: 3px;
width: 6px;
height: 12px;
}

span.status_dot{
width: 15px;
height: 15px;
border-radius: 10px;
position: absolute;
right: 5px;
top: 5px;
}

.top_crm_cols {
margin-bottom: 10px
}

.top_crm_cols .col {
height: 90px;
}

.left_crm_cols .card_shadow {
box-shadow: 0px 2px 8px -5px #cbcbcb;
}

.top_crm_cols p {
margin: 0;
font-size: .9em;
}

.top_crm_cols .count{
font-size: 2em;
font-weight: 600;
line-height: 1;
}

.less_padding td{
padding: .75rem .25rem;
vertical-align: middle;
}

.invoice_dropdown button{
margin: 0 !important; 
padding: 22px 1.5rem !important;
}

.row_table{
padding: 15px;
border-bottom: 1px solid #e3e3e3;
}

.units_to_order{
border: 2px solid #00d274;
background-color: #ecfff7;
}

.order_item{
padding-bottom: 5px;
border-bottom: 1px solid #f3f3f3;
padding-top: 5px;
}

.absolute_btn {
position: fixed;
bottom: 0;
width: 100%;
padding: 10px;
left: 0;
background-color: white;
background-color: #E1F5FE
}

.card_order label{
font-size: .9em
}

.average_select select{
text-align-last: right;
}

.average_select option{
direction: rtl; 
}

.col_no_pad{
padding-right: 0; 
padding-left:  0; 
}

.clinic_t {
font-size: 1.8rem;
text-transform: capitalize;
}

span.clinit_sb {
text-transform: capitalize;
font-weight: 200;
padding-left: 17px;
}

.clinic_l1 {
font-size: 1.5rem;
padding-left: 15px;
margin-bottom: 10px;
border-left: 1px dashed;
margin-left: 16px;
}

.clinic_l2 {
font-size: 1.2rem;
padding-left: 15px;
border-left: 1px dashed;
margin-left: 15px;
}

.clinic_l3 {
font-size: 1rem;
padding-left: 15px;
border-left: 1px dashed;
margin-left: 15px;
}

.clinic_s {
margin-bottom: 14px;
padding: 10px;
}

.card_order label{
font-size: .9em
}

.motilidad .col-3 {
padding: 1px;
}

.clinic_title{
text-align: left;
margin-bottom: 25px
}

.flex_group{
display: flex;
align-items: center;
}

.flex_group label {padding-right: 16px;white-space: nowrap; min-width: 60px;
}

.no_min_width label {min-width: auto;
}

.fa-eye {
color: #90CAF9;
}

.clinic_r_block{
padding-right: 0px;
}

.clinic_l_block{
padding-left: 0px;
padding-top: 50px;
}

.border_left{
border-left: none;
}

.clinic_group {
padding-top: 15px;
}

.logo_bar{
max-width: 200px;
max-height: 50px;
}

.status_col .col {
min-width: 200px;
margin-bottom: 10px;
}

.status_btn {
text-align: center;
background-color: #f0f0f0;
padding: 15px 0;
border-radius: 7px;
cursor: pointer;
box-shadow: 2px 2px 7px 0px #dddddd;
}

.status_btn:hover {
background: #00d274 !important;
color: white;
}

.status_btn.active {
cursor: auto;
color: white;
background: #00d274 !important;
}

.align_center{
display: flex;
align-items: center;
}

.activity_ele{
margin: 5px 0px;
}

.activity_ele .col {
min-height: 79px;
background-color: whitesmoke;
padding: 20px 5px;
text-align: center;
}

#audits_wrapper hr {
margin: 32px 0px;
}

.bggreen{
background-color: #1ABB9C !important;color: white;
}

.bggreen:hover{
background-color: #08a98a !important;color: white;
}

#audits_wrapper .row {
align-items: center;
}

.audits_info{
font-size: .9em;
text-align: center;
color: #4b4b4b;
background: #fafafa;
padding: 10px;
border: 1px solid #eeeeee;
}

.huge_number{
font-size: 6.5rem;
text-align: center;
font-weight: 600;
}

.cross-item .col {
padding: 2px;
}

.cross-item {
padding: 5px;
text-align: center;
}

.cross-item .cross-title {
max-height: 68px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1;
}

.filter_box{
border-radius: 5px;
padding: 10px;
cursor: pointer;
transition: ease-in .1s;
}

.card_stat_red.filtered {
border: 8px solid #ffa5a5;
}

.card_stat_green.filtered {
border:8px solid #c7ffc9;
}

.btn-cross{
position: fixed;
bottom: 0px;
width: 100%;
left: 0px;
text-align: center;
padding-bottom: 39px;
z-index: 9;
background-color: #464646de;
padding-top: 18px;
}

a.bt {
text-decoration: none !important;
}

.card_inventory.selected {
box-shadow: 1px 1px 14px -2px #7f87ffa8 !important;
padding: 13px;
}

.card_inventory.disabled {
opacity: .3
}

.row.inventory_results .col {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 4px;
}

.inventory_input{
text-align: right;
font-size: 2.5rem;
height: 100px !important;
margin-bottom: 8px;
margin-top: 10px;
padding-right: 32px !important;
}

.card_inventory{
margin: 8px 6px;
background: white;
border-radius: 9px;
padding: 15px;
}

.box_selector {
border: 1px solid #bfcbffa8;
border-radius: 5px;
padding-top: 17px;
cursor: pointer;
transition: ease-in .1s;
position: relative;
padding: 10px;
height: 100%;
}

.box_selector .box_title {
line-height: 1;
font-size: 1.1em;
padding-bottom: 5px;
}

.box_selector .box_desc {
line-height: 1.2;
font-size: 0.93em;
font-weight: lighter;
padding: 0px 10px 0px 0px;
color: #8c8c8c;
}

.box_selector.selected{
box-shadow: 1px 1px 14px -2px #7f87ffa8;
padding: 13px;
}

.box-selectors .col{
margin: 5px 0px
}

.label_titles label{
margin-bottom: 0;
margin-top: 6px;
padding-right: 5px
}

.transition_box{
transition: cubic-bezier(0, 0, 0.2, 1) .5s;
min-width: 0%;
}

.full_width{
min-width: 100%
}

.pill-primary{
background-color: var(--maincolor)
}

.pill-secondary{
background-color: var(--secondarycolor)
}

.pill-white{
color: #506afb !important;
background: #ecf4ff;
}

.pill-grey{
color: #909090;
background: #eaeaea;
}

.pill-black{
background-color: #2c2c2c;
color: white;

}

.pill-red {
background-color: #ff4e4e;
color: white;
}

.pill-info{
color: #776eff;
background: #ecf9ff;
box-shadow: 2px 2px 4px -1px #eaeaea;
}

.pill-green {
background-color: #00d274 !important;
color: white;
}

.pill-orange {
background-color: orange;
color: white;
}

.pill-bigger{
font-size: 1.5rem
}

.pill-smaller{
font-size: 1rem
}

.pill-tiny{
font-size: 0.75rem
}

.pill-outline-blue{    
background-color: white;
border: 1px #3886fe solid;
color: #3886fe;
font-weight: 600;

}

.pill-outline-green {
background-color: white;
border: 2px #26b500 solid;
color: #26b500;
font-weight: 600;
}

.pill-blue{    
background-color: #3886fe !important;
color: white;
}

span.required{
color: red
}

input.form-control, select.form-control {
padding: .375rem 0.75rem;
height: 51px;
}

.invoice_header.row .col {
padding: 5px;
}

.inv_item {
padding: 16px 0;
border-bottom: 1px solid #e8e8e8;
text-align: right;
}

.invoice_header.row {
/*THEME ELEMENT*/
/*background-color: #008a00;*/
background-color: #235aff;
color: white;
padding: 10px 0px;
text-align: center;
font-weight: 100;
font-size: .9em;
}

.invoice_item input {
width: inherit;
border: 1px solid #d8d8d8;
text-align: right;
padding: 6px;
position: relative;
border-radius: 4px;
}

.invoice_item {
margin: 10px 0px;
border-bottom: 1px solid #efeded;
padding: 10px 0px 5px 0;
}

.invoice_item button {
margin: 0 3px;
padding: 6px 8px;
top: -5px;
position: relative;
}

.invoiceform .form-group {
margin-bottom: 0.3rem;
}

.invoiceform label {
font-size: 0.9em;
}

.doc_data label{
line-height: 0;
margin-top: 17px;
font-size: .9rem;
font-weight: 500;
color: #747474;
}

.small_title{
font-size: 1.5rem;
text-align: center;
color: #235aff;
font-weight: 500;
text-transform: uppercase;
line-height: 100%;
}

.card-block {
padding: 0.65rem;
}

.section_margin{
margin-top: 15px;
}

.attchment-item {
width: 160px;
display: inline-block;
overflow: hidden;
padding: 10px;
text-align: center;
border: 1px solid #cecdcd;
border-radius: 5px;
text-overflow: ellipsis;
cursor: pointer;
margin: 0 10px;
}

.attchment-item-sm {
width: 105px;
display: inline-block;
overflow: hidden;
padding: 10px;
text-align: center;
border: 1px solid #cecdcd;
border-radius: 5px;
text-overflow: ellipsis;
cursor: pointer;
margin: 0 10px;
}

.attchment-item:hover {
background-color: #eceeef;
}

.card_info{
font-size: 1.7rem;
color: #235aff;
font-weight: 700;
text-transform: uppercase;
}

.dropdown-blue:hover {
color: white !important;
}

.dropdown-blue{
color: #5bc0de !important;
}

.show>.btn-outline-info.dropdown-toggle {
color: #fff !important;
}

.hide-arrow::after {
content:none
}

.chat {
padding: 10px;
border-radius: 11px;
text-transform: uppercase;
word-break: break-word;
font-size: .9rem;
margin-bottom: 10px;
box-shadow: 0 2px 1.5px rgb(208, 208, 208);
}

.answer::before {
content: "";
border: solid 20px #dcf8c6;
position: absolute;
right: -15px;
top: 0px;
width: 1px;
height: 1px;
border-right-color: #ffffff00;
border-left-color: #ffffff00;
border-bottom-color: #ffffff00;
}

.question::before {
content: "";
border: solid 20px white;
position: absolute;
left: 10px;
top: 0px;
width: 1px;
height: 1px;
border-right-color: #ffffff00;
border-left-color: #ffffff00;
border-bottom-color: #ffffff00;
}

.question_admin::before {
content: "";
border: solid 20px #dcf8c6;
position: absolute;
left: 10px;
top: 0px;
width: 1px;
height: 1px;
border-right-color: #ffffff00;
border-left-color: #ffffff00;
border-bottom-color: #ffffff00;
}

.answer {
background-color: #dcf8c6;
color: #004f03;
margin-right: 15px;
position: relative;
}

.question {
background-color: #ffffff;
color: #525252;
margin-left:  15px;
}

.question_admin {
background-color: #dcf8c6;
color: #004f03;
margin-left:  15px;
}

.user_data{
width: 100%;
padding: 4px 0px;
color: #7f7f7f;
font-size: 0.85rem;
}

.review_ele p {
font-size: 1.2em;
font-weight: 100;
}

.review_ele {
padding-top: 10px;
}

.review_ele i.fa {
color: gainsboro;
}

.gallery{
display: flex;
overflow-y: auto;
padding: 25px 0px;
background-color: white;
}

.gallery_image {
min-width: 240px;
border: 1px solid #dadadada;
margin: auto;

}

.gallery_image img {
width: 100%;
}

.vertically-scrollable::-webkit-scrollbar{
width: 5px;
height: 5px;
background-color: #e4dfdf;
}

.vertically-scrollable::-webkit-scrollbar-thumb{
background-color: #0485e2;
}

.bt{
white-space: nowrap;
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 14px;
-webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
background: #fff;
border-radius: 4px;
font-size: 15px;
text-transform: uppercase;
letter-spacing: .025em;
text-decoration: none;
-webkit-transition: all .15s ease;
transition: all .15s ease;
border: none;
cursor: pointer;
align-content: center;
}

.bt-wrap {
white-space: initial;
min-height: 50px;
line-height: 111%;
}

.bt:disabled {
opacity: .5 !important;
cursor: no-drop;
}

.bt:hover {
transform: translateY(-1px);
box-shadow:0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .2);
color: white;
opacity: 0.9
}

.bt-blue{
color: #fff !important;
background: #096aff !important;
}

.bt-orange{
background-color: orange !important;
color: white
}

.bt-green{
color: #fff !important;
background: #03e456;
}

.bt-red{
color: #fff !important;
background: red;
}

.bt-red:hover{
color: red !important;
background: #fff !important;
}

.bt-o-red{
color: red;
border: red 1px solid;
}

.bt-o-red:hover{
color: #fff !important;
background: red;
}

.bt-white{
color: #506afb !important;
background: #ffffff;
}

.bt-o-green {
border: 1px solid #009e00;
color: #009e00;
}

.bt-o-green:hover {
color: #fff !important;
background: #00d274;
border: none;
}

.bt-wide{
width: 100%;
overflow: hidden;
}

.bt-margin{
margin-right: 20px
}

.closed-invoice {
color: #00d300;
font-weight: 600;
}

.open-invoice {
font-weight:  600;
color: #FF9800;
}

.canceled-invoice {
font-weight:  600;
color: red;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff;
background-image: linear-gradient( to right, #531aff, #13d4f3 );
}

table.text-small {
font-size: 0.9em !important;
}

.section_title {
  color: #24344d;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.2;
  margin: 5px 0 7px;
  text-transform: capitalize;
}

.section_title.title_mobile {
  font-size: 25px
}

.category_title {
font-size: 1.5rem;
color: orange;
text-transform: uppercase;
font-weight: 400;
border-left: 4px solid orange;
padding-left: 10px;
margin-bottom: 15px;
}

.category_title.sub_cat {
border-left: none;
}

.stat_title{
font-size: 1.7rem;
text-align: center;
font-weight: 100;
text-transform: uppercase;
line-height: 100%;
}

.stat_title.smaller{
font-size: 1.2rem
}

.big_number{
font-size: 2.7rem;
text-align: center;
font-weight: 400;
}

.mid_number{
font-size: 2rem;
text-align: center;
font-weight: 400;

}

.hoverable:hover {
cursor: pointer;
box-shadow: 0px 0px 8px 2px #eeeeee;
}

.card_shadow{
box-shadow: 0px 2px 16px -5px #cbcbcb;
border: none;
}

.products_tiles .col{
padding: 5px 5px;
}

.stat_card {
text-align: center;
font-size: 3rem;
color: #235aff;
font-weight: 500;
}

.stat_card.small {
font-size: 2rem
}

.card_height{
height: 100%;
justify-content: center;
}

.card_stat{
min-height: 190px;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
padding: 20px
}

.card_stat_red{
background-color:#ef0000;
color: white;
}

.card_stat_red:hover{
background-color: white !important;
color:#ef0000;
}

.card_stat_white{
background-color: white;
color: #235aff;
}

.card_stat_blue{
background-color: #235aff;
color: white;
}

.stat_shade {
color: #0000007a;
font-size: 1.1rem;
font-style: italic;
}

.card_stat_blue:hover{
background-color: white !important;
color: #235aff;
}

.card_stat_yellow{
background-color: #FFC107;
color: white;
}

.card_stat_yellow:hover{
background-color: white !important;
color: #FFC107;
}

.card_stat_green{
background-color:#00d274;
color: white;
}

.card_stat_green:hover{
background-color: white !important;
color:#00d274;
}

.card_stat_red_text{
background-color:white;
color: #ef0000;
}

.card_stat_red_text:hover{
background-color: #ef0000 !important;
color:white;
}

.card_stat_green_text{
background-color:white;
color: #5cb85c;
}

.card_stat_green_text:hover{
background-color: #5cb85c !important;
color:white;
}

.card_stat_white:hover{
background-color: #235aff !important;
color: white !important;
}

.card_stat_s{
min-height: inherit !important
}

.text_main_color{
color: var(--maincolor)
}

.products_tiles {
margin: 0;
}

.selected_user_info{
text-align: right;
}

.flex_on_medium{
display: none;
}

.only_on_mobile{
display: block;
}

.hidden-sm-down{
display: none !important
}

.mobile_input .col {
min-width: 100%;
}

.white_text{
color: white !important
}

/* Account settings and profile. */
.account-page[v-cloak] { display: none; }
.account-page {
min-height: calc(100vh - 60px);
padding: 28px 16px 72px;
background: #f4f7fb;
color: #26364a;
}
.account-page-inner { max-width: 1240px; margin: 0 auto; }
.account-page-heading { margin-bottom: 24px; }
.account-back-link { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; color: #60748a; font-size: 13px; }
.account-back-link:hover { color: #2463a6; }
.account-page-heading h1 { margin: 0 0 8px; color: #20344d; font-size: 30px; font-weight: 600; letter-spacing: -.025em; }
.account-page-heading p { margin: 0; color: #60748a; font-size: 14px; line-height: 1.6; }
.account-layout { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 20px; }
.account-sidebar, .account-content { min-width: 0; }
.account-navigation { display: flex; gap: 6px; padding: 8px; overflow-x: auto; border: 1px solid #dfe8f2; border-radius: 16px; background: #fff; }
.account-navigation-label { display: none; margin: 0 12px 12px; color: #6c8096; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.account-page .account-nav-item {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 12px;
height: auto;
min-height: 46px;
padding: 12px;
border: 0;
border-radius: 10px;
background: transparent;
box-shadow: none;
color: #536a82;
font-size: 13px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0;
text-align: left;
text-transform: none;
}
.account-nav-item > i:first-child { flex: 0 0 18px; text-align: center; font-size: 15px; }
.account-nav-item .account-nav-arrow { display: none; margin-left: auto; font-size: 10px; }
.account-page .account-nav-item:hover { background: #f0f7ff; color: #2463a6; }
.account-page .account-nav-item.is-active { background: #e5f1ff; color: #2463a6; font-weight: 600; }
.account-page .bt:focus-visible, .account-back-link:focus-visible { outline: 2px solid #6ba9e8; outline-offset: 3px; }
.account-profile { display: grid; gap: 20px; }
.account-summary, .account-form { overflow: hidden; border: 1px solid #dfe8f2; border-radius: 18px; background: #fff; box-shadow: 0 4px 18px rgba(27, 65, 105, .035); }
.account-summary-top { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 22px; background: linear-gradient(120deg, #eaf4ff, #fbfdff); }
.account-avatar { flex: 0 0 64px; width: 64px; height: 64px; object-fit: cover; border: 3px solid #fff; border-radius: 20px; box-shadow: 0 3px 12px rgba(35, 91, 150, .1); }
.account-summary-identity { flex: 1; min-width: 0; }
.account-eyebrow { display: block; margin-bottom: 6px; color: #527da9; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.account-summary-identity h2 { margin: 0 0 6px; color: #203d5c; font-size: 22px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.account-user-id { color: #607d99; font-size: 12px; }
.account-page .account-photo-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 14px; border: 1px solid #d5e5f5; border-radius: 10px; background: #fff; box-shadow: none; color: #2c689e; font-size: 12px; font-weight: 600; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.account-page .account-photo-button:hover { border-color: #9fc5ea; background: #f1f8ff; }
.account-summary-details { display: grid; gap: 18px; margin: 0; padding: 22px; }
.account-summary-details > div { min-width: 0; }
.account-summary-details dt { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; color: #687f95; font-size: 11px; font-weight: 500; }
.account-summary-details dd { margin: 0; color: #344b63; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.account-summary-details dd span { display: block; margin-top: 3px; color: #687f95; font-size: 11px; font-weight: 400; }
.account-form-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 24px 22px 20px; border-bottom: 1px solid #e7eef5; }
.account-form-heading h2 { margin: 0 0 7px; color: #26364a; font-size: 19px; font-weight: 600; }
.account-form-heading p { margin: 0; color: #657c92; font-size: 12px; line-height: 1.6; }
.account-required-note { color: #687f95; font-size: 11px; }
.account-required-note > span, .account-field label > span { color: #b33c59; }
.account-form-section { min-width: 0; margin: 0; padding: 22px; border: 0; }
.account-form-section + .account-form-section { border-top: 1px solid #e7eef5; }
.account-form-section legend { float: left; width: 100%; margin: 0 0 18px; color: #3c5c7a; font-size: 13px; font-weight: 600; line-height: 1.5; }
.account-form-section legend > i { margin-right: 8px; color: #6995be; }
.account-field-grid { display: grid; clear: both; gap: 18px; grid-template-columns: minmax(0, 1fr); }
.account-field { min-width: 0; }
.account-field label { display: block; margin: 0 0 8px; color: #516a82; font-size: 12px; font-weight: 500; }
.account-page .account-field .form-control { width: 100%; height: 44px; margin: 0; padding: 10px 12px; border: 1px solid #d6e2ee; border-radius: 9px; background-color: #fff; box-shadow: none; color: #293e53; font-size: 14px; line-height: 1.4; }
.account-page .account-field .form-control:focus { border-color: #6ba9e8; box-shadow: 0 0 0 3px rgba(55, 133, 213, .12); outline: none; }
.account-page .account-field .form-control:disabled { background: #f2f5f9; color: #8496a8; cursor: not-allowed; }
.account-field-help { display: block; margin-top: 7px; color: #687f95; font-size: 10px; line-height: 1.5; }
.account-field-wide { grid-column: 1 / -1; }
.account-form-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-top: 1px solid #e7eef5; background: #fbfdff; }
.account-form-footer > span { color: #687f95; font-size: 11px; }
.account-page .account-save-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 44px; padding: 0 20px; border-radius: 10px; background: #096aff; box-shadow: 0 4px 10px rgba(9, 106, 255, .14); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.account-page .account-save-button:hover { background: #0757d4; }

/* Main navigation panel used by main7. */
#main-navigation-panel.main-navigation-modern {
border: 0;
border-radius: 0 15px 1px 0;
background: linear-gradient(180deg, #5016ff 0%, #216eef 52%, #00d0ff 100%);
box-shadow: 8px 12px 32px rgba(22, 55, 125, .22);
border-top: 3px white solid;
}
#main-navigation-panel.main-navigation-modern .gn-scroller {
padding: 12px 10px 18px 0px;
background: linear-gradient(180deg, #5016ff 0%, #216eef 52%, #00d0ff 100%) !important;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, .48) rgba(255, 255, 255, .12);
}
#main-navigation-panel.main-navigation-modern .gn-menu {
border: 0;
background: transparent !important;
background-image: none !important;
color: #fff;
line-height: 1.4;
}
#main-navigation-panel.main-navigation-modern .gn-list-item {
position: relative;
display: flex;
align-items: center;
gap: 12px;
min-height: 52px;
margin-bottom: 5px;
border: 0;
border-radius: 11px;
background: transparent;
box-shadow: none;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
cursor: pointer;
white-space: nowrap;
}
#main-navigation-panel.main-navigation-modern .gn-list-item[onclick] { padding: 8px 42px 8px 12px; }
#main-navigation-panel.main-navigation-modern .gn-list-item > a {
display: flex;
flex: 1;
align-items: center;
gap: 12px;
min-height: 52px;
height: auto;
padding: 8px 42px 8px 12px;
border: 0;
border-radius: 11px;
background: transparent;
color: inherit !important;
text-decoration: none;
}
#main-navigation-panel.main-navigation-modern .icon-menu {
display: inline-flex;
flex: 0 0 36px;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 10px;
background: rgba(255, 255, 255, .14);
color: #fff;
font-size: 16px;
}
#main-navigation-panel.main-navigation-modern .gn-list-item:hover,
#main-navigation-panel.main-navigation-modern .gn-list-item:focus-within {
background: rgba(255, 255, 255, .18);
color: #fff;
}
#main-navigation-panel.main-navigation-modern .gn-list-item:hover .icon-menu,
#main-navigation-panel.main-navigation-modern .gn-list-item:focus-within .icon-menu {
border-color: rgba(255, 255, 255, .28);
background: rgba(255, 255, 255, .24);
color: #fff;
}
#main-navigation-panel.main-navigation-modern .gn-list-item > a:focus-visible {
outline: 2px solid rgba(255, 255, 255, .9);
outline-offset: -2px;
}
#main-navigation-panel.main-navigation-modern i.list-submenu {
top: 50%;
right: 16px;
padding: 0;
color: rgba(255, 255, 255, .72);
font-size: 12px;
transform: translateY(-50%);
}
#main-navigation-panel.main-navigation-modern .open_new {
position: absolute;
top: 50%;
right: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 8px;
transform: translateY(-50%);
}
#main-navigation-panel.main-navigation-modern .open_new i {
position: static;
padding: 0;
color: rgba(255, 255, 255, .72) !important;
transform: none;
}
#main-navigation-panel.main-navigation-modern .open_new:hover { background: rgba(255, 255, 255, .18); }
#main-navigation-panel.main-navigation-modern .open_new:hover i { color: #fff !important; }
#main-navigation-panel.main-navigation-modern .menu-scrollable::-webkit-scrollbar {
width: 6px;
background: rgba(255, 255, 255, .12);
}
#main-navigation-panel.main-navigation-modern .menu-scrollable::-webkit-scrollbar-thumb {
border-radius: 8px;
background: rgba(255, 255, 255, .48);
}
/* Main7 quick-create and support dropdowns. */
#create_new,
#soporte {
margin-top: 12px;
padding: 8px !important;
overflow: hidden;
border: 1px solid #dfe8f2;
border-radius: 12px;
background: #fff;
box-shadow: 0 18px 48px rgba(25, 62, 104, .18), 0 3px 10px rgba(25, 62, 104, .06);
color: #344b63;
line-height: 1.4;
}
#create_new { width: 320px; max-width: calc(100vw - 24px); }
#create_new.dropdown-menu.show { display: block; }
#soporte { width: 390px; max-width: calc(100vw - 24px); }
.quick-menu-header,
.support-menu-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 6px;
padding: 13px 12px 15px;
border-bottom: 1px solid #e4edf6;
background: linear-gradient(135deg, #edf6ff, #f8fbff);
color: #203d5c;
text-align: left;
}
#create_new .quick-menu-header { margin-bottom: 4px; }
.quick-menu-header-icon,
.support-menu-header-icon {
display: flex;
flex: 0 0 40px;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 1px solid #d1e6fb;
border-radius: 12px;
background: #e1efff;
color: #2394ff;
font-size: 16px;
}
.quick-menu-header strong,
.support-menu-header strong {
display: block;
font-size: 15px;
font-weight: 700;
}
.quick-menu-header div > span,
.support-menu-header div > span {
display: block;
margin-top: 2px;
color: #607d99;
font-size: 11px;
}
#create_new .quick-menu-item,
#soporte .support-menu-item {
display: flex;
align-items: center;
gap: 11px;
height: auto;
border: 0;
border-radius: 11px;
background: transparent;
color: #344b63 !important;
text-align: left;
white-space: normal;
}
#create_new .quick-menu-item {
min-height: 50px;
padding: 7px 10px !important;
}
#soporte .support-menu-item {
min-height: 68px;
padding: 9px 10px !important;
}
#create_new .quick-menu-item > span,
#soporte .support-menu-item > span {
flex: 1;
min-width: 0;
}
#create_new .quick-menu-item strong,
#create_new .quick-menu-item small,
#soporte .support-menu-item strong,
#soporte .support-menu-item small {
display: block;
}
#create_new .quick-menu-item strong,
#soporte .support-menu-item strong {
color: #344b63;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
}
#create_new .quick-menu-item strong { font-size: 15px; }
#create_new .quick-menu-item small,
#soporte .support-menu-item small {
margin-top: 3px;
color: #71869a;
font-size: 10px;
font-weight: 400;
line-height: 1.35;
}
#create_new .quick-menu-icon,
#soporte .support-menu-icon {
display: flex;
flex: 0 0 36px;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
margin: 0 !important;
border-radius: 10px;
background: #f0f6fc;
color: #2394ff;
font-size: 15px;
}
#soporte .support-menu-icon-whatsapp { background: #e8f8ef; color: #238b54; }
#soporte .support-menu-icon-video { background: #fff0f0; color: #ce3b3b; }
#soporte .support-menu-icon-ai { background: #e8f3ff; color: #2394ff; }
#soporte .support-menu-icon-recordings { background: #fff3e6; color: #c76a16; }
#soporte .support-menu-arrow {
flex: 0 0 auto;
margin: 0 2px 0 0;
color: #2394ff;
font-size: 10px;
}
#create_new .quick-menu-item:hover,
#create_new .quick-menu-item:focus,
#soporte .support-menu-item:hover,
#soporte .support-menu-item:focus {
background: #edf6ff;
color: #2394ff !important;
}
#create_new .quick-menu-item:hover strong,
#create_new .quick-menu-item:focus strong,
#soporte .support-menu-item:hover strong,
#soporte .support-menu-item:focus strong {
color: #2394ff;
}
#create_new .quick-menu-item:hover .quick-menu-icon,
#create_new .quick-menu-item:focus .quick-menu-icon {
background: #dceeff;
color: #2394ff;
}
#create_new .quick-menu-item:focus-visible,
#soporte .support-menu-item:focus-visible {
outline: 2px solid #6ba9e8;
outline-offset: -2px;
}
/* Responsive styles */
@media (max-width: 767px) {
#user_menu_dropdown { border-radius: 12px; }

#create_new,
#soporte {
width: auto;
max-width: none;
margin: 0;
padding: 8px !important;
}
#create_new.dropdown-menu.show { display: block; }
.quick-menu-header,
.support-menu-header { padding: 11px 10px 13px; }
.account-page-heading h1 { font-size: 26px; }
.account-summary-top { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; }
.account-summary-identity h2 { font-size: 20px; }
.account-summary-top .account-photo-button { grid-column: 2; justify-self: start; }
.account-form-footer { align-items: stretch; flex-direction: column; }
.account-form-footer .account-save-button { width: 100%; }

:root {
--mobile-nav-height: 72px;
--mobile-nav-color: #4d29fb;
}

body {
padding-top: calc(var(--mobile-nav-height) + env(safe-area-inset-top));
padding-bottom: 0;
}

.pwa-explicit-install-notice {
position: fixed;
right: 10px;
bottom: 10px;
left: 10px;
z-index: 1040;
display: flex;
align-items: center;
gap: 10px;
min-height: 68px;
padding: 10px 12px 10px 14px;
border: 1px solid rgba(77,41,251,.18);
border-radius: 15px;
background: #fff;
box-shadow: 0 10px 32px rgba(24,15,77,.24);
color: #242235;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.25;
}

.pwa-explicit-install-icon {
flex: 0 0 auto;
color: #4d29fb;
font-size: 24px;
}

.pwa-explicit-install-message {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
font-size: 12px;
}

.pwa-explicit-install-message strong {
margin-bottom: 3px;
font-size: 15px;
}

.pwa-explicit-install-button {
flex: 0 0 auto;
min-height: 38px;
padding: 0 13px;
border: 0;
border-radius: 9px;
background: #4d29fb;
color: #fff;
font-size: 13px;
font-weight: 600;
}

.pwa-explicit-install-dismiss {
flex: 0 0 38px;
width: 38px;
height: 38px;
padding: 0;
border: 1px solid #4d29fb;
border-radius: 9px;
background: #fff;
color: #4d29fb;
font-size: 24px;
font-weight: 600;
line-height: 38px;
}

#top_bar {
padding-top: 0 !important;
}

.gn-menu-main {
top: 0;
bottom: auto;
display: flex;
align-items: stretch;
justify-content: space-around;
height: calc(var(--mobile-nav-height) + env(safe-area-inset-top));
padding-top: env(safe-area-inset-top);
padding-bottom: 0;
background: var(--mobile-nav-color) !important;
background-image: none !important;
border-bottom: 1px solid rgba(255,255,255,.2);
box-shadow: 0 8px 28px rgba(25, 16, 75, .18);
line-height: normal;
}

.gn-menu-main > .gn-trigger,
.gn-menu-main > .mobile-nav-action {
position: relative !important;
top: auto !important;
right: auto !important;
left: auto !important;
display: flex !important;
float: none;
align-items: center;
justify-content: center;
width: 25%;
height: var(--mobile-nav-height);
margin: 0 !important;
padding: 0 !important;
border: 0;
background: transparent;
}

.gn-menu-main > .gn-trigger { order: 1; }
.gn-menu-main > .nav-create { order: 2; }
.gn-menu-main > .nav-support { order: 3; }
.gn-menu-main > .nav-favorites { order: 4; }
#gn-menu > .nav-profile { display: none !important; }

#soporte #user_menu_dropdown {
padding: 8px 0 0 !important;
border: 0;
border-top: 1px solid #e4edf6;
border-radius: 0;
box-shadow: none;
position: static !important;
display: block;
float: none;
width: 100%;
min-width: 0 !important;
max-width: none;
margin: 0;
transform: none !important;
}

#soporte #user_menu_dropdown .dropdown-item {
display: flex;
align-items: center;
gap: 12px;
height: auto;
min-height: 48px;
padding: 7px 10px !important;
border-radius: 10px;
color: #344b63 !important;
font-size: 15px;
line-height: 1.35;
white-space: normal;
}

#soporte #user_menu_dropdown .dropdown-item > i {
flex: 0 0 24px;
text-align: center;
}

#soporte #user_menu_dropdown .user-menu-signout {
margin-top: 8px;
border-top: 1px solid #e4edf6;
color: #b23948 !important;
}
.gn-menu-main > .gn-trigger:hover,
.gn-menu-main > .mobile-nav-action:hover {
background: transparent !important;
color: #fff !important;
}

.gn-menu-main > .gn-trigger > a,
.gn-menu-main > .mobile-nav-action > button,
.gn-menu-main > .notification-bell .profile_dropdown > button {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 52px;
margin: 0 !important;
padding: 7px 4px 5px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #fff !important;
font-size: 11px;
font-weight: 500;
line-height: 1.2;
letter-spacing: .01em;
}

.gn-menu-main > .gn-trigger > a:active,
.gn-menu-main > .gn-trigger > a:hover,
.gn-menu-main > .gn-trigger > a:focus,
.gn-menu-main > .mobile-nav-action button:hover,
.gn-menu-main > .mobile-nav-action button:focus,
.gn-menu-main > .mobile-nav-action button:active,
.gn-menu-main > .mobile-nav-action.show > button,
.gn-menu-main > .notification-bell .profile_dropdown.show > button {
background: rgba(255,255,255,.14) !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #fff !important;
outline: 0 !important;
opacity: 1;
transform: none;
}

.gn-menu-main .mobile-nav-action button i {
position: static;
margin: 0 !important;
padding: 0 !important;
font-size: 25px !important;
line-height: 1;
}

.gn-menu-main > .nav-profile > button i {
font-size: 26px !important;
}

.mobile-nav-label,
#gn-menu > .gn-trigger > a > .gn-menu-label {
display: none !important;
}

#gn-menu > .gn-trigger > a > .gn-menu-icon-lines {
transform: scale(1.1);
}

.gn-icon span {
display: block;
width: auto;
height: auto;
margin-top: 8px;
overflow: visible;
}

.gn-icon-menu::before {
width: 30px;
height: 3px;
margin: 0;
box-shadow: 0 -8px #fff, 0 8px #fff;
}

.gn-icon-menu.gn-selected::before {
background: #fff;
box-shadow: 0 -8px #fff, 0 8px #fff;
}

.gn-menu-wrapper {
top: calc(var(--mobile-nav-height) + env(safe-area-inset-top));
bottom: auto;
left: 0;
width: 100%;
height: min(72vh, 620px);
max-height: calc(100vh - var(--mobile-nav-height) - env(safe-area-inset-top) - 12px);
border: 0;
border-radius: 0 0 22px 22px;
background: var(--mobile-nav-color) !important;
box-shadow: 0 18px 45px rgba(24, 15, 77, .24);
-webkit-transform: translateY(calc(-100% - 20px));
-moz-transform: translateY(calc(-100% - 20px));
transform: translateY(calc(-100% - 20px));
transition: transform .28s ease, visibility .28s ease;
visibility: hidden;
}

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
width: 100%;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
visibility: visible;
}

.gn-menu-wrapper .gn-scroller,
.gn-menu-wrapper.gn-open-all .gn-scroller {
position: relative;
width: 100%;
height: 100%;
padding: 12px 10px 18px;
background: var(--mobile-nav-color) !important;
background-image: none !important;
}

.gn-menu-main .gn-menu {
background: var(--mobile-nav-color) !important;
background-image: none !important;
border: 0;
line-height: 54px;
}

.gn-menu .gn-list-item,
.gn-menu > li {
min-height: 54px;
border-radius: 12px;
box-shadow: none !important;
font-size: 1rem;
}

.gn-menu .icon-menu {
width: 48px;
}

i.list-submenu {
padding-top: 19px;
color: rgba(255,255,255,.65);
}

.gn-menu-main > .mobile-nav-action .dropdown-menu {
position: fixed !important;
top: calc(var(--mobile-nav-height) + env(safe-area-inset-top) + 10px) !important;
right: 12px !important;
bottom: auto !important;
left: 12px !important;
width: auto;
max-height: calc(100vh - var(--mobile-nav-height) - env(safe-area-inset-top) - 32px);
margin: 0;
overflow-y: auto;
transform: none !important;
border: 0;
border-radius: 16px;
box-shadow: 0 14px 45px rgba(24, 15, 77, .24);
}

.gn-menu-main > .nav-profile .dropdown-menu {
min-width: 0 !important;
padding: 8px !important;
}

.gn-menu-main > .nav-profile .dropdown-item {
display: flex;
align-items: center;
height: auto;
min-height: 52px;
padding: 13px 14px !important;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1.35;
}

.gn-menu-main > .nav-profile .dropdown-item i {
width: 30px;
margin-right: 8px;
font-size: 19px;
text-align: center;
}

.gn-menu-main > .nav-profile .dropdown-item + .dropdown-item {
border-top: 1px solid #eef0f6;
}

/* Keep the Main7 account menu consistent with its desktop presentation. */
#user_menu_dropdown.user-menu-desktop-mobile {
right: 12px !important;
left: auto !important;
width: 320px;
min-width: 300px !important;
max-width: calc(100vw - 24px);
padding: 8px !important;
border: 1px solid #dfe8f2;
border-radius: 12px;
background: #fff;
box-shadow: 0 18px 48px rgba(25, 62, 104, .18), 0 3px 10px rgba(25, 62, 104, .06);
color: #20344d;
line-height: 1.4;
}

#user_menu_dropdown.user-menu-desktop-mobile .user-menu-header {
align-items: center;
gap: 12px;
margin-bottom: 8px;
padding: 16px 12px;
border-bottom: 1px solid #e4edf6;
border-radius: 12px 12px 0 0;
background: linear-gradient(135deg, #edf6ff, #f8fbff);
}

#user_menu_dropdown.user-menu-desktop-mobile .user-menu-avatar {
display: flex;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #d1e6fb;
border-radius: 14px;
background: #e1efff;
color: #2394ff;
font-size: 19px;
}

#user_menu_dropdown.user-menu-desktop-mobile .user-menu-identity { min-width: 0; }
#user_menu_dropdown.user-menu-desktop-mobile .user-menu-caption,
#user_menu_dropdown.user-menu-desktop-mobile .user-menu-name,
#user_menu_dropdown.user-menu-desktop-mobile .user-menu-business { display: block; }
#user_menu_dropdown.user-menu-desktop-mobile .user-menu-caption {
margin-bottom: 3px;
color: #527da9;
font-size: 10px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
}
#user_menu_dropdown.user-menu-desktop-mobile .user-menu-name {
color: #20344d;
font-size: 15px;
font-weight: 600;
overflow-wrap: anywhere;
}
#user_menu_dropdown.user-menu-desktop-mobile .user-menu-business {
margin-top: 3px;
color: #60748a;
font-size: 12px;
overflow-wrap: anywhere;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .dropdown-item {
gap: 12px;
min-height: 48px;
padding: 7px 10px !important;
border: 0;
border-radius: 10px;
color: #344b63 !important;
font-size: 15px;
font-weight: 500;
line-height: 1.35;
white-space: normal;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .dropdown-item > i {
display: flex;
flex: 0 0 34px;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0;
border-radius: 10px;
background: #f0f6fc;
color: #2394ff;
font-size: 15px;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .dropdown-item + .dropdown-item {
border-top: 0;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .dropdown-item:hover,
.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .dropdown-item:focus {
background: #edf6ff;
color: #2394ff !important;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .dropdown-item:hover > i,
.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .dropdown-item:focus > i {
background: #dceeff;
color: #2394ff;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .user-menu-signout {
margin-top: 8px;
border-top: 1px solid #e4edf6;
border-radius: 0 0 10px 10px;
color: #b23948 !important;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .user-menu-signout > i {
background: #fff0f1;
color: #b23948;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .user-menu-signout:hover,
.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .user-menu-signout:focus {
background: #fff0f1;
color: #a52639 !important;
}

.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .user-menu-signout:hover > i,
.gn-menu-main > .nav-profile #user_menu_dropdown.user-menu-desktop-mobile .user-menu-signout:focus > i {
background: #ffe0e5;
color: #a52639;
}

.gn-menu-main > .notification-bell .profile_dropdown {
position: static !important;
display: flex !important;
width: 100%;
height: 100%;
margin: 0 !important;
}

.gn-menu-main > #altMenu {
position: fixed;
top: calc(env(safe-area-inset-top) + 80px);
right: 8px;
bottom: auto;
left: auto;
z-index: 1041;
}

.gn-menu-main > #altMenu > .alt_menu {
margin: 0;
border: 1px solid rgba(77,41,251,.18);
border-radius: 999px;
background: #fff !important;
box-shadow: 0 8px 24px rgba(24,15,77,.15);
line-height: 42px;
}

.gn-menu-main > #altMenu > .alt_menu_panel {
top: 100%;
right: 0;
left: auto;
background: #fff;
}

.menu_grid {
top: calc(var(--mobile-nav-height) + env(safe-area-inset-top));
bottom: 0;
left: 0;
max-height: none;
padding-top: 0;
border: 0;
border-radius: 0;
}

.menu_grid .mobile_close .bt {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
padding: 0;
border: 1px solid #e2e5ee;
border-radius: 50%;
background: #fff;
box-shadow: 0 8px 24px rgba(24,15,77,.2);
color: #4d29fb;
font-size: 18px;
}

a.gn-icon-menu-modern {
gap: 4px;
}

a.gn-icon-menu-modern.gn-selected > .gn-menu-icon-lines {
background: rgba(255, 255, 255, .24);
}

a.gn-icon-menu-modern > .gn-menu-label {
position: static;
display: block;
width: auto;
height: auto;
margin: 0 !important;
overflow: visible;
clip: auto;
font-size: 11px;
line-height: 1;
}
}

@media (min-width: 768px) {
.section_title {font-size: 30px;}
/* Small optical alignment adjustment for the desktop top-bar controls. */
#gn-menu > .nav-create,
#gn-menu > #searchMenus,
#gn-menu > #menu-favorites,
#gn-menu > .nav-support,
#gn-menu > .nav-profile {
transform: translateY(-1px);
}

#gn-menu > .nav-support {
right: 61px;
}
.account-page { padding: 32px 28px 88px; }
.account-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 24px; }
.account-navigation { display: block; padding: 18px 10px 10px; overflow: visible; }
.account-navigation-label { display: block; }
.account-page .account-nav-item { width: 100%; margin-bottom: 4px; white-space: normal; }
.account-nav-item.is-active .account-nav-arrow { display: block; }
.account-summary-details, .account-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* Desktop account dropdown. */
#user_menu_dropdown {
width: 320px;
min-width: 300px;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 84px);
margin-top: 12px;
padding: 8px;
overflow-y: auto;
border: 1px solid #dfe8f2;
border-radius: 12px;
background: #fff;
box-shadow: 0 18px 48px rgba(25, 62, 104, .18), 0 3px 10px rgba(25, 62, 104, .06);
color: #20344d;
line-height: 1.4;
}

#user_menu_dropdown .user-menu-header {
align-items: center;
gap: 12px;
margin-bottom: 8px;
padding: 16px 12px;
border-bottom: 1px solid #e4edf6;
border-radius: 12px 12px 0 0;
background: linear-gradient(135deg, #edf6ff, #f8fbff);
}

#user_menu_dropdown .user-menu-avatar {
display: flex;
flex: 0 0 44px;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #d1e6fb;
border-radius: 14px;
background: #e1efff;
color: #2394ff;
font-size: 19px;
}

#user_menu_dropdown .user-menu-identity {
min-width: 0;
}

#user_menu_dropdown .user-menu-caption,
#user_menu_dropdown .user-menu-name,
#user_menu_dropdown .user-menu-business {
display: block;
}

#user_menu_dropdown .user-menu-caption {
margin-bottom: 3px;
color: #527da9;
font-size: 10px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
}

#user_menu_dropdown .user-menu-name {
color: #20344d;
font-size: 15px;
font-weight: 600;
overflow-wrap: anywhere;
}

#user_menu_dropdown .user-menu-business {
margin-top: 3px;
color: #60748a;
font-size: 12px;
overflow-wrap: anywhere;
}

#user_menu_dropdown .dropdown-item {
display: flex;
align-items: center;
gap: 12px;
height: auto;
min-height: 48px;
padding: 7px 10px !important;
border: 0;
border-radius: 10px;
color: #344b63 !important;
font-size: 15px;
font-weight: 500;
line-height: 1.35;
white-space: normal;
}

#user_menu_dropdown .dropdown-item[hidden] {
display: none !important;
}

#user_menu_dropdown .dropdown-item > i {
display: flex;
flex: 0 0 34px;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0;
border-radius: 10px;
background: #f0f6fc;
color: #2394ff;
font-size: 15px;
}

#user_menu_dropdown .dropdown-item:hover,
#user_menu_dropdown .dropdown-item:focus {
background: #edf6ff;
color: #2394ff !important;
}

#user_menu_dropdown .dropdown-item:focus-visible {
outline: 2px solid #6ba9e8;
outline-offset: -2px;
}

#user_menu_dropdown .dropdown-item:hover > i,
#user_menu_dropdown .dropdown-item:focus > i {
background: #dceeff;
color: #2394ff;
}

#user_menu_dropdown .user-menu-signout {
margin-top: 8px;
border-top: 1px solid #e4edf6;
border-radius: 0 0 10px 10px;
color: #b23948 !important;
}

#user_menu_dropdown .user-menu-signout > i {
background: #fff0f1;
color: #b23948;
}

#user_menu_dropdown .user-menu-signout:hover,
#user_menu_dropdown .user-menu-signout:focus {
background: #fff0f1;
color: #a52639 !important;
}

#user_menu_dropdown .user-menu-signout:hover > i,
#user_menu_dropdown .user-menu-signout:focus > i {
background: #ffe0e5;
color: #a52639;
}

#sub_menus > * {
margin-right: -15px;
margin-left: -15px;
}

.notification-bell{
right: 73px;
}
.profile_dropdown{
right: 25px; 
}
.menu_grid {	
left: 363px;
background: #f8f8f8ab;
top: 68px;
max-height: calc(100vh - 100px);
padding-top: 0;
}

.gn-menu-main > .gn-trigger:hover > a.gn-icon-menu-modern,
.gn-menu-main > .gn-trigger > a.gn-icon-menu-modern.gn-selected {
background: #fff;
color: #0275d8;
}

a.gn-icon-menu-modern:hover > .gn-menu-icon-lines,
a.gn-icon-menu-modern.gn-selected > .gn-menu-icon-lines {
background: rgba(2, 117, 216, .08);
}

.stat_card.small {
font-size: 1.3rem
}
.iframevideo{
width: 600px;
height: 400px;
}
.stat_card {
font-size: 5.5rem;
}
.mobile_input .col {
min-width: 200px;
}
.only_on_mobile{
display: none;
}
.clinic_r_block{
padding-right: 25px;
}
.clinic_l_block{
padding-left: 25px;
padding-top: 0px;
}
.border_left{
border-left: 1px solid #e5e5e5
}
.hidden-sm-down{
display: block !important
}
.flex_on_medium{
display: flex;
}
.selected_user_info{
text-align: left;
}
.chat {
margin-top: 21px;
margin-bottom: 21px;
}
.answer {
margin-top: 40px
}
.answer::before {
top: 40px
}
.question::before {
top: 21px
}
.question_admin::before {
top: 21px
}
.products_tiles .col{
padding: 15px 15px;
}
.big_number{
font-size: 3.5rem;
}
}

@media (min-width: 1024px) {
.account-field-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.account-summary-top, .account-summary-details { padding: 24px 28px; }
.account-form-heading, .account-form-section { padding: 24px 28px; }
.account-form-footer { padding: 18px 28px; }

.invoice_list_prie{
text-align: left;
}
.stat_card.small {
font-size: 2.5rem
}
.card_number{
font-size: 6em
}
.card_stat_hor{
flex-direction: initial;
}
}

@media (min-width: 1025px) {
.submenu_title{
font-size: 1.2em
}
}

@media (max-width: 1025px) {
.container > header {
margin: 0 auto;
padding: 120px 50px;
font-size: 70%;
text-align: right;
}
}

@media (prefers-reduced-motion: reduce) {
a.gn-icon-menu-modern > .gn-menu-icon-lines,
a.gn-icon-menu-modern > .gn-menu-icon-lines > span {
transition: none;
}
}