/*Icomoon*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?azjd57');
  src:  url('fonts/icomoon.eot?azjd57#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?azjd57') format('truetype'),
    url('fonts/icomoon.woff?azjd57') format('woff'),
    url('fonts/icomoon.svg?azjd57#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-users:before {
  content: "\e90e";
}
.icon-group:before {
  content: "\e90e";
}
.icon-team:before {
  content: "\e90e";
}
.icon-members:before {
  content: "\e90e";
}
.icon-community:before {
  content: "\e90e";
}
.icon-collaborate:before {
  content: "\e90e";
}
.icon-book:before {
  content: "\e910";
}
.icon-read:before {
  content: "\e910";
}
.icon-reading:before {
  content: "\e910";
}
.icon-stats-dots:before {
  content: "\e911";
}
.icon-stats:before {
  content: "\e911";
}
.icon-plot:before {
  content: "\e911";
}
.icon-statistics:before {
  content: "\e911";
}
.icon-chart:before {
  content: "\e911";
}
.icon-profile:before {
  content: "\e912";
}
.icon-file:before {
  content: "\e912";
}
.icon-document:before {
  content: "\e912";
}
.icon-page:before {
  content: "\e912";
}
.icon-user:before {
  content: "\e912";
}
.icon-paper:before {
  content: "\e912";
}
.icon-attachment:before {
  content: "\e913";
}
.icon-paperclip:before {
  content: "\e913";
}
.icon-cogs:before {
  content: "\e914";
}
.icon-gears:before {
  content: "\e914";
}
.icon-preferences:before {
  content: "\e914";
}
.icon-settings:before {
  content: "\e914";
}
.icon-generate:before {
  content: "\e914";
}
.icon-control:before {
  content: "\e914";
}
.icon-options:before {
  content: "\e914";
}
.icon-cog:before {
  content: "\e915";
}
.icon-gear:before {
  content: "\e915";
}
.icon-preferences2:before {
  content: "\e915";
}
.icon-settings2:before {
  content: "\e915";
}
.icon-generate2:before {
  content: "\e915";
}
.icon-control2:before {
  content: "\e915";
}
.icon-options2:before {
  content: "\e915";
}
.icon-bubble:before {
  content: "\e909";
}
.icon-comment:before {
  content: "\e909";
}
.icon-chat:before {
  content: "\e909";
}
.icon-talk:before {
  content: "\e909";
}
.icon-credit-card:before {
  content: "\e90a";
}
.icon-money2:before {
  content: "\e90a";
}
.icon-payment:before {
  content: "\e90a";
}
.icon-ecommerce:before {
  content: "\e90a";
}
.icon-printer:before {
  content: "\e90b";
}
.icon-print:before {
  content: "\e90b";
}
.icon-coin-dollar:before {
  content: "\e90c";
}
.icon-money:before {
  content: "\e90c";
}
.icon-cash:before {
  content: "\e90c";
}
.icon-currency-dollar:before {
  content: "\e90c";
}
.icon-file-pdf:before {
  content: "\e90d";
}
.icon-file:before {
  content: "\e90d";
}
.icon-file-format:before {
  content: "\e90d";
}
.icon-plus:before {
  content: "\e908";
}
.icon-add:before {
  content: "\e908";
}
.icon-heart:before {
  content: "\e906";
}
.icon-like:before {
  content: "\e906";
}
.icon-love:before {
  content: "\e906";
}
.icon-favorite:before {
  content: "\e906";
}
.icon-uniE600:before {
  content: "\e600";
}
.icon-uniE601:before {
  content: "\e601";
}
.icon-uniE602:before {
  content: "\e602";
}
.icon-uniE603:before {
  content: "\e603";
}
.icon-person:before {
  content: "\e603";
}
.icon-uniE604:before {
  content: "\e604";
}
.icon-uniE605:before {
  content: "\e605";
}
.icon-uniE606:before {
  content: "\e606";
}
.icon-pencil:before {
  content: "\e607";
}
.icon-pencil2:before {
  content: "\e607";
}
.icon-uniE608:before {
  content: "\e608";
}
.icon-uniE609:before {
  content: "\e609";
}
.icon-uniE610:before {
  content: "\e610";
}
.icon-uniE611:before {
  content: "\e611";
}
.icon-uniE613:before {
  content: "\e613";
}

.icon-mail-remove:before {
  content: "\e900";
}
.icon-mail-cancel:before {
  content: "\e901";
}
.icon-mail-checked:before {
  content: "\e902";
}
.icon-mail-envelope-closed:before {
  content: "\e903";
}
.icon-mail-envelope-open:before {
  content: "\e904";
}
.icon-mail:before {
  content: "\e905";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-download:before {
  content: "\e907";
}
.icon-uniE603{
    position: absolute;
    left: 23px;
    top: 24px;
    color: #fff;
    font-size: 2em;
}
.icon-uniE611{
      position: absolute;
    left: 23px;
    top: 24px;
    color: #fff;
    font-size: 2em;
}
.icon-uniE613:hover {
  color: #FF0000;
}

.icon-view {
  cursor: pointer;
}

select{padding-left: 22px !important;cursor: pointer}
html, body{height: 100%; margin: 0; padding: 0;}
body{font-family: "Roboto",sans-serif !important; font-size:14px;font-weight: 300; box-sizing: border-box;}
#mensajes #modal #modal-window .content{background: #4f4f4f;border-radius:0px;/*border-radius: 9px 9px 0 0;*//*padding: 20px;*/text-align: center;padding: 0 20px}
#mensajes #modal #modal-window .buttons{background: #4f4f4f;border-radius:0px; /*border-radius: 0 0 9px 9px;*/border-radius: 0px
  ;padding: 0 20px;height: 78px; display: flex; gap: 20px; justify-content: center }
#mensajes #modal #modal-window{width: 340px;border-radius: 9px}
#mensajes #modal #modal-window .content img{display: none}
#mensajes #modal #modal-window .content p{width: auto;float: none;color: #18cb6c;font-size: 15px;text-transform: uppercase;font-weight: bold}
.herramientas button.bt_down{  width: auto; padding: 0px 22px;}
.herramientas{ display: inline-block;float: right; }

#modal-overlay{background: none!important}
#mensajes #modal #modal-window .bot{background: none}
#modal #modal-window .buttons a.acept{ height: 25px;padding: 12.5px 0;background: #18cb6c;color: #fff;/*border-radius: 5px;*/ border-radius: 0px;font-size: 15px;text-align: center;width: 140px;}
#modal #modal-window .buttons a.acept:hover{background: #18cb6c;}
#modal #modal-window .buttons a.cancel{ height: 25px;padding: 12.5px 0;background: #6c1313;color: #fff;/*border-radius: 5px;*/border-radius: 0px;font-size: 15px;text-align: center;width: 140px;}
#modal #modal-window .buttons a.cancel:hover{background: #6c1313}
#container .page_name{ float: left;margin: 27px 0;}
#container{ position: relative;}
/*#container .page_name h1{margin-bottom: 20px!important;}*/
#container .page_name h1, .duenos-propiedades{
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    color:#000000;
    line-height: 1;
    letter-spacing: 0;
    float:left;
    margin:0;
    leading-trim: none;
}
#container .page_name #formBusquedas{padding:0;width:100%;margin-top: 20px;}
#container .herramientas{margin: 0 !important;}
#navegacion{background:#fff;padding:5px 0 0 20px}
#avaluos_title{color:#8ebf00; font-size:24px; font-weight:300; float:left; margin:0}
#menu_navegacion{list-style:none; margin:0; float:right; padding-right:20px}
#menu_navegacion li{float:left; margin-right:5px; border-right:1px solid #040404; padding-right:5px}
#menu_navegacion li.last{border:0; padding:0}
#menu_navegacion li a{color:#040404; text-decoration:none}
#menu_navegacion li a:hover span{text-decoration:underline}
#menu_navegacion li a img{float:left; margin-right:3px}
#menu_navegacion li a span{display:block; height:16px; line-height:16px; float:left}

table .icon-asc,table .icon-desc{color: #ff5c0f;font-size: 1.3em;position: relative;top: 3px}
/*body{background-color: #efefef}*/
#mrastro{font-size:11px;font-weight:bold;color:#848484}
#mrastro a{color:#8ebf00; font-size:10px; text-decoration:none; text-transform:uppercase; font-weight:300}
#mrastro a:hover{text-decoration:underline}
#layout{margin: 0 auto;}
#layout{background-color: #F4F4F4;overflow: hidden}
#header{background-color: #fafafa;height: 60px; position: relative;margin-left: 0px;transition:all 0.3s ease 0s;left: 0}
#header.active{left: 260px}
#header h1{font-size:30px;color:#aacf3f;margin:0}
#header h2{ font-size:10px;color:#97998f;margin:0;font-weight:300}
#header .logo{margin-right: 43px;float: left;margin-left: 60px;}
#header .logo .icon-circle-check{float: left;color: #00a651;font-size: 2.3em;margin-top: 15px}
#header .logo-inner{float:left; margin-top:17px;padding-right: 14px;border-right: 1px solid #c2c2c2;margin-right: 10px}
#header .logo-inner img{width: 22px}
#header .bienvenido-usuario{float: left;margin-top: 25px;color: #2a2c32;font-size: 14px;margin-left: 21px}
#header .bienvenido-usuario .usuario{font-weight: 700}
#header .info button.datos{background: #767676;border: 1px solid #545454;border-radius: 3px;color: #fff;font-size: 12.41px;width: 210px;text-transform: uppercase;height: 34px;float: left;margin-top: 17px;margin-left: 9px;box-shadow: 0 2px 3px 1px #bbbbbb;cursor: pointer}
#header .profile{width: 220px;position: absolute;right: 10px;top: 13px;height: 43px; margin-top: -7px;}
#header .profile img{width: 40px;border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;float: left;margin-right: 10px}

header .profile .name{color: #515151}
#header .profile .name{ display: block; overflow: hidden;}
#header .profile .puesto{color: #616765;font-size: 0.875em;display: block;font-style: italic; overflow: hidden;}
#header .profile .arrow{border-top: 6px solid #5b5b5b;border-left: 6px solid transparent;border-right: 6px solid transparent;float: left;margin-top: 18px;margin-right: 10px}
#header .profile .arrow.top{border-top: 0px solid #5b5b5b;border-bottom: 6px solid #5b5b5b}
#header .dropdown-menu{position:fixed;background-color: #5b5b5b;right:10px;width: auto;top: 70px;border-radius: 0px;display: none; z-index: 10;}
#header .dropdown-menu a{color:#fff;text-decoration: none !important;padding: 10px 40px;}
#header .dropdown-menu .icon-switch, #header .dropdown-menu .icon-uniE609{color:#fa7076;margin-right: 5px}
#header .dropdown-menu .arrow{border-bottom: 7px solid #5b5b5b;border-right: 7px solid transparent;border-left: 7px solid transparent;position: absolute;left: 8px;top: -6px}
/*#header .dropdown-menu:hover{background-color: #333}*/
/*#header .dropdown-menu a:hover,#header .dropdown-menu a:hover .arrow{background-color: #333}*/
#header .dropdown-menu a:hover{background-color: #333}
#header .dropdown-menu a{ width: auto; }
#header .dropdown-menu:first-child{ border-radius: 0 10px; }
#menu-container .dropdown-menu{position:absolute;background-color: #5b5b5b;right:0;width: 200px;top: 100%;margin-top: 5px;border-radius: 4px;display: none; z-index: 10000; padding: 5px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.3);}
#menu-container .dropdown-menu a{color:#fff;text-decoration: none !important;padding: 10px 20px; display: block;}
#menu-container .dropdown-menu a:hover{background-color: #333;}
#menu-container .dropdown-menu.active {display: block !important;}



/*#header .dropdown-menu:hover .arrow{border-bottom: 7px solid #333}*/
.controles{color:#fff;font-size:11px;text-align:right;height:20px;line-height:20px;padding-right:20px;}
.controles span{color:#ffb920}
.controles-logout{float: right;margin-top: 25px;margin-right: 41px; position: relative;}
#header .controles-logout.alert .profile{ z-index: 9999; }
#header .controles-logout.alert .dropdown-menu{ z-index: 9999; }
.controles-logout .icon-printer{ color: #dcdcdc; }
.icon-tab{ color: #dcdcdc; }
.controles-logout a.logout{color:#ffffff;text-decoration:none;font-size: 16px;font-weight: 600;float: left}
.controles-logout a.logout img{margin-right: 10px;float: left}
.controles a:hover,#header .controles a:visited:hover{text-decoration:underline}

body.background{ 
    background-color: #ebebeb; 
    padding: 10px; 
    height: 100%; 
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

body.background > form,
body.background > div:not(#fancybox-loading-ajax) {
    flex: 1;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

#header .info a:hover,#header .controles a:visited:hover{text-decoration:underline; border-radius: 0px;}
#footer{}

/*
 Bootstrap 2.3.2 button styles (project-wide override)
 Reference: visual/button tokens taken from Bootstrap 2.3.2 and `month_started.ctp` UI.
 This block aims to normalize all buttons, inputs and anchors with `.btn` to the same look.
*/
.btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.fsti-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  text-decoration: none;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.fsti-btn:hover {
  background-color: #e6e6e6;
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
  background-color: #e0e0e0;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.btn[disabled],
.btn.disabled,
button[disabled],
input[disabled] {
  opacity: 0.65;
  cursor: default;
}


.btn-success { color: #fff; background-color: #5bb75b; border-color: #4cae4c; }
.btn-danger  { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

.btn-small { padding: 2px 8px; font-size: 12px; line-height: 18px; }
.btn-large { padding: 10px 16px; font-size: 18px; line-height: normal; }

a.btn { display: inline-block; align-content: center; }

#menu_footer{list-style:none; margin:0; float:right; padding:0 20px}
#menu_footer li{float:left; border-right:1px solid #fff; height:19px; line-height:19px}
#menu_footer li a{text-decoration:none; color:#c4c3bf; font-size:10px; font-weight:bold;padding:0 5px;display:block; float:left}
#menu_footer li.selected a,#menu_footer li a:hover,#menu_footer li a:visited:hover{background:#fff; color:#000}

#contact_us .controles{clear:both;text-align:left; padding-left:20px}

#menu{ display: inline-flex; overflow-x: hidden; width: initial; }
#menu li{display: block;position: relative}
#menu li a{
    text-decoration:none;
    font-family: 'Roboto', sans-serif;
    font-size:15px;
    font-weight: 500;
    font-style: normal;
    display:flex;
    align-items:center;
    color:#fff;
    padding:25px 25px;
    line-height: 1;
    text-transform: capitalize;
    border-bottom: 1px solid #0E1E45;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    letter-spacing: 0;
    leading-trim: none;
}
/*#menu li:hover .sub-menu,#menu li.hover .sub-menu{display: block;}*/
#menu li .sub-menu{margin-left: 0;display: none;}
#menu li.selected .sub-menu{position: relative;right: 0;width: auto;}
#menu li.selected .sub-menu li a{border-left: 0;background-color: #264480;color:#ffffff;border-bottom: 1px solid #76829A}
#menu li.selected .sub-menu li a:hover,#menu li.selected .sub-menu li a.selected{background-color:#6B7692}
#menu li .sub-menu li a{background-color: #264480;padding-left: 30px;transition: all 0.2s ease 0s;}
#menu li .sub-menu li a:hover{background-color: #2e2e2e}
#menu li a:hover,#menu li a:visited:hover{background-color: #264480;}
#menu li.selected a{background-color: #243151}
#menu-container .controles-logout {
    width: 100% !important;float: none !important;display: block !important;margin: 0;padding: 0;background-color: #223462;   
}
#menu-container .profile {width: 100%;box-sizing: border-box;display: flex;align-items:center;padding: 40px 20px;cursor: pointer;
}
#menu-container .profile img {flex-shrink: 0;}
#menu-container .name {padding-left: 7px; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px;}
#menu-container .puesto{padding-left: 7px; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 13px;}

#menu li.system > a:before{
  content: "";display: inline-block; width: 20px;height: 20px;vertical-align: middle;
  background-image: url('/img/icons/sistemas-icon.png');background-repeat: no-repeat;background-position: center; background-size: contain; font-family: none !important;
}
#menu li.admin > a:before{
  content: "";display: inline-block; width: 20px;height: 20px;vertical-align: middle;
  background-image: url('/img/icons/administracion-icon.png');background-repeat: no-repeat;background-position: center; background-size: contain; font-family: none !important;
}
#menu li.bussiness > a:before{
  content: "";display: inline-block; width: 20px;height: 20px;vertical-align: middle;
  background-image: url('/img/icons/negocios-icon.png');background-repeat: no-repeat;background-position: center; background-size: contain; font-family: none !important;
}
#menu li.client > a:before{
  content: "";display: inline-block; width: 20px;height: 20px;vertical-align: middle;
  background-image: url('/img/icons/clientes-icon.png');background-repeat: no-repeat;background-position: center; background-size: contain; font-family: none !important;
}
#menu li.presupuestos > a:before{
  content: "";display: inline-block; width: 20px;height: 20px;vertical-align: middle;
  background-image: url('/img/icons/presupuestos-icon.png');background-repeat: no-repeat;background-position: center; background-size: contain; font-family: none !important;
}
#menu li.catalogos> a:before{
  content: "";display: inline-block; width: 20px;height: 20px;vertical-align: middle;
  background-image: url('/img/icons/admin-catalogos-icon.png');background-repeat: no-repeat;background-position: center; background-size: contain; font-family: none !important;
}
#menu li.panel > a:before{
  content: "";display: inline-block; width: 20px;height: 20px;vertical-align: middle;
  background-image: url('/img/icons/panel-icon.png');background-repeat: no-repeat;background-position: center; background-size: contain; font-family: none !important;
}

#menu li > a:before{font-family: 'icomoon';font-size: 1em;margin-right: 5px;position: relative;}
/*#menu li.system > a:before{content:"\e914";}*/
/*#menu li.admin > a:before{content:"\e913";}
/*#menu li.bussiness > a:before{content:"\e911";}
/*#menu li.client > a:before{content:"\e90e";}
/*#menu li.presupuestos > a:before{content:"\e90c";}
/*#menu li.catalogos > a:before{content:"\e912";}*/

#menu-container .logo{width: 127px;height: 100%;display: block;margin: 20px auto;margin-top: 60px; }

/* 1. Transiciones Suaves */
#menu-container, 
#container, 
#header, 
#footer,
.logo {
    transition: all 0.3s ease !important;
}
#sidebar-toggle {
    position: absolute;
    top: 30px;
    right: -15px;
    z-index: 9999;
    cursor: pointer;
    width: 50px;
    height: 50px;
}
#sidebar-toggle img { width: 100%; display: block; margin-left: 10px; }
body.sidebar-collapsed #menu-container {
    width: 120px !important;
    overflow: visible !important;
}
body.sidebar-collapsed #container,
body.sidebar-collapsed #header,
body.sidebar-collapsed #footer {
    margin-left: 100px !important;
    width: calc(100% - 90px) !important;
    left: 0 !important;
    padding-right: 140px !important;
}

body.sidebar-collapsed #menu-container .logo {
    display: block !important;      
    width: 80px !important;         
    height: auto !important;
    margin: 120px auto 60px auto !important; 
    padding: 0 !important;
}
body.sidebar-collapsed #menu-container .logo img {
    width: 100% !important;         
    height: auto !important;
}
body.sidebar-collapsed #menu li a {
    font-size: 0 !important;       
    display: flex !important;      
    justify-content: center !important;
    align-items: center !important;
    height: 80px !important;       
    width: 100% !important;
    padding: 0 !important;  
    border-bottom: none;
}

body.sidebar-collapsed #menu li > a:before {
    margin-right: 0 !important;    
    display: block !important;
    width: 30px !important;        
    height: 30px !important;
    background-size: contain !important;
    flex-shrink: 0;                
}
body.sidebar-collapsed #menu-container .profile,
body.sidebar-collapsed #menu-container .controles-logout,
body.sidebar-collapsed #menu li a span,
body.sidebar-collapsed #menu li a:after {
    display: none !important;
}
body.sidebar-collapsed #menu li {
    cursor: pointer !important;
}

body.sidebar-collapsed #menu li a {
    pointer-events: auto !important;
}
.coll-full{max-width: 1700px; width: 100%;}

#container{padding: 58px 80px;background-color: #F4F4F4;margin-left: 0;transition:all 0.3s ease 0s;left: 0;min-height: 500px;}
#container.active{left: 260px}
#formBusquedas div.input{float:left; margin:0; margin-right:3px; width:auto; height:auto}
#formBusquedas div.inputs_busqueda{float:left;width: 70%;}
#formBusquedas label{margin:0; display:none}
button{color:#030303; font-size:11px; font-weight:bold}
button.forma{padding:0 15px;font-weight:bold;color:#000;height:2.2em;cursor:pointer;font-size:11px}
span.forma{padding:0 15px;font-weight:bold;color:#000;height:2.2em;cursor:pointer;font-size:11px}
button.create{float:right}
input,select{height:50px;border:1px solid #a0aba5; background:#FFF; font-size:1.07em; padding: 3px 5px;font-weight: 300;color:#514d4d}
select{width:100%;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}
.date-wrap{position:relative;width:100%}
.date-wrap .calendar-ico{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6B7280;width:20px;height:20px;pointer-events:none}
.date-wrap input[type="date"]{width:100%;height:50px;padding:3px 35px 3px 5px;border:1px solid #a0aba5;border-radius:4px;font-size:1.07em;font-weight:300;color:#514d4d;box-sizing:border-box}
.date-wrap input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;left:0;top:0}
.idioma select{width:175px}
#formBusquedas select{width:auto}
input:active,input:focus{background:#fff;border:2px solid #18cb6c}
button.bt_down{
    width: auto;
    padding: 10px 0px 10px 0px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    background-color: #0059DE;
    border: 0;
    height: 47px;
    line-height: 1;
    font-size: 15px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;.select-wrap
    font-style: normal;
    margin-bottom: 20px;
    border-radius: 10px;
    letter-spacing: 0;
    leading-trim: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
button.bt_down:hover{background-color: #0a6bf0}
button.bt_down.middle{ display: block; float: none !important; margin: 0 auto;  }
button.cancel{background-color: #862929;}
button.cancel:hover{background-color: #A13737;}

span.bt_down{width: auto;padding: 20px 40px;text-align: center;color: #fff;text-transform: uppercase;background-color: #18cb6c;border: 0;height: 69px;font-size: 1.14em;font-weight: 600;margin-bottom: 20px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}

.contenido{clear: both}


table.info {
  background: #fff;
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  border-radius: 20px;
}
table.info strong{color:#25221d; font-weight:bold}

table.info thead {
  background: #FFFF;
  border-bottom: 1px solid #E5E7EB;
}

table.info thead th {
  padding: 25px;
  text-align: center;
  font-weight: 700;
  color: #111827;
  font-size: 18px !important;
  border-bottom: 1px solid #E5E7EB;
  vertical-align: middle;
  background: #FFFF;
  height: auto;
}

table.info thead th a {
  color: #111827;
  text-decoration: none;
  display: block;
  font-size: 18px;
  font-weight: 700;
}

table.info thead th a:hover {
  color: #2563EB;
}
/* Table Body */
table.info tbody tr {
  border-bottom: 1px solid #E5E7EB;
  transition: background-color 0.15s;
}

table.info tbody tr:hover,
table.info tr.fila_over td {
  background: #F9FAFB;
}

table.info tbody tr:last-child {
  border-bottom: none;
}

table.info tbody td,
table.info td {
  padding: 12px; 
  color: #6B7280;
  font-size: 14px; 
  vertical-align: middle;
  text-align: center;
  border: 0;
  line-height: 20px;
  position: relative;
  font-weight: 300;
  border-bottom: 1px solid #E5E7EB;
  white-space: normal;
  word-break: break-word; 
  overflow-wrap: anywhere;
}

table.info tbody td:first-child,
tr.filaE1 td:first-child,
tr.filaE2 td:first-child {
  color: #111827;
  font-weight: 600;
  font-size: 16px;
}

/* Remove old row backgrounds */
tr.filaE1 td,
tr.filaE2 td {
  background: transparent;
}
table.info tr td span.important{ font-weight: 700; }
table.info tr td.text{text-align: left;text-transform: capitalize;}

table.info tr.fila_over td{background-color: #e0dfdf;color: #323c3a}
table.info tr.fila_over td a:link, table.info tr.fila_over td a:visited{color: #323c3a!important}
.fila_over td a .icon-uniE600, .fila_over td a .icon-person{color: #323c3a!important}
table.info td a:link,
table.info td a:visited {
  color: #6B7280;
  font-weight: 300;
  text-decoration: none;
  transition: color 0.15s;
}

table.info td a:hover {
  color: #111827;
}

table.info td a.important {
  font-weight: 600;
  color: #111827;
  text-decoration: underline;
}
.icons_factura{color: #dcdcdc!important; font-weight: 300!important; text-decoration: none!important; font-size: 20px; margin-left: 5px;}
#tabla_fact td a.link_pagadas{color: #168cbd!important;text-decoration: underline;}
table.info td span.left{display:block; text-align:left}
table.info td span.usuario-nombre{font-weight: bold}
table.info td span.ver-historial{color:#009d46;font-weight:bold;background: url(style/flecha-01.png)no-repeat;padding-right: 19px;background-position: 100% 50%;position: absolute;top: 50px;cursor: pointer}
table.info td .mensaje{margin-bottom: 22px;}
table.info td .ultimo-mensaje{color: #01a94c;font-weight: 700;float: left;margin-right: 5px; margin-bottom: 10px; }
table.info td .parte2.activo{display: block}
table.info td .content{padding-right: 57px;padding-bottom: 34px}
table.info .input.textarea{width: auto;margin: 0;position: relative}
table.info .input.textarea label{position: absolute;color:#6e6e6e;font-size: 14px;top: 12px;left: 19px}
table.info textarea{ border: 1px solid #9e9e9e;height: 115px;width: 628px; padding: 12px 19px;color:#6e6e6e;font-size: 14px;}
table.info button{background: #01a94c;color: #fff;font-size: 12.41px;text-transform: uppercase;padding: 0;width: 210px;border: 1px solid #07813d;height: 34px;border-radius: 3px;box-shadow: 0 4px 2px -1px #bbbbbb;float: left;margin-left: 40px;cursor: pointer;-webkit-transition:all 0.5s ease 0s;transition: all 0.5s ease 0s;}
table.info button:hover{background: #1cbf65;-webkit-transition:all 0.5s ease 0s;transition: all 0.5s ease 0s;}
table.info .cerrar-historial{color:#009d46;font-size: 14px;text-transform: uppercase;font-weight: 700;padding-right: 19px;background: url(style/flecha-02.png) no-repeat;background-position: 100% 50%;position: absolute;top: 18px;right: 73px;cursor: pointer}
table.info .icon-star-full, table.info .icon-star-empty{ font-size: 1.5em;color: #dcdcdc;margin-right: 20px; }
table.info .icon-star-full:hover,table.info tr.fila_over td .icon-star-full, table.info .icon-star-empty:hover,table.info tr.fila_over td .icon-star-empty {color: rgb(253, 233, 0);}
table.info .icon-pencil{font-size: 1.5em;color: #dcdcdc;margin-right: 20px;}
table.info .icon-pencil:hover,table.info tr.fila_over td .icon-pencil{color: #0999cf}
table.info .icon-bin{font-size: 1.5em;color: #dcdcdc;margin-right: 20px;}
.icon-download3{font-size: 1.1em;color: #446A81;margin-right: 5px; -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s; }
.icon-download3:hover{font-size: 1.5em;color: #446A81;}

table.info .icon-bin:hover{color: #c30f18}
table.info .icon-bin:hover,table.info tr.fila_over td .icon-bin{color: #c30f18}

.icon-bin:hover{color: #c30f18}
.icon-pencil:hover{color: #0999cf}
.icon-bin{font-size: 1.5em;color: #dcdcdc;margin-right: 20px;}
.icon-pencil{font-size: 1.5em;color: #dcdcdc;margin-right: 20px;cursor: pointer;}

.icon-uniE600:hover{color: #008000};

.cat_li{float: right;font-size: 16px;}

table.info .icon-cart{font-size: 1.5em;color: #dcdcdc;margin-right: 20px;background-color: #fff;padding: 4px;}
table.info .icon-cart.act{font-size: 1.5em;color: #f67331;margin-right: 20px;background-color: #fff;padding: 4px;}
table.info .icon-cart.act:hover,table.info tr.fila_over td .icon-cart.act{color: #f67331}
table.info.cortes_caja{ margin-bottom: 20px; }
table.info.cortes_caja tr:last-child td{ border-bottom: 0px; }
.corte-caja-container{ padding: 15px; }
.corte-caja-container td{ font-size: 1em !important; }
div.input.full{ width: 100%; }

table.info .icon-lock:hover,table.info tr.fila_over td .icon-lock{color: #0999cf}

table.info .icon-lock{ font-size: 1.3em;color: #dcdcdc;margin-right: 20px }
table.info .icon-clipboard{font-size: 1.5em;color: #dcdcdc;margin-right: 20px}
table.info .icon-clipboard:hover,table.info tr.fila_over td .icon-clipboard{color: #7059b0}
table.info .icon-printer{font-size: 1.5em;color: #dcdcdc;margin-right: 20px}
table.info .icon-printer:hover,table.info tr.fila_over td .icon-printer{color: #7059b0; cursor: pointer;}
table.info .icon-tab{font-size: 1.5em;color: #000;margin-right: 20px}
table.info .icon-tab:hover,table.info tr.fila_over td .icon-tab{color: #ff7331; cursor: pointer;}
table.info .icon-banknote{font-size: 1.5em;color: #dcdcdc;margin-right: 20px}
table.info .icon-banknote:hover,table.info tr.fila_over td .icon-banknote{color: #05a52a; cursor: pointer;}
table.info .icon-paste{font-size: 1.5em;color: #dcdcdc;margin-right: 20px}
table.info .icon-paste:hover,table.info tr.fila_over td .icon-paste{color: #7059b0}
table.info .icon-active-circle{font-size: 1.5em;color: #dcdcdc;margin-right: 20px}
table.info .icon-active-circle:hover,table.info tr.fila_over td .icon-active-circle{color: #01ba72}

table.info .icon-inactive-circle{font-size: 1.5em;color: #000;margin-right: 20px;}
table.info .icon-inactive-circle:hover,table.info tr.fila_over td .icon-inactive-circle{color: #68162c}


table.info .icon-close{font-size: 1.7em;color: #dcdcdc; margin-right: 20px; }
table.info .icon-close:hover,table.info tr.fila_over td .icon-close{color: #c30f18}

table.info .icon-shuffle{   font-size: 16px;color: #f67331; display: inline-block; position: absolute;line-height: 21px;margin-left: 5px; }

table.info .icon-check{font-size: 1.7em;color: #dcdcdc;margin-right: 20px}
table.info .icon-check:hover,table.info tr.fila_over td .icon-check{color: #069e4d}
table.info
a.link_folio {font-weight: bold!important; color: black!important; }


.paginator {
  color: #191919;
  background-color: transparent;
  padding: 20px 20px 40px 0;
  display: flex;
  justify-content: center;
}

.paginator .pages {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
}

.paginator .pages .numbers {
  width: fit-content;
  margin: auto;
  background-color: #fff;
  padding: 0;
  height: auto;
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 1px solid #D1D5DB;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.paginator .pages .numbers a,
.paginator .pages .numbers span.current {
  padding: 0 13px;
  color: #6B7280;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  margin-right: 0;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-right: 1px solid #D1D5DB;
  transition: background-color 0.15s, color 0.15s;
}

.paginator .pages .numbers span a:last-child {
  border-right: none;
}

.paginator .pages .numbers span a:hover {
  background: #F3F4F6;
  color: #111827;
}

.paginator .pages .numbers span.current {
  background: #BFDBFE;
  color: #2563EB;
  font-weight: 700;
  cursor: default;
}

.paginator .pages .numbers a.next,
.paginator .pages .numbers a.prev{
  font-size: 18px;
  color: #9CA3AF;
  background: transparent;
  text-decoration: none;
}

.paginator .pages .numbers a.next:hover,
.paginator .pages .numbers a.prev:hover {
  color: #111827;
  background: #F3F4F6;
}

.paginator .pages .numbers a.prev::before {
    content: "<";
}

.paginator .pages .numbers a.next::before {
    content: ">";
}

.paginator .pages .numbers span.prev.disabled::before {
    content: ">";
}

.paginator .pages .numbers span.next.disabled::before {
    content: "<";
}

/*** Help ***/
.help{margin-left:10px;cursor:help}
h1 .help{font-size:0.75em;color:#ccc;font-weight:bold}
#tooltip{font-family:Verdana,Geneva,sans-serif;position:absolute;z-index:3000;background:#5b5b5b;padding:5px;max-width:250px;color:#fff;font-size:10px}
#tooltip h3,#tooltip div{margin:0;font-weight:300}

span.help{margin-left:10px;cursor:help}
span.help span.msg{display:none}
h1 span.help{font-size:16px; color:#ccc; font-weight:bold}

.botonera .cancel{background-color: #862929}
.botonera button{height: 50px;margin-right: 20px;width: 140px}

form{background-color: #fff; box-sizing: border-box;}
body.background > form { clear: none; }
.form{padding: 10px;}
#Factura{padding: 10px;}
#PagoAddForm{padding: 50px;}
#dominio-form fieldset{padding-right: 20px !important;padding-left: 20px !important;margin: 0 auto;}
fieldset.bloque-01{padding-left: 20px;}
#dominio-form {padding: 0px !important;}
.botonera{clear:left;text-align: center;margin-top: 30px}
div.textarea, div.input, div.radio, div.select, div.checkbox{margin-bottom:20px; float:left; margin-right:3%; width:30.5%; height:auto}
div.chico{width:224px}
div.carac_group{ width:auto}
div.carac_group div.checkbox{width:200px}
div.idioma{width:175px}
div.textarea.canceled {width: 100%; display: block;}
div.textarea, div.checkbox{height:auto}
textarea{width:100%;height:150px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;border:1px solid #a0aba5; background:#FFF; font-size:1.07em; padding: 3px 10px;font-weight: 300;color:#514d4d;border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:0px;margin: 0}
div.checkbox{width:auto; margin-bottom:5px}
label{color:#514d4d;display:block;margin-bottom:15px;}
label span.help,legend span.help{color:#ababab;font-size:10px;font-weight: 300}
.fondoGris{background-color: #ebebeb}

.border{ border:2px solid #dfdfdf; }
.light-border{ border:1px solid #dfdfdf; }
fieldset.grupo{/*border:2px solid #dfdfdf; */background:#FFFFFF; margin-bottom:10px; border-radius: 10px;}
fieldset.grupo.linea{ border:2px solid #dfdfdf; }
fieldset.grupo legend{border:none;padding:0 5px;font-size: 16px}
/*--- Vista Citas View ----*/
fieldset.grupoDeselected{border-top:2px solid #c3c3c3; border-bottom:2px solid #c3c3c3; background:#dcdcdc; padding:10px 5px 0; margin-bottom:10px}
fieldset.grupoDeselected legend{border:none;padding:0 5px}
fieldset.dataDeselected{border-color:#000;background:#eee;margin-bottom:30px}
/*--- Vista Citas View ----*/
fieldset.data{border-color:#ddd;background:#eee;margin-bottom:30px}
div.requerido legend,div.required legend{font-weight:bold}

input{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}
div.requerido label,div.required label,label.requerido{font-weight:700}
#container>#LoadingDiv{position:fixed;top:0;left:0;height:100%}#LoadingDiv{width:100%;background:#000 url(admin/loading.gif) no-repeat center center;z-index:1000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}
div.radio input{width:auto;height:auto;cursor:pointer}
div.fieldset{height:auto}
div.radio label{display:inline;font-weight:300;cursor:pointer;margin-right:20px}
#msgflash .error{color:#fff; border:1px solid #FF0404; background-color: #fbe3e3;display:block; padding:10px 10px 10px 40px; margin-bottom:10px; color:#191919; font-size:13px; font-weight:bold;position: relative;margin-top: 20px;}
#msgflash .error-message{color:#FF0404; font-size:11px; font-weight:bold; float:left; clear:left}
#msgflash .success{background-color: #d3f1c5;border: 1px solid #80bf85;display: block;padding: 10px 10px 10px 40px;margin-bottom: 10px;color: #191919;font-size: 14px;font-weight: 600;position: relative;margin-top: 20px;}
#msgflash .success:before {font-family: icomoon;content: "\e602";font-size: 25px;color: #04984c;font-weight: normal;position: absolute;left: 6px;top: 6px;}
#msgflash .error:before {font-family: icomoon;content: "\e613";font-size: 25px;color: #FF0404;font-weight: normal;position: absolute;left: 6px;top: 6px;}

/*div.error input{float:left}*/
div.error input{ background:#FFDEDE; border:1px solid #888888}
div.checkbox input{float:left;width:auto;height:auto}
div.checkbox label{margin:0; float:left; display:block; height:23px; line-height:23px; font-weight:300}
   div.auto_complete {
      position:absolute;
    width: 300px !important;
    /*overflow-x:visible;*/
  /*  height: 200px;
    overflow-y: scroll;*/
      background-color:white;
      border:1px solid #888;
      margin:0px;

      padding:0px;
    z-index:1000
     }
    div.auto_complete ul {
      list-style-type:none;
    text-align:left;
    color:#7F7F7F;
      margin:0px;
      padding:0px;
    overflow-y: auto;
    /*height:100px;*/
    height: expression( this.scrollHeight > |99 ? "200px" : "auto" ); /* sets max-height for IE */
    max-height: 200px; /* sets max-height value for all standards-compliant browsers */
    }
    div.auto_complete ul li.selected { background-color: #ffb;}
    div.auto_complete ul li { list-style-type:none;line-height:1.2em;display:block; margin:0;padding:0; padding-left:5px;padding-top:2px;height:1.2em;cursor:pointer}

/*div.error .input_der{background:url(admin/error.gif) no-repeat #FCB3B6; height:17px; width:17px; float:left; padding:0 2px;border:1px solid #FF0404; margin-top:2px}*/

#admin_traducciones button{height:auto}
fieldset{border:none; clear:left}
legend{color:#514d4d;font-weight:700;padding-bottom:3px;}
iframe#idiomaPreview {width:100%;height:800px;border:2px solid #000;padding:2px}
.traducir{color:#080}
span.traduce{position:relative;overflow:hidden}
span.traducir{z-index:0;color:#080}
#toolbar{position:relative;border:1px solid #000;border-bottom:1px solid #3B619C;height:24px;padding:0 4px;width:948px;;float:left;background:#A9C7F0 url(../img/editor/toolbar.gif) repeat-x}
#toolbar a{display:block;margin:1px;float:left;padding:3px}
#toolbar a.activado{background:#ffc273 url(../img/editor/activado.gif) repeat-x;border:1px solid #000080;padding:2px}
#toolbar a:hover{background:#ffc273 url(../img/editor/hover.gif) repeat-x;border:1px solid #000080;padding:2px}
#toolbar img{border:0}
#toolbar .separador{float:left;border-left:1px solid #6A8CCB;border-right:1px solid #F1F9FF;width:0px;height:16px;margin:4px 2px}
#toolbar select{ float:left;margin-top:2px}
#toolbar select.font{width:180px}
#toolbar select.size{width:40px}
#toolbar select.color{width:150px}
#toolbar select.color{width:150px}
#toolbar img.nada{border:0;float:left;margin:4px}
#toolbar.disabled{overflow:hidden;width:100%;}
#toolbar.disabled img{filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;}
#toolbar.disabled a{cursor:default}
#toolbar.disabled a:hover{back#toolbarground:none;border:none;padding:3px;cursor:default}
#toolbar.disabled select{color:#fff}

.spacer{clear:both}
hr{border:0;border-top:1px solid #DADADA !important; clear:left}

div.exacto{width:400px; float:left; border:1px solid #000; margin-right:5px}

.info{overflow:hidden}
.tabbed-pane{clear:both;margin:10px 0;position:relative}
.tabs{list-style:none;margin:0}
.tabs li{float:left;margin-right:3px}
.tabs li a.title:link,.tabs li a.title:visited{z-index:998;position:relative;top:2px;text-decoration:none;display:block;line-height:2em;color:#d3d9c0;background:#999696;border:1px solid #444;border-top-color:#666;border-bottom:0;padding:0 10px;text-transform:uppercase;font-weight:bold}
.tabs li a.title:hover,.tabs li a.title:visited:hover{color:#fff}
.tabs li.selected a.title:link,.tabs li.selected a.title:visited{z-index:2;background:#E8FAB5;border:1px solid #B1DB38;border-right-color:#a0cf1a;border-bottom:0;color:#000;line-height:2.1em;text-decoration:none;top:1px}
.tabbed-pane .content{display:none;background:#E8FAB5;padding:10px;border:1px solid #B1DB38}
.tabbed-pane .selected{display:block}
.greenborder img{border:3px solid #A0CF1A;}

.info_element{float:left; margin-right:30px; width:350px}
.etiqueta{font-weight:bold; color:#8EBF00;margin-bottom:5px}
.dato{margin-bottom:10px}

div.vista span.view{float:left; line-height:16px;width:180px;font-size:14px; font-weight:bold}
div.vista fieldset{border:1px solid;padding-bottom:10px;padding:10px 10px;margin-bottom:10px;}
div.vista .descripcion{text-align:justify; margin-left:180px; font-size:14px; margin-bottom:10px;}

div.file{height:auto}
div.file label{margin-bottom:3px}
div.file .error-message{float:none}
div.file .iframes{clear:left;margin-top: 16px;}
div.file iframe{border:none;height:25px;width:100%;overflow:hidden;color:inherit;font-family:inherit}

.filter-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
  padding: 12px;
  border-radius: 12px;
}

.filter-controls .select-wrap {
  position: relative;
  min-width: 100px;
  flex: 0 1 auto;
  padding-top: 8px;
}

.filter-controls .legend {
  position: absolute;
  top: -10px;
  left: 14px;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  background: linear-gradient(180deg, #f8f9fb 50%, #ffffff 50%);
  text-transform: none;
}

.filter-controls select.filter-select {
  width: 100%;
  height: 56px;
  border: 1px solid rgba(130, 130, 130, 0.35);
  border-radius: 10px;
  background-color: #ffffff;
  padding: 0 38px 0 16px;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  appearance: none;
}

.filter-controls select.filter-select:focus {
  outline: none;
  border-color: #9ea3af;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.filter-controls .select2-container {
  width: 100% !important;
}

.filter-controls .select2-container .select2-selection--single {
  height: 56px;
  border: 1px solid rgba(130, 130, 130, 0.35);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  padding: 0 12px;
}

.filter-controls .select2-selection__rendered {
  line-height: normal !important;
  font-weight: 600;
  color: #111827 !important;
}

.filter-controls .select2-selection__arrow {
  height: 100% !important;
  right: 14px !important;
}

.filter-controls .select2-selection__arrow b {
  border-color: #6b7280 transparent transparent transparent !important;
}

.filter-controls .select2-dropdown {
  border-radius: 0 0 10px 10px;
  border: 1px solid #c7cdd7;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.filter-controls .udn-display,
.filter-controls .udn-display.select2-selection__rendered {
  height: 56px;
  border: 1px solid rgba(130, 130, 130, 0.35);
  border-radius: 10px;
  background: #ffffff;
  color: #111827;
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 0 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
div.file .preview{margin:5px 0;list-style-type:none;max-height:200px;overflow:auto}
div.file li{padding:3px 3px 3px 15px;overflow:hidden;border-top:1px solid #eee;border-bottom:1px solid #ccc;background:url(admin/drag-area.gif) no-repeat 3px 3px #ddd;cursor:url(admin/hand-open.cur),move}
div.file .sorting li{cursor:pointer;cursor:url(admin/hand-closed.cur),move}
div.file li:nth-child(1){border-top:0}
div.file li:nth-last-child(1){border-bottom:0}
div.file li:hover,div.file li.hover{background-color:#eee}
div.file li .name{padding:0;width:195px;margin:0 0 0 5px;clear:none;background:transparent;border:0;cursor:pointer;font-weight:bold;text-decoration:underline}
div.file li .name:focus,div.file .preview li input.focus{border:1px solid #ddd;background:#fff;font-weight:300;text-decoration:none;cursor:text;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;*behavior:url(/css/box-sizing/border-box.htc)}
div.file .thumb img{max-width:32px;max-height:32px;cursor:pointer;margin-top:0;vertical-align:middle}
div.file .thumb img{margin-top:expression((this.parentNode.offsetHeight - this.height)/2)}
div.file .thumb{text-align:center;width:40px;height:32px;line-height:32px;float:left;background:url(admin/loading-wheel.gif) no-repeat center center}
div.file .ready .thumb{background:none}
div.file a:link,div.file a:visited{display:block;float:right;width:0;height:16px;line-height:16px;overflow:hidden;padding:8px 2px 8px 18px;color:#ddd}
div.file .delete{background:url(admin/delete.png) no-repeat center center}
div.file .deleting .delete{background-image:url(admin/loading-wheel.gif)}
div.file li .flag{width:16px;height:16px;opacity:0.01;cursor:pointer}
div.file li label{cursor:pointer;width:16px;height:16px;margin:0;padding:8px 2px;overflow:hidden;background-repeat:no-repeat;background-position:center center;float:right;opacity:0.2}
/**div.file li .flag-attraction{background-image:url(admin/star.png)}/**/
div.file li .checked{opacity:1}

div.file-editor{padding:0!important}
div.file-editor ul{float:left;display:inline;margin:0;list-style-type:none;width:100px;height:100%;overflow-x:hidden;overflow-y:auto}
div.file-editor li{text-align:center;margin:5px;padding:5px;cursor:pointer;-moz-box-sizing:border-box}
div.file-editor li:hover{border:1px dashed #000;padding:4px}
div.file-editor li.current{border:1px dashed #fff;background:#007;color:#fff;padding:4px}
div.file-editor li img{max-width:100%}
div.file-editor .canvas{margin-left:100px;height:100%;overflow:auto;background:#999;text-align:center}
div.file-editor .picture-frame{margin:0;position:relative;background:#000;display:inline-block}
div.file-editor .canvas img{position:absolute;top:0;left:0}
div.file-editor .ready img{width:100%}
div.file-editor .canvas .overlay{opacity:0.4}
div.file-editor .canvas .clip{z-index:1;top:0;left:0;cursor:url(admin/hand-open.cur),move}
div.file-editor .canvas .drag-handler{position:relative!important;border:1px dashed #ddd;z-index:2;cursor:url(admin/hand-open.cur),move}
div.file-editor .canvas .ui-draggable-dragging{cursor:url(admin/hand-closed.cur),move}

.gallery{margin:20px 0;}
.gallery .imgs{position:relative;height:300px;height:300px}
.gallery .imgs .img{position:absolute;top:0;left:0;width:100%;}
.gallery .imgs .img img{border:3px solid #A0CF1A;}
.gallery .thumbs{margin-top:10px;}
.gallery .thumb{border:2px solid #92BC14;cursor:pointer;max-height:40px; float: left; margin-right: 10px}

.imgborder img{border:3px solid #A0CF1A;}

#Loading,.Loading{position:fixed;top:0;left:0;opacity:0.7;width:100%;height: 100%;background:#000 url(admin/loading.gif) no-repeat center;display:none; z-index: 100;}
#overlay{height:100%; width:100%; position:absolute;top:0;left:0;background: #2B2922 url(/css/admin/overlay.png) repeat-x 50% bottom; opacity: 0.5; z-index: 1; display: none}

.Paging{position:relative;}

#modal-overlay{background:#000}
#modal-overlay.loading{background:#000 url(admin/loading.gif) no-repeat center}

button.bigButton{height:55px;}

div.all{ float: none; font-size: 18px;}
div.all label{ font-size: 15px; color: #8ebf00; font-weight: bold}
div.all a{ color: #3A5A73; font-size: 12px; padding-top: 6px; display: block; float: left; padding-left: 10px; text-decoration: none; width: auto}

/* Listas de datos */
dl.data{overflow:hidden}
dl.data dt{font-weight:bold;color:#514d4d;width:300px;height:6em;float:left}
dl.data dd{margin-bottom:5px;width:300px;float:left;padding-top:1.5em;height:4.5em;margin-left:-300px}
dl.data dt.text{width:auto;height:1.5em;float:none;clear:both}
dl.data dd.text{width:auto;height:auto;padding:0;margin:0;float:none}

.btn_x{ background-color: #67B61B; display: block; text-decoration: none; color: #255F05; height: 25px; border: 3px solid #417E00; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-align: center; font-weight: bold; font-size: 15px; text-shadow: 0 2px 0 #B4E491; padding: 10px 10px 0; float: left}
.btn_x:hover{ background-color: #B8B8B8; color: #303030; border-color: #898989; text-shadow: 0 2px 0 #A8A8A8}

.modal{ background-color: #F5F3E5; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; position: absolute; left: 50px; top: 50px; padding: 10px 10px 20px; border: 1px solid #DFD9C3}
.modal .title{border-radius: 6px; -moz-border-radius:6px; -webkit-border-radius:6px; background-color: #ECE8DA; font-weight: bold; padding: 10px 13px; border: 1px solid #D4CCB0; color: #433F38; position: relative; margin-bottom: 10px }
.modal .close{ background: url(admin/delete.png) no-repeat right top; position: absolute; right: 5px; top: 7px;width: 16px; height: 16px; text-decoration: none; display: block}
.success_add_unit{ background: url(admin/success.gif) no-repeat left 4px; padding-left: 25px; font-size: 18px; font-weight: bold; color: #8EBF00; margin-bottom: 15px}

.rounded_block .pic{ float: left; margin-right: 10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border: 1px solid #3B619C}
.rounded_block .pic img{ width: 65px; height: 50px}
.rounded_block h4{ margin-bottom: 5px}
.rounded_block .parrafo{ margin-bottom: 5px; text-align: justify}
.rounded_block .acciones{ text-align: right}
.rounded_block .acciones a{ color: #2F2F2F;}
.rounded_block .acciones a:hover{ color: #255F05}


table.puntuancion{width:600px}
table.puntuancion th{padding:5px}
table.puntuancion td{text-align:right;padding-right:20px}
table.puntuancion td.descripcion{text-align:left}

/* Cake Debug */
pre,.cake-debug,.cake-stack-trace{background:#fff;color:#000;font-family:'Courier New',monospace;font-size:12px}



.input.oculto{display: none;}
#attractions #listado{ margin: 5px;border: solid 1px #A8A8A8; width: 500px; padding: 5px;}
#attractions #listado:hover{border: solid 1px #3B619C;background-color: #ADC3DA;}
#attractions .datos{float: left;margin: 2px 10px 0px 5px;}
#attractions .titulo{margin-top: 10px;}

/*----- Ventas (ventana Principal) ------*/
.venta .tipo_servicio_button a{ height: 50px; line-height: 50px; }
.venta .tipo_servicio_button span{ color: #7059b0; font-size: 12px; position: relative; top:-10px; font-weight: 300;text-transform: uppercase }
.venta.filtros ul.holder{  background: #fff;border: 1px solid #18cb6c;border-radius: 10px;padding: 0 20px;width: 93%!important}
.venta.filtros ul.holder li.bit-input input{color: #7f7270}
.input.autocomplete .holder{ background: #fff; padding: 10px 10px 0 10px; width: 95.5% !important; }
ul.holder li.bit-input input{
    border-radius: 0;
    height: 38px !important;
    line-height: 41px;
    width: 41px !important;
    font-size: 2em !important;
    margin-bottom: 10px !important;
    font-weight: 500; }
.venta.filtros select{height: 57px}
.venta.filtros .autocomplete  label{font-size: 24px;color: #616765;font-weight: 300}
.venta.filtros button.bt_down{display: none}
.venta.filtros div.autocomplete{width: 48%;margin-right: 2%}
.izquierda.venta{float: left;width: 38%;margin-right: 2%}
.derecha.venta{float: left;width: 60%;margin-right: 0%}
table.info-venta th{background: #fff;height: 50px;vertical-align: middle;color: #7f7270;font-size: 22px;text-align: center}
table.info-venta tbody th a{ -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s; }
table.info-venta th.cancel:hover a{ color: #ff7331;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s; }
table.info-venta {width: 100%}
table.info-venta th.pagar{text-align: left;padding: 0 0 0 15px;color: #18cb6c;text-transform: uppercase;font-weight: bold}
table.info-venta th.pagar span{font-weight: 700}
table.info-venta th .total{color: #18cb6c;font-weight: bold}
table.info-venta th span{font-weight: 400}

table.info-venta th:last-child{text-align: right; padding: 0px 15px 0 0; }
table.info-venta th a{color: #7f7270;font-size: 16px;text-decoration: none;font-weight: 700;height: 69px;width: 100%;display: block;line-height: 69px;cursor: pointer}
table.info-venta tbody th{border-top: 1px solid #ebebeb;border-right: 4px solid #ebebeb;padding: 0 2px}
table.info-venta tbody th.pago{font-size: 15px;color: #fff;width: 25%;height: 100%;background: #18cb6c;border: none; padding: 0px; text-align: center;}
table.info-venta tbody th.pago.disabled{background-color: #d3d3d3;}
table.info-venta tbody th.pago.disabled a{ cursor: default !important; }
table.info-venta tbody th.pago a{color: #fff;font-size: 24px;text-transform: uppercase}
/*table.info-venta tbody th button{cursor: pointer;font-size: 15px;color: #fff;width: 100%;height: 100%;background: #18cb6c;border: none;border-radius: 0 10px 10px 0;}*/
table.info-venta tbody th{overflow: hidden}
.derecha.venta #listado .categorias ul li{cursor: pointer;border-top: 1px solid #fff;border-bottom: 1px solid #fff;border-right:1px solid #e7e7e7; margin-right: -3px;text-align: center;line-height: 71px;height: 69px;width: 147px;background: #fff;display: inline-block;color: #7f7270;font-size: 15px;font-weight: 700}
.producto .categoria.productos li{border-radius: 20px;cursor: pointer;height: 93px;text-align: center;display: table;width: 33.1%;float: left;background: #acacac;list-style: none;color: #3c3c3c;font-weight: 400;border-bottom: 1px solid #fff;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;text-transform: uppercase;margin-bottom: 14px;}
.producto .categoria.productos li:hover{text-decoration: underline;background: #f67331;color: #fff;font-weight: 700;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.derecha.venta ul.head-productos{position: relative;margin-left: 0;width: 2000px;height: 71px}
.derecha.venta ul:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.producto .categoria.productos{background: #fff;border-radius: 0 0 10px 10px}
.derecha.venta .producto{border: none}
.izquierda.venta #comanda{padding: 0 5px;background: #fff;border-radius: 10px;height: 320px; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; position: relative; }
#comanda .productos, #comanda .paquetes, #comanda .cobro_domicilio {padding: 14px 25px;border-bottom: 1px solid #f3f3f3;position: relative;transition:all ease 0.5s;opacity: 0;}
#comanda .cobro_domicilio {border: none}
#comanda .paquetes .input.select{margin:0px;}
#comanda .productos span.nombre, #comanda .paquetes span.producto_name{cursor: pointer;color: #ff7331;font-size: 20px;font-weight: 700;text-decoration: none;}
#comanda .productos span.nombre{ text-decoration: underline; }
#comanda .paquetes li:hover > span.producto_name{ color:#fff; }
#comanda .paquetes .paquete_producto{ color: #ff7331;font-weight: 700;padding: 10px 10px 10px 20px}
#comanda .paquetes .paquete_producto .descripcion{font-size: 1.1em;display: inline-block;text-transform: uppercase;cursor:pointer}



/*#comanda .productos span.descripcion_descuento, #comanda .paquetes span.descripcion_descuento{ color: #3197ff; font-weight: normal; height: 5px; line-height: 0; margin: 0; position: absolute; text-decoration: none; cursor: normal; }
#comanda .productos span.descripcion_descuento:hover, #comanda .paquetes span.descripcion_descuento:hover{ color: #3197ff; }*/

#comanda .productos span.descripcion_descuento, #comanda .paquetes span.descripcion_descuento, #comanda .cobro_domicilio span{ color: #74b6fe; font-weight: 300; line-height: normal; margin: 0; position: relative; text-decoration: none; cursor: default; display: block; margin-top: 2px;font-size: 20px }


/*#comanda .paquetes span{cursor: default; text-decoration: none;}*/
#comanda .paquetes span.precio_descuento{cursor: pointer;}
#comanda .bloque-paquete{padding: 10px;border-bottom: 1px solid #f3f3f3}
#comanda .paquetes span.nombre{ color: #7059b0; font-size: 1.1em; font-weight: 700;text-transform: uppercase; text-decoration: none; cursor: default; display: inline-block;width:60%;}
#comanda  span.precio_original{text-decoration: line-through;position: absolute;top:16px}
#comanda .productos span.nombre:hover, #comanda .paquetes span.descripcion:hover{color: #ff4200}
#comanda a{cursor: pointer;margin-right: 25px;margin-top: 11px;border-radius: 5px;font-size: 15px;float: right;position: absolute;right: 0;color: #fa6161;background: #dfdfdf;font-weight: 700;width: 26px;padding: 2px 0;text-align: center;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s; line-height: 1.4;}
#comanda a:hover{background: #efefef;color: #f52525;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
/*#comanda .precio_descuento{margin-right: 65px;float: right;height: 46px;background: #18cb6c;color:#fff;font-size: 22px;border: none;width: 104px;text-align: center;font-weight: 600}*/
#comanda .precio_descuento{ color: #5d5d5d; float: right; font-size: 1.1em; font-weight: 600 !important;  margin-right: 35px; text-align: center; text-decoration: none !important;}
#comanda .productos:after, #comanda .paquetes:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.contenido-comanda .descuento_orden{width: 100%;margin: 0 auto;left: 0;right: 0;background: #fff;position: absolute;bottom: 0;color:#74b6fe ;font-weight: 600;padding:10px 0;border-top:1px solid #f3f3f3}
.contenido-comanda .descuento_orden .descuento_precio{color:#f71e1e;float: right;font-size: 1.2em;font-weight: 600;line-height: 20px;margin-right: 4%;text-align: right;width: 38%;}
.contenido-comanda{position: relative;margin-bottom: 5px;height: 442px;background: #fff;z-index: 1;}
.contenido-comanda .descuento_modal{cursor: pointer;display: inline-block;margin: 0 15px;float: left;color:#f71e1e;font-size: 1em;text-transform: uppercase;padding-top:20px;}
.contenido-comanda .cobro_domicilio{position: absolute;bottom: 41px;background-color: #fff;width: 100%;padding: 10px 17px 10px 10px;box-sizing: border-box}
.contenido-comanda .cobro_domicilio span{color:#f71e1e;font-size: 1em;margin-top: 0;font-weight: 600;text-transform: uppercase}
.contenido-comanda .cobro_domicilio span.costo{float: right}
.contenido-comanda .cobro_domicilio span.nombre{padding-left: 5px}
.contenido-comanda .calculadora{right: 0;position: absolute;z-index: 1;/*bottom: -50px*/}
.contenido-comanda .descuento_orden .calculadora{bottom: -50px;}
.contenido-comanda .paquetes_productos_list .descripcion.edit{ text-transform: uppercase; color: #c1c1c1;text-decoration: none; }
.contenido-comanda .paquetes_productos_list .descripcion.edit:hover{ text-decoration: none; color: #c1c1c1; cursor: default; }
/*.contenido-comanda .paquetes_productos_list .descripcion{ text-decoration: none; }*/
.contenido-comanda .productos_list div.paquetes .descripcion_descuento{ line-height: 20px !important; position: relative !important; }
.contenido-comanda .paquetes_productos_list a{ width: 100px;}
.contenido-comanda .paquetes_productos_list a.select{ color: #0eac58; display: none; }
.contenido-comanda .paquetes_productos_list a.change{ color: #0eac58; display: none; }
.contenido-comanda .paquetes_productos_list a.select.on{ display: inline; }
.contenido-comanda .paquetes_productos_list a.change.on{ display: inline; }
.contenido-comanda .paquetes_productos_list select{ width: 100%; position: absolute; }
.contenido-comanda .paquetes_productos_list .paquete_producto .options{list-style:none; margin: 0px; border: solid 1px #d3d3d3;  position: relative; width: 100%; left: 0px; margin-top:-10px; z-index: 5;-webkit-box-shadow: 0px 8px 14px -5px rgba(145,145,145,1); -moz-box-shadow: 0px 8px 14px -5px rgba(145,145,145,1); box-shadow: 0px 8px 14px -5px rgba(145,145,145,1);}
.contenido-comanda .paquetes_productos_list .paquete_producto .options li{ height: auto; background-color: #fff;  border-bottom: solid 1px #d3d3d3; -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s; padding-left: 20px; font-weight: normal; cursor: pointer;padding: 15px 0;position: relative}
.contenido-comanda .paquetes_productos_list .paquete_producto .options li:last-child {border-bottom: 0px;}

.contenido-comanda .paquetes_productos_list .paquete_producto .options li:hover{ background-color: #7059b0; color: #fff !important; -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.contenido-comanda .paquetes_productos_list .paquete_producto .options li:hover > span{color: #fff !important;}
/*.contenido-comanda .paquetes_productos_list .paquete_producto .options li span.producto_name{ line-height: 38px !important; color: #7f7270 !important; font-size: 15px !important; text-decoration: none !important; font-weight: 500 !important; }*/
.contenido-comanda .paquetes_productos_list .paquete_producto .options li > a{ display: inline; width: 25px; height: 23px; line-height: 23px; margin: 0px; position: relative !important; float: right; color: #fff; background-color: #18cb6c; font-size: 25px; font-weight: 700; margin-top: 7px !important; margin-right: 21px; -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s; }
.contenido-comanda .paquetes_productos_list .paquete_producto .options li:hover > a{ display: block; -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.contenido-comanda .paquetes_productos_list{ padding: 5px 0 }
#VentaDescuentoDescripcion.readonly{padding: 0 10px; border: 0px;}
#venta #VentaDescuentoDescripcion{ border-radius: 4px; display: inline; height: 35px; margin: 0 auto 0 5%; position: relative; width: 90%; }
#venta #VentaDescuentoDescripcion.readonly{ border: none; }
#venta .descuento_orden .error-message{ margin-left: 5%; }

.calculadora .radio{height: auto;}
.calculadora .intro span{cursor: pointer;color: #ff7331;font-size: 1em;font-weight: 700;line-height: 47px}
.calculadora .intro span:hover{color: #ff4200}

.calculadora{height: 401px !important;background: #6f757a;width: 244px;padding: 0px;font-size: 1em;text-decoration: none;z-index: 5 !important;box-shadow: 0 0 5px #000}
.calculadora .texto{color: #fff;text-decoration: none}
.calculadora .input.radio{width: 100%;margin: 0}
.calculadora .input.radio input{display: none}
.calculadora .input.radio label{float: left;background: none repeat scroll 0 0 #dbdbdb;color: #5b5b5b;display: block;font-size: 1.8em;font-weight: 700;height: 46px;line-height: 46px;margin-right: 0;text-align: center;width: 50%;}
.calculadora .input.radio label[for='VentaTipoDescuento0']{margin-right: 8%}
.calculadora .icon-check {display: none;font-size: 13px;margin-right: 6px;}
.calculadora input:checked + label .icon-check {display: inline-block;}
.calculadora .input.radio  input:checked + label {background: none repeat scroll 0 0 #3e3e3e;color: #18cb6c;}
.calculadora .input.text label{display: none}
.calculadora .input.text{width: 100%;margin: 0}
.calculadora .input.text input,.calculadora .input.text input:focus{border:0;width: 100%;text-align: right;border-top: 1px solid #585858;height: 55px;color: #000;font-size: 2.2em;margin-bottom: 0;border-radius: 0}
.calculadora a{font-weight: 400;font-size: 1.8em;background: #b8b8b8;color: #3c3c3c;width: 60px;margin-bottom: 0px;height: 60px;text-align: center;line-height: 60px;cursor: pointer;border-right: 1px solid #6f757a;border-bottom: 1px solid #6f757a}
.calculadora a:hover{background: #efefef;color: #f52525;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.calculadora .numero{margin-right: 20px}
.calculadora .numero.last{margin-right: 0}
.calculator .numbers{width: 184px;float: left}
.calculadora .intro{height: 178px;position: relative;float: left}
.calculadora .intro a{height: 182px;}
.calculadora .intro .icon-reply{position: absolute;bottom: 10px;margin: 0 auto;left: 0;right: 0;bottom: 11px}
.calculadora .opciones a{margin-right: 0}
.calculadora .poligono{ border-left: 8px solid rgba(0, 0, 0, 0);border-right: 8px solid rgba(0, 0, 0, 0);border-bottom: 8px solid #6f757a;position: absolute;top: -8px;margin: 0 auto;left: 0;right: 0;width: 0}
.datos-venta{font-size: 14px;color: #4d4d4d;clear: both;padding: 28px 14px 0 14px}
.derecha.venta .nav-next{   padding-left: 1% !important;padding-right: 5% !important;float: right;border-radius: 0 10px 0 0;border-left: 1px solid #e7e7e7 }
.derecha.venta .nav-prev{float: left;border-radius: 10px 0 0 0;border-right: 1px solid #e7e7e7 }
.derecha.venta .nav-prev, .derecha.venta .nav-next{cursor: pointer;width: 4%;height: 71px;padding: 0 3%;color: #18cb6c;font-size: 53px;background: #fff;font-family: 'Lato',sans-serif}
/* .derecha.venta .categorias{width: 80%;overflow: hidden} */
.derecha.venta .categorias {
  width: 80%;
  overflow: hidden;
  margin-right: -2px;
  display: inline-block;
}
.derecha.venta .producto ul{margin-left: 0}
.derecha.venta #listado .categorias .head-productos li.selected{background:#7059b0;color: #fff }
.venta.filtros .facebook-auto .default{border: none;background:  #3a3b3a;display: block;font-size: 14px;height: 15px;padding: 15px 7%;width: 86%;border-radius: 10px;color: #fff}
.venta.filtros .facebook-auto {width: 100%!important}
.opciones .tipo_servicio.modal{z-index: 1;left: 135px;width: 300px;padding: 35px;background: #6f757a; border: medium none;position: absolute;top: -320px}
.opciones .tipo_servicio.modal legend{color: #fff;font-size: 14px;margin-bottom: 34px;}
.opciones .tipo_servicio.modal input{display: none}
.opciones .tipo_servicio.modal label{margin-bottom: 20px;border-radius: 10px;height: 60px;line-height: 60px;font-weight: 700;background: #dbdbdb;text-align: center;width: 100%;margin-right: 0;color: #5b5b5b;font-size: 15px;text-transform: uppercase;display: block}
.opciones .tipo_servicio.modal .input.radio{margin-bottom: 20px;height: auto;margin-right: 0;width: 100%}
.opciones .botonera{margin-top: 20px}
.opciones .botonera button{margin-bottom: 4px;margin-right: 0}
.opciones .icon-check{margin-right: 14px;font-size: 13px;display: none}
.opciones .botonera .cancel{float: left;margin-right:14px}
.opciones .tipo_servicio.modal  input:checked + label{background: #3e3e3e;border-bottom: 3px solid #0e0e0e;color: #18cb6c}
.opciones .tipo_servicio.modal  input:checked + label .icon-check{display: inline-block}
.opciones{position: relative}
.opciones .tipo_servicio.modal .poligono{ border-left: 10px solid rgba(0, 0, 0, 0);border-top: 10px solid #6f757a;border-right: 10px solid rgba(0, 0, 0, 0);position: absolute;z-index: 1;margin: 0 auto;left: 0;right: 0;width: 0;bottom: -10px}
.sangria {
    display: block;
    float: left;
    height: 1em;
    margin: 11px 6px 0;
    width: 30px;
}
.venta.filtros .input.autocomplete.cliente div.opciones_cliente .poligono{right: 35%;position: absolute;top: -8px;border-left: 8px solid rgba(0, 0, 0, 0);border-right: 8px solid rgba(0, 0, 0, 0);border-bottom: 8px solid #242927;}
.venta.filtros .input.autocomplete.cliente .cliente{ width: 47%}
.venta.filtros .input.autocomplete.cliente .add_cliente{ float: right;}
.venta.filtros .input.autocomplete.cliente div.opciones_cliente span.bt_down{border: none;width: 50%;margin: 40px auto;display: block;position: relative;clear: both;padding: 0;line-height: 69px}
.venta.filtros .input.autocomplete.cliente div.opciones_cliente{width: 100%;border-radius: 10px;background:#242927;z-index: 1;top: 107px;position: absolute;font-weight: 300;color: #fff;font-size: 14px;font-family: 'Open Sans',sans-serif;line-height: 25px;z-index: 10;}
.venta.filtros .input.autocomplete.cliente #scroll_clientes{ border-radius: 10px;background: #242927;left: 0;width: 86%;z-index: 5;padding: 15px 7% 0 7%;max-height: 545px; overflow: hidden;}
.venta.filtros .input.autocomplete.producto div.opciones_producto #scroll_productos{border-radius: 10px;background: #242927;left: 0;width: 86%; z-index: 5;padding: 15px 7% 0 7%; max-height: 400px; position: relative; }
.venta.filtros .input.autocomplete.cliente div.opciones_cliente div.cliente{padding: 0;width: 85%;   border-bottom: 1px solid #5c5c5c;border-radius: 0;padding: 24px 15% 20px 0;position: relative}
.venta.filtros .input.autocomplete.producto div.opciones_producto div.producto, .venta.filtros .input.autocomplete.producto div.opciones_producto div.paquete{padding: 0;width: 100%;   border-bottom: 1px solid #5c5c5c;padding: 15px 0;position: relative;overflow: hidden}
.venta.filtros .input.autocomplete.producto div.opciones_producto .block{display: block;width: 90%;overflow: hidden}
.venta.filtros .input.autocomplete.producto .producto_vista_previa{ float: right; margin-top: -30px; position: absolute; right: 50px; text-decoration: underline; color: #18ca6c; font-weight: bold; z-index: 10; cursor: pointer;}
.venta.filtros .input.autocomplete.producto .producto_vista_previa:hover{ color:#fff; }
.venta.filtros #scroll_productos{ overflow: hidden; }
.venta.filtros .input.autocomplete.producto div.opciones_producto #scroll_productos{border-radius: 0px;background: #242927;left: 0;width: 100%; z-index: 5;padding: 0 30px;width: 100%;box-sizing: border-box}
.venta.filtros .input.autocomplete.producto div.opciones_producto{width: 100%;border-radius: 10px;background:#242927;z-index: 1;top: 107px;position: absolute;font-weight: 300;color: #fff;font-size: 14px;font-family: 'Open Sans',sans-serif;line-height: 25px; padding-bottom: 20px; }
.venta.filtros .input.autocomplete.producto div.opciones_producto .poligono{right: 35%;position: absolute;top: -8px;border-left: 8px solid rgba(0, 0, 0, 0);border-right: 8px solid rgba(0, 0, 0, 0);border-bottom: 8px solid #242927;}

.venta.filtros .input.autocomplete.cliente .pedidos_options, .venta.filtros .input.autocomplete.cliente .cupones_options{ background: none repeat scroll 0 0 #585d62; border-bottom: 1px solid #5c5c5c; border-radius: 0; left: 0; padding: 24px 5% 20px 10%; position: absolute; width: 85%; z-index: 2; display: none; border-radius: 10px;}

.venta.filtros .input.autocomplete.cliente div.input.text{ width: 100% !important; margin: 0px; height: auto; }
.venta.filtros .input.autocomplete.producto div.input.text{ width: 100% !important; margin: 0px; height: auto; }
/*.venta.filtros .input.autocomplete.cliente .cupones_options, .venta.filtros .input.autocomplete.cliente .pedidos_options{ border: 1px solid #999; display: none; height: 100%; position: absolute; width: 100%; z-index: 2; }*/

#buscar_client{margin-bottom: 0px;  height: 155px;}
.venta.filtros .input.autocomplete.cliente .selected_cliente{position: relative;top: -73px;font-size: 14px;line-height: 25px;color: #fff; float: left; width: 86%;background: #3a3b3a;border-radius: 10px;padding: 15px 7%;z-index: 3;}
.venta.filtros .input.autocomplete.producto .selected_producto{position: relative;top: -1px;font-size: 14px;line-height: 25px;color: #fff; float: left; width: 86%;background: #3a3b3a;border-radius: 10px;padding: 15px 7%}
.venta.filtros .input.autocomplete.cliente .selectable:hover{ cursor: pointer; }
.venta.filtros .input.autocomplete.producto .selectable:hover{ cursor: pointer; }
.venta.filtros .input.autocomplete.cliente #VentaClienteNombre, .venta.filtros .input.autocomplete.producto #ProductoProducto {color: #a9a9a9;background: none repeat scroll 0 0 #fff; border: none !important; border-radius: 0; padding: 0 20px; width: 100% !important; height: 59px;font-size: 1.4em;font-weight: 600}
.venta.filtros .input.autocomplete.cliente div.opciones_cliente div.option .cliente-select{color: #b082fd;}
.venta.filtros .input.autocomplete.producto div.opciones_producto div.option .producto-select{color: #b082fd;}

.venta.filtros .input.autocomplete.cliente div.opciones_cliente div.option .nombre-cliente{display: block;font-weight: 700}

.venta.filtros .input.autocomplete.producto div.opciones_producto div.option-producto .nombre-producto{display: inline-block;font-weight: 700; color: #18ca6c;font-size: 1.3em;text-transform: uppercase;margin-bottom: 10px;margin-right: 40px}
.venta.filtros .input.autocomplete.producto div.opciones_producto div.option-producto .precio_buscar_producto{font-weight: 700}
.venta.filtros .input.autocomplete.producto div.opciones_producto div.option-producto .datos{font-weight: 700;clear: left;float: left;}
.venta.filtros .input.autocomplete.producto div.opciones_producto div.option-producto .ing{font-weight:300;margin-left:3px}
.venta.filtros .input.autocomplete.producto div.opciones_producto div.option-producto .producto-select{color: #18ca6c;}

.venta.filtros .input.autocomplete.cliente div.opciones_cliente div.option .col{display: block}
.venta.filtros #ProductoProducto_feed li{font-family: "Open Sans",sans-serif;font-size: 14px;color: #7f7270;background:#fff;width: 96%;border: none;padding: 10px 2%; border-bottom: 1px solid #d3d3d3;}
.venta.filtros #ProductoProducto_feed li:hover{background: #7059b0;color: #fff}
.venta.filtros #ProductoProducto_feed li:hover em{color: #fff}
.venta.filtros #ProductoProducto_feed li em{color: #7f7270;font-size: 14px;background: none}
.venta.filtros #ProductoProducto_feed {border: 1px solid #d3d3d3;padding: 0;width: 100%!important;background: #fff;border-radius: 10px;border-bottom: none}
.venta.filtros .input.autocomplete.cliente div.opciones_cliente .add_cliente{background: #18ca6c;width: 30px;line-height: 30px;text-align: center;border-radius: 5px;font-size: 29px;font-weight: 700;top: 37%;right: 0;position: absolute}
.venta.filtros .input.autocomplete.producto div.opciones_producto .add_producto{background: #18ca6c;width: 30px;line-height: 30px;text-align: center;border-radius: 0px;font-size: 29px;font-weight: 700;top: 37%;right: 0;position: absolute;height: 30px}
.venta.filtros .input.autocomplete.cliente .seleccionado{color: #b082fd; margin-left: 0px;}
.venta.filtros .input.autocomplete.cliente .selected_cliente .col{display: block;}
.venta.filtros .input.autocomplete.cliente .selected_cliente .nombre-cliente{font-weight: 700}
.venta.filtros .input.autocomplete.cliente .selected_cliente .selectable{color: #18cb6c;text-decoration: underline;}
.venta.filtros .input.autocomplete.cliente .selected_cliente .pedidos_options .selectable:hover{text-decoration: underline;}
.venta.filtros .input.autocomplete.cliente .selected_cliente .pedidos_options .selectable{text-decoration: none; border-top: 1px solid #5c5c5c; ; }


/*.venta.filtros .input.autocomplete.cliente div.opciones_cliente span.forma.bt_down.create{width: auto;padding: 20px 40px;text-align: center;color: #fff;text-transform: uppercase;background-color: #18cb6c;border: 0;height: 69px;font-size: 1.14em;font-weight: 600;margin-bottom: 20px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s; padding:0 15px;font-weight:bold;color:#000;height:2.2em;cursor:pointer;font-size:11px}*/

.multipleCategoria {font-family: Verdana,Arial,Helvetica,sans-serif;list-style: none outside none;margin: 0;max-height: 450px;overflow-y: auto;padding: 10px;}
.multipleCategoria label {margin-bottom: 0;}
.multipleCategoria icon-pencil {font-size: 1.5em;
  color: #dcdcdc;
  margin-right: 20px;}
  .multipleCategoria icon-bin {font-size: 1.5em;
    color: #dcdcdc;
    margin-right: 20px;}
    .multipleCategoria a:link, .multipleCategoria a:visited {
      color: #7e7e7e;
      font-weight: 300;
      text-decoration: none;
  }
/*div.input, div.radio, div.select{height:100px}*/
div.textarea{height:190px}
.multipleCategoria label {margin-bottom: 0;}
.multipleCategoria li, .multipleCategoria label, .multipleCategoria .checkbox {border-bottom: 1px solid #ccc;padding: 10px 0;height: 20px;}
.multipleCategoria .link, a.cat_li{color: #000;font-size: 16px;text-decoration: none;}
.multipleCategoria .edit:hover {color: #0999cf;}
.multipleCategoria .delete:hover {color: #c30f18;}
.multipleCategoria span.action:hover {text-decoration: none;}
.multipleCategoria input {float: left;height: 1em;margin: 14px 15px 0 0;width: 12px;}
.multipleCategoria .checkbox {float: none;margin: 0;width: 100%;}
.multipleCategoria .checkbox label {border: medium none;float: none;padding: 0;}
.multipleCategoria .checkbox input {margin-top: 5px;}
.multipleCategoria strong.selected {display: block;/*padding: 10px 0;*/}

.multipleCategoria li:hover a span.icon-pencil{color: #0999cf;}
.multipleCategoria li:hover a span.icon-bin{color:#c30f18}
.multipleCategoria li:hover a span.icon-close{color:#c30f18}
.multipleCategoria li:hover a span.icon-active-circle{color: #01ba72;}
.multipleCategoria li:hover a span.icon-inactive-circle{  color: #68162c;}

.multipleCategoria li:hover {background: none repeat scroll 0 0 #e0dfdf;}
.multipleCategoria .checkbox:hover {background: none repeat scroll 0 0 #ccc;}
.multicategorias div.checkbox {clear: both;}
.multicategorias div.checkbox label:hover {cursor: pointer;text-decoration: underline;}
.categorias {width: 90%;}

.bloque_categoria {
    border: 1px solid #e4e4e4;
    color: #000000;
    float: left;
    font-size: 13px;
    margin: 5px 30px 20px;
    padding: 5px;
    text-align: left;
    width: 220px;
}
.bloque_categoria a {
    color: #000;
    text-decoration: none;
}
.bloque_categoria a:hover {
    text-decoration: underline;
}
.bloque_categoria .link {
    margin-left: 5px;
    margin-top: 5px;
}
.bloque_categoria li {
    border: 0.5px solid #e7e7e7;
    display: block;
    height: 25px;
    list-style: none outside none;
    padding-right: 5px;
    padding-top: 5px;
}
.bloque_categoria .hijo {
    padding-left: 15px;
}
.bloque_categoria li:hover {
    background: none repeat scroll 0 0 #aacf3f;
}
.bloque_categoria .acciones {
    float: right;
}

.hour{width:15%;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}

#clienteformu{color:#8ebf00; font-size: 26px;}
#avaluoformu{color:#8ebf00; font-size: 26px;}

#footer{background: #dfdfdf;width: 100%;padding: 40px 0;bottom: 0;text-align: center;left: 0;position: relative;transition: all 0.3s ease 0s}
#footer.active{left: 260px}
#footer span{color: #666666;font-size: 0.857em}
#footer b{font-weight: 700}
#footer a{color: #666666;text-decoration: underline;font-size: 0.875em}

.notificacion{
  font-family: "Times New Roman", Times, serif;
  color: #2b4fff;
}

#chatbox{
  height: 300px;
  overflow: auto;
}

.chatbox{
  height: 290px;
  overflow: auto;
  position: relative;
  margin-top: 15px;
}



/*
.productos.filtro{background-color: #fff;border: 0 none;border-radius: 10px;color: #514d4d;font-size: 12px;height: 200px;margin-bottom: 20px;padding: 20px 30px 0 30px;}
.productos .form.filtro div.input{margin-right: 3.1%;margin-top: 20px;max-width: initial;min-width: 210px;width: 22.63%;position: relative;}
.productos .form.filtro.bloque2 div.input{margin-right: 4%;width: 48%;}
.productos .form.filtro.bloque3 div.input{margin-right: 4%;width: 30.6%;}
.productos .form.filtro.bloque4 div.input{ width: 22.63%;margin-right: 3.1%;}
.productos .form.filtro.bloque5 div.input{ width: 17.6%;margin-right: 3%;min-width: initial}
.productos .form.filtro.bloque6 div.input{ width: 15%;margin-right: 2%;min-width: initial}
.productos .form.filtro div.input.last{margin-right: 0}
 */
.form.filtro.bloque4{padding-left: 20px; padding-right: 20px;}

.form.filtro{ clear: both;background-color: #fff;border: 0 none;color: #514d4d;font-size: 12px;height: auto;padding: 20px 30px 0 30px;display: inline-block; width: 100%;box-sizing: border-box;margin-top: 0px; height: auto;margin-bottom: 20px;}
.form.filtro div.input{margin-right: 11px;margin-top: 20px;max-width: initial;min-width: 210px;width: 22.63%;position: relative;}

.form.filtro.bloque1 div.input{margin-right: 11px;width: 17.63%;margin-top: 0px;height: auto;margin-bottom: 20px;}
.form.filtro.bloque2 div.input{margin-right: 11px;width: 17.63%;margin-top: 0px;height: auto;margin-bottom: 20px;}
.form.filtro.bloque3 div.input{margin-right: 11px;width: 17.63%;margin-top: 0px;height: auto;margin-bottom: 20px;}
.form.filtro.bloque4 div.input{ width: 17.63%;margin-right: 11px;margin-top: 0px; height: auto;margin-bottom: 20px;}
.form.filtro.bloque5 div.input{ width: 17.63%;margin-right: 11px;min-width: initial;margin-top: 0px;height: auto;margin-bottom: 20px;}
.form.filtro.bloque6 div.input{ width: 17.63%;margin-right: 11px;min-width: initial ;margin-top: 0px;height: auto;margin-bottom: 20px;}
.form.filtro div.input.last{margin-right: 0}
.filtro-title{margin: 18px;display: block;}

.form.filtro.bloque4 div.input img{/*margin-left: 244px;*/margin-top: 62px;background-color: white;}
.form.filtro.bloque3 div.input img{/*margin-left: 330px;*/margin-top: 62px;background-color: white;}
.form.filtro.bloque2 div.input img{margin-left: 92%;margin-top: 62px;background-color: white;}


.form.filtro div.input input, .form.filtro div.input select{height:47px; border: solid 1px #a0aba5; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s}
.form.filtro div.input input:focus, .form.filtro div.input select:focus,
.form.filtro div.text input:hover, .form.filtro div.input select:hover
{border:2px solid #18cb6c; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s}

.form.filtro div.input select{border-radius: 0px;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';font-size: 15px;/*border: 0*/ background-image: url("/img/icons/select-icon.png"); background-position: 96% 50%; background-repeat: no-repeat; background-size: 14px auto; }
div.input.select .left {background: url("admin/bg-select-left.png") no-repeat scroll left center / 20px auto rgba(0, 0, 0, 0);display: block;height: 50px;overflow: hidden;width: 100%;}
div.input.select  .right {background: url("admin/bg-select-right.png") no-repeat scroll right center / 40px auto rgba(0, 0, 0, 0);display: block;height: 50px;padding-right: 40px;}
div.input.select select {background: none repeat scroll 0 0 transparent;height: 50px;}
div.input.select .content {background: url("admin/bg-select-content.png") repeat-x scroll left center / 1px auto rgba(0, 0, 0, 0);display: block;height: 50px;margin-left: 20px;}
div.input.select option{background: #fff}
div.form.filtro div.input label{font-size: 15px;margin-bottom: 7px;font-weight: bold;}
.productos .form{padding: 0}
textarea:focus{border-color: #18cb6c;}

div.proceso_pago{background: #fff !important;overflow: hidden !important; float: left;}
div.proceso_pago{height: 550px !important;padding: 44px 60px 50px;color: #595858;font-family: 'Open Sans',sans-serif;padding-bottom: 0;}
div.proceso_pago .botonera{float: right;margin-bottom: 0px;position: relative;margin-top: 10px;width:100%}
div.proceso_pago .botonera button,div.proceso_pago .pagos-label button{margin-bottom: 0;font-size: 1.07em; position: relative;border-radius: 0;width: auto;min-width: 140px;height:50px}
div.proceso_pago .botonera button.cancel{width: 31%;margin-right: 3%;float: left}
div.proceso_pago .titulo-resumen{font-size: 1.28em;font-weight: 700;display: block;text-transform: uppercase;text-align: center;padding-bottom: 5px;border-bottom: 1px solid #292929}
div.proceso_pago .titulo-seleccionar{font-size: 1.28em;font-weight: 300;margin-top: 43px;display: block}
div.proceso_pago .resumen.orden{text-align: center;border-bottom: 2px solid #292929;margin-bottom: 10px;max-height: 318px;overflow: hidden;position: relative}
div.proceso_pago .total-pago div.input.text label, .total-pago div.input.text input{ float: left; font-size: 20px; font-weight: lighter; text-align: left; width: 36%;float: right;border-radius: 0}
div.proceso_pago .total-pago div.input.text label{ text-align: right;  font-size: 2.2em;float: left;width: 60%;float: left}
div.proceso_pago .total-pago .cambio div.input.text label{}
div.proceso_pago .total-pago div.input.text input{ text-align: right; }
div.proceso_pago .total-pago div.input.text{   height: auto; margin: 15px auto 0; width: 100%;}
div.proceso_pago .total-pago .pagos-label.cambio div{ margin-top: 0px; }
/*div.proceso_pago .total-pago div.input.text.cambio label {margin-top: 5px;}*/
/*div.proceso_pago .total-pago div.input.text.cambio label.descripcion {margin-top: 5px;}*/
div.proceso_pago .total-pago div.input.text label.cambio, div.proceso_pago .total-pago div.input.text label.resto {text-align: right; color: #ff7331; }
div.proceso_pago .resumen.orden .bloque{display: block;font-size: 0.9em;padding: 10px 0;border-bottom: 1px solid #ddd;font-weight: 400;overflow: hidden}
div.proceso_pago .resumen.orden .bloque:last-child{border-bottom:0}
div.proceso_pago .resumen.orden .resumen.producto.nombre{display: inline-block;width: 70%;float: left;text-align: left;text-transform: uppercase}
div.proceso_pago .resumen.orden .resumen.producto.nombre .desc-res{font-size: 0.8em;font-weight: 700;color:red;text-transform: none;clear: both;float: left}
div.proceso_pago .resumen.orden .resumen.producto.precio{font-weight: 300;width: 26%;display: inline-block;float: left;text-align: right;padding-right: 4%}
div.proceso_pago .total-pago{text-align: center;color:#ff7331 ;font-weight: 300;width: 48%;float: left;margin-bottom: 90px}
div.proceso_pago .orden .total{  width: 50%; float: left; display: inline-block; text-align: left; position: relative;}
div.proceso_pago .total-pago .venta.total{ font-weight: 700; width: 50%; display: block; text-align: right;left: 0px;position: relative;}
div.proceso_pago .linea-separador{height: 1px;background: #d1dad3;display: block;margin: 0 auto;margin-bottom: 5px; margin-top: 5px;width: 100%}
div.proceso_pago .linea-separador:nth-child(2){margin-top: 15px}
div.proceso_pago .input.text.pago input{ text-align: right; height: 40px; margin-bottom: 5px; font-weight: lighter;}
div.proceso_pago .input.text.pago{ display: none; float: none; height: 45px; margin: 0 auto; width: 50%; margin-top: 5px;position: relative; }
div.proceso_pago .pagos,div.proceso_pago .money{overflow: hidden}
div.proceso_pago .pagos a{ width :26px; color:#fa6161; background: #dfdfdf;cursor:pointer; -webkit-transition:all 0.2s ease 0s; transition: all 0.2s ease 0s; text-align:center; padding:2px 0; font-weight:700; font-size: 15px; border-radius: 5px; vertical-align:baseline;font-family:inherit; margin-top:6px; }
div.proceso_pago .pagos a:hover{background: #efefef;color: #f52525;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
div.proceso_pago .detalle-orden{ width: 32%;float: left;margin-right: 20%;overflow: hidden}
div.proceso_pago .detalle-orden a{ width :26px; color:#fa6161; background: #dfdfdf;cursor:pointer; -webkit-transition:all 0.2s ease 0s; transition: all 0.2s ease 0s; text-align:center; padding:2px 0; font-weight:700; font-size: 15px; border-radius: 5px; vertical-align:baseline;font-family:inherit; margin-top:6px; }
div.proceso_pago .detalle-orden a:hover{background: #efefef;color: #f52525;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
div.proceso_pago .detalle-orden .total{color: #000;font-weight: 700;text-transform: uppercase;width: 70%;display:inline-block}
div.proceso_pago .detalle-orden .venta.total{text-align: right;width: 30%}
div.proceso_pago .money .dato{color: #949494;display: inline-block;float: left;font-size: 1.1em;font-weight: 700;text-align: right;text-transform: uppercase;width: 60%}
div.proceso_pago .money .bloque:nth-child(2) .dato{color: #292929;margin-bottom: 0}
div.proceso_pago .money .resto,div.proceso_pago .money .cambio{display: inline-block;float: left;width: 40%;font-size: 1.4em;text-align: right}
div.proceso_pago .money .cambio{color: #292929;font-weight: 700}

div.proceso_pago .pago-resta{ text-align: right; border-bottom: 1px solid #d1dad3; overflow: hidden; }
div.proceso_pago .pago-remove{ position: absolute; margin-left: 3%; }
div.proceso_pago .pago-resta span.description{ font-size: 15px; float: left; text-align: left; }
div.proceso_pago a.pago-add{ background:#18cb6c; border-radius: 5px; color: #ffffff; cursor: pointer; display: block; font-family: inherit; font-size: 15px; font-weight: 700; margin-top: 6px; padding: 2px 0; position: absolute; right: -11.5%; text-align: center; transition: all 0.2s ease 0s; vertical-align: baseline; width: 26px; }
div.proceso_pago a.pago-add:hover{ background-color: #00de68 }
div.proceso_pago .total-abonado{ display: block; margin: 0px auto; width: 50%; text-align: right; border-top: 1px solid #d1dad3; }
div.proceso_pago .total-cambio{width: 27%; margin: 0 auto; text-align: right; display: block;}
div.proceso_pago .bt_down.mixto.selected{ background-color: #3e3e3e; color:#18cb6c; }
div.proceso_pago .bt_down.mixto{ background-color: #ebebeb; color: #000; }
div.proceso_pago .bt_down.mixto:hover{ background-color: #dbdbdb ;}
div.proceso_pago .bt_down.mixto.selected:hover{ background-color: #6a6464; }
div.proceso_pago .bt_down.mixto.selected .icon-check{ font-size: 1em;color: #fff;margin-right: 5px; display: inline; }
div.proceso_pago .bt_down.mixto .icon-check{display: none;}
.proceso_pago .aviso{float:right;font-size: 0.8em}
.bt_down.finalizar,div.proceso_pago .bt_down.proceso_pago_btn{ background-color: #7059b0; text-align: center; -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s; }
.bt_down.finalizar:hover,div.proceso_pago .bt_down.proceso_pago_btn:hover{ background-color: #8772c3; -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s; }
div.proceso_pago .bt_down.finalizar{background-color: #18cb6c;width: 66%;margin-right: 0;display: block}
div.proceso_pago .bt_down.finalizar:hover{background-color: #00de68;}
div.proceso_pago .bt_down.disabled,div.proceso_pago .bt_down.disabled:hover{color: #595959;background-color: #dedede;cursor:not-allowed;display: block}
div.proceso_pago .bt_down.proceso_pago_btn{border-radius: 0;float: left;margin-right: 0px}
div.proceso_pago .bt_down.selected .icon-check{ font-size: 1em;color: #fff;margin-right: 5px; display: inline; left: 15px; position: absolute; }
div.proceso_pago .bt_down .icon-check{display: none;}
div.proceso_pago .input.pago input{ width: 40%;}
div.proceso_pago .input.pago input#VentaPagosPago{ float: left;}
div.proceso_pago .input.pago input#VentaPagosCobro{ float: right;}
div.proceso_pago .pagos-label.especial{clear: both}
.resumen-pago{padding: 20px}


div.venta.detalles{ background: #fff;padding: 45px 60px 0;font-family: 'Open Sans',sans-serif;color: #514d4d;height: auto!important;max-height: 620px;}
div.venta.detalles .title{font-size: 1em;font-weight: 300;display: block; font-weight: 700; }
div.venta.detalles .bloque-complemento{float: left;margin: 15px 2% 0;width: 16%;text-align:  center}
div.venta.detalles .title-notas{clear: both;padding-top: 35px;margin-bottom: 5px}
div.venta.detalles .nombre-complemento{font-size: 1em;font-weight: 700;margin-bottom: 5px;display: block; text-align: center;text-transform: uppercase;max-height: 20px;overflow: hidden}
div.venta.detalles .complementos.texto{cursor: pointer;color: #f67331;font-family: 'Nobile',sans-serif;vertical-align: middle;font-size: 48px}
div.venta.detalles .complementos input{height: 40px;width: 40px;color: #ff7331;font-size: 20px;text-align: center;border: 4px solid #5d5d5d}
div.venta.detalles div.textarea{width: 100%;margin-right: 0;margin-bottom: 35px}
div.venta.detalles div.textarea textarea{font-family: 'Open Sans',sans-serif;height: 100px;border-color: #f67331;padding: 10px;color: #514d4d;font-size: 14px;border-radius: 0}
div.venta.detalles .botonera{margin-bottom: 50px}
div.venta.detalles .botonera button{margin-bottom: 30px;border-radius: 0;width: 100%;margin-right: 0}
div.venta.detalles .botonera button.restablecer{margin-bottom: 5px}
div.venta.detalles .botonera button.cancel{margin-bottom: 0px}
div.venta.detalles #detalles-complementos .botonera button{width:20%;margin-right: 15px}


.editar_producto_venta .descripcion{font-size: 14px;margin-bottom: 30px;display: block}
.editar_producto_venta .title-desc{margin-bottom: 10px}
.editar_producto_venta .productos_ingredientes{padding: 0;width: 70%;overflow: visible}
.editar_producto_venta .productos_ingredientes, .editar_producto_venta .descripcion{ width: 70%; font-weight: 700; }
.editar_producto_venta .title-ingredientes,.title-ingredientes{margin-bottom: 20px}
.editar_producto_venta .productos_ingredientes label,.input.autocomplete label {font-size: 1em;font-weight: 700;margin-bottom: 10px}
.input.autocomplete label {margin-bottom: 6px}
.editar_producto_venta .productos_ingredientes .holder, .input.autocomplete .holder {background: #fff; padding: 10px 10px 0 10px;width: 95.5% !important;}
.editar_producto_venta .productos_ingredientes .holder input,.input.autocomplete .holder input{color: #7f7270;border-radius: 0;height: 38px !important;line-height: 38px;width:auto !important;min-width: 41px;font-weight: 300;margin-bottom: 10px}
.editar_producto_venta .productos_ingredientes .holder input.btn-agregar,.input.autocomplete .holder input.btn-agregar{font-size: 2em}
.editar_producto_venta .productos_ingredientes div.autocomplete,.input.autocomplete div.autocomplete{margin-bottom: 25px;margin-right: 0}
.editar_producto_venta .imagen_producto{width: 28%;margin-left: 2%; margin-top: 36px;}
.editar_producto_venta .imagen_producto.little{ margin-top: -15%; margin-left: 0px; width: 40%; height: auto;}
.editar_producto_venta .imagen_producto img{width: 100%;margin-bottom: 10px}
.editar_producto_venta .facebook-auto  ul,.facebook-auto  ul{   padding: 0;width: 100%!important;background: #585858;border-radius: 0}
.editar_producto_venta .facebook-auto  ul li,.facebook-auto  ul li{font-family: "Open Sans",sans-serif;font-size: 1em;color: #fff;background:#585858;border: none;padding: 10px;font-weight: 300}
.editar_producto_venta .facebook-auto  ul li:hover,.facebook-auto  ul li:hover{background-color: #444 !important}
.editar_producto_venta .facebook-auto  ul li em,.facebook-auto  ul li em{color: #fff;font-size: 14px;background: none}
.editar_producto_venta ul.holder li.bit-box, #apple-list ul.holder li.bit-box,.input.autocomplete  ul.holder li.bit-box {border-radius: 0;border: none;padding: 0 40px 0 12px;line-height: 38px;height: 38px;background: #585858;color: #fff;text-transform: uppercase;font-weight: 700;margin: 0px 10px 10px 0; cursor: pointer;}
.editar_producto_venta ul.holder li.bit-box a.closebutton,.input.autocomplete ul.holder li.bit-box a.closebutton{margin-top: 4px;background: url(dashboard/cerrar.png) no-repeat 99% 0px;height: 25px;width: 100%;right:7px}
ul.holder li.bit-input{margin: 0}

div.venta.detalles .editar_producto_venta div.textarea textarea{height: 88px;width: 98.6%;padding: 10px;border-radius: 0}
div.venta.detalles .editar_producto_venta div.textarea label{font-size: 1em;margin-bottom: 10px}
div.venta.detalles .editar_producto_venta .botonera button{font-size: 1em}
div.venta.detalles .editar_producto_venta .botonera .forma.bt_down.restablecer{background: #4e4a4a}
div.venta.detalles .editar_producto_venta .costos{text-align: center}
div.venta.detalles .editar_producto_venta .titulo-costo{width: 52%;float: left;text-align: left;font-size: 1em}
div.venta.detalles .editar_producto_venta .titulo-costo.final{font-size: 1.6em;}
div.venta.detalles .editar_producto_venta .costos.little{    display: block; margin-bottom: 44px; overflow: hidden; position: relative; width: 60%; }
div.venta.detalles .editar_producto_venta .costos.little span{ font-weight: normal; width: auto; margin-top: 10px; margin-bottom: 15px; }
div.venta.detalles .editar_producto_venta .costos .costo{width: 47.5%;float: left;text-align: right;font-size: 1em;margin-left: 0.5%;text-decoration: line-through}
div.venta.detalles .editar_producto_venta .costos .costo.final{font-size: 1.6em;color: #ff7331;text-decoration: none;font-weight: 700}
div.venta.detalles .editar_producto_venta .costos{margin-bottom: 30px}
div.venta.detalles .editar_producto_venta .facebook-auto .default, div.productos_list .facebook-auto .default{background: none repeat scroll 0 0 #585858;border: medium none;border-radius: 0px;color: #fff;display: block;font-size: 1em;font-weight: 300;line-height: 15px;height: 15px;padding: 10px;width: auto;}
div.venta.detalles .editar_producto_venta .facebook-auto{width: 98.7%!important;}
div.venta.detalles .editar_producto_venta .costos .costo_extra{width: 47.5%;float: left;text-align: right;color: #ff7331;font-weight: 700;margin-left: 0.5%; font-size: 1.6em;}


/*
.productos.filtro span{font-size: 18px;}
.productos .form{padding: 0}

*/
.productos.filtro span{font-size: 18px;}



ul.holder{width: 100%!important}
.IngredienteForm{  background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden;padding:10px 15px;}
/*.IngredienteForm .textarea{ddisplay: block;width: 100%; margin-bottom: 20px;}*/
.IngredienteForm .switch-content{ width: 99%; }
.IngredienteForm .switch-content.status{ width: 30%; border-bottom: 0px; display: inline-block;}
.IngredienteForm .caracteristicas-checks{ width: 99%; }
.IngredienteForm .header_caracteristicas{ width: 100%; }
.IngredienteForm .checkbox-container{ width: 99%; }
.IngredienteForm .input.long{ margin-right: 5% !important; }
.IngredienteForm .input.precio{ margin-right: 0px; width: 35% !important; }
.IngredienteForm .switch-content.status .title-switch{ width: 100%;text-align: center; }
.IngredienteForm .switch-content.status .label-siwtch{ text-align: center;margin: 0 auto;position: relative;display: block;float: none;margin-top: 40px;}
.IngredienteForm .input.checkbox.checkbox-interface{ width: 100%; }
.IngredienteForm .radio{  margin: 0px 0px 55px 0px; width: 44%;height: auto;}

.ComplementoForm{  background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden;padding: 20px}
.ComplementoForm div.precio{ width: 30% !important; }
.ComplementoForm div.long{ margin-right: 5%; }
.ComplementoForm .header_caracteristicas{ width: 100%; margin-bottom: 15px; border-bottom: 1px solid #dcdcdc; }
.ComplementoForm .radio{  margin: 0px 0px 55px 0px; width: 44%;height: auto;}
.complemetos_input .input {width: 47%;}
.complemetos_input .input:last-child {margin-right: 0px;}

.ProductoForm{  background: none repeat scroll 0 0 #fff;clear: both;overflow: hidden;padding:11px;}

/*.ProductoForm .checkbox{margin:35px !important; width: 200px;}*/
.ProductoForm .radio legend{padding-bottom: 17px;}
.ProductoForm .productos_ingredientes label{font-size: 15px;font-weight: 700}
.ProductoForm .productos_ingredientes  .holder{border-radius: 10px;background: #fff; padding: 0 2%;width: 95.5% !important;}
.ProductoForm .productos_ingredientes  .holder input{color: #7f7270}
.ProductoForm .productos_ingredientes div.autocomplete{margin-bottom: 25px;margin-right: 0}
.ProductoForm .facebook-auto  ul {   padding: 5px 0;width: 100%!important;background: #242927;border-radius: 10px}
.ProductoForm .facebook-auto  ul li{font-family: "Open Sans",sans-serif;font-size: 14px;color: #fff;background:#242927;border: none;padding: 10px 7%;font-weight: 300}
.ProductoForm .facebook-auto  ul li:hover{background-color: #444 !important}
.ProductoForm .facebook-auto  ul li em{color: #fff;font-size: 14px;background: none}
.ProductoForm ul.holder li.bit-box, #apple-list ul.holder li.bit-box{border: none;padding: 0 22px;padding-right: 47px;line-height: 40px;height: 40px;background: #454545;color: #fff;text-transform: uppercase;font-weight: 700;margin: 8px 20px 0 0}
.ProductoForm ul.holder li.bit-box a.closebutton{margin-top: 4px;background: url(dashboard/cerrar.png) no-repeat;height: 25px;width: 25px;margin-right: 10px}
.ProductoForm .facebook-auto .default{font-family: "Open Sans",sans-serif;font-size: 14px;color: #fff;background: #242927;border: none;padding: 10px 7%;font-weight: 300;}
.TurnoForm{  background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden;}
.TurnoForm .textarea{margin-right: 0px;}
.TurnoForm .input{width: 47%;}
.EmpleadoForm{background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden;}
.EmpleadoForm .input{width: 30%; margin-right: 5%;}
.EmpleadoForm .last{margin-right: 0px;}
.EmpleadoForm .radio{width: 30%;}
.EmpleadoForm .select{width: 30%;}
.EmpleadoForm .select select{width: 100% !important;border: 1px solid #a0aba5;}
.EmpleadoForm .select select:hover,.EmpleadoForm .select select:active{border: 2px solid #18cb6c;}
.EmpleadoForm .radio legend{padding-bottom: 32px;}
.EmpleadoForm .file{width:30%;}
.metasEmpleados{background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden;padding:40px  60px;}
.metasEmpleados .select select:hover,.metasEmpleados .select select:active{border: 2px solid #18cb6c;}
.metasEmpleados .last{margin-right: 0px;}
.metasEmpleados .input{width: 47%;}
.metasEmpleados .select select{width: 100% !important;}
.border-none select{border:none;}
.SucursalForm{background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden}
.SucursalForm .input{width: 30%;}
.SucursalForm .last{margin-right: 0px;}
.SucursalForm .select select{width: 100% !important;}
.SucursalForm .radio legend{padding-bottom: 32px;}
.SucursalForm .radio{margin-right: 0}
.btn-punto_venta{text-decoration: none;}
.eliminar {float:right;}
.ClienteForm{background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden;padding:15px 20px;}
.ClienteForm div.input.middle{ width: 47.5%; margin-right: 5%; }
.ClienteForm .input{width: 30%; margin-right: 5%;}
.ClienteForm .last{margin-right: 0px;}
.ClienteForm .select select{width: 100% !important;}
/* .ClienteForm .radio legend{padding-bottom: 32px;} */
.ClienteForm .radio{ /* width: 30%; */ height: 56px;  margin-bottom: 10px; /* margin-right: 5%*/}
.ClienteForm .radio label{margin-right:10px;}
.ClienteForm .select select:hover,.ClienteForm .select select:active{border: 2px solid #18cb6c;}
.ClienteForm .textarea{width: 100%;}
.ClienteForm .switch-content{ display: inline-block; width: 20%; border-bottom: 0px; margin-top: 20px; margin-right: 15%; float: left; }
.ClienteForm .switch-content.domicilio{ width: 25%; margin-right: 10%; }
.Tipo_pagosForm{background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden; padding-top: 10px;}
.Tipo_pagosForm .text{width: 48%;}
.Tipo_pagosForm .textarea{width: 42%;}
.Tipo_pagosForm .radio{width: 48%;}
.Tipo_pagosForm .last{margin-right: 0px;}



.LealtadForm{background: none repeat scroll 0 0 #fff;border-radius: 9px;clear: both;overflow: hidden;padding:40px  60px;}
.LealtadForm .text{width: 47.5%;height: 90px}
.LealtadForm .textarea{width: 42%;}
.LealtadForm .radio{width: 47.5%;  height: 90px;}
.LealtadForm .last{margin-right: 0px;}
.clientesCategoria .input{display: inline;}
.LealtadForm .btngrup{width: 85%;}
.LealtadForm .btn-group-left{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.LealtadForm .btn-group-right{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.LealtadForm .btaddon{
  padding: 14px 2%;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 10px;
    position: relative;
    top: -1px;
    height: 20px

}
.LealtadForm .btaddon-right{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.LealtadForm .btaddon-left{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* .complemetos_input .input {width: 47%;}
.complemetos_input .input:last-child {margin-right: 0px; */
.filtro.arrow-icon{
  float: right;
  height: auto;
  margin-left: 90%;
  margin-top: 63px;position: absolute;width: 14px;}

.imagen_producto{
    float: right;
    position: relative;
    width: 300px;
}

.productos_ingredientes{
  float: left;
  overflow: hidden;
  padding: 39px;
  position: relative;
  width: 60%;
}

.PaqueteForm{ margin-top: 10px; }
.PaqueteForm input{ font-weight: 400; }
.PaqueteForm div.input.text.long{ width: 57.8% !important; }
.PaqueteForm div.input{ height: auto; margin-right: 1%; }
.PaqueteForm .input.autocomplete .holder{width: 98% !important; }
.PaqueteForm .icon-close{margin-right: 5px;}
.PaqueteForm .input.autocomplete .facebook-auto{width: 100.2% !important;}
.PaqueteForm .input.autocomplete .facebook-auto  ul{padding: 0;width: 100%!important;background: #585858;border-radius: 0;}
.PaqueteForm .input.autocomplete .facebook-auto ul li {font-family: "Open Sans",sans-serif;font-size: 1em;color: #fff;background: #585858;border: none;padding: 10px;font-weight: 300;}
.PaqueteForm .input.autocomplete .facebook-auto ul li em {color: #fff;font-size: 14px;background: none;}
.PaqueteForm .autocomplete label{width: auto;display: inline-block;}

.add_item{-webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s; cursor: pointer;}
.add_item:hover{ color: #18cb6c; }
.add_item .icon-plus3{ font-size: 1em; margin-right: 3px; font-weight: 600; }
.remove_item{float: right; padding-top: 0px; text-decoration: none; font-size: 15px; color: #000; font-weight: 700; cursor:pointer; -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.remove_item:hover{color:#862929;}

.calculadora{ position: absolute; top: 440px;left: 456px;}
.calculator{ overflow: hidden; width: 100%; }
.calculator .opciones{ width: 60px; float: left; }

.remove_cliente{ cursor: pointer; color: #fa6161;background: #dfdfdf; width: 25px;line-height: 25px;text-align: center;border-radius: 5px;font-size: 15px;font-weight: 700;top: 37%;right: 8%;position: absolute; }
.remove_cliente:hover{background: #efefef;color: #f52525;-webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.datos_cliente{display: none;}
.nombre-cliente .arrow-up{
  border-top: 6px solid #18cb6c;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: 25px;
  cursor: pointer;}
  .nombre-cliente .arrow-down{
  border-bottom: 6px solid #18cb6c;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: 25px;
  cursor: pointer;}
#dialog-modal{
  -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;
  overflow: auto;
  padding-top:20px;
}
#dialog-modal2{
  -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;
  overflow: auto;
  padding-top:0px;
}
#modal2{
  -webkit-transition:all 0.2s ease 0s;transition: all 0.2s ease 0s;
  overflow: auto;
  padding-top:20px;
  background: #fff;
  padding: 20px;
  overflow: hidden;
  border-radius: 0px;
}
.venta.detalles{

}
.calculator a{
  position: relative;
  float: left;
}

.categoria_form{ padding: 10px 15px; }
.categoria_form .input{
  width: 100%;
  margin-top: 0px;
  margin-right: 25px;
}
.categoria_form .radio legend{margin-bottom: 24px;}
.btn-separador{width: 20px;display: inline-block;}

.icon-active-circle:hover{
  color:#01ba72;
}
.icon-inactive-circle:hover{
  color:#68162c;
}
/*.grupo [class^="icon-"], [class*=" icon-"] {
  font-size: 1.2em;
}*/

.ingredientes_input .input {
   width: 47%;
}
.ingredientes_input .input:last-child {
  margin-right: 0px;
}
.btn-agregar{
  background-color: #18cb6c;
  color: #fff !important;
    padding-left: 0;text-align: center;
}
.btn-agregar:hover{cursor: pointer;}

.ticket-selected{ background-color: #ebebeb; border-radius: 10px; display: block; float: left; font-size: 16px; line-height: 40px; margin-left: 5px; padding: 0 15px; text-align: center; width: auto; }
.ticket-selected a{ color: #fa6161; font-weight: 700; margin-left: 5px; text-decoration: none; }
.list-tickets{ background-color: #fff; border: 0 none; border-radius: 10px; color: #514d4d; font-size: 17px; height: auto; overflow: hidden; margin-bottom: 10px; padding: 10px 15px 10px; }
.print-ticket{ font-weight: 500; }
.list-tickets p{ margin-bottom: 5px; }
#btn_contain{display: none;}
.title_buscando{ width: 132px !important;height: 56px;padding: 0px !important;margin: auto;font-weight: bold;font-size: 1.2em;}
.venta.detalles .preloader{  width: 25px !important; height: 25px !important;padding: 0px !important;float: right; background-image: url("/css/dashboard/ajax-loader-2.gif") !important;background-repeat: no-repeat; background-size: 25px !important;}
.preloader{  width: 25px !important; height: 25px !important;padding: 0px !important;float: right; background-image: url(/css/dashboard/ajax-loader-prueba1.gif) !important;background-repeat: no-repeat; background-size: 25px !important;}
/*.aniadir{border-radius: 10px;background: #d5d5d5;padding-top: 34px;color: #595858;transition: all ease 0.3s;}*/
.aniadir{border-radius: 10px;background: #5d5d5d;padding-top: 34px;color: #fff;transition: all ease 0.3s;}
.paquete-descripcion{cursor: pointer !important;color: #7059B0 !important;font-size: 15px !important;font-weight: 700 !important;line-height: 30px !important;text-transform: uppercase !important;text-decoration: none !important;}
.overlay{position: fixed;font-family: Arial, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: 901;opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.overlay .loading{  position: absolute;top: 50%;left: 50%;color: white;}
.msj_descuento{color:white;font-weight: bold;}
.calc_title{color: white;font-size: 1.2em;font-weight: bold;}
/*div.input.radio label:last-child{float: right;}*/
.submenu .dropdown{position: absolute;top: 70px;margin: 0px;z-index: 900;display: none;}
.dropdown li{display: block !important;}
.dropdown li a{background-color: #cfcfcf !important;width: 147px;height: 40px;border-bottom:none !important;}
.dropdown li a:hover{background-color: #bababa !important;border-bottom:none !important;}
.dropdown li a.selected{background-color: #bababa !important;}
.dropdown .arrow-up{border-bottom: 10px solid rgb(186, 186, 186);border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;top: -10px;left: 20px;}
.productos_ingredientes .preloader{float : none;position: absolute;top : 50%; right : -9%;display : none;}
.data-codigo span{ color: #7f7270; margin-left: 10px; display: inline; font-style: italic; }

table.info.ticket td{ font-weight: 600; }

#header .dropdown-menu{width: 200px;}
#header .dropdown-menu a span.icon-cog{ color: #fa7076; margin-right: 5px; }
#header .dropdown-menu a{ height: 40px; line-height: 40px; padding: 0px; padding-left: 10%; text-align: left; width: 90%; }
#header .dropdown-menu.active > :first-child{ border-radius: 10px 10px 0 0; }
/*#header .dropdown-menu.active > :last-child{ border-radius: 10px 10px 10px 10px; }*/

#layout .logout.transferidas{ color: #fff; display: none; }
#layout span.transferencia-span{  background: #ff7331 none repeat scroll 0 0; border-radius: 10px; color: #fff; float: left; font-size: 14px; height: 20px; text-align: center; cursor: pointer; display: none; padding: 0 6px; line-height: 20px; margin-top: 0px; float: left; position: absolute; left: 15px; }
#layout span.transferidas.link{ color: #ff7331; margin-right: 10px; display: inline; }
table input { width: auto; height: auto; }
.tipo_servicio_button{ cursor: pointer; }
#layout {min-height: 100vh;}
#layout-container {
    min-height: 100vh;
}
ul.option-reporte-container {clear: both; background-color: #fff; border: 0 none; border-radius: 10px; color: #514d4d; font-size: 12px; height: 200px; margin-bottom: 20px; margin-left: 0; padding: 20px 30px 30px; list-style-type: none; overflow: hidden; height: auto; display: block; }
#container .page_name {float: left;width: 100%}
ul.option-reporte-container li { border: 2px solid #ebebeb; border-radius: 10px; float: left; margin-top: 2%; margin-bottom: 2%; margin-left: 5%; overflow: hidden; width: 40%; box-shadow: 0 5px 14px -5px rgba(145, 145, 145, 1); }
ul.option-reporte-container li a { color: #3197ff; display: block; font-size: 17px; font-weight: 700; padding: 4%; text-align: center; text-decoration: none; width: 92%; }
ul.option-reporte-container li a:hover {text-decoration: underline;}
.PaqueteForm div.input.select.categorias{ display: none; margin-left: 5%; margin-top: 2%; width: 50% !important; transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s; }
.PaqueteForm div.input.select.categorias.show{ display: block; transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s; }

div.scroll_body{border-radius: 10px 0; max-height: 670px; overflow-x: hidden; overflow-y: auto;}
.info-data.mar-top{ margin-top: 10px; }
.info-data.bot span{ width: 46%; }
.venta.detalles .CantidadComplemento, .venta.detalles .IdComplemento{ width: 50px; padding: 0px; }Æ’Æ’
#FormAvaluo{ margin-bottom: 10px; }
/* Fechas del select */
select { -webkit-appearance:none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; background: url("/img/icons/select-icon.png") no-repeat;background-size: 14px auto;background-position: 96% 50%; background-color: #fff; border-radius: 0px;}
select::-ms-expand { display: none; }
.noclose .ui-icon.ui-icon-closethick { visibility: hidden; }
fieldset.ciudades_panel .input{ width: 30%; }
fieldset.ciudades_panel .input.last{ margin-right: 0px; }

.info-data {background-color: #fff; border: 0 none; border-radius: 0px; color: #464444; font-size: 17px; margin-bottom: 10px; overflow: hidden; text-align: center; width: auto; min-height: 44px; }
.info-data div.description-container { display: block; float: left; margin-top: 1%; overflow: hidden; width: 100%; }
.info-data span { font-weight: 700; margin-left: 4%; }
.info-data span.first{ margin-left: 0%; }
.info-data span.totales { color: #3197ff; margin-left: 1%; }
.access-dialog div.input{ width: 288px; }
/*#menu-container{ margin:0; list-style:none;font-family: 'Lato', sans-serif;font-weight: 300;white-space: nowrap;overflow-x: scroll;width: 70%; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;  }*/
#menu-container{width: 100%; background-color: #223462;height: 100%; position: fixed;left: 0;top: 0px;width: 260px;z-index: 0;border-bottom-right-radius: 20px; border-top-right-radius: 20px}
#menu-container.active{z-index: 1}
#menu{background: none;display: block;margin-left: 0;overflow-x: visible;width: auto;}



.scroll {
    max-height: calc(100vh);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scroll::-webkit-scrollbar {
    display: none;
}
#scroll_add{

height: 619px;
overflow: hidden;

}
#puntos_venta{ display: inline-block; width: 100%; }
#puntos_venta .input.text,#puntos_venta .input.radio{ height: auto; margin-bottom: 30px; ; }
#puntos_venta .punto_venta{ padding-top: 15px;clear: left; position: relative; }
.SucursalForm .switch-content, .EmpleadoForm .switch-content, .CustomTicketForm .switch-content{ display: inline-block; margin-top: 18px; border-bottom: 0px; width: 20%; }
.CustomTicketForm{ padding: 10px 15px; }
.CustomTicketForm div.middle{ width: 47.5%; margin-right: 5%; }
.EmpleadoForm .switch-content{ margin-right: 10% !important; float: left; }
.EmpleadoForm div.input.text.long{ width: 65% !important; margin-right: 5% !important; }
.EmpleadoForm div.input.text.small{ width: 15% !important; margin-right: 3% !important; }
#puntos_venta .punto_venta .switch-content{ display: inline-block; margin-top: 18px; border-bottom: 0px; width: 20%; }
#puntos_venta a.remove_producto{ color: #000; cursor: pointer; font-size: 15px; font-weight: 700; position: absolute; right: 0; text-decoration: none; width: auto; top: -2px;}
#puntos_venta a.remove_producto:hover{color:#862929;}
#puntos_venta a.agregar.btn-punto_venta { color: #000; cursor: pointer; display: block; font-weight: 700; text-decoration: none;margin-bottom: 5px }
#paginacion button.bt_down{padding: 10px 20px}
form .input.select select{background: url("/img/icons/select-icon.png") no-repeat;background-size: 14px auto;background-position: 96% 50%; background-color: #fff; border-radius: 0px;}
form.categoria_form .input.select select{width: 100%; border-radius: 0px; margin-bottom: 35px;}
form.categoria_form  div.input{height: 85px}
form.categoria_form .botonera{margin-top: 0}
.menu-acciones{float: right}
iframe body{background: #fff}
.ProductoForm div.input.text,.ProductoForm div.input.radio,.ProductoForm div.input.select{width:30.5%;margin-right: 4.25%}
/*.ProductoForm div.input.text:nth-child(3){margin-right: 0}*/
.ProductoForm div.input.text.last{margin-right: 0}
.ProductoForm div.input.textarea{width: 100%;margin-right: 0}
.TurnoForm legend{padding-bottom: 17px}
.TurnoForm div.switch-content, .Tipo_pagosForm div.switch-content{ width: auto; max-width: 240px; border-bottom:0px; display: inline-block; }
.TurnoForm div.switch-content .label-siwtch, .Tipo_pagosForm div.switch-content .label-siwtch{ margin-left: 10px; }
table.info.table-empleados tr th:last-child{text-align: center}
table.info.table-empleados .icon-pencil,table.info.table-empleados .icon-active-circle,table.info.table-empleados .icon-check,table.info.table-empleados .icon-close,table.info.table-empleados .icon-lock,table.info.table-empleados .icon-paste{margin-right: 15px}
table.info tr td:last-child,table.info tr th:last-child{text-align: center;font-size: 16px}
#info div.scroll_body{border-radius: 0}
.botonera button:last-child{margin-right: 0}
/*.ClienteForm .input:nth-child(5),.ClienteForm .input:nth-child(6){width: 47.875%}
.ClienteForm .input:nth-child(6){margin-right: 0}*/
/*.ClienteForm .grupo.clientes .input:nth-child(5),.ClienteForm .grupo.clientes .input:nth-child(6){width:30.5%;margin-right: 4.25%}*/
.LealtadForm fieldset.grupo {border:2px solid #dfdfdf; }

#autentificar_caja{ background: #fff; }
#autentificar_caja div.input{ margin:0px; padding: 5%; width: 90%; }
#autentificar_caja input#PuntoVentaCode { float: none; height: auto; margin: 0 auto; height: 50px; }
#autentificar_caja .input-error{ color: red; display: none; }
.codigo_puntoventa{ color: #ff7331; text-transform: lowercase; }
.input_grafica {width:15%;float: left;margin-right:20px;margin-left: 10px  }
.descuentos_puntos .input {height:auto;width:70% !important; margin:15px auto 15px auto;  }
.quita_desc_puntos{    background-color: #18cb6c; width: 20px;border-radius: 5px;display: inline-block;text-align: center;height: 22px;cursor: pointer; }
/*Tickets*/
#CustomTicketEditForm.SucursalForm .input, #CustomTicketAddForm.SucursalForm .input{width: 47.8%}
#CustomTicketEditForm.SucursalForm .input.textarea:nth-child(3),#CustomTicketAddForm.SucursalForm .input.textarea:nth-child(3){margin-right: 0}
/*Retiro*/
#RetiroAddForm .input.text{width: 100%; height: auto;}
#RetiroAddForm .input.text:nth-child(3){margin-right: 0}
#RetiroAddForm .input.textarea{margin-right: 0;width: 100%}

form#add-page{ display: none !important; }

span.transferencia-span{
  -webkit-animation-duration: 1500ms;
}

.controles-logout.alert div{ position: fixed !important; }
#header .profile{ background-color: #fafafa; padding: 5px;  z-index: 10; }
table.info td a.important{ font-weight: bold; text-decoration: underline; }

.modal_login .link{ padding: 15px; }
.modal_login .link.last{ float: right; line-height: 15px; }
.modal_login .botonera button{ margin: 10px 10px; font-size: 1em; padding: 10px; width: auto; }
.modal_login .botonera .autentificar{ width: 30%; }
.modal_login .input.password{ margin: 0 auto; height: auto; float: none; padding: 0px 30px; margin-top: 10px; text-align: center; width: 90%; margin-top: 10px; }
.modal_login .input.password input{ text-align: center; }


.access-dialog-transferir{ height: auto !important; background: #fff !important; border-radius: 0px; }
.access-dialog-transferir form{ width: 100%; padding: 0px; }
.access-dialog-transferir form div{ width: 100%; padding: 0px; margin: 0px; height: auto; margin-bottom: 20px; margin-top: 10px; }
.access-dialog-transferir label{ text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }

.access-dialog-pagar.proceso_pago{ height: auto !important; background: #fff !important; }
.access-dialog-pagar .total-pago{ width: 100% !important; margin-bottom: 10px !important; }
.access-dialog-pagar .proceso_pago_btn{ display: block; float: none !important; margin: 0 auto !important; margin-top: 0px !important; }
.access-dialog-pagar .pagos-label label{ text-align: left !important; }

#fancybox-loading-ajax.active{ display: block; opacity: 0.8; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s; }
.last{ margin-right: 0px !important; }

.button-link{-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;display:block;background:#18cb6c;position:relative;float:left;padding:15px 20px;color:#fff !important;border-radius:10px;text-align:center;vertical-align:middle;text-decoration:none;margin:22px 0}
.button-link:hover{background-color: #00de68;}
.replicar_producto .button-link{ position: relative; margin: 0 auto; float: none; width: 25%; min-width: 200px; }
.replicar_producto{
  background: #f1f1f1 !important;
    display: block;
    position: relative;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    max-height: 0px;
    padding: 0px 3%;
    -webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;
}
.replicar_producto.active{ padding: 20px 3%; height: auto; max-height: 1300px; }
/*.replicar_producto.active{ height: auto; min-height:  position: fixed; }*/

.ProductoForm div.checkbox.titleAcordion{ box-sizing:border-box; padding-left: 7px;display: flex;align-items: center;width: 100%;border: solid 1px #ebebeb;-moz-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.75);margin-top: 6px;height: 40px;background-color: #f9faf7; }
.ProductoForm div.checkbox.titleAcordion > label{ margin-left:5px;font-weight: bold; color: #514d4d; font-size: 1em; cursor: pointer; }
/*
.access-dialog-pagar{ -webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; }
.access-dialog-pagar .total-pago .total{     width: 50%;
    float: left;
    display: inline-block;
    text-align: left;
    position: relative; }
.access-dialog-pagar .total-pago{     text-align: center;
    color: #ff7331;
    font-weight: 300;
    font-size: 1.7em; }
.access-dialog-pagar .pagos-label{     margin: 0 auto;
    width: 50%;
    overflow: hidden; }

.access-dialog-pagar .total-pago .venta.total {
    font-weight: 700;
    width: 50%;
    display: block;
    text-align: right;
    left: 0px;
    position: relative;}
.access-dialog-pagar .total-pago div.input.text {
    height: auto;
    margin: 10px auto 0;
    width: 100%;
}

.access-dialog-pagar .total-pago div.input.text label {
    text-align: left;
    margin-bottom: 0px;
    margin-top: 2.5%;
    font-size: 0.7em;
}

.access-dialog-pagar .total-pago div.input.text input {
    text-align: right;
}

.access-dialog-pagar .total-pago div.input.text label{
    float: left;
    font-size: 20px;
    font-weight: lighter;
    text-align: left;
    width: 50%;
}

.access-dialog-pagar .linea-separador {
    height: 1px;
    background: #d1dad3;
    width: 64%;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 5px;
}

.access-dialog-pagar .total-pago div.input.text label.cambio, .access-dialog-pagar .total-pago div.input.text label.resto {
    text-align: right;
    color: #ff7331;
}
*/
#VentaPagoForm .error-message.right{ text-align: right; }
#VentaPagoForm .bt_down{ opacity: 1; -webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; background: #ebebeb; pointer-events: none; margin-top: 30px; }
#VentaPagoForm .bt_down.active{ opacity: 1; pointer-events: all; background: #00de68; }

#categorias-order li{border-bottom: 1px solid #dcdcdc;padding: 10px 0; color: #3c3c3c; text-transform: uppercase; font-weight: 600;}
#categorias-order li:hover{background: none repeat scroll 0 0 #e0dfdf;}

.check-all-ticket{ width: 100%; display: block;margin-top: 5px; }
.check-all-ticket input{ margin-left: 5px; }

#click-outside{ width: 100%;height: 100%;display: none;position: fixed;/*background: lightgray;*/z-index: 2;left: 0px;top: 0px; }
#click-outside.active{ display: block; }  
#charts-container{ width: 100%; }
#click-outside.active{ display: block; }

.ui-widget-header,.ui-corner-all{border-radius: 0;}
.ui-widget-header{height: 75px}
.ui-dialog .ui-dialog-title {
    padding: 27px 37px 0;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
}
.ui-form {
    padding: 20px 37px 27px 37px !important;
}
.ui-dialog .ui-dialog-title .name{color: #ff7331}
.ui-dialog .ui-dialog-titlebar-close {
    right: 37px;
    top: 27px;
}
#click-outside.active{ display: block; }
tr.filaE2 td:first-child,tr.filaE1 td:first-child{font-weight: bold; color: #3c3c3c;font-size: 16px;}
.form.filtro button{ margin-left: 11px;width: auto;padding: 0px 30px;background-color: #446a81;float: left;margin-top: 27px;line-height: 1em;}
#sub-menu-container{
  text-align: center;
  margin: 0px;
    height: 28px;
    width:100%;
    z-index: 2;
    background-color: #444444;
    position: absolute;
    list-style: none;
    font-family: 'Lato', sans-serif;font-weight: 300;white-space: nowrap;text-transform: uppercase;font-weight: bold;
    border: none;
    left: 0;
}
#sub-menu-container #menu{margin: 0 auto;}
#sub-menu-container #menu li a {
  line-height: 28px;
  color: #ffffff;
  padding: 0px 15px;
    border: none;
    height: 28px;
    font-size: 12px;

    overflow: auto;
}
#sub-menu-container #menu li a:hover {
    background-color: #ffffff;
    color: #444444;
}



#sub-menu-container #menu li.selected a {
    background-color: #1B2A4E;
    color: #444444;
}

.switch { position: relative;display: inline-block;width: 55px;height: 30px; }

/* Hide default HTML checkbox */
.switch input { display:none; }

/* The slider */
.slider { position: absolute;cursor: pointer;top: 0; left: 0;right: 0;bottom: 0;background-color: #ccc; -webkit-transition: .4s;transition: .4s; }

.slider:before { position: absolute;content: "";height: 22px; width: 22px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s; }

input:checked + .slider { background-color: #41af4b; }
.container-fluid {
  padding-top: 20px;
  background-color: white;
}

.field {
  margin-bottom: 15px;
}

.field label {
  font-size: 12px;
  color: #6B7280;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}
.field input[type="text"],
.field input[type="password"],
.field input[type="email"],
.field input[type="date"],
.field input[type="file"],
.field input[type="url"],
.field input[type="tel"],
.field select {
  width: 100% !important;
  height: 40px !important;
  padding: 3px 10px !important;
  border: 1px solid #79747E !important;
  border-radius: 4px !important;
  font-size: 1.07em !important;
  font-weight: 300 !important;
  color: #514d4d !important;
  box-sizing: border-box !important;
  background: #FFF !important;
}

.field select {
  background-color: white !important;
}

.field input[type="text"]:focus,
.field input[type="password"]:focus,
.field input[type="email"]:focus,
.field input[type="date"]:focus,
.field input[type="file"]:focus,
.field input[type="url"]:focus,
.field input[type="tel"]:focus,
.field select:focus {
  outline: none !important;
  border: 2px solid #5897fb !important;
  border-color: #5897fb !important;
}

.date-wrap {
  position: relative;
  width: 100%;
}

.date-wrap .calendar-ico {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #6B7280;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.date-wrap input[type="date"] {
  width: 100%;
  height: 50px;
  padding: 3px 35px 3px 10px;
  border: 1px solid #a0aba5;
  border-radius: 4px;
  font-size: 1.07em;
  font-weight: 300;
  color: #514d4d;
  box-sizing: border-box;
}

.date-wrap input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.form-actions-clean {
  border-top: 1px solid #E5E7EB;
  padding-top: 20px;
  margin-top: 20px;
  text-align: right;
}


input:focus + .slider {box-shadow: 0 0 1px #41af4b;}

input:checked + .slider:before { -webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px); }
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.label-siwtch{margin-bottom: 0px;}
.input.text.precio{ width: 22%; }
.input.checkbox.checkbox-interface{
  width: 400px;
    height: 54px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 1em;
    display: flex;
    align-items: center;
}
.header_caracteristicas{ color:#514d4d; font-size:1em;border-bottom: 2px solid #dcdcdc; width: 400px;display: inline-block;margin-bottom: 5px;font-weight: bold }
.input.text.switch{ width:100% ;height: 35px;margin-bottom: 5px}
.input.text.switch label{float:left}
.input.text.switch .desc-campo{float: left;width: 200px;padding-top:8px }
.forma.bt_down.second{background-color: #446a81;float: right; margin-left: 11px;margin-right: 11px}

form.categoria_form  div.input.file{ height: auto; overflow: hidden; }

.barras-menu {cursor: pointer;height: 22px;position: absolute;width: 30px;left: 10px;top: 22px;z-index: 22;}

.barras-menu span::before {top: -9px;transform-origin: left top 0;-webkit-transform-origin: left top 0;transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s, width 0.3s ease 0s, top 0.3s ease 0s;}
.barras-menu span::after {bottom: -9px;transform-origin: left bottom 0;-webkit-transform-origin: left bottom 0;transition: transform 0.3s ease 0s, width 0.3s ease 0s, bottom 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s, width 0.3s ease 0s, bottom 0.3s ease 0s;}
.barras-menu span::after, .barras-menu span::before {background-color: #000;content: "";display: block;height: 4px;left: 0;position: absolute;width: 100%;}
.barras-menu span {background: #000;display: block;height: 4px;left: 0;position: absolute;right: 0;top: 6px;transition: transform 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s;}
.barras-menu.fixed{z-index: 22;top: 20px}
/*.barras-menu.close{right: 35px}*/
.barras-menu.close span:before {-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);}
.barras-menu.close span:after {-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);}
.barras-menu.close span:before,.barras-menu.close span:after { -webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;top: 0;}
.barras-menu.close span{background-color: transparent;}

.categoria_form div.input.select.small, .categoria_form div.input.small { width: 45% !important; }
.aling-center{ text-align: center !important; }
/*@media only screen and (min-width: 800px) {
    .barras-menu{display: none}
    #container{margin-left: 260px;}
    #container.active,#header.active{left: 0}
    #menu-container{z-index: 1}
    #header{margin-left: 260px;}
    #footer{margin-left: 260px;}
}*/
#aceptButton.buttonMidle{ float: none !important; display: block; margin: 0 auto !important; }
.donwload_link { font-weight: 600; display: inline-block; width: auto; float: right; padding: 5px 5px; /*margin-bottom: 20px;*/ text-decoration: none; text-transform: uppercase; color: #446A81; -webkit-transition: 0.2s;transition: 0.2s;font-size: 11px; }
.donwload_link:hover , .donwload_link:hover .icon-download3{ color: #a2afb7 !important; }
.tabs{ width: 100%; display: inline-block; background: #fff; border-bottom: solid 1px #ebebeb; }
}
form .input.text,form .input.select{ margin-right: 11px;width: 17.63%;margin-top: 0px;height: auto; margin-bottom: 13px;}
form .input.text input,form .input.select select{ padding-left:8px  }
form div.input.text.long{width: 60% !important;margin-right: 11px}
form div.input.select.small,form .input.text.small{width: 20% !important;margin-rightright: 11px}
form .input.xl, form .input.xl{width: 100% !important}
.form-legend{ margin-bottom: 10px;text-transform: uppercase;display: block;font-weight: bold;padding-top: 6px;}
form .input.text label,form .input.select label,form .input.textarea label, form .input.password label{margin-bottom: 6px}
.fieldset-modal{ margin-bottom: 7px;margin-top: 12.5px;border-bottom: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf; padding-bottom: 9px;}
div.input.select.extra-small{width: 55px;margin-right: 11px; font-size: 25px;font-weight: 500;margin-top: 24px;}
.texto-resaltado{font-size: 18px}
div.input.text.descuento{width: 120px;margin-right: 11px}
.form-span{margin-top: 24px;display: inline-block;font-size: 35px;float: left;margin-right: 175px;}
.ProductoForm div.input.autocomplete ul.holder{box-sizing: border-box;width: 100% !important}
.tabla-tittle{text-align: left !important;}
.cell-3-fisrt thead th{width: 100%;}
.title-switch{float: left;margin-bottom: 0px;margin-top: 17px;cursor: pointer;}
.switch-content .label-siwtch{float: left;float: right;margin-top: 13px;}
.switch-content{width: 400px;display: inline-block;border-bottom: 1px solid #dcdcdc;height: 54px; display: block; cursor: pointer;}
.caracteristicas-checks{display: inline-block;border-bottom: 2px solid #dcdcdc;width: 400px;font-size: 1em;font-weight: 700; color: rgb(81, 77, 77)}
.checkbox-container{width: 400px;display: inline-block;}
.input.extra-small input,.input.extra-small select{padding-left: 8px !important;}
.tabs-index{height: 39px;display: inline-block;}
.activo-tab,.inactivo-tab{ font-size: 15px;float:left;box-sizing:border-box;padding:0px 10px; height: 39px;display: flex;align-items:center; border-left-width: 1px;width: auto;}
.activo-tab{color: #41AF4B;border-bottom: 3px solid #41AF4B}
.inactivo-tab{background-color: #fff}
.field_hidden{display: none}
.tabs_index,.filtro_tabs{cursor:pointer;display: inline-block;}
.input.extra-small input,.input.extra-small select{padding-left: 8px !important;}
.GruposForm, #UsuarioAddForm, #UsuarioEditForm, #UsuarioChangePassForm {padding: 10px 15px;}
.GruposForm .input.text, #UsuarioAddForm .input.text, #UsuarioEditForm .input.text, #UsuarioChangePassForm .input.select,.GruposForm .input.select, #UsuarioAddForm .input.select, #UsuarioEditForm .input.select, #UsuarioChangePassForm .input.select{width: 100% !important}
#toolbar input,#toolbar select{height: 24px !important}
html{background-color:#dfdfdf;}
#contain_msj{margin-top:20px}
.vista_contacto{background-color: #fff;text-align: center;}
table.info .icon-mail-envelope-open{font-size: 1.5em;color: #dcdcdc;margin-right: 20px;}
table.info .icon-pencil:hover,table.info tr.fila_over td .icon-mail-envelope-open{color: #1cbf65}
.icon-mail-envelope-closed{font-size: 1.5em;color: #dcdcdc;margin-right: 20px;}
table.info .icon-pencil:hover,table.info tr.fila_over td .icon-mail-envelope-closed{color: #0999cf}
table.info .icon-mail-remove{font-size: 1.5em;color: #dcdcdc;margin-right: 20px;}
table.info .icon-pencil:hover,table.info tr.fila_over td .icon-mail-remove{color: #c30f18}
/*.etiqueta-contacto{color: #000;}*/

.input.grid1{width: 100%;box-sizing:border-box;margin-right: 0px;padding-right: 15px;}
.input.grid2{width: 50%!important;box-sizing:border-box;margin-right: 0px;padding-right: 15px;}
.input.grid3{width: 33.33%!important;box-sizing:border-box;margin-right: 0px;padding-right: 15px;}
.input.grid4{width: 25%!important;box-sizing:border-box;margin-right: 0px;padding-right: 15px;}
.input.grid5{width: 20%!important;box-sizing:border-box;margin-right: 0px;padding-right: 15px;}
.select_fechas{padding: 0!important;width: 27%!important}
.select_estado{width: 15%!important;padding-right: 15px}
.select_razsocial{width: 15%!important;padding-right: 15px}

table.info .icon-heart {
    font-size: 1.5em;
    color: #dcdcdc;
    margin-right: 20px;
}

table.info .icon-heart.selected, table.info tr.fila_over .icon-heart, table.info .icon-heart:hover {
    color: #8cba00;
}

.grupo .add_option{
  float: right;
  margin-top: 35px;
  margin-right: 50px;
  color: #000;
}
.grupo .telefono{
  float: left;
  width: 46%;
  /*background: rgb(220, 220, 220);*/
  margin-bottom: 21px;
  margin-top: 9px;
}
.fila td:nth-child(2){
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
.fila td input:nth-child(1){
  background: rgb(220, 220, 220);
  width: 97%;
  height: 48px;
  margin-bottom: 5px;
  margin-left: 10px;
}
.fila td input:nth-child(2){
  display: none;
}
.fila td span{
  font-size: 26px;
  margin-left: 5px;
  color: red;
  cursor: pointer;
}
.grupo .telefono thead{
  font-size: 15px;
  text-transform: uppercase;
}
.telefono tbody:before {
    content: "-";
    display: block;
    line-height: 1em;
    color: transparent;
}
.telefono.option_up{
  margin-bottom: 21px;
  margin-top: 9px;
}

ol#marcas.order{margin-left: 0px;}
ol#marcas.order .listado{/* padding: 10px; */width: 100%;box-sizing: border-box;background: #efefef;border-bottom: solid 1px #d7d7d7;overflow: hidden;padding-left: 10px;}
ol#marcas.order .listado img{width: 150px;height: auto;position: absolute;padding-top: 25px;}
ol#marcas.order .listado .titulo{font-weight: bold;text-transform: uppercase;margin-top: 17px;margin-bottom: 13px;left: 160px;position: relative;padding-top: 10px;padding-bottom: 10px;}
.img-marca-example{max-height: 50px;padding-top: 10px;padding-bottom: 10px;border-right: 0px !important;}

ol#attractions.order{margin-left: 0px;}
ol#attractions.order .listado{/* padding: 10px; */width: 100%;box-sizing: border-box;background: #efefef;border-bottom: solid 1px #d7d7d7;overflow: hidden;padding-left: 10px;}
ol#attractions.order .listado img{width: 100px;height: auto;position: absolute;padding-top: 10px;}
ol#attractions.order .listado .titulo{font-weight: bold;text-transform: uppercase;margin-top: 17px;margin-bottom: 13px;left: 160px;position: relative;padding-top: 10px;padding-bottom: 10px;}

button.update_productos{background:#0ab7ad;margin-right: 15px;}
button.update_productos:hover{background:#1ad4c9;}
.tipo_cambio{  float: right;position: absolute;top: 9px;left: 5%;background-color: #327e04;height: 20px;text-align: center;padding: 5px;border: 3px solid #8EBF00;padding-top: 10px;}
.tipo_cambio{color: #fff; font-weight: bold;}
#formBusquedas .bt_down{
  margin-left: 11px;
  width: auto;
  padding: 0px 30px;
  background-color: #446a81;
  float: left;
  margin-top: 27px;
  line-height: 1em;
}
.her_pagos{width: 100%}

#ui-datepicker-div{
  background: #f5f3e5 url(south-street/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x;
  border: 1px solid #d3d3d3;
  z-index: 9999!important;
}
.facturas .ms-drop{width: auto!important;min-width: 100%}
.clientes.form, .facturas.form {padding: 0;}
.add_servicio{color: #42c34e; text-transform: uppercase; cursor: pointer; font-weight: 600; position: relative; padding-left: 15px; float: right; margin-top: 15px;}
.descarga-buttons{height: 30px;}
.datos.dl-top{background-color:white;padding: 20px;height: 40px;}
.datos.dl-top dt{font-weight: bold; color: #514d4d; margin-right: 0px; width: 20%; height: 3em; float: left;}
.datos.dl-top dd{margin-right: 0px; width: 20%; margin-bottom: 5px; padding-top: 15px; height: 2.4em; float: left; margin-left: -20%;font-size: 23px;font-weight: bold;color: #686f6f;}
.pagadas_facturas{color: #18cb6c!important;}
.cobrar_facturas{color: #168cbd!important;}
.form.filtro .ms-choice{float: unset; margin:0; width: 100%; padding: 0; background-color:#fff; line-height: 26px; height:47px; }
.multiple_select{margin-right: 0!important}
.select_fechas input{width: 113px}
.select_fechas span{font-weight: bold; font-size: 20px; width: 4%;display: inline-block;text-align: center;}
.ms-drop.bottom ul li label input{width: auto!important;height: 20px!important}
.ms-drop.bottom ul li label{font-weight: lighter!important;}
.icon-person, .icon-uniE600{font-size: 1.5em; color: #dcdcdc; margin-right: 20px;}
.body_clientes{padding-left: 20px; overflow: hidden; clear: both; padding-right: 20px; background-color: #fff;}
.table_addfactura .content_cuestio{width:150px;color:white;background: #514d4d}
.facturas.form dt{margin-right: 0px; font-weight: bold; color: #514d4d; width: 25%; height: 3em; float: left; }
.facturas.form dd{margin-right: 0px; margin-bottom: 5px; width: 33%; float: left; padding-top: 1.5em; height: 2.5em; margin-left: -25%; }
.facturas.form dt:last-child{width: 50%!important}
#tabla_actualiza th{background: #514d4d; color: #fff; font-size: 1.1em;}
#tabla_actualiza {padding: 0!important;margin-bottom: 20px}
#descarga_ex .descarga_excel{margin-left: 11px; width: auto; padding: 0px 30px; background-color: #446a81; float: left; margin-top: 46px; line-height: 1em; width: auto; padding: 10px 8px 10px 8px; text-align: center; color: #fff; text-transform: uppercase; border: 0; height: 47px; line-height: 1em; font-size: 1.1em; font-weight: 600; margin-bottom: 20px; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; box-sizing: border-box; cursor: pointer; }
.factura-descarga{margin-bottom: 20px; display: inline-block; margin-right: 60px; text-align: center; margin-top: 10px;}
.factura-descarga a{text-decoration: none;color: #000}
.factura-descarga a:hover{text-decoration: underline;}
.ms-choice > div{top: 18px!important; right: 15px!important; width: 15px!important; height: 15px!important; background: url(/img/icons/select-icon.png) left top no-repeat!important; background-size: 14px 11px!important; }
.ms-choice{border-radius: 0!important}
.right_facturas{margin-right: 30px;text-align: right;}
.guardar_fact{text-decoration: none; margin-right: 20px; color: #18cb6c; font-weight: 600; }
.guardar_fact span{margin-right: 5px; font-size: 15px;}
.editar_fact{text-decoration: none; margin-right: 20px; color: #168cbd; font-weight: 600; display: none;}
.editar_fact span{margin-right: 5px; font-size: 15px;}
.cancelar_fact{text-decoration: none; color: #862929; font-weight: 600;}
.cancelar_fact span{margin-right: 5px; font-size: 19px;}
.tableh_addfactura th{    text-align: center; background: #514d4d; color: #fff; border-bottom: 2px solid #7d7d7d; font-size: 16px; font-weight: 700; height: 54px; text-transform: uppercase; vertical-align: middle;}
#tableh_addfactura th{    text-align: center; background: #514d4d; color: #fff; border-bottom: 2px solid #7d7d7d; font-size: 16px; font-weight: 700; height: 54px; text-transform: uppercase; vertical-align: middle;}
#table_desnegocio{padding: 0}
.table_addfactura td{color: #3c3c3c; padding: 5px 0px; background: #fbf9f9!important; border-bottom: 1pt solid #dcdcdc; padding-left: 6.5px; line-height: 22px; height: 50px; vertical-align: middle; text-align: left; font-size: 1.07em; position: relative; font-weight: 300;}
@media only screen and (min-width: 1400px) {
    .barras-menu{display: none}
    #container{padding: 58px 80px;margin-left: 260px;}
    #container.active,#header.active{left: 0}
    #menu-container{z-index: 1}
    #menu-container.full-size{z-index: -1}
    #header{margin-left: 260px;}
    #container.full-size{margin-left: 0px;}
    #header.full-size{margin-left: 0px;}
  #footer{margin-left: 260px;}
  body.noMenuLateral #footer, body.noMenuLateral #header, body.noMenuLateral #container{margin-left: 0px;}
}
.styleAgenda{width: 100%}
#AgendaForm .movingBox{width: 220px!important}
.ExS1{color: #3c3c3c; padding: 5px 0px; background: #fbf9f9; border-bottom: 1pt solid #dcdcdc; padding-left: 6.5px; line-height: 22px; height: 50px; vertical-align: middle; text-align: left; font-size: 1.07em; position: relative; font-weight: 300;}
.Sub1 {width: 100%}
.ExS1 td, .responsablesTable td{vertical-align: middle;text-align: center;}
.responsablesTable{width: 100%}
.responsablesTable td div.input{margin-bottom: 0;float: unset; margin: 0 auto; width: 100%;}
.ExS1 legend{padding-top: 15px}
.ExS1 .icon-coin-dollar{color: #18cb6c; font-size: 25px;cursor: pointer;}
#TablePago td{text-align: center;}
#TableSubproyecto td{color: #3c3c3c; padding: 5px 0px; background: #fbf9f9; border-bottom: 1pt solid #dcdcdc; padding-left: 6.5px; line-height: 22px; height: 50px; vertical-align: middle; text-align: left; font-size: 1.07em; position: relative; font-weight: 300; text-align: center;}
.add_subproyecto{color: #42c34e; text-transform: uppercase; cursor: pointer; font-weight: 600; position: relative; padding-left: 0px; margin-top: 15px; display: block; }
.ms-choice > span{white-space: pre; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 20px; font-weight: normal; min-height: 1.2em; font-size: 15px;position: relative!important;}

/*MODAL FACTURA*/
.divpriedit{padding: 2% 2% 0;display: table;width: 100%;box-sizing: border-box;}
.diveditizquierda{width: 100%;float: left;margin-bottom: 12px;box-sizing: border-box;}
.diveditderecha{float: left;width: 40%;background-color: white;}
._12k2 {margin-bottom: 12px;}
._4-u8 {background-color: #fff;}
._4-u2 {border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;border-radius: 3px;width: 48.7%;float: left;}
._4-u1 {width: 100% !important}
.m_left{margin-left: 2%;}
.m_right{float: right;}
._5dw9 {min-height: 24px;}
._5dwa {line-height: 12px;padding: 8px 0 7px;position: relative;}
._4-u3 {border-top: none;border-top-left-radius: 3px;border-top-right-radius: 3px;background: white;}
.titleInfoEdit{line-height: 28px;margin-left: 12px;padding: 0;color: #1d212;font-size: 18px;font-weight: bold;}
.subtitleInfoEdit{ font-size: 12px !important;font-weight: normal !important;}  
div.divconteizq{border-top: 1px solid #e5e5e5;}
div.divconteizq1{box-sizing: border-box;padding: 0 12px;margin: 12px;}
.contenedoredit {display: block;}
.titleContent{font-size: 14px;font-weight: bold;color: #514d4d;}
.valueContent{font-size: 14px;margin-left: 5px;color: #514d4d;}
.btnadj{margin-left: 11px;padding: 0px 30px;margin-top: 27px;}
.divconteizq form{padding: 0px;margin-top: -30px;}
.ajustcontenedoredit{margin-top: 20px;}
.labelInput{font-size: 18px!important;font-weight: bolder!important;margin-bottom: -10px !important;}
.inputOrden{padding-top: 5px;}
.divBtnInput{text-align: right;margin: -10px;margin-right: 0px;}
.titleAcciones{font-size: 14px;font-weight: bolder;}
.validate-0{background-color: #ffffff;}
.validate-1{background-color: #A5D6A7;}
.validate-2{background-color: #EF5350;}
.validate-no-info{background-color: #FFCC80;}
.container-icon-legend{width: 100%;height: 100px;margin-bottom: 20px;background: #fff;padding: 20px 30px 0px 30px;box-sizing: border-box;}
.text{font-size: 15px;color: #514d4d;font-weight: bold;padding-bottom: 10px;}
table#tablafact_servicios tr td:last-child{font-size: 1.07em}
table#tablafact_servicios .filas_total .camp_vacio{border: 0;}
table#tablafact_servicios .filas_total .camp_total{text-align: right; font-size: 1.3em; font-weight: bold; color: black; padding-right: 30px;}
table#tabla_pago_ver thead th{    text-align: center; background: #514d4d; color: #fff; border-bottom: 2px solid #7d7d7d; font-size: 16px; font-weight: 700; height: 54px; text-transform: uppercase; vertical-align: middle;}
table#tabla_pago_ver{width: 100%;padding: 0;margin-top: 20px}
#tabs{height: 500px;background-color: white;padding: 0 20px;}
.pago_idver{float: right;color: #00de68}
.info_folio{margin: 0; font-size: 18px; font-weight: 700; color: #00de68;}
.info_fecha{margin: 0; float: right; font-size: 18px;}
.cont_folio{margin-bottom: 10px}
.clase_for td{border-bottom: 8px solid #dcdcdc!important;}
.filas_total:nth-child(2){border-bottom: 4px solid #dcdcdc;}
.monto_total{color: #000!important}
.algo{width: 100px !important;margin-left: 30px;margin-bottom: 0px !important}

button.fsti-btn,
a.fsti-btn{
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    color: white;
    margin-left: 10px;
    transition: background-color 0.2s ease;
    text-transform: uppercase;
}

button.fsti-btn-primary,
a.fsti-btn-primary{
    background-color: #28a745;
}

button.fsti-btn-primary:hover,
a.fsti-btn-primary:hover{
    background-color: #218838;
}

button.fsti-btn-danger,
a.fsti-btn-danger{
    background-color: #dc3545;
}

button.fsti-btn-danger:hover,
a.fsti-btn-danger:hover{
    background-color: #c82333;
}

button.fsti-btn-secundary,
a.fsti-btn-secundary{
    background-color: #8f8e8b;
}

button.fsti-btn-secundary:hover,
a.fsti-btn-secundary:hover{
    background-color: #807f7d; 
}

input.display-field,
div.display-field {
    background-color: #e9ecef;
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
    min-width: 120px;
    font-size: 1em;
}

/* Action Icons - Modern Colors */
table.info .action-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  cursor: pointer;
  color: #6B7280;
  transition: color 0.15s;
  font-size: 1.5em;
}

table.info .action-icon:hover{
  color: #111827;
}

/* Specific Icon Colors */
table.info .icon-pencil,
table.info .icon-lock,
table.info .icon-clipboard,
table.info .icon-printer,
table.info .icon-paste {
  font-size: 1.5em;
  color: #6B7280;
  margin-right: 20px;
  transition: color 0.15s;
}

table.info .icon-pencil:hover,
table.info tr.fila_over td .icon-pencil {
  color: #2563EB;
}

table.info .icon-bin,
table.info .icon-close {
  font-size: 1.5em;
  color: #6B7280;
  margin-right: 20px;
  transition: color 0.15s;
}

table.info .icon-bin:hover,
table.info tr.fila_over td .icon-bin,
table.info .icon-close:hover,
table.info tr.fila_over td .icon-close {
  color: #DC2626;
}

table.info .icon-check,
table.info .icon-active-circle,
table.info .icon-banknote {
  font-size: 1.5em;
  color: #6B7280;
  margin-right: 20px;
  transition: color 0.15s;
}

table.info .icon-check:hover,
table.info tr.fila_over td .icon-check,
table.info .icon-active-circle:hover,
table.info tr.fila_over td .icon-active-circle,
table.info .icon-banknote:hover,
table.info tr.fila_over td .icon-banknote {
  color: #16A34A;
}

table.info .actions-cell
{
  text-align: center;
}

table.info .actions-cell .icon-pencil,
table.info .actions-cell .icon-bin,
table.info .actions-cell .icon-close
{
  margin-left: 8px;
  margin-right: 8px;
}
body.empty-area #layout,
body.empty-area #layout-container,
body.empty-area #container {
    min-height: auto;
}

.select2-container .select2-choice{
  border: 1px solid rgba(121, 116, 126, 1) !important;
}

.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-selection--single {
  border-radius: 6px !important;
  background: #FFFFFF !important;
  border: 1px solid #C3C0C4 !important;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-selection--single .select2-selection__arrow {
  background: #FFFFFF !important;
  background-image: none !important;
  border-left: none !important;
  box-shadow: none !important;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow b,
.select2-container.select2-container-disabled .select2-selection--single .select2-selection__arrow b {
  border-color: #938F96 transparent transparent transparent !important;
}

.ui-form input[disabled],
.ui-form select[disabled],
.ui-form textarea[disabled],
.ui-form .date-input:disabled,
.ui-form .amount-input:disabled {
  color: #AFACB2 !important;
  border-radius: 6px !important;
  -webkit-text-fill-color: #938F96 !important;
}

.date-input, .amount-input {
    width: 100%;
    height: 40px !important;
    line-height: 40px;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    padding: 0px 15px !important;
    border: 1px solid rgba(121, 116, 126, 1) !important;
}

.legend {
 font-family: 'Roboto', sans-serif;
 position: absolute;
 top: -10px;
 left: 10px;
 padding: 0 2px;
 font-size: 12px;
 color: #6B7280;
 background: #fff;
 z-index: 2;
}

.date-shell {
  display: flex;
  align-items: center;
}

.date-shell input[type="date"] {
  flex: 1;
  height: 50px;
  line-height: 50px;
  background: transparent;
  font-size: 15px;
  color: #111827;
  appearance: none;
  -webkit-appearance: none;
}

.col-currency {
  display: flex;
  gap: 14px;
}

.col-currency.single {
  display: block;
}

.exchange-field {
  display: none;
}


.col-currency {
  display: flex;
  gap: 14px;
}

.col-currency.split .currency-only,
.col-currency.split .exchange-field {
  flex: 1 1 0;
}


#CurrencyColumn {
  display: block;
}

#CurrencyColumn.split {
  display: flex;
  gap: 14px;
}
#CurrencyColumn.split .currency-only,
#CurrencyColumn.split .exchange-field {
  flex: 1 1 0;
}

#CurrencyColumn .exchange-field {
  display: none;
}

#CurrencyColumn.split .exchange-field {
  display: block;
}
#CurrencyColumn .select2-container {
  width: 100% !important;
}

#CurrencyColumn.split .currency-only {
  min-width: 0;
}
.select-wrap.is-select2::after {
  display: none !important;
}

.field col-1-3 js-recurring-field{
  margin-top: 10px;
}

.ui-dialog {
  padding: 0 !important;
}

.ui-dialog-content{
  overflow: auto !important;
  padding: 0 !important;
}

#ifraa, #ifraa2{
  width: 100%;
  border: 0;
  display: block;
}

.ui-dialog-titlebar {
  cursor: default !important;
}

#ifraa html{
  background-color: white !important;
}

#ifraa2 html{
  background-color: white !important;
}


html.iframe-mode {
  background-color: #ffffff !important;
}

/* ===================================
   Styles from admin_index.css
   =================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');

.facturas-card {
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  overflow: hidden;
}

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 16px 8px 16px;
}

.title-row {
  display: flex;
  align-items: baseline;
  gap: 16px;
}

.card-title {
  font-size: 28px;
  line-height: 1.1;
  margin: 0;
  font-weight: 700;
}

.card-link {
  color: #2563EB;
  text-decoration: none;
  font-weight: 500;
}

.card-link:hover {
  text-decoration: underline;
}

.filters {
  display: flex;
  align-items: center;
  gap: 12px;
}

.chart-wrap {
  padding: 8px 8px 0 8px;
}

.chart-wrap canvas {
  display: block;
  width: 100%;
  max-height: 420px;
}

.kpi-strip {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 20px 38px;
  border-top: 1px solid #E5E7EB;
  background: #fff;
  border-radius: 0 0 12px 12px;
}

.kpi-left {
  display: grid;
  grid-template-columns: 280px 1fr;
  grid-template-rows: 1fr 1fr;
}

.kpi-month {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 20px;
}

.kpi-meta {
  display: flex;
  position: relative;
  top: 25px;
  flex-direction: column;
  gap: 10px;
  color: #6B7280;
  font-size: 14px;
}

.kpi-badge,
.kpi-delta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.kpi-delta--down {
  color: #DC2626;
}

.kpi-delta--up {
  color: #16A34A;
}

.kpi-amount {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 700;
}

.kpi-right {
  text-align: right;
  display: grid;
  gap: 8px;
}

.kpi-right-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: black;
  font-weight: 500;
}

.kpi-right-amount { 
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  color: black;
  font-weight: 500;
}

.invoice-registry-header {
  padding: 20px 0px;
}

.invoice-registry-header h1 {
  margin: 0 0 20px 0;
  font-size: 32px;
  font-weight: 800;
  color: #111827;
}

.invoice-filters {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.filter-item {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 62px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #C7CCD7;
  border-radius: 10px;
  padding: 14px 16px 12px 16px;
  gap: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.filter-item:focus-within {
  border-color: #9EA3AF;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.filter-item--period {
  flex: 1 1 220px;
}

.filter-label {
  position: absolute;
  top: -9px;
  left: 12px;
  padding: 0 8px;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  color: #6B7280;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
  line-height: 1;
}

.filter-item select {
  border: none;
  background: transparent;
  font-size: 16px;
  padding-left: 6px !important;
  font-weight: 500;
  color: #1F2937;
  cursor: pointer;
  padding-right: 26px;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 12px;
  height: 34px;
}

.filter-item--period #filter-periodo {
  flex: 1;
  width: 100%;
  min-width: 0;
}

.filter-item--period .select2-container {
  flex: 1;
  width: 100% !important;
  min-width: 0;
}

.filter-item--period .select2-container .select2-dropdown {
  width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

.select2-drop,
.select2-dropdown {
  box-sizing: border-box;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
  border: 1px solid #C7CCD7;
  max-height: 115px;
  overflow-y: auto;
}

.select2-results{
  overflow-y: auto !important;
}

.filter-item select:disabled {
  background-image: none;
  padding-right: 0;
  opacity: 1;
}

.calendar-icon {
  color: #6B7280;
  display: flex;
  align-items: center;
}

.legend-gray {
  color: #6B7280;
  font-size: 13px;
  font-weight: 500;
  position: absolute;
  top: -8px;
  left: 12px;
  background: linear-gradient(to bottom, #f4f4f4 50%, #ffffff 50%);
  z-index: 10;
  line-height: 1.4;
}

.filters .legend {
  background: #fff;
  padding: 0 4px; 
}

.select-wrap {
  position: relative; 
  width: 100%;
  min-width: 100px;
}

.select2-container {
  width: 100% !important;
}

.select2-choice {
  border: 1px solid rgba(130, 130, 130, 0.3) !important;
  border-radius: 10px !important;
}

.select2-container .select2-selection--single {
  height: 58px; 
  border: 1px solid rgba(130, 130, 130, 0.3) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  display: flex;
  align-items: center;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.select2-container--open .select2-selection--single {
  border-color: #9EA3AF !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.select2-dropdown-open .select2-choice {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  font-weight: 500;
  color: #1F2937;
  padding-left: 16px !important;
  padding-right: 28px;
  line-height: normal !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 16px;
  transform: translateY(-50%);
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #6B7280 transparent transparent transparent;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  height: 0;
  width: 0;
  margin-left: -5px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.select2-dropdown {
  border-radius: 0 0 10px 10px;
  border: 1px solid #C7CCD7;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
  overflow-y: auto;
}

.invoice-filters {
  display: flex;
  flex-flow: row wrap;
  gap: 15px;
  align-items: flex-end;
}

.invoice-filters .select-wrap {
  width: auto;
  min-width: 160px;
  flex: 0 1 auto;
}

.invoice-filters .select2-container {
  width: 100% !important;
  min-width: 160px;
}

.select2-results__option {
  padding: 10px 14px;
  font-size: 14px;
}

.select2-results__option--highlighted {
  background-color: #2563EB !important;
  color: #fff !important;
}

.select2-results,
.select2-results__options {
  max-height: 105px;
}

.rebill-invoice {
  display: block;
  color: #0059DE;
}

.rebill-desc {
  position: relative;
  left: 22px;
  font-size: 15px;
  font-weight: 500;
  background-color: #3A89FF30;
  padding: 5px;
  border-radius: 5px;
}

.cancelled-invoice {
  display: block;
  color: #ff0000ff;
}

.cancelled-desc {
  position: relative;
  left: 22px;
  font-size: 15px;
  font-weight: 500;
  background-color: #ff0000ff;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}

/* Breakdown View Styles */
.breakdown-wrap {
  display: none;
  grid-template-columns: repeat(6, 1fr);
  gap: 5px;
  padding: 30px 35px 20px 35px;
}

.breakdown-card {
  background: #FEFEFE;
  border: 1px solid #D4D4D4;
  border-radius: 7px;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  min-height: 154px;
  box-sizing: border-box;
}

.breakdown-month {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  margin: 0;
}

.breakdown-amount {
  color: #223462;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 25px;
  line-height: 100%;
  margin: 0;
}

.breakdown-count {
  color: #828282;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}

.breakdown-delta {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
}

.breakdown-delta--up {
  color: #34B223;
}

.breakdown-delta--down {
  color: #FF0000;
}

.breakdown-empty {
  color: #828282;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
}

.field { 
  position: relative; 
  margin-bottom: 10px; 
}

.field label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #374151;
  font-weight: 500;
}

.field input[type=text],
.field textarea { 
  width: 100%;
  padding: 10px 12px;
  height: 50px;
  border: 1px solid #D1D5DB;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;
  color: #111827;
  outline: none;
  box-sizing: border-box;
}

.field input[type=text]:focus,
.field textarea:focus { 
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}

.field input[type=text]:disabled {
  background: #F3F4F6;
  cursor: not-allowed;
}

.select-wrap { 
  position: relative; 
  width: 100%; 
}

.select-wrap select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 10px 32px 10px 12px;
  height: 40px;
  border: 1px solid #D1D5DB;
  border-radius: 4px;
  font-size: 14px;
  background: #fff;
  color: #111827;
  outline: none;
  box-sizing: border-box;
}

.select-wrap select:focus {
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}

.select-wrap:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 5px 0 5px;
  border-style: solid;
  border-color: #6B7280 transparent transparent transparent;
  pointer-events: none;
}

.select-wrap.is-select2:after {
  display: none;
}

.date-wrap { 
  position: relative; 
  width: 100%; 
}

.date-wrap input {
  padding-right: 36px !important;
}

.date-wrap .calendar-ico {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -10px;
  color: #6B7280;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.select2-container {
  width: 100% !important;
}

.select2-drop,
.select2-dropdown {
  border: 1px solid #D1D5DB;
  box-shadow: 0 4px 6px rgba(0,0,0,.1);
}

.select2-results,
.select2-results__options {
  max-height: 220px;
}

.select2-results__option--highlighted,
.select2-result-selectable:hover {
  background: #2563EB !important;
  color: #fff !important;
}

.control-group {
  margin-bottom: 0px !important;
}

.select2-container .select2-choice {
    height: 40px !important;
    box-sizing: border-box !important;
    line-height: 40px !important;
    border-radius: 6px !important;
    padding:  0 0 0 13px !important;
}

.select2-drop {
    border-radius: 0 0 6px 6px !important;
}

.btn-primary {
    background: #0059DE !important;
    font-family: "Roboto", sans-serif;
    border: none !important;
    box-sizing: border-box;
    height: 40px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    align-content: center !important;
}

.btn-secondary {
    background: #E3E3E3 !important;
    color: #3F3F3F !important;
    font-family: "Roboto", sans-serif;
    border: none !important;
    box-sizing: border-box;
    height: 40px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    align-content: center !important;
}

.btn-danger {
    background: #DA4F49 !important;
    color: white !important;
    font-family: "Roboto", sans-serif;
    border: none !important;
    box-sizing: border-box;
    height: 40px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
}

.recurring-advice {
  color: #000000;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

input:focus {
  outline: none !important;
  border: 3px solid #223462 !important;
}

.select2-dropdown-open .select2-choice {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-drop, .select2-dropdown {
  overflow: auto !important;  
}

.col-1-1.js-recurring-field:has(.recurring-advice) {
    margin: 20px 0 0 !important;
}

.select2-drop .select2-results {
  overflow-y: auto !important;
}

.modal-title {
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

.modal-description {
  font-family: 'Roboto', sans-serif;
  text-align: justify;
  width: 350px;
  margin: auto;
  position: relative;
  top: 10px;
}

.empty-area {
    background: #F4F4F4;
}

input:focus {
  transition: none !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
  -webkit-box-shadow: none !important;
}

.modal-body {
    width: 448px;
}

.modal-dialog .modal-dialog-success {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
}

.success-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #FFFFFF;
    padding: 28px 45px 30px !important;
    border-radius: 20px 20px 0 0;
}

.success-icon-container {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #FDF3D8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.success-icon {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.success-title {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin: 10px 0;
}

.success-subtitle {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
    margin: 0;
    text-align: justify;
}

.modal-footer.success-footer {
    padding: 14px 35px;
    border-radius: 0 0 20px 20px;
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}

.modal-footer.success-footer.single-action {
    justify-content: center;
}

.modal-footer.success-footer.multi-action {
    justify-content: flex-start;
}

.btn-primary-success {
    background-color: #0055D4;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    width: auto;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary-success:hover {
    background-color: #0044aa;
}

.btn-secondary-success {
    background: transparent;
    border: none;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    padding: 10px;
}

.btn-secondary-success:hover {
    text-decoration: underline;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.icon-view {
    width: 20px !important;
    height: 20px !important;
    margin: 0 5px !important;
}

img.action-icon {
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

button.btn.btn-primary.pull-right {
    margin: 0 0 10px;
} 

#container .herramientas .btn-primary{
    margin: 0 0 10px;
}