@charset "utf-8";
/* CSS Document */

body{ background-color: #fff; font-family: 'Aller', sans-serif!important;}
h1,h2,h3,h4,h5,h6,h7{ font-family: 'Roboto', sans-serif!important; letter-spacing: -0.05rem;}
h2{ font-size: 2.1rem; line-height: 2.2rem;}
a:hover{color:hsl(var(--color-primary));}
.text-primary{color:hsl(var(--color-primary))!important;}
.inv{display: none;}

.form-control{ font-size: 1rem;}
.login-form{ box-shadow: none!important; margin: 0;}
.login-form .form-control{ border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size: 1.2rem;}
.form-control{ border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size: 1.2rem;}
.login-form .form-group.forget-main{ margin-top: 2rem;}
.btn-primary{ background-color: hsl(var(--color-primary))!important; border-radius: 30px; border:none; color:#fff; font-size: 1rem;}
.btn-primary:hover, .btn-primary:focus{ opacity: 0.9;}
.btn-sm, .btn-group-sm > .btn{font-size: 1rem!important; padding: 10px 20px; text-transform: none;}
.btn-link{ color:hsl(var(--color-primary))!important; cursor:pointer;}
.btn-link:hover, .btn-link:focus{ color: hsl(var(--color-primary) 100% 30%)!important;}
.dropzone{ border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size: 1.2rem;}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled){ text-transform: none;}
.btn-icon-start.text-primary{ color:#fff!important; background: transparent;}
.svg-inline--fa{ height: 1em!important;}
.btn-danger{background-color: #888!important; border-color: #888;}
.btn-danger:hover, .btn-danger:focus{ opacity: 0.8; border-color: #888;}

.input-icon { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); color: #888; transition: color 0.3s ease; pointer-events: none;}
.modern-input { color:#000; padding-left: 42px; transition: border-color 0.3s ease, box-shadow 0.3s ease;}
.modern-input::placeholder{ color:#6e6e6e;}
.modern-input:focus + .input-icon, .modern-input:focus ~ .input-icon { color: hsl(var(--color-primary))!important; }
.modern-input:focus { color:#000; border-bottom: 2px solid!important; border-color:hsl(var(--color-primary))!important;}
/* Botón mostrar contraseña */
.toggle-password { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); background: none; border: none; color: #888; cursor: pointer; padding: 0;}
.toggle-password:hover { color: hsl(var(--color-primary));}
.password-input { padding-right: 42px;}
.eye-closed { display: none;}
.toggle-password.active .eye-open { display: none;}
.toggle-password.active .eye-closed { display: block;}

@keyframes lock-bounce {
  0%   { transform: translateY(-50%) scale(1); }
  30%  { transform: translateY(-55%) scale(1.1); }
  60%  { transform: translateY(-50%) scale(0.95); }
  100% { transform: translateY(-50%) scale(1); }
}
.modal-backdrop.show{ z-index: 1000!important;}
.form-group:focus-within .input-icon { color: hsl(var(--color-primary)); animation: lock-bounce 0.4s ease;}
.select-wrapper select { background-image: none !important; background-position: unset !important;   padding-left: 42px !important; padding-right: 42px !important;}
.select-wrapper { position: relative;}
/* Flecha */
.select-arrow { position: absolute; top: 50%; right: 12px; transform: translateY(-50%) rotate(0deg); pointer-events: none; color: #888; transition: transform 0.25s ease, color 0.25s ease;}
/* Foco / abierto */
.select-wrapper:focus-within .select-arrow { transform: translateY(-50%) rotate(180deg); color: hsl(var(--color-primary));}
.select-arrow.open { transform: translateY(-50%) rotate(180deg);}
.login-form .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-left: 2.8rem; font-size: 1.2rem; }
.login-form .select2-container--default.select2-container--below .select2-selection--single .select2-selection__rendered{ color:#000!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ color:#888!important;}

.contBotLog{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; margin-bottom: 2rem;}
.contBotLog button.btn#ml_login, button#ml_reset_pass{  font-size: 1.3rem!important; border-radius: 30px!important; border:none!important;}
button.btn-dark{  font-size: 1.3rem!important; border-radius: 30px!important; border:1px solid #888!important; background-color: #fff!important; color:#888!important}
button.btn-dark:active{ color:#888!important}
.contBotLog button.btn#nav-forget-tab{ font-size: 0.9rem; padding: 0; margin: 0 !important;}
.contBotLog .btn#nav-forget-tab.tp-btn-light{color: #555;  border:none; border-bottom: 1px dotted transparent;}
.contBotLog .btn#nav-forget-tab.tp-btn-light:hover, .contBotLog .btn#nav-forget-tab.tp-btn-light:focus{ background-color:transparent; border-color: transparent; border:none; color: hsl(var(--color-primary)); border-bottom: 1px dotted hsl(var(--color-primary)); border-radius: 0;}
.forget-main .forget-tab:active{ color: hsl(var(--color-primary))!important;}
.contBotLog button.btn#ml_login:hover, .contBotLog button.btn#ml_login:focus{ transform: scale(1.05); transition: 0.2s;}
button.btn-dark:hover, button.btn-dark:focus{ transform: scale(1.05); transition: 0.2s;}
button.btn#ml_reset_pass:hover, button.btn#ml_reset_pass:focus{ transform: scale(1.05); transition: 0.2s;}
.contBotLog .contPass{ display:flex; flex-direction: column; align-items: flex-start;}
.contBotLog .contPass .form-check{ padding: 0;}
.btn-back::before { content: "‹"; margin-right: 8px;}

form#fr_reset_pass h3, form p{text-align: center;}

#main-wrapper{margin: 1rem;}
.page-titles{ padding: 0.6rem 0!important;}
.content-body{ padding-left: 7rem; min-height: inherit!important;}
.content-body .container-fluid{padding-left:0!important; padding-right: 0!important;}
.nav-header{width:19rem;}
.header, .header-left .search-area{ background-color: transparent!important; color:#000;}
[data-header-position="fixed"] .header{ top:20px; position: relative; z-index:1;}
.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center{ display: flex; align-items: center;}
.navbar-expand .navbar-nav .dropdown-menu{z-index: 9999;}
.nav-control .hamburger{ top:inherit;}
.hamburger .line, [data-nav-headerbg="color_4"] .nav-header .hamburger .line{ background: hsl(var(--color-primary))!important;}
#main-wrapper.show .nav-header .brand-logo p.ml-show {width:80%;}
.deznav .metismenu{ min-height: 35rem;}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control{ right: 0;}
[data-sidebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, [data-sidebarbg="color_12"] .deznav .metismenu > li.mm-active > a{ background: #fff !important; font-weight: 700!important;}
[data-sidebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a, [data-sidebarbg="color_12"] .deznav .metismenu > li.mm-active > a span{ color:hsl(var(--color-primary))!important;}
[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li > a{ padding: 0.9rem 0.8rem 0.9rem 1.8rem; font-weight: 300;  font-size:0.9rem; color:#333!important; text-transform: uppercase;}
a.ml-bck { background: #000!important; background: linear-gradient( 120deg, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%)!important; text-align: left;  margin: 10px !important; border-radius: 30px; text-transform: lowercase !important; font-family: 'Roboto', sans-serif!important; letter-spacing: -0.05rem; color:#fff!important; font-size: 1.2rem; line-height: 1.2rem; font-weight: 500; display: flex !important; flex-direction: row-reverse; justify-content: space-between; padding: 0.625rem 1rem 0.625rem  1.3rem!important;}
a.ml-bck .menu-icon{ display: flex; align-items: center;}
a.ml-bck.naia{ margin-top:0!important; background: #004C67!important; background: linear-gradient(120deg, rgba(0, 38, 52, 1) 0%, rgba(0, 120, 160, 1) 100%) !important;}
a.ml-bck.kpi{ margin-top:0!important; background: linear-gradient(120deg, color-mix(in hsl, hsl(var(--color-primary)) 80%, black) 0%, color-mix(in hsl, hsl(var(--color-primary)) 70%, white) 100%) !important; text-transform: uppercase!important}

#main-wrapper.show .ResumPedidos a.ml-bck{ margin: -40px -20px -40px 0!important; font-size: 1.2rem!important; font-weight: 500; border-radius: 50px 0 0 50px; width: 230px; line-height: 1.3rem; text-align: left; align-items: center; opacity: 0; transform: translateX(150px);  animation: slideIn 0.7s ease forwards; animation-delay: 2s; text-transform: none!important;}

#main-wrapper.show.menu-toggle .ResumPedidos a.ml-bck{ margin: -40px -20px -40px 0!important; font-size: 1.2rem!important; font-weight: 500; border-radius: 50px 0 0 50px; width: 230px; line-height: 1.3rem; text-align: left; align-items: center; opacity: 0; transform: translateX(150px);  animation: slideIn 0.7s ease forwards; animation-delay: 2s; text-transform: none!important;}

@keyframes slideIn {
    from {
        opacity: 0; transform: translateX(150px);
    }
    to {
        opacity: 1; transform: translateX(0);
    }
}
.active-projects thead tr th{ background-color: transparent;  color:hsl(var(--color-primary))!important;}
.active-projects .dt-buttons .dt-button.buttons-excel{ border-radius: 30px; background: #fff; border: 1px solid #ddd!important; height: 50px; width: 50px; right: 20px; top: -30px; color:#000; transition: transform 0.3s ease-in-out;}
.active-projects #ml_users_wrapper .dt-buttons .dt-button.buttons-excel{top:0;}
.ResumPedidos .active-projects .dt-buttons .dt-button.buttons-excel{top: -60px;}
.active-projects .dt-buttons .dt-button.buttons-excel:hover{transform: scale(1.1);}
.table tbody tr td, .table tbody tr td .products h6, .table tbody tr td .products .h6{ white-space: normal;}
.icoExcel { width: 20px; height: 27px;}
.icoExcel .icono-primario { fill: #000;}
.icoExcel .icono-secundario {fill: hsl(var(--color-primary));}
.active-projects .dt-buttons .dt-button.buttons-excel:hover, .active-projects .dt-buttons .dt-button.buttons-excel:active{border: 1px solid hsl(var(--color-primary))!important;}
.active-projects .dt-buttons .button:hover, .active-projects .dt-buttons .button:active{border: 1px solid hsl(var(--color-primary))!important;}
.active-projects .dt-buttons .dt-button.buttons-excel:hover .icoExcel .icono-primario{fill: hsl(var(--color-primary));}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active {color:#000;}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active{ background-color: #eee;}
.dataTables_wrapper .dataTables_paginate span .paginate_button{ font-size: 15px; color:#000!important; font-weight: 300!important}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current{ color:#000!important; border-bottom:2px solid #000!important; background-color: transparent!important; border-radius: 0; font-weight:600!important}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover{color:#000!important; border-bottom:2px solid #000!important; background-color: transparent!important; border-radius: 0; font-weight:600!important}
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover, .dataTables_wrapper .dataTables_paginate span .paginate_button:active{ color:#000!important; background-color: transparent!important; border-radius: 0; font-weight:300!important; border-bottom:1px solid #000!important; }
.dataTables_wrapper .dataTables_paginate .svg-inline--fa{ height: 1em!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next{ color:#555!important;}
.dropzone .dlab-preview .dlab-details .dlab-filename span, .dropzone .dlab-preview .dlab-details .dlab-size span{ background-color: transparent!important}
.dropzone .dlab-preview .dlab-details .dlab-size span{ color:#fff!important}
.dropzone .dlab-preview .dlab-details .dlab-filename span { background-color: transparent; color:#fff;}
.dropzone .dlab-preview.dlab-file-preview .dlab-image{background: hsl(var(--color-primary))!important; }
.dropzone .dlab-preview .dlab-remove{ color:hsl(var(--color-primary))!important;}
.dropzone .dlab-preview .dlab-details .dlab-filename{ background: transparent!important; color:#fff!important;}
.active-projects tbody tr td:last-child{ text-align: center!important}

#mt_hive_list_final svg{ width:4em; height: 4em; color: hsl(var(--color-primary))!important; transition: color 0.3s ease;}

/*.ResumPedidos a.ml-bck::first-letter { text-transform: uppercase;}*/
.ResumPedidos a.ml-bck:after{ width: 50px; height: 50px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><line x1='12' y1='4' x2='12' y2='20' stroke='white' stroke-width='2' stroke-linecap='round'/><line x1='4' y1='12' x2='20' y2='12' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>"); background-size: 100%; background-repeat: no-repeat; background-position: center; content: ""; margin-right: 20px;}
a.ml-bck:hover, a.ml-bck:focus{ opacity: 0.8!important; font-weight: 500!important; color:#fff!important}
a.ml-bck:hover span, a.ml-bck:focus span{ font-weight: 500!important;}
a.ml-bck span{color:#fff!important}
.menu-toggle a.ml-bck .menu-icon{ margin-left: 10px;}

.icono-mas { width: 28px; height: 28px; margin-top:-2px;}
.icono-mas line { stroke: white; stroke-width: 2; stroke-linecap: round;}

/* Flecha superior (caret-up) */
table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {font-family: "Font Awesome 6 Free"; font-weight: 900; bottom: 50%; content: "\f077";  display: inline-block;color: #888; opacity: 1; font-size: .6em;}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {font-family: "Font Awesome 6 Free"; font-weight: 900;top: 50%;content: "\f078"; display: inline-block;margin-left: 4px;color: #888; opacity: 1; font-size: .6em;}

table.dataTable thead th.sorting_asc:before { color: hsl(var(--color-primary))!important;}
table.dataTable thead th.sorting_desc:after { color: hsl(var(--color-primary))!important;}
table.dataTable tbody tr:hover td { background-color: #eee !important;}

.badge-success { background-color: #28A745!important; border: none!important; color: #fff!important; } /* pedido Realizado */
.badge-success:hover {color: #fff; }
.badge-primary { background-color: #007BFF!important;  border: none!important; color: #fff!important; } /* pedido En Marcha */
.badge-primary:hover { color: #fff; }
.badge-warning { background-color: #FFC107!important;  border: none!important; color: #fff!important; } /* pedido Esperando Confirmación */
.badge-warning:hover { color: #fff; }
.badge-info { background-color: #17A2B8!important;  border: none!important; color: #fff!important; } /* preparando Presupuesto */
.badge-info:hover { color: #fff; }
.badge-danger { background-color: #DC3545!important;  border: none!important; color: #fff!important; } /* pedido Cancelado */
.badge-danger:hover { color: #fff; }

.btn-link svg circle{fill:hsl(var(--color-primary));}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled{ color:#ccc!important;}.dataTables_wrapper .dataTables_paginate .paginate_button.previous.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.next:hover{ color:#000!important; background: transparent!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover{ color: #ccc !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover{ color: #ccc !important;}


[data-sidebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li:hover > a, [data-sidebarbg="color_12"] .deznav .metismenu > li:hover > a {background: rgba(0, 0, 0, 0.02) !important; font-weight:600;}
[data-sidebarbg="color_12"] .deznav .metismenu > li:hover > a .menu-icon svg path, [data-sidebarbg="color_12"] .deznav .metismenu > li:focus > a .menu-icon svg path { stroke: #000 !important; fill: none !important; stroke-width: 1.5 !important;}
[data-sidebarbg="color_12"] .deznav .metismenu > li.mm-active:hover > a .menu-icon svg path, [data-sidebarbg="color_12"] .deznav .metismenu > li.mm-active:focus > a .menu-icon svg path { stroke: hsl(var(--color-primary)) !important; fill: none !important; stroke-width: 1.5 !important;}

[data-sidebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li:hover > a span, [data-sidebarbg="color_12"] .deznav .metismenu > li:hover > a span{font-weight:600;}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu > li > a{ padding: 1.2rem;}
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body { margin-left: 0rem;}


a.ml-bck span::first-letter { text-transform: uppercase;}
[data-sidebarbg="color_12"][data-theme-version="dark"] .deznav .metismenu > li.mm-active > a{ color:#e4352d!important;}
.deznav .metismenu li{ border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.deznav .metismenu li:last-child { border:none!important;}
.deznav .metismenu li:last-of-type { border:none!important;}
.deznav .metismenu > li > a .menu-icon{ float:right;}
.deznav .metismenu > li > a .menu-icon svg path { stroke: #888 !important; fill: none !important; stroke-width: 1.5 !important;}
.deznav .metismenu > li.mm-active > a .menu-icon svg path { stroke: hsl(var(--color-primary)) !important; fill: none !important; stroke-width: 1.5 !important;}
a.ml-bck .menu-icon svg{ filter:none!important}
.menu-icon.naia svg {
  stroke: currentColor;
  color: #004c67;
  transition: stroke-width 0.2s ease, stroke 0.2s ease;
}

.menu-icon.naia:hover svg path {
  stroke-width: 4;  /* ahora sí se ve más grueso en hover */
  stroke: red;
}

.deznav .metismenu > li > a .menu-icon.naia svg path{}
.header-right .nav-item{ margin-right:2rem;}
[data-headerbg="color_4"] .header-right .header-info h6{ color:#000; font-size:1.1rem;}
.logoSidebarFooter{text-align:center; /*position: absolute; bottom: 15px;*/ margin-top:50px; width:100%;}
.header-media{ background-image: url(../images/chica-login.jpg); width: 4rem !important; height: 4rem !important; background-size: cover; border-radius: 50%;}
[data-headerbg="color_4"] .header-right .header-info p{ color: #333; font-size:1rem;}
.header-right .header-media{ margin-right: 12px;}
[data-header-position="fixed"] .content-body {padding-top: 1rem;}
.header-right .nav-item .nav-link{ padding-right: 30px;}

.tooltip .tooltip-inner { background: #eee; color: #000; font-weight: bold; border-radius: 10px;}
.tooltip .tooltip-arrow::before { border-top-color: #eee !important;border-left-color: #eee !important;}

/* Flecha desplegable User */
.botUser { position: relative; padding-right: 25px;}
.botUser::after { content: ""; position: absolute; right: 8px; bottom: 25px; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-50%) rotate(45deg); transition: transform .25s ease;}
.botUser.abierto::after { transform: translateY(-50%) rotate(225deg);}
/* */

.card-header{display: none;}
.card-footer .dropdown-item{ color:#666!important;}
.card-footer .dropdown-item:hover, .card-footer .dropdown-item:focus{ color:#000!important; background-color: transparent!important;}
.header-profile2 .dropdown-menu .dropdown-item svg{ filter: grayscale(100%);}
.card-body.px-0.py-2{ padding-top: 0!important}
.card-footer:last-child{padding: 5px 0 0 0!important}
.header-profile2 .dropdown-menu{ border-radius: 0.5rem;}
.dropdown-menu .dropdown-item{ font-size: 1rem; color: #222; padding: 0.5rem 0.8rem;}
.header-profile2 .dropdown-item:hover { background-color: #eee; color: #000;}
.page-titles{ padding-top: 0!important; background-color: transparent; z-index:-1;}
.page-titles .breadcrumb li.active a{color:#000!important;}
.breadcrumb .breadcrumb-item a svg{ display: none;}
.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before{color:#eee;}
.Inicio{ display:flex; justify-content: space-between; gap: 20px;}
.ResumPedidosHome{ width:75%;}
.GuiaContactoHome{ width:25%; display: flex;}
.GuiaContactoHome .GuiaUser{ padding: 0px; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; margin-top:20px; color:#000; font-size:1rem;}
.GuiaContactoHome .GuiaUser .cabecera{ background-image: url(../img/fondo-cabe-guia-usuario.jpg); background-color: #eee; width:100%; height: 100px; background-position: center center; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.GuiaContactoHome .GuiaUser .cont .icono{ border-radius: 50%; background-color: hsl(var(--color-primary)); width:80px; margin: -30px 0 10px auto; background-image:url("../img/ico-guia-usuario.svg"); background-repeat: no-repeat; background-position: center center; width: 70px; height: 70px; background-size: 40px;}
.GuiaContactoHome .GuiaUser .cont{ padding: 30px; text-align: center;}
.GuiaContactoHome .GuiaUser .cont p{ font-size:1rem; line-height: 1.2rem;}
.GuiaContactoHome .GuiaUser .botGuia{ text-align: center;  margin: 10px 0!important; border-radius: 30px; text-transform: lowercase; font-family: 'Roboto', sans-serif!important; color:#000!important; font-size: 1.2rem!important; font-weight: 500; background-color: transparent; align-items: center; border-color:#000;}
.GuiaContactoHome .GuiaUser .botGuia:hover, .GuiaContactoHome .GuiaUser .botGuia:focus{ background-color: #000; color:#fff!important;}
.GuiaContactoHome .GuiaUser .botGuia::first-letter { text-transform: uppercase!important;}
.GuiaContactoHome .GuiaUser h3{ text-transform: lowercase;}
.GuiaContactoHome .GuiaUser h3::first-letter { text-transform: uppercase!important;}
.ResumPedidosHome .total-projects.ms-3, .ResumPedidos .total-projects.ms-3{display: flex; flex-direction: row; align-items: center; gap: 10px; margin-left: 0!important}
.ResumPedidosHome .total-projects.ms-3 h3, .ResumPedidos .total-projects.ms-3 h3{ font-size: 3rem; line-height: 3rem; font-weight:300;}
.bloqContactUser{ background-image: url(../img/fondo-persona-contacto-1.jpg); background-color: hsl(var(--color-primary)); background-blend-mode: multiply; border-radius: 10px; padding: 30px; text-align: center; background-size: cover; background-repeat: no-repeat;}
.bloqContactUser .botContacto{ text-align: center;  margin: 10px auto!important; border-radius: 30px; text-transform: lowercase; font-family: 'Roboto', sans-serif!important; color:#fff!important; font-size: 1.2rem!important; font-weight: 500; background-color: transparent; display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding: 0.8rem 1rem; border-color:#fff;}
.bloqContactUser button.botContacto span { text-transform: lowercase!important;}
.bloqContactUser .botContacto:hover, .bloqContactUser .botContacto:focus{ background-color: #fff!important; color:#000!important; opacity: 1;}
.bloqContactUser .botContacto span::first-letter { text-transform: uppercase!important;}
.bloqContactUser .botContacto svg{ width:1.7em!important; height: 1.7em!important;}
.svg-inline--fa{ height: 1.5em;}
.accordion-header svg{ margin-right: 15px;}
h3.accordion-header{ font-size: 2.1rem; line-height: 2.2rem;}
.accordion{padding: 50px;}
.accordion .textAcordeon{ text-transform: math-auto; font-size: 1.1rem; color: rgba(0, 0, 0, 0.7);}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed{ border: 1px solid #444; border-radius: 30px; padding: 13px 20px;}
.accordion-button:focus{box-shadow: none;}
.accordion-button{ background-color: #fff; color:inherit;}
.accordion-button:not(.collapsed){box-shadow: none;}
.accordion-body{/*background-color:rgba(0,0,0,0.7);*/ background-color: #fff; border-radius: 5px; margin-top: 10px; border:1px solid #eee;}
.accordion-collapse .accordion-body .card{ background-color: transparent;}

.accordion-button:not(.collapsed){ background-color: #fff; color:#000;}
.accordion-header{border:none; padding:0;}
.accordion-body .card-body{padding: 0;}
/*.accordion-body .card-body .card-title{color:#ccc!important}*/
.accordion-body .card{border:none;}
.file-list .filie-l-icon{ max-width: inherit; margin-top: 5px!important; margin-bottom: 5px;}
.file-list .filie-l-icon:hover{background: none;}

.modal-footer{border-top:none;}
.deznav .metismenu a{align-items: center;}
#md_profile #fperfil .row div{margin-bottom:1rem;}
#md_profile #fperfil input[type="text"], #md_profile #fperfil input[type="password"]{ border-radius: 0; border: none; border-bottom:1px solid #888!important; background: transparent;}
#md_profile #fperfil .form-control{ font-size:1.2rem;}
.select2-container .select2-selection--multiple, .ml-input-filter, .select2-container--default.select2-container--focus .select2-selection--multiple{ border-radius: 0; border: none; border-bottom:1px solid #888!important; background: transparent;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ background: transparent; /*border: none;*/}
.select2-container--default .select2-search--inline .select2-search__field{ color:#fff; font-size: 1.1rem;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background:hsl(var(--color-primary));}
.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above{ /*border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;*/ /*border:none;*/}
.select2-container--default .select2-results__option--selected{ background-color: rgba(0,0,0,0.6)!important; color:#fff!important;}
.select2-results__option{ border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 1.1rem;}
.select2-container--default .select2-search--dropdown .select2-search__field{font-size: 1.1rem; border-radius: 10px; padding: 0.5rem 1rem; margin: 0.5rem; width: calc(100% - 1rem);  border: 1px solid #ccc!important;  box-sizing: border-box;}
.select2-container--open .select2-dropdown--above{ border-bottom: 1px solid #c8c8c8;}
.ml-input-filter{ /*color:#fff;*/ font-size:1.1rem;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ background-color: hsl(var(--color-primary)); color:#fff; font-size: 1rem;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{ background-color: #333; color:#fff;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{ background:transparent; color:#000; padding: 0 7px 0 25px; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 4px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{ font-size:1rem;}
.accordion .btn-primary{ border-color:hsl(var(--color-primary)); background-color: hsl(var(--color-primary));}
.accordion .btn-primary:hover, .accordion .btn-primary:focus{opacity: 0.9;}
/*.pedidosRealizados .bg-success-light{background: #11551A;
background: linear-gradient(90deg,rgba(17, 85, 26, 1) 0%, rgba(61, 177, 54, 1) 100%);}*/
.accordion-button.collapsed i.fa-magnifying-glass { transform: rotate(180deg); transition: transform .3s;}
.accordion-button:not(.collapsed) i.fa-magnifying-glass { transform: rotate(0deg);}
.daterangepicker button.applyBtn{ background-color: hsl(var(--color-primary)); border-color: hsl(var(--color-primary)); font-family: 'Roboto', sans-serif!important;}
.daterangepicker td.active{ background-color: hsl(var(--color-primary));}
.daterangepicker td.in-range{ background-color: #ccc;}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border:solid hsl(var(--color-primary)); border-width: 0 2px 2px 0;}
.daterangepicker td.available:hover, .daterangepicker th.available:hover{ color: hsl(var(--color-primary));}
.daterangepicker td.active{ color:#fff;}
.daterangepicker td.active.weekend{ color:#fff;}
.daterangepicker td.active:hover{ background-color: #333; color:#fff;}
.daterangepicker td.end-date, .daterangepicker td.end-date.weekend{color:#000;}
.daterangepicker td.end-date.weekend.active.start-date.active.available{ color:#fff;}
.daterangepicker .drp-buttons .btn{text-transform: capitalize;}
.daterangepicker .drp-buttons .btn:active{color:#000!important;}
.daterangepicker .drp-buttons .btn.applyBtn:active{ background-color: #000; color:#fff!important;}
.btn:first-child:active{ background-color: #333; border-color: #333;}

.accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23888888'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.accordion-button:active::after, .accordion-button:visited::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C20E1A'%3e%3cpath fill-rule='evenodd' d='M1.6 4.6c0.2-0.2 0.5-0.2 0.7 0L8 10.3l5.6-5.6c0.2-0.2 0.5-0.2 0.7 0s0.2 0.5 0 0.7l-6 6c-0.2 0.2-0.5 0.2-0.7 0l-6-6c-0.2-0.2-0.2-0.5 0-0.7z'%3e%3c/path%3e%3c/svg%3e");}
.accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23C20E1A'%3e%3cpath fill-rule='evenodd' d='M1.6 4.6c0.2-0.2 0.5-0.2 0.7 0L8 10.3l5.6-5.6c0.2-0.2 0.5-0.2 0.7 0s0.2 0.5 0 0.7l-6 6c-0.2 0.2-0.5 0.2-0.7 0l-6-6c-0.2-0.2-0.2-0.5 0-0.7z'%3e%3c/path%3e%3c/svg%3e");}

.titKPI{display: flex; align-items: center;}
.titKPI h2{width:auto; margin-right: 1rem;}
.titKPI p{ margin: 0;}
.reload{ cursor: pointer;}
.customeoff .btn-close{background-color: transparent; color:#000;}

#md_profile .modal-body{ padding-top: 0; padding-bottom: 0;}
#neworder .form-control, #offcanvasUser .form-control, #md_profile .form-control{ height: 2.5rem; border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size: 1.1rem;}
#neworder .select2-container .select2-selection--multiple ul li, #offcanvasUser .select2-container .select2-selection--multiple ul li, #md_profile .select2-container .select2-selection--multiple ul li{ margin-bottom: 1px;}
#neworder .select2-container .select2-selection--multiple ul.select2-selection__rendered#select2-coworked-container li:first-of-type, #offcanvasUser .select2-container .select2-selection--multiple ul.select2-selection__rendered#select2-coworked-container li:first-of-type, #md_profile .select2-container .select2-selection--multiple ul.select2-selection__rendered#select2-coworked-container li:first-of-type { display: none;}
#neworder .text-danger, #offcanvasUser .text-danger, #md_profile .text-danger { color: hsl(var(--color-primary))!important; font-size: 0.9rem !important; line-height: 0.9rem;}
#neworder span[data-translate="warning_text"], #offcanvasUser span[data-translate="warning_text"], #md_profile span[data-translate="warning_text"]{ margin: 10px 0; display: inline-block;}
#neworder .btn.btn-primary, #offcanvasUser .btn.btn-primary, #mfiltersadd .btn.btn-primary, #md_profile .modal-footer .btn.btn-primary.ml-save-profile, #ml_invite .btn.btn-primary{ background: #000; background: linear-gradient(120deg, #000 0%, #484848 100%);!important; text-align: left; border-radius: 30px; font-family: 'Roboto', sans-serif!important; letter-spacing: -0.05rem; color: #fff!important; font-size: 1.2rem; font-weight: 500; padding: 1rem 2rem!important; text-transform: lowercase; width: auto!important; display: inline-block; border:none; float:right;}
#neworder .btn.btn-primary::first-letter, #offcanvasUser .btn.btn-primary::first-letter, #mfiltersadd .btn.btn-primary::first-letter, #md_profile .btn.btn-primary::first-letter, #ml_invite .btn.btn-primary::first-letter { text-transform: uppercase;}
#neworder .btn.btn-primary:hover, #neworder .btn.btn-primary:focus{opacity: 0.8;}
#offcanvasUser .btn.btn-primary:hover, #offcanvasUser .btn.btn-primary:focus{opacity: 0.8;}
#mfiltersadd .btn.btn-primary:hover, #mfiltersadd .btn.btn-primary:focus{opacity: 0.8;}
#md_profile .btn.btn-primary:hover, #md_profile .btn.btn-primary:focus{opacity: 0.8;}
.botForm{ display: flex; justify-content: flex-end;}

.naia .btn.btn-primary{ background: #000; background: linear-gradient(120deg, #000 0%, #484848 100%);!important; text-align: left; border-radius: 30px; font-family: 'Roboto', sans-serif !important; letter-spacing: -0.05rem; color: #fff !important; font-size: 1.2rem; font-weight: 500; padding: 1rem 2rem !important; width: auto !important; display: inline-block; border:none; width: fit-content; margin: 0 auto;}
.naia .btn.btn-primary:hover, #neworder .btn.btn-primary:focus{opacity: 0.8;}
.naia table .btn.btn-primary{ font-size: 0.9rem; padding: 0.6rem 1.1rem!important;}
.progress{ --bs-progress-bar-bg: hsl(var(--color-primary))!important;}
.btn-primary{border-color:#222;}

.chat-height .card{  background-image: url(../img/fond-chat.png); background-color: #eee; background-position: center center; background-size: cover; padding: 20px; border:none;}
.chat-border{border:none; border-radius: 10px;}
.chat-height .chat-p{ background-image: url(../img/fondo-persona-contacto-1.jpg); background-color: hsl(var(--color-primary)); background-blend-mode: multiply; border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; justify-content: space-between; padding: 0.5rem 1.25rem 0.3rem 1.25rem; background-position: bottom;}
/*.chat-height .chat-border{ background: transparent;}*/
.chat-height .chat-p h6, .chat-height .chat-p span{ color:#fff; text-align: right;}
.chat-height .no-img-profile{ background-color: #fff; padding: 5px 15px; border:1px solid #ccc; color:#777; margin-bottom: 5px;}
.no-img-profile{ background-color: #fff; padding: 5px 15px; border:1px solid #ccc; color:#777; margin-bottom: 5px;}
.chat-height .chat-p.shaprate{ border:none;}
.chat-height .chat-p.shaprate .d-flex.ml-chat-activo{ width:100%; justify-content: space-between; align-items: center;}
.chat-height .chat-box-area .message-sent p, .chat-box-area .message-sent p{ background: #fff; border: 1px solid #000;}
.chat-height .chat-box-area .message-received p, .chat-box-area .message-received p{ background: #FFF; border: 1px solid hsl(var(--color-primary));}
.chat-height .message-send .btn-primary{ background: #000 !important; background: linear-gradient(120deg, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%) !important; border-radius: 30px; text-transform: none; padding: 10px 15px 10px 20px !important; font-size: 1.1rem; min-width: 8rem;}
.detCoste .message-send .btn-primary{ background: #000 !important; background: linear-gradient(120deg, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%) !important; border-radius: 30px; text-transform: none; padding: 10px 15px 10px 20px !important; font-size: 1.1rem; min-width: 8rem;}
.detCoste .ml-status-3 .card{ border: 1px solid #E6E6E6!important; background-color: #fff;}
.card-footer{ border: none;}

.chat-height .message-send{ background-color: transparent;}
.type-massage .form-control{ background-color: transparent;}
.chat-height .message-send .btn-primary:hover, .chat-height .message-send .btn-primary:focus{opacity: 0.9;}
.chat-height .message-send .btn-primary svg{ margin-left: 4px;}
.chat-box-area .message-sent p, .chat-box-area .message-received p{ font-size: 16px; line-height: 17px;}
.chat-p.shaprate .avatar.avatar-md{ width:5rem!important; height: 5rem!important; margin-bottom: -1rem; margin-top: -2rem;}
.chat-height .chat-p .ml-chat-name span[data-translate="project_manager_contact"]{font-size: 0.8rem; color: rgba(255, 255, 255, 0.8);}
.chat-height .chat-p .ml-chat-name span{ font-size: 1.5rem;}
.type-massage .form-control{ font-size: 1.1rem; color:#000;}
.chat-box-area.style-2{ margin-top: 0.5rem; background: rgba(255, 255, 255, 1); border-radius: 5px;}
.paging_simple_numbers.dataTables_paginate{ display: flex; justify-content: flex-end; width: 100%;}
.resumenPedidos{justify-content: center;}
.resumenPedidos .card{ height:auto!important; border-radius: 10px; margin-bottom: 1rem;}
.resumenPedidos .card-body { padding: 20px;}
/*.resumenPedidos .icon-box.icon-box-lg{ margin-right:1rem;}*/
.resumenPedidos .icon-box{ width: inherit; height: inherit; line-height: inherit; background-color:transparent;}
.resumenPedidos .icon-box img{ width: 3rem; height: 3rem;}
.resumenPedidos .pedidosRealizados .icon-box img, .resumenPedidos .pedidosEsperandoConf .icon-box img, .resumenPedidos .pedidosCancelado .icon-box img{ width: 2.3rem;}
.resumenPedidos .pedidosPrepPresupuesto .icon-box img{ width: 1.9rem;}
.calendar-table th.month{ color:#000;}
.resumenPedidos .total-projects span{ font-size:1.3rem; line-height: 1.4rem; padding-left: 1rem; font-family: 'Roboto', sans-serif !important; color:#333; font-weight:400;}
.resumenPedidos .d-flex{ flex-direction: row-reverse; justify-content: space-between;}
.resumenPedidos .box-hover .icon-box{transition: transform 0.3s ease-in-out;}
.resumenPedidos .box-hover:hover .icon-box{transform: scale(1.2);}
/*.resumenPedidos .pedidosRealizados h3{ color:#28A745!important;}*/
.resumenPedidos .pedidosRealizados img{filter: invert(52%) sepia(86%) saturate(388%) hue-rotate(87deg) brightness(92%) contrast(92%);}
.resumenPedidos .pedidosRealizados.box-hover:hover{border:1px solid #28A745;}

/*.resumenPedidos .pedidosEnMarcha h3{ color:#007BFF!important;}*/
.resumenPedidos .pedidosEnMarcha img{filter: invert(31%) sepia(92%) saturate(3300%) hue-rotate(195deg) brightness(97%) contrast(101%);}
.resumenPedidos .pedidosEnMarcha.box-hover:hover{border:1px solid #007BFF;}

/*.resumenPedidos .pedidosEsperandoConf h3{ color:#FFC107!important;}*/
.resumenPedidos .pedidosEsperandoConf img{filter: invert(74%) sepia(95%) saturate(721%) hue-rotate(359deg) brightness(103%) contrast(102%);}
.resumenPedidos .pedidosEsperandoConf.box-hover:hover{border:1px solid #FFC107;}

/*.resumenPedidos .pedidosPrepPresupuesto h3{ color:#17A2B8!important;}*/
.resumenPedidos .pedidosPrepPresupuesto img{filter: invert(51%) sepia(9%) saturate(2962%) hue-rotate(151deg) brightness(92%) contrast(96%);}
.resumenPedidos .pedidosPrepPresupuesto.box-hover:hover{border:1px solid #17A2B8;}

/*.resumenPedidos .pedidosCancelado h3{ color:#DC3545!important;}*/
.resumenPedidos .pedidosCancelado img{filter: invert(27%) sepia(92%) saturate(2894%) hue-rotate(349deg) brightness(94%) contrast(102%);}
.resumenPedidos .pedidosCancelado.box-hover:hover{border:1px solid #DC3545;}

.detResumPed .bloqueChat .cabe{ background-image: url(../img/fondo-persona-contacto-1.jpg); background-color: hsl(var(--color-primary)); background-blend-mode: multiply; border-radius: 10px 10px 0 0; padding: 15px 20px 10px 20px; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: bottom;}
.detResumPed .bloqueChat .cabe h6{ font-size: 1.7rem; font-family: 'Roboto', sans-serif !important; letter-spacing: -0.05rem; line-height: 1.7rem; font-weight: 500; color:#fff; text-align: left; padding-left: 1rem;}
.detResumPed .bloqueChat .cabe span{ color:#fff; padding-left: 1rem; font-size: 0.9em;}
.detResumPed .bloqueChat .chat-p.shaprate .avatar.avatar-md{ margin-bottom: 0; margin-top: -2rem;}
.detResumPed .bloqueChat .chat-box-area.style-2{ margin-top: 0.5rem; background: rgba(255, 255, 255, 1); border-radius: 0 0 5px 5px; border:1px solid #ccc;}
.detResumPed .bloqueChat .chat-box-area .message-received p{ background: #fff; border: 1px solid hsl(var(--color-primary));}
.detResumPed .bloqueChat .chat-box-area .avatar{ border:1px solid #ccc;}
.detResumPed .bloqueChat .chat-box-area .btn-success{ color: #fff; text-transform: none; border-radius: 30px; background-color: hsl(var(--color-primary)); border: none; font-size: 1rem !important; padding: 10px 20px;}
.detResumPed .bloqueChat .chat-box-area button.btn-success:hover, .detResumPed .bloqueChat .chat-box-area button.btn-success:focus { transform: scale(1.05); transition: 0.2s;}
.detResumPed .bloqueChat .chat-box-area .btn-danger{ /*color: #000;*/ text-transform: none; border-radius: 30px; background-color: transparent; /*border: 1px solid #000;*/ font-size: 1rem !important; padding: 10px 20px;}
.detResumPed .bloqueChat .chat-box-area button.btn-danger:hover, .detResumPed .bloqueChat .chat-box-area button.btn-danger:focus { transform: scale(1.05); transition: 0.2s;}
.detResumPed .bloqueChat .btn{ margin: 2px;}
.detResumPed .detCoste .list-group-item{ border-bottom:1px solid #eee; font-size: 1rem;}
.detResumPed .detCoste .list-group-item:last-child{ border-bottom: none;}
.list-group-flush .list-group-item{ text-transform: none;}
.detResumPed .detCoste .card{ border:none;}
.detResumPed .detCoste .coste .card{ border:none; background-color: #f5f5f5;}
.detResumPed .detCoste .coste .card .list-group-item{ border-bottom: 1px solid #ddd;}
.detResumPed .detCoste .coste .card .list-group-item:last-child{ border-bottom: none; color:hsl(var(--color-primary))!important;}
.detResumPed .detCoste .estado .card{ border:none; background-color: #f5f5f5;}
.detResumPed .detCoste .estado .card .list-group-item{ border-bottom: 1px solid #ddd;}
.detResumPed .detCoste .estado .card .list-group-item:last-child{ border-bottom: none; color:hsl(var(--color-primary))!important;}
.message-send{ background: #fff; border:none;}
.message-send.style-2 { margin: 2rem;}
.detCoste .message-send.style-2 { margin: 0rem;}
.type-massage{ width: 85%;}
.type-massage .form-control{ border-radius: 0; border-bottom: 1px solid #000; background-color: transparent;}

#preloader .lds-ripple div { border: 4px solid hsl(var(--color-primary))!important;}
.contTabla{ border:none;}
.contTabla .tbl-caption{ padding: 2rem 0 0 0;}
.contTabla h4{ font-size: 1.8rem; text-transform: none !important; padding-bottom: 1rem;}
.dataTables_wrapper thead tr th{ background-color: #fff; font-size:0.9rem; font-weight: 600; color: hsl(var(--color-primary)); text-transform:uppercase; padding: 1rem 2rem 1rem 1rem;}
.dataTables_wrapper tbody tr td{ padding: 1.3rem;}
.dataTables_wrapper tbody tr td:first-child{ text-align: left; color:#000; font-weight: 700;}
.dataTables_wrapper tbody td{ border-bottom:none; text-align: center;}
.dataTables_wrapper tbody td:has(.badge) { background-color: #f0f8ff; /*padding: 0!important;*/}
.dataTables_wrapper tbody td .badge{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.contTabla .active-projects.task-table tbody td:first-child{ text-align: left; color:#000;}
.contTabla .active-projects.task-table tbody td:first-child .products{ justify-content: left;}
.contTabla .active-projects.task-table tbody td .products{ justify-content: center;}

.ml-recuento-table .card .card-body{padding: 0; border:none;}
.recentOrderTable table{ border:none!important;}
.recentOrderTable table tbody tr td { font-size: 14px; font-weight: 400; border:none;}
.recentOrderTable table>thead>tr>th{ border-bottom: 1px solid rgba(0, 0, 0, 1)!important; text-align: center; font-size: 0.9rem; font-weight: 600; color: hsl(var(--color-primary)); text-transform: uppercase; border:none; line-height: 1rem; background-color: #fff;}
.recentOrderTable table>thead>tr>th:first-child, .recentOrderTable table tr td div.products div{ text-align: left!important;}
.recentOrderTable table>thead tr{ padding-bottom: 1rem; border:none;}
.recentOrderTable .table-bordered > :not(caption) > *{ border-color: #E6E6E6;}
.recentOrderTable table tbody tr:hover td { background-color: rgb(238, 238, 238) !important;}
#ml_incomplete { background-color: red; color: #fff; padding: 20px; line-height: inherit;}

a.botDark { background: #000 !important; background: linear-gradient(120deg, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%) !important; text-align: left; margin: 10px !important; border-radius: 30px; /*text-transform: lowercase !important;*/ font-family: 'Roboto', sans-serif !important; letter-spacing: -0.05rem; color: #fff !important; font-size: 1.2rem; line-height: 1.2rem; font-weight: 500; margin-top: 20px !important; display: flex !important; align-items: center;}
a.botDark:hover, a.botDark:focus{ opacity: 0.9;}
a.botDark .btn-icon-start{ background: none;}

button.botDark { background: #000 !important; background: linear-gradient(120deg, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%) !important; text-align: left; margin: 10px !important; border-radius: 30px; text-transform: lowercase !important; font-family: 'Roboto', sans-serif !important; letter-spacing: -0.05rem; color: #fff !important; font-size: 1.2rem; line-height: 1.2rem; font-weight: 500; margin-top: 20px !important; display: flex !important; align-items: center;}
button.botDark:hover, button.botDark:focus{ opacity: 0.9;}
button.botDark .btn-icon-start{ background: none;}

table.dataTable tbody tr td { font-size: 14px; font-weight: 400;}
table.dataTable>thead>tr>th{ border-bottom: 1px solid rgba(0, 0, 0, 1)!important; text-align: center}
table.dataTable>thead>tr>th:first-child{ text-align: left;}
table.dataTable>thead tr{ padding-bottom: 1rem;}
table tr td.tableRol .badge.badge-success{ background-color: #fff!important; color:#28A745!important; border:1px solid #28A745!important;}
table tr td.tableRol .badge.badge-primary{ background-color: #fff!important; color:#007BFF!important; border:1px solid #007BFF!important;}
table tr td.tableRol .badge.badge-warning{ background-color: #fff!important; color:#FFC107!important; border:1px solid #FFC107!important;}
table tr td.tableRol .badge.badge-info{ background-color: #fff!important; color:#17A2B8!important; border:1px solid #17A2B8!important;}
table tr td.tableRol .badge.badge-danger{ background-color: #fff!important; color:#DC3545!important; border:1px solid #DC3545!important;}
table tr td a.tablaMail svg, table tr td a.tablaEdit svg{ width:30px; height: 30px;}
table tr td a.tablaMail:hover svg, table tr td a.tablaMail:focus svg{ fill:red!important;}
.tbl-caption .botTablaUsuarios .botAddUser, .tbl-caption .botTablaUsuarios .botFiltros{ background: #fff; text-align: left; border-radius: 30px; font-family: 'Roboto', sans-serif !important; letter-spacing: -0.05rem; color: #000 !important; font-size: 1rem!important; font-weight: 500; padding: 0.7rem 1.3rem 0.7rem 2.5rem!important; text-transform: none; width: auto !important; display: inline-block; border: 1px solid hsl(var(--color-primary)); transition: background-color 0.3s ease; position: relative;}
.tbl-caption .botTablaUsuarios .botAddUser:hover, .tbl-caption .botTablaUsuarios .botAddUser:focus{ background-color: hsl(var(--color-primary)); color:#fff!important;}
.tbl-caption .botTablaUsuarios .botFiltros:hover, .tbl-caption .botTablaUsuarios .botFiltros:focus{ background-color: hsl(var(--color-primary)); color:#fff!important;}
.tbl-caption .botTablaUsuarios .botAddUser::before { content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url('../img/addUser.svg'); background-size: contain; background-repeat: no-repeat; transition: filter 0.3s ease;}
.tbl-caption .botTablaUsuarios .botAddUser:hover::before { filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%)!important;}
.tbl-caption .botTablaUsuarios .botFiltros::before { content: ''; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url('../img/ico-filtros.svg'); background-size: contain; background-repeat: no-repeat; transition: filter 0.3s ease;}
.tbl-caption .botTablaUsuarios .botFiltros:hover::before { filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%)!important;}

.modal-header{border:none;}
p.ml-email-invite{ margin-bottom: 0; font-size: 1.5rem; font-weight: 600; color: hsl(var(--color-primary)); }
#md_profile .modal-content, #mfiltersadd .modal-content, #ml_invite .modal-content{ padding: 1rem;}
.offcanvas#neworder h5, .offcanvas#offcanvasUser h5, #mfiltersadd h5, #md_profile h5, #ml_invite h5{ font-size: 2.1rem; line-height: 2.2rem; text-transform: lowercase;}
.offcanvas#neworder h5::first-letter, .offcanvas#offcanvasUser h5::first-letter, #mfiltersadd h5::first-letter, #md_profile h5::first-letter, #ml_invite h5::first-letter  { text-transform: uppercase;}
#md_profile h4{ font-size: 1.6rem; line-height: 1.8rem; color: hsl(var(--color-primary)); margin-bottom: 2rem;}
.offcanvas.showing, .offcanvas.show:not(.hiding){ padding:30px;}
.offcanvas#neworder label span, .offcanvas#offcanvasUser label span, #mfiltersadd label span, #md_profile label span{font-size: 1rem; font-weight: 500; color:#000;}
.offcanvas#neworder .form-control:disabled, .offcanvas#neworder .form-control[readonly]{ border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size:1.1rem;}
.offcanvas#offcanvasUser .form-control:disabled, .offcanvas#offcanvasUser .form-control[readonly]{ border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size:1.1rem;}
#md_profile .form-control:disabled, #md_profile .form-control[readonly]{ border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size:1.1rem;}
.select2-container--default .select2-selection--single{ border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent;}
.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 1.1rem;}
.offcanvas#neworder .form-label, .offcanvas#offcanvasUser .form-label,#md_profile .form-label{ font-size: 1rem; font-weight: 500; color:#000; }
.products h6, .products .h6{ font-size: inherit!important}
.alert-danger{  background: #eee; border-color: #eee; color: #FF5E5E; margin: 0.5rem 0;}
#ml_invite .modal-content{ background-image: url("../img/fond-invitacion.png"); background-repeat: no-repeat; background-position: center center;}

.modal-content .modal-header { padding: 3rem 3rem 1rem 3rem;}
.modal-content .modal-body { padding: 1rem 3rem 2rem 3rem;}
.modal-content .modal-footer { padding: 1rem 3rem 3rem 3rem;}
.modal-content .modal-body .row .col{ padding: 0 2% 0 0; width:98%;}
.modal-content h5{ font-size: 2.1rem; line-height: 2.2rem; text-transform: lowercase;}
.modal-content h5::first-letter  { text-transform: uppercase;}
.modal-content .list-group{ border-radius: 0!important; }
.modal-content .list-group .list-group-item { padding: 1rem 0 0.5rem 1.2rem; border: none; font-size: 1.2rem; line-height: 1.3rem; text-transform: lowercase; margin-bottom: 0.5rem; position: relative;}
.modal-content .list-group .list-group-item::first-letter { text-transform: uppercase;}
.modal-content .list-group .list-group-item::after { content: "›"; position: absolute; left: 0; top: 1.05rem; font-size: 1.4rem;}
/*.modal-content .list-group .ml-m-item{ border-bottom: 2px dotted transparent;}*/
.modal-content .list-group .ml-m-item:hover, .modal-content .list-group .ml-m-item:focus{ background-color: transparent; color:hsl(var(--color-primary)); /*border-bottom: 2px dotted hsl(var(--color-primary));*/ transition: 0.2s;}
.modal-content .modal-body .btn.btn-primary{ background-color: transparent;  text-align: left; border-radius: 30px; font-family: 'Roboto', sans-serif !important; letter-spacing: -0.05rem; color: #000 !important; font-size: 1.2rem; font-weight: 500; padding: 1rem 2rem !important; text-transform: lowercase; width: auto !important; display: inline-block; border: 1px solid #000; float: right; margin-bottom: 1rem;}
.modal-content .modal-body .btn.btn-primary:hover, .modal-content .modal-body .btn.btn-primary:focus{ background-color: #000; color:#fff!important;}
#mlmanual .modal-content .modal-body .btn.btn-primary{border:none!important; color:#fff!important;}
.modal-content .modal-body .btn.btn-primary::first-letter { text-transform: uppercase;}
.botNaia svg{ width: 2.8em; color: #777;}
[data-sidebarbg="color_12"] .deznav .metismenu > li.mm-active > a span.botNaia svg{color: hsl(var(--color-primary)) !important;}
li:hover .botNaia svg{ width: 2.8em; color: inherit!important;}
.naia .card{ border:none;}
.naia .card .card-body{ padding: 2rem 0;}
.naia .card .card-body .nav-tabs, .financiero .nav-tabs{ display: flex; justify-content: space-between; border:none;}
.naia .card .card-body .nav-tabs li{ width:33%; text-align: center; text-transform: uppercase; margin: 0!important;}
.financiero .nav-tabs li{ width:49.8%; text-align: center; text-transform: uppercase; margin: 0!important;}
.naia .card .card-body .nav-tabs li a, .financiero .nav-tabs li button.nav-link{ margin: 0!important; padding: 1rem; color: #777; font-weight: 600; font-size: 1rem; border:none; border-bottom:0.3rem solid #ccc;}
.financiero .nav-tabs li button.nav-link{width:100%;}
.naia .card .card-body .nav-tabs li a:hover, .naia .card .card-body .nav-tabs li a:focus{color:#000; border-bottom:0.3rem solid #000;}
.financiero .nav-tabs li button.nav-link:hover,  .financiero .nav-tabs li button.nav-link:focus{color:#000; border:none; border-bottom:0.3rem solid #000;}
.naia .card .card-body .profile-tab .nav-item .nav-link { position: relative;}
.naia .card .card-body .profile-tab .nav-item .nav-link.active{ color:hsl(var(--color-primary))!important; border-bottom:0.5rem solid hsl(var(--color-primary));}
.naia .card .card-body .profile-tab .nav-item .nav-link.active::after { content: ""; position: absolute; left: 50%; bottom: -0.8rem;  transform: translateX(-50%) translateY(-10px); width: 0; height: 0; border-left: 0.45rem solid transparent; border-right: 0.45rem solid transparent; border-top: 0.45rem solid hsl(var(--color-primary)); opacity: 0;}
.financiero .nav-item button.nav-link.active, .financiero .nav-item button.nav-link.active:hover, .financiero .nav-item button.nav-link.active:focus{ color:hsl(var(--color-primary))!important; border-top:0!important; border-right:0!important; border-left:0!important; border-bottom:0.5rem solid hsl(var(--color-primary)); background: none; position: relative;}
.financiero .nav-item button.nav-link.active::after { animation: arrowDrop 0.2s ease forwards; animation-delay: 0.25s; content: ""; position: absolute; left: 50%; bottom: -14px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid hsl(var(--color-primary)); opacity: 0; transform: translateX(-50%) translateY(-10px);}
.naia .card .card-body .profile-tab .nav-item .nav-link.active::after { animation: arrowDrop 0.2s ease forwards; animation-delay: 0.25s;}
@keyframes arrowDrop {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px); /* arriba del borde */
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0); /* posición final */
    }
}
.tradText { position: relative; align-items: center;}
.tradText span::before { content: ""; display: inline-block; width: 35px; height: 35px; margin-right: 9px; background-color: #777; -webkit-mask: url(../img/ico-traducir-textos.svg) no-repeat center; -webkit-mask-size: contain; mask: url(../img/ico-traducir-textos.svg) no-repeat center; mask-size: contain; vertical-align: middle;}
.tradText:hover span::before { background-color: #000; animation: girar 0.6s ease forwards;}
.tradText.active span::before { background-color: hsl(var(--color-primary)); transform: rotate(0deg); animation: none;}

.tradDoc { position: relative; align-items: center;}
.tradDoc span::before { content: ""; display: inline-block; width: 35px; height: 35px; margin-right: 9px; background-color: #777; -webkit-mask: url(../img/ico-traducir-archivos.svg) no-repeat center; -webkit-mask-size: contain; mask: url(../img/ico-traducir-archivos.svg) no-repeat center; mask-size: contain; vertical-align: middle;}
.tradDoc:hover span::before { background-color: #000; animation: girar 0.6s ease forwards;}
.tradDoc.active span::before { background-color: hsl(var(--color-primary)); transform: rotate(0deg); animation: none;}

.tradRec { position: relative; align-items: center;}
.tradRec span::before { content: ""; display: inline-block; width: 35px; height: 35px; margin-right: 9px; background-color: #777; -webkit-mask: url(../img/ico-traducciones-recientes.svg) no-repeat center; -webkit-mask-size: contain; mask: url(../img/ico-traducciones-recientes.svg) no-repeat center; mask-size: contain; vertical-align: middle;}
.tradRec:hover span::before { background-color: #000; animation: girar 0.6s ease forwards;}
.tradRec.active span::before { background-color: hsl(var(--color-primary)); transform: rotate(0deg); animation: none;}
@keyframes girar {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(20deg); }
    50% { transform: rotate(-15deg); }
    75% { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
}
#ambito + .select2-container--default .select2-results__option--highlighted { background-color: #c20e !important; color: #fff !important;}
.naia .card #traducir_texto label.form-label, .naia .card #traducir_archivo label.form-label, .naia .card #mt_hive_list label.form-label{ font-size: 1rem; font-weight: 500; color: #000;}
.naia .card #traducir_archivo .progress{ margin: 0rem 0 3rem 0;}
.naia .card .form-control{border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size: 1.1rem;}
.content-body.naia .select2-container .select2-results__option {background-color: #fff; color: #333;}
.content-body.naia .select2-container .select2-results__option--highlighted { background-color: #000; color: #fff;}
.content-body.naia .select2-container .select2-selection { border: none; font-size: 1.1rem; color: #6e6e6e;}
.content-body.naia .select2-container .select2-results__option[aria-selected="true"] { background-color: hsl(var(--color-primary)); color: #fff;}
.naia .card .tab-content > .active{ border: 1px solid #eee; padding: 2rem; margin-top: 0.5rem;}
.naia .form-group.ml-form-group textarea{ margin-bottom: 0.5rem; border: 1px solid #ccc!important; border-radius: 5px; padding: 1.5rem;}
.naia .form-control::placeholder { color: #ccc !important;}
.naia .svg-inline--fa{ color:#000; height: 1.3em!important;  /*margin: 0 0.5rem;*/}
.naia .dataTables_paginate .svg-inline--fa{color:inherit;}
.naia .ml-reset-text .svg-inline--fa:hover, .naia .ml-reset-text .svg-inline--fa:focus{color: hsl(var(--color-primary))!important;}
.naia .ml-copy-clip .svg-inline--fa:hover, .naia .ml-copy-clip .svg-inline--fa:focus{color: hsl(var(--color-primary))!important;}
.financiero .tab-content > .active{ border: 1px solid #eee; padding: 2rem; margin-top: 0.5rem;}
.financiero .form-control{border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size: 1.1rem;}
.financiero .form-control::placeholder { color: #ccc !important;}
#ml_users_wrapper .form-control{border-radius: 0; border: none; border-bottom: 1px solid #888 !important; background: transparent; font-size: 1.1rem;}
#ml_users_wrapper .form-control::placeholder { color: #ccc !important;}
.botIco{  width: 22px; height: 22px;fill: #000; cursor: pointer;}
.botIco:hover, .botIco:focus{fill: hsl(var(--color-primary));}
.alert-primary{ color: hsl(var(--color-primary))!important; background: hsl(var(--color-primary) / 0.05)!important; border-color: hsl(var(--color-primary) / 0.5)!important; }
.dataTables_wrapper button.dt-button{ background: none;}
.dataTables_wrapper button.dt-button:hover:not(.disabled), .dataTables_wrapper div.dt-button:hover:not(.disabled), .dataTables_wrapper a.dt-button:hover:not(.disabled), .dataTables_wrapper input.dt-button:hover:not(.disabled){ background: none;}
.logoNaiaTit{ width:100%;}
.logoNaiaTit svg{ width:8em;}
.dataTables_wrapper .row:first-child { display: flex !important; justify-content: space-between !important; align-items: center !important;
}
.dataTables_filter { order: 1; margin-right: auto !important; flex-grow: 1 !important; width: 100% !important;}
.dataTables_filter input[type="search"] { width: 100% !important; max-width: 100% !important; display: block !important;}
.dt-buttons { order: 2; margin-left: auto !important; text-align: right !important;}
.dataTables_filter { float: left !important; text-align: left !important;}
.dataTables_filter label { width: 100%;}
.dataTables_filter input { width: auto !important; display: inline-block;}
.dt-buttons { float: right !important; text-align: right !important;}
.dataTables_wrapper .row > div { display: flex; align-items: center;}

.footer{ padding: 0; bottom: 0; position: relative; width: 100%;  width: calc(100% - 2rem); margin-left: 1rem; margin-right: 1rem; margin-bottom: -20px; left:0;}
.footer .copyright{ padding-bottom: 0;}
.footer .copyright img{ max-width: 200px;}

body[data-sidebar-style="mini"][data-sidebar-position="fixed"][data-layout="vertical"] .deznav{ width: 3.75rem;}
body[data-sidebar-style="mini"][data-sidebar-position="fixed"][data-layout="vertical"] .deznav .logoSidebarFooter{display: none;}
body[data-sidebar-style="mini"] .nav-header{ border-right: none!important; width:15rem; background: transparent!important; height: 3rem!important; position: absolute!important;}
[data-sidebar-style="mini"][data-header-position="fixed"] .content-body{ padding-top: 2rem;}
[data-sidebar-style="mini"][data-header-position="fixed"] .deznav a.ml-bck{ display: flex !important; flex-direction: row-reverse; justify-content: space-between; border-radius: 0; margin:0!important}

@media only screen and (max-width: 1366px) {
	.ResumPedidosHome { width: 70%;}
	.GuiaContactoHome { width: 30%;}
	.resumenPedidos .total-projects span{ font-size: 1.3rem; line-height: 1.5rem;}
	.resumenPedidos .card-body{ padding: 10px;}
	.resumenPedidos .pedidosRealizados .icon-box img, .resumenPedidos .pedidosEsperandoConf .icon-box img, .resumenPedidos .pedidosCancelado .icon-box img, .resumenPedidos .pedidosPrepPresupuesto .icon-box img, .resumenPedidos .icon-box img {width: 2.5rem;}
	.ResumPedidosHome .col-sm-4{ width:50%;}
}


@media only screen and (max-width: 1200px) {
	.logoSidebarFooter{position: relative; margin-top: 50px;}
	
}

@media only screen and (min-width: 575.98px) and (max-width: 1200px) {
	.resumenPedidos .col-sm-4{ width: 50%;}
}

@media only screen and (min-width: 48rem) {
    [data-sidebar-style="mini"] .content-body {
        margin-left: 0rem;
    }
}

@media (max-width: 47.9375rem) {
    .brand-title { display: inherit;}
}

@media only screen and (min-width: 768px){
[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header{ align-items: center; display: flex; flex-direction: row; align-items: center;  height:10rem; background-color: #ffffff; top:20px; border-right:1px solid #eee;}
[data-sidebar-position="fixed"][data-layout="vertical"] .deznav{ padding-top:0; top:11.2rem; /*background: hsl(var(--color-primary)) ;
background: linear-gradient(120deg,rgba(194, 14, 26, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(72, 72, 72, 1) 100%);*/ width:19rem; height: calc(85% - 3.125rem); /*border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; */ background: #fff;}
.nav-header .brand-logo{ display: flex; flex-direction: row; justify-content: center; padding: 20px;}
.nav-control{/*right: -3.1rem;*/ right:0; height: 100% !important; position: absolute; display:flex; align-items: center; top:0; transform:none; justify-content: center; background-color: transparent!important;}
.show.menu-toggle a.ml-bck{ border-radius: 0; margin: 0!important; padding: 0.625rem 1rem 0.625rem 1.3rem!important;}
}

@media only screen and (min-width: 768px) and (max-width: 1240px) {
	.ResumPedidosHome { width: 100%;}
	.Inicio { display: flex; flex-direction: column;}
	.GuiaContactoHome { width: 100%;}
	.GuiaContactoHome .col-xl-12{ width: 100%; display: flex; flex-direction: row; gap:10px;}
	.GuiaContactoHome .bloqContactUser, .GuiaContactoHome .GuiaUser{ width:50%; margin: 0;}
	
}
@media only screen and (max-width: 767px) {
	.ResumPedidosHome { width: 100%;}
	.Inicio { display: flex; flex-direction: column;}
	.GuiaContactoHome { width: 100%; display: contents;}
	.GuiaContactoHome .col-xl-12{ width: 100%; display: flex; flex-direction: column; gap:10px;}
	.GuiaContactoHome .bloqContactUser, .GuiaContactoHome .GuiaUser{ width:100%; margin: 0;}
	.resumenPedidos .col-sm-6{ width:100%;}
	.accordion{ padding: 10px 0;}
	.card{ margin-bottom:0.5rem;}
	
	#main-wrapper{ margin: 10px 20px;}
	[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header{ width: 100%; z-index:1;}
	[data-sidebar-position="fixed"][data-header-position="fixed"] .nav-header{ position: sticky; display: flex; align-items: center; background-color: #fff; padding-top:10px; margin-top:-10px; /*z-index: 10;*/}
	[data-sidebar-style="overlay"] .deznav .metismenu > li > a{ font-size: 1.2rem;}
	.nav-header{height: auto;}
	#main-wrapper.show .nav-header .brand-logo p.ml-show{text-align: left;}
	.nav-header .brand-logo{ width:80%; display: flex; align-items: flex-start;}
	.nav-header .brand-logo .ml-show img{ width:50%;}
	#main-wrapper.show .nav-header .brand-logo p.ml-show{ margin-top: 0; margin-bottom:0;}
	.nav-header .nav-control{ background-color:#fff; width:20%; right:-20px;}
	.hamburger .line, [data-nav-headerbg="color_4"] .nav-header .hamburger .line{ background: #fff !important;}
	.content-body{ padding-left: 0;}
	#main-wrapper.show.menu-toggle .nav-header .brand-logo p.ml-show{display: block;}
	#main-wrapper.show.menu-toggle .nav-header .brand-logo p.ml-show-toogle{display: none!important}
	.deznav{ top: 4.6rem; width:100%; border-right:none; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
	[data-sidebarbg="color_12"] .deznav .metismenu > li > a{ color:#000!important;}
	[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav{ margin-top:8px;}
	.nav-control .hamburger{transform: rotate(180deg);  margin-left: -7px;}
	.dropdown{ margin-top: -85px; margin-left: -80px; z-index: 99999; margin-right: 10px; position: fixed;}
	.header-right .header-media { width: 3.5rem !important; height: 3.5rem !important;}
	/*.navbar-expand .navbar-nav .dropdown-menu { margin-top: -75px;}*/
	.header-right .nav-item .nav-link{ padding-right: 15px; margin-right: 10px;}
	[data-nav-headerbg="color_4"] .nav-header .nav-control {max-width:70px; margin-top: 10px;}
	.header-right .header-info h6, .header-right .header-info p{ max-width:200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
	[data-header-position="fixed"] .content-body{ padding-top: 0; margin-top: -2em;}
	.page-titles {margin-bottom: 1em;}
	#ffilter .col-4 {width:100%;}
	.resumenPedidos .icon-box.icon-box-lg { margin-left: 1rem;}
	.ResumPedidosHome .col-sm-4{ width:100%;}
	
}

@media (max-width: 845px) and (orientation: landscape) {
  .logoSidebarFooter{display: none;}
}

@media (min-width: 575.99px) and (max-width: 767px) {
	.dropdown { margin-left: -250px;}
	
}

@media (max-width: 575.98px)and (orientation:portrait) {
	.nav-header .brand-logo .ml-show img{ width:70%;}
	
}

@media only screen and (max-width: 35.9375rem) {
	.login-form .card-body { padding: 2rem;
    }
}