/* CSS Document */
@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900);
@import url(http://fonts.googleapis.com/css?family=Nobile:400,700);

body{height: 100%;}
.logo-login{
    width: 100px !important;
}
#menu-container .logo.logomenu{
    width: auto;
}
.opaque {
    opacity: 1 !important;
  }
.fade-on-scroll{opacity: 1 !important;}
select{padding-left: 22px !important;cursor: pointer}
body{font-family:Open Sans,sans-serif; font-size:14px;font-weight: 300;}
#layout{min-height: 100vh;}
#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}
#mensajes #modal #modal-window{width: 340px;border-radius: 9px;z-index: 10;}
#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; }
.container_full_content{width: 97%;margin:0 auto;}

.input-check-options{width: 100%;display: block;height: auto !important;}
.input-check-options fieldset{width: 100%;position: relative;}
.input-check-options label{display: inline-block !important;width: 40% !important;}
#modal-overlay{background: none!important}
#mensajes #modal #modal-window .bot{background: none}
#mensajes #modal{z-index: 23;}
#modal #modal-window .buttons a.acept{ height: 25px;padding: 12.5px 0;float: left;background: #18cb6c;color: #fff;/*border-radius: 5px;*/ border-radius: 0px;font-size: 15px;text-align: center;width: 140px;margin-right: 20px}
#modal #modal-window .buttons a.acept:hover{background: #18cb6c;}
#modal #modal-window .buttons a.cancel{ height: 25px;padding: 12.5px 0;float: right;background: #6c1313;color: #fff;/*border-radius: 5px;*/border-radius: 0px;font-size: 15px;text-align: center;width: 140px;margin-right: 0}
#modal #modal-window .buttons a.cancel:hover{background: #6c1313}
#container .page_name{ float: left;margin: 27px 0; }
#container{ position: relative;}
#container .page_name h1, .duenos-propiedades{text-transform: uppercase; font-weight: bold;color:#616765; font-size:1.71em; float:left; margin:0}
#container .page_name #formBusquedas{float:right; padding-top:3px}
#container .herramientas{/*margin-bottom:10px;*/margin-top: 20px}
#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}
.icon-phone_in_talk{color: #ff5c0f;font-size: 1.6em;position: relative;top: 3px}
.icon-phone_missed{color: #ff5c0f;font-size: 1.6em;position: relative;top: 3px}
.icon-phone{color: #18cb6c;font-size: 1.6em;position: relative;top: 3px}
.icon-phone_forwarded{color: #fff;font-size: 1.4em;position: relative;top: 3px;}
.icon-checkbox-switch{margin-right: 10px;position: relative;top: 3px;}
div.input.icon_checkbox_hide input[type="checkbox"], div.input.icon_checkbox_hide input[type="radio"]{position: absolute;opacity: 0;z-index: -1;}
/*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: #efefef;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;display: none;}
#header .logo-inner{float:left; margin-top:17px;padding-right: 14px;/*border-right: 1px solid #c2c2c2;*/margin-right: 10px}
#header .logo-inner img{height: 18px;background: #363636;padding: 5px;}
#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{max-width: 220px;width: auto;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;position: relative;top: 10px;text-overflow: ellipsis;}
#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: absolute;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{color:#fa7076;top: 1px;position: relative;left: -7px;}
#header .dropdown-menu .arrow{border-bottom: 7px solid #5b5b5b;border-right: 7px solid transparent;border-left: 7px solid transparent;position: absolute;left: 27px;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; }
/*#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}
#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:#f80046;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; }

#header .info a:hover,#header .controles a:visited:hover{text-decoration:underline; border-radius: 0px;}
#footer{}
#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-size:1em;display:block;color:#fff;font-weight: 400;padding:14px 12px;text-transform: uppercase;border-bottom: 1px solid #727272;transition: all 0.2s;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;letter-spacing: 0.7px;line-height: 1em}
/*#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: #dadada;color:#696969;border-bottom: 1px solid #c1c0c0}
#menu li.selected .sub-menu li a:hover,#menu li.selected .sub-menu li.selected a{background-color:#edebeb}
#menu li .sub-menu li a{background-color: #4d4d4d;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: #2e2e2e;}
#menu li.selected a{background-color: #1e1e1e}
#menu li > a:before{font-family: 'icomoon';font-size: 1em;margin-right: 5px;position: relative;}
#menu li.chart > a:before{content:"\e99b";}
#menu li.panel > a:before{content:"\e905";}
#menu li.products > a:before{content:"\e901";}
#menu li.costumer > a:before{content:"\e972";}
#menu li.sales > a:before{content:"\e93b";}
#menu li.configuration > a:before{content:"\e996";}
#menu li.business > a:before{content:"\e9bc";}
#menu li.users > a:before{content:"\e971";}
#menu li.groups > a:before{content:"\e98f";}
#menu li.bullhorn > a:before{content:"\e91a";}
#menu li.user-tie > a:before{content:"\e976";}
#menu li.office > a:before{content:"\e909";}
#menu li.newspaper > a:before{content:"\e90a";}
#menu li.pencil2 > a:before{content:"\e90b";}
#menu li.list2 > a:before{content:"\e9bb";}
#menu li > a > .close-open-icon {font-size: 21px;float: right;}
#menu li > a > .close-open-icon:before{content:"❯";}
#menu li.selected > a > .close-open-icon:before{content:"✕";}
#menu .menu-link{width: 100%;}
#menu .menu-icon{position:relative;float:left;font-size: 18px;padding-right: 10px;top: -2px;}
#menu .menu-icon:before{}

#menu-container .logo{width: auto;display: block;height: 60px;margin: auto auto;padding-top: 10px;box-sizing: border-box;padding-bottom: 15px;}

.coll-full{max-width: 1500px; width: 90%; padding: 0 10px; margin: 0px auto;}

#container{padding: 1px 0 50px 0;background-color: #ebebeb;margin-left: 0;transition:all 0.3s ease 0s;left: 0;min-height: calc(100vh - 60px - 166px);}
#container.active{left: 260px}
#formBusquedas div.input{float:left; margin:0; margin-right:3px; width:auto; height:auto}
#formBusquedas div.inputs_busqueda{float:left}
#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}
.vista.form .view{}
.vista.form .descripcion{}
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 20px;font-weight: 300;color:#514d4d}
/*input{font-weight: 700}*/
select{width:100%;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}
.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 8px 10px 8px;text-align: center;color: #fff;text-transform: uppercase;background-color: #18cb6c;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;}
button.bt_down:hover{background-color: #00de68}
button.bt_down.middle{ display: block; float: none !important; margin: 0 auto;  }
button.cancel{background-color: #862929;}
button.cancel:hover{background-color: #A13737;}
button.bt_down.saveNext{background: #446a81;}
button.bt_down.saveNext:hover{background: #57829c;}
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;}
/* button.bt_over{background-color: #00de68} */

.contenido{clear: both}

/* Estilos Tables */
table.info {border:0;width:100%;padding: 0 23px 0 23px; color:#464444; font-size:12px;background-color: #fff;/* -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;*/}
table.info strong{color:#25221d; font-weight:bold}
table.info th{ color: #514d4d;text-align: left;font-size: 1.07em;vertical-align: middle;background: #fff;font-weight: 700;height: 54px;text-transform: uppercase;}
table.info th a:link,table.info th a:visited{font-size: 1em;text-decoration:none; color:#514d4d;display:block;padding:6.5px}
table.info th a.text{text-align: center;}
table.info td{padding-left:6.5px; border:0;line-height:22px; height:50px;vertical-align: middle; text-align:left;color: #474747;font-size: 1.07em;position: relative;font-weight: 300;color: #7e7e7e}
tr.filaE1 td{background:#ffffff;}
tr.filaE2 td{}
table.info th{text-align: center;border-bottom: 2px solid #7d7d7d;font-size: 16px;padding: 0px 5px;}
table.info td{text-align: center;border-bottom: 1pt solid #dcdcdc;}
table.info td span.important{ font-weight: 700; }
table.info td.text{text-align: left;/*text-transform: capitalize;*/}
table.info td.text, table.info td.text a, table.info td.text a.link{font-weight: 600 !important;color: #514d4d !important;}
table.info.first-full th:first-child{width: 70%;}
table.info .fila_over td{background-color: #e0dfdf;color: #323c3a}
table.info .fila_over td a:link, table.info tr.fila_over td a:visited{color: #323c3a}
table.info img{border-right:1px solid #ddd;padding-right:2px;margin-left:2px;margin-top:2px}
table.info img.thumb{padding: 5px;box-sizing: border-box;border: 0px;max-height: 80px;}
table.info td a:link,table.info td a:visited{color:#7e7e7e; font-weight:300;text-decoration: none}
table.info td span.left{display:block; text-align:left}
table.info td span.right{display:block; text-align:right}
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 span.ver-historial.off{display: none}*/
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{display: none; }*/
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: 10px; }
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, fieldset.grupo .icon-star-empty:hover{color: rgb(253, 233, 0);}
table.info [class^="icon-"],table.info [class*=" icon-"],fieldset.grupo [class^="icon-"]{font-size: 24px;color: #dcdcdc;margin-right: 10px;}
table.info .icon-pencil:hover,table.info tr.fila_over td .icon-pencil{color: #0999cf}
table.info .icon-lock:hover,table.info tr.fila_over td .icon-lock2{color: #7f7f7f}
table.info .icon-lock2:hover,table.info tr.fila_over td .icon-lock2{color: #7f7f7f}
#ifraa{max-height: calc(100vh - 51px);}
table.info .icon-unlocked{font-size: 1.5em;color: #dcdcdc;margin-right: 0px;}
table.info .icon-unlocked:hover,table.info tr.fila_over td .icon-unlocked{color: #7f7f7f}

.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{color: #446A81;}

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

table.info .icon-envelope:hover,table.info tr.fila_over td .icon-envelope{color: #446a81;}

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%;padding:0px; }

table.info .icon-star-full, fieldset.grupo .icon-star-full{color: rgb(253, 233, 0);}
table.info .icon-lock:hover,table.info tr.fila_over td .icon-lock{color: #d2bd0f}

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: #dcdcdc;margin-right: 20px;}
table.info .icon-inactive-circle:hover,table.info tr.fila_over td .icon-inactive-circle{color: #68162c}

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

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 
/*table.info.transferencias .icon-pencil, table.info.transferencias .icon-printer, table.info.transferencias .icon-tab{ font-size: 2em; margin-right: 30px; }*/


.paginator{color:#191919;background-color: #fff;padding: 20px  20px 40px 0;}
.paginator .pages{width: 100%;text-align: center;margin-bottom: 20px}
.paginator .pages .numbers{width: auto;background-color: #f1f1f1;padding: 15px 50px;height: auto;display: inline-block;font-weight: 700;border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:0px; }
.paginator .pages .numbers span a,.paginator .pages .numbers span.current{padding: 5px 10px;color: #505f51;text-decoration: none;font-size: 1.14em;margin-right: 10px}
.paginator .pages .numbers span a:hover,.paginator .pages .numbers span.current{background-color: #fff;color: #0cbc5f;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;box-shadow: 0 2px 3px 1px #bbbbbb;}
.paginator .pages .numbers span.current{margin-right: 15px}
.paginator .pages .current{ font-weight:bold; font-size:12px}
.paginator .pages span, .paginator .results span{margin-right:5px}
.paginator .pages span a:hover,.paginator .pages span a:visited:hover, .paginator .results span a:hover, .paginator .results span a:visited:hover{text-decoration:none}
.paginator .status,.paginator .results{font-size: 0.8em;line-height: 2em;text-align: center}
.paginator .pages .numbers a.next,.paginator .pages .numbers a.prev{background: url(dashboard/flechas-paginador.png) no-repeat;width: 15px;height: 16px;background-size: 150% auto;background-position: -12px 0;display: inline-block;position: relative;top: 2px}
.paginator .pages .numbers a.next:hover{background-position: -12px -16px}
.paginator .pages .numbers a.prev{background-position: 3px 0;margin-right: 10px}
.paginator .pages .numbers a.prev:hover{background-position: 3px -16px}
.paginator .results a{color: #000}
.paginator .results a:hover{text-decoration: underline !important}


/*** 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}

/****BOTONES***/

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


/****FORMULARIOS***/
/*form{padding-left:10px;overflow:hidden;clear: both;padding-right:20px;padding-top:10px;padding-bottom:10px;}*/
form{padding: 20px 30px;clear: both;overflow: hidden;}
.form{padding: 20px;  background-color: #fff;}
.botonera{clear:left;text-align: center;margin-top: 30px}
div.textarea, div.input, div.radio, div.select, div.checkbox{margin-bottom: 25px;float:left;margin-right: 0px;width: 50%;height:auto;padding-right: 20px;box-sizing: border-box;}
div.textarea table.mceLayout{max-width: 100%;width: 100% !important;}
.pro{margin-bottom:20px; float:left; margin-right:4%; width:45%; height:auto}
div.chico{width:224px}
div.carac_group{ width:auto}
div.carac_group div.checkbox{width:200px}
div.idioma{width: 185px;padding-right: 20px !important;}
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: 0px; -moz-border-radius:0px; -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;display: none;}

.border{ border:2px solid #dfdfdf; }
.light-border{ border:1px solid #dfdfdf; }
fieldset.grupo{/*border:2px solid #dfdfdf; */background:#FFFFFF;padding:10px 10px 0;margin-bottom:10px;border-radius: 0px;}
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,div.textarea label{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{margin-top: 10px;}
.error_message,#msgflash .error{color:#fff; border:1px solid #FF0404; display:block; padding:10px 10px 10px 40px; margin-bottom:10px; color:#191919; font-size:13px; font-weight:bold}
.error-message{color:#FF0404; font-size:11px; font-weight:bold; float:left; clear:left;height: 0;}
#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}
#msgflash .success:before,#msgflash .error:before{font-family: icomoon;content: "\e602";font-size: 2em;color: #04984c;font-weight: normal;position: absolute;left: 6px;top: 6px}
#msgflash .error{background-color: #fbe3e3;position: relative}
#msgflash .error:before{content:"\e912";color: #df0000}

/*div.error input{float:left}*/
div.error input, div.error select, div.error textarea{ background-color:#FFDEDE !important; 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}*/

#traduccionForm{padding: 20px 0px;}
#admin_traducciones button{height:auto;float: right;margin: 0px;margin-left: 20px;}
#admin_traducciones button.bt_down{height: 45px;line-height: 35px;padding: 0 20px;width: auto!important;background: #7b7c7c;cursor: pointer;font-size: 15px;}
#admin_traducciones button.bt_down img{display: none;}
#admin_traducciones button.bt_down br{display: none;}
#admin_traducciones form button.bt_down:first-of-type{background: #49bedc}
#admin_traducciones form button.bt_down:nth-of-type(2){background: #d64242}
#admin_traducciones form button.bt_down:last-of-type{background: #a0a0a0}

fieldset{border:none; clear:left}
legend{color:#514d4d;font-weight:700;padding-bottom: 15px;text-transform: uppercase;}
iframe#idiomaPreview {width: 100%;height:600px;border: 1px solid #a0aba3;padding:2px;box-sizing: border-box;}
#idiomaPreview fieldset{margin-left: 0 !important}
.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: 44px;padding: 3px 4px 0px 4px;width: 100%;float:left;background:#A9C7F0 url(../img/editor/toolbar.gif) repeat-x;background-size: 100% 42px;box-sizing: border-box;padding-top: 7px;}
#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: -1px;}
#toolbar select.font{width:180px;}
#toolbar select{background: url("/img/icons/select-icon.png") no-repeat;background-size: 9px auto;background-position: 95% 50%;background-color: #fff;border-radius: 0px;height: 28px;margin: -1px 7px;}
#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}
#toolbar.disabled img{filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;}
#toolbar.disabled a{cursor:default}
#toolbar.disabled select{color:#fff}

.spacer{clear:both}
.simple hr.spacer{width: 95%;margin:0 auto;}
hr{border:0;border-top:1px solid #d1dad3; 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: #a2a2a2;background: #ebebeb;/* 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: #ffffff;border: 1px solid #ebebeb;border-right-color: #ebebeb;border-bottom:0;color:#000;line-height:2.1em;text-decoration:none;top:1px;border-bottom: 0px;}
.tabbed-pane .content{display:none;background: #fff;padding:10px;border: 1px solid #ebebeb;}
.tabbed-pane .selected{display:block}
.simple .tabbed-pane{padding: 0px 15px;box-sizing: border-box;}
.greenborder img{border:3px solid #A0CF1A;}

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

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

/***	File Uploader	***/
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}
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:2px 0;width:370px;margin:4px;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}

/* landings*/

.admin-landings-02{}
.admin-landings-02 .data-grid{display: inline-block;width: 50%;float: left;height: 100%;padding-right: 20px;box-sizing: border-box;}
.admin-landings-02 .iframe-grid{float: left;width: 50%;display: block;min-height: 500px;position: relative;right: 0px;box-sizing: border-box;}
.admin-landings-02 .iframe-grid.view-mobile{width: 40%;}
.admin-landings-02 .iframe-grid iframe{width: 100%;height: 100%;position: relative;display: block;float: none;overflow: hidden;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.admin-landings-02 .content{display: inline-block;width: 100%;height: auto;position: relative;}
.iframe-fixed{position: relative;width: 100%;display: block;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.iframe-fixed.isFixed{position: fixed;top:10px;}


.admin-landings-02 .data-grid{display: inline-block;width: 40%;float: left;height: 100%;padding-right: 20px;box-sizing: border-box;}
.admin-landings-02 .data-grid.mobile{width: 60%;padding-right: 60px;}
.admin-landings-02 .iframe-grid{float: left;width: 60%;display: block;min-height: 500px;position: relative;right: 0px;box-sizing: border-box;}
.admin-landings-02 .iframe-grid iframe{width: 200%;height: 200%;position: relative;display: block;float: none;overflow: hidden;transform:scale(0.5);-webkit-transform:scale(0.5);transform-origin:top left;-webkit-transform-origin:top left;border: solid 1px #ebebeb;-webkit-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);-moz-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);}
.admin-landings-02 .iframe-grid iframe.view-mobile{width: 100%;height: 100%;position: relative;display: block;float: none;overflow: hidden;transform:scale(1);-webkit-transform:scale(1);}
.admin-landings-02 .content{display: inline-block;width: 100%;height: auto;position: relative;padding-bottom: 10px;}
.iframe-fixed{position: relative;width: 100%;display: block;height: 100%;}
.iframe-fixed.isFixed{position: fixed;top:10px;}
.loading-content{position: absolute;height: 100%;width: 100%;z-index: 100;display: block;top: 0px;left: 0px;background: #fff;opacity: 0.8;transition:all 0.3s ease 0s;}
.loading-content.out{opacity: 0;pointer-events: none;}

.admin_landing_content{position: relative;display:inline-block;width: 100%;}
div.input.idioma_option{width: 200px;display: flex;align-items: center;vertical-align: middle;margin: 0px;position: absolute;background: #fff;padding: 10px;left: 0px;top: -42px;}
div.input.idioma_option label{margin-bottom: 0px;width: auto;float: left;font-weight: bold;margin-right: 20px;}
div.input.idioma_option select{background: url(/img/icons/select-icon.png) no-repeat;background-size: 14px auto;background-position: 96% 50%;background-color: #fff;border-radius: 0px;height: 28px;float: left;padding: 0px 5px 0px 5px !important;width: 100%;text-align: center;line-height: 19px;font-size: 13px;}



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;width: 100% !important;height: 100%;}
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*/;width:33%;height: 3em;float:left;}
dl.data dd{margin-bottom:5px;width: 33%;float:left;padding-top:1.5em;height: 2.5em;margin-left: -33%;}
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}
.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 {
    border-top: 1px solid #333;
    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 li, .multipleCategoria label, .multipleCategoria .checkbox {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.multipleCategoria a, .multipleCategoria .desc {
    color: #000;
    font-size: 16px;
    font-style:bold;
    text-decoration: none;
    margin-right: 20px;
}
.multipleCategoria .edit:hover {
    color: #0999cf;
}
.multipleCategoria .delete:hover {
    color: #c30f18;
}
.multipleCategoria a.action:hover {
    text-decoration: none;
}
.multipleCategoria input, .distcheck {
    float: left;
    height: 12px;
    margin: 10px 7px 0 0;
    width: 12px;
}
.dinamic-inpd{
    display: none;
}
.grid-content{display: grid;}
.ckdcontent{display: flex; align-items: baseline;}
.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 {
    background-color: #e0dfdf;
    display: block;
}
.multipleCategoria li:hover a span.icon-pencil{color: #0999cf;}
.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 #18cb6c;
}
.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;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: 0px;max-width: initial;min-width: 200px;width: 25%;position: relative;margin-right: 0px;padding-right: 20px;box-sizing: border-box;}
.form.filtro div.input:nth-child(4n){
    padding-right: 0px;
}
.form.filtro div.input.button_filter{float: left;padding: 0px;margin-bottom: 0px;}
.form.filtro div.input.button_filter.last{float: right;}
.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.bloque7 .forma.bt_down{width: 24%;margin-left: 0px;box-sizing: border-box;}
.form.filtro.bloque7 div.input{padding-right: 11px;margin-right: 0px;box-sizing: border-box;width: 25%;}

.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;}
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;display: inline-block;margin-top: -10px;}
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;}

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

.categoria_form{ padding: 10px 15px; }
.categoria_form .input{
	width: 100% !important;
	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; }

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: 50%}
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: ''; }
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{background-color: #363636;box-shadow: -7px 0 10px 0 #282828 inset;height: 100%;position: fixed;left: 0;top: 0px;width: 260px;}
#menu-container.show{z-index: 0;transition: all 0.3s ease 0.3s;-webkit-transition: all 0.3s ease 0.3s;}
#menu{background: none;display: block;margin-left: 0;width: auto;border-top: 1px solid #727272;max-height: calc(100vh - 60px);overflow: auto;}

#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.product_code{ width: 16.8%; margin-right: 0px;margin-left: 2%; }
/*.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}
table.info.noActions tr td:last-child{text-align: center;font-size: 1.07em;}
#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%}

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

.controles-logout.alert div{ position: fixed !important; }
#header .profile{ background-color: #fafafa; padding: 5px;  z-index: 10;cursor: pointer;  -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s;}
/*#header .profile:hover{background: #f5f5f5;}*/
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 { background-image: url('style/fancybox_sprite.png'); opacity: 0; position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; pointer-events:none; z-index: 5; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s; }
#fancybox-loading-ajax.active{ display: block; opacity: 0.8; -webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s; }
#fancybox-loading-ajax div { width: 44px; height: 44px; background: url('style/fancybox_loading.gif') center center no-repeat; }
.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;
}
*/
#map-canvas {
    width: 100%;
    height: 400px;
}
#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%;display: inline-block;}
#click-outside.active{ display: block; }

.ui-widget-header,.ui-corner-all{border-radius: 0;}
.ui-widget-header{height: 50px}
.ui-dialog .ui-dialog-title{padding: 12px 15px 0;font-size: 1.2em;font-weight: 700;text-transform: uppercase}
.ui-dialog{background: #fff;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable{position: fixed !important;}
.ui-dialog .ui-dialog-title .name{color: #ff7331}
.ui-dialog .ui-dialog-titlebar-close{right: 20px;top: 22px}
.ui-dialog-buttonpane{}
.ui-dialog-buttonpane .ui-button{background: #18cb6c;text-transform: uppercase;border: 0px;transition: all 0.5s;-webkit-transition: all 0.5s;}
.ui-dialog-buttonpane .ui-button:hover{background-color: #00de68;}
.ui-dialog-buttonpane .ui-button:last-child{background: #862929;}
.ui-dialog-buttonpane .ui-button:last-child:hover{background-color: #A13737;}
#click-outside.active{ display: block; }
tr.filaE2 td:first-child,tr.filaE1 td:first-child{font-weight: bold; color: #3c3c3c;}
.form.filtro button{margin-left: 0px;width: auto;padding: 0px 30px;background-color: #446a81;float: left;margin-top: 27px;line-height: 1em;width: 100%;}
#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: #ffffff;
    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; }

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;height: 30px;}
.grupo label.switch.label-siwtch {padding: 0px;border-bottom: none;}
.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;
}
.title-switch{float: left;margin-bottom: 0px;margin-top: 17px;cursor: pointer;}
.switch-content .label-siwtch{float: none;top: 30px;position: absolute;left: 0px;}
.switch-content{width: 400px;display: inline-block;border-bottom: 1px solid #dcdcdc;height: 54px; display: block; cursor: pointer;}
.switch-content.input{height: 85px;position: relative;display: inline-block;width: auto;}
.switch-content.input.noBorder{border-bottom: 0px;margin-bottom: 0px;}
.switch-content.input label:not(.label-siwtch){width: auto;display: block;margin: 0px;}
.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: 1300px) {
    .barras-menu{display: none}
    #container{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;}
}

#aceptButton.buttonMidle{ float: none !important; display: block; margin: 0 auto !important; }
.donwload_link { font-weight: 600; display: inline-block; width: auto; background: #fff; float: right; padding: 10px 23px; /*margin-bottom: 20px;*/ text-decoration: none; text-transform: uppercase; color: #446A81; -webkit-transition: 0.2s;transition: 0.2s; }
.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,form .input.textarea{margin-top: 0px;height: auto;margin-bottom: 18px;}
form div.input:nth-of-type(2n){padding-right: 0px;}
form .input.text input,form .input.select select{padding-left:8px;width: 100%;}
form div.input.text.long{width: 60% !important;margin-right: 11px}
form div.input.select.small,form .input.text.small{width: 20% !important;margin-right: 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%;}
.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;}
.icon-credit-card{font-size: 2em;color: #514d4d;position: absolute;right: 10%;top: 0.5em;}
.indicador_submenu{display: inline-block;position: absolute;left: 86%; top: 3px;font-size: 26px;color: #fff;} 
.icon-credit-card{font-size: 2em;color: #514d4d;position: absolute;right: 10%;top: 0.5em;}
#AuthPuntoVenta{padding: 0px;}
.input.radio.full{width: 100%}
#nueva_ubicacion{margin-bottom: 10px;display: block;float: right;color: green;text-transform: uppercase;font-weight: 600;cursor: pointer;}
#nueva_ubicacion:hover{text-decoration: underline;}
form#add-page{padding: 0px;margin: 0px;}
form#add-page input{padding: 0px;height: 25px;line-height: 25px;}
fieldset.table{background:#FFFFFF; padding:0; margin-bottom:10px; border-radius: 0px;}
fieldset.table table{margin: 0px;padding: 0px;}
fieldset.table table tbody div.input {margin: 0px;width: 100%}
fieldset.table .input.recomendacion_options{width: 100%;padding: 0px 15px;box-sizing: border-box;}
fieldset.table table.info th{}
fieldset.table table tbody div.input input, fieldset.table table tbody div.input select{height: 50px;width: 90%;margin: 0 auto;border-color: #d4d4d4;}
fieldset.table table tbody td{padding: 5px 0px;}
table.encuestasTable tr th{background: #514d4d;color: #fff;}
table.encuestasTable thead th:nth-child(1), table.encuestasTable thead th:nth-child(5){width: 5%;padding: 0px 5px;}
table.encuestasTable thead th:nth-child(2){width: 15%;}
table.encuestasTable thead th:nth-child(3){width: 40%;}
table.encuestasTable thead th:nth-child(4){width: 25%;}
table.encuestasTable .error-message{width: 90%;margin: 0 auto;position: relative;clear: none;text-align: left;float: none;}

table.responsablesTable tr th{background: #514d4d;color: #fff;}
table.responsablesTable thead th:nth-child(1),table.responsablesTable thead th:nth-child(5){width: 5%;padding: 0px 5px;}
table.responsablesTable .error-message{width: 90%;margin: 0 auto;position: relative;clear: none;text-align: left;float: none;}


table.responsableCompromisoTable tr th{background: #514d4d;color: #fff;}
table.responsableCompromisoTable thead th:nth-child(1),table.responsableCompromisoTable thead th:nth-child(7){width: 5%;padding: 0px 5px;}
table.responsableCompromisoTable thead th:nth-child(4),table.responsableCompromisoTable thead th:nth-child(6){width: 15%;padding: 0px 5px;}
table.responsableCompromisoTable .error-message{width: 90%;margin: 0 auto;position: relative;clear: none;text-align: left;float: none;}

.addNewRow{color: #42c34e;text-transform: uppercase;cursor: pointer;font-weight: 600;position: relative;padding-left: 15px;float: right;margin-top: 15px;}
.addNewRow span{left: 0;font-size: 1.3em;font-weight: 700;position: absolute;top: 0px;}
.addNewRow:hover{text-decoration: underline;}

form.filtro input.datetimepicker.range{ width: 45%; margin-right: 2%; left: 0; }
form.filtro input.datetimepicker.range.last{ width: 45%; margin-right: 0px; right: 0; margin-left: 2%;  }

.grid1{width: 100%;}
.grid2{width: 50%;}
.grid3{width: 33.33%;}
.grid4{width: 25%;}
.grid5{width: 20%;}

div.input.grid1, div.textarea.grid1{width: 100%;margin-right: 0px;}
div.input.grid2, div.textarea.grid2{width: 49%;margin-right: 2%;}
div.input.grid3, div.textarea.grid3{width: 32%;margin-right: 2%}
div.input.grid4, div.textarea.grid4{width: 24%;margin-right: 1%}

div.bar-range{padding: 0 10px;box-sizing:border-box;}
.bar-range .bar{margin-top: 40px;margin-right: 10px;margin-bottom: 30px}

.EncuestasForm .error-message.fieldset{display: block;float: none;clear: none;margin-bottom: 10px;font-size: 0.9em;}
.EncuestasForm .proyecto_fecha{display: inline-block;width: 30%;margin-right: 5%;float: left;padding: 0px;margin-bottom: 10px;position: relative;}
.EncuestasForm .proyecto_fecha div.checkbox{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;position: relative;width: 65%;background: #efefef;height: 50px;line-height: 50px;margin: 0px;color: #fff;font-weight: bold;border: solid 2px #efefef;border-right: 0px;box-sizing: border-box;}
.EncuestasForm .proyecto_fecha .datetimepicker{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;float: right;width: 35%;height: 50px;border: none;box-sizing: border-box;text-align: center;border-style: solid;border-color: #efefef;border-width: 2px 2px 2px 0px;color: #b3a8a8;font-weight: bold;padding: 4px;}
.EncuestasForm .proyecto_fecha div.checkbox label{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;height: 100%;line-height: 50px;font-weight: bold;width: 100%;padding: 0px 10px;box-sizing: border-box;color: #b3a8a8;cursor: pointer;}
.EncuestasForm .proyecto_fecha div.checkbox input{position: absolute;z-index: -1;}
.EncuestasForm .proyecto_fecha.active div.checkbox{background: #49af52;border: solid 2px #49af52;border-radius: 0px;}
.EncuestasForm .proyecto_fecha.active div.checkbox label{color: #fff}
.EncuestasForm .proyecto_fecha.active .datetimepicker{color: #514d4d;}
fieldset.table tr td,fieldset.table tr.fila_over td{background: #fbf9f9;}

.EncuestasForm.EditProyectos .proyecto_fecha{width: 100%;margin-right: 0px;}
.EncuestasForm.EditProyectos table.info{padding: 0px;}
.EncuestasForm.EditProyectos table.info tr th{text-align: center;border-bottom: 2px solid #7d7d7d;font-size: 16px;background: #514d4d;color: #fff;height: 40px;font-size: 1.1em;}
.EncuestasForm.EditProyectos table.info tr td{height: 40px;}
.EncuestasForm.EditProyectos fieldset.grupo{margin-bottom: 30px;}
.EncuestasForm.EditProyectos fieldset.grupo legend{text-align: center;display: block;width: 100%;text-transform: uppercase;}

span.strong{font-weight: bold;}
span.encuestas-status.1{color: green;}
span.encuestas-status.2{color: orange;}

ul#tab-options{width: 100%;display: inline-block;background: #fff;border-bottom: solid 1px #ebebeb;padding: 0px;margin: 0px;box-sizing: border-box;}
#tab-options .title-tab{}
#tab-options .tabs-button{transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;font-size: 15px;float: left;box-sizing: border-box;padding: 0px 20px;height: 39px;display: flex;align-items: center;border-left-width: 1px;width: auto;position: relative;border-bottom: solid 3px transparent;cursor: pointer;}
#tab-options .tabs-button:hover{color: #41AF4B;}
#tab-options .tabs-button.active{color: #41AF4B;border-bottom: 3px solid #41AF4B;}
ul#tabs-list{margin: 0px;padding: 0px;}
ul#tabs-list .tab-li{list-style: none;display: none;}
ul#tabs-list .tab-li.active{display:block;}

span.span_filtros{padding: 9px;background-color: #fff;margin-right: 17px;margin-top: 0px;display: inline-block;font-size: 15px;border-bottom: 2px solid #446a81;margin-bottom: 10px;}
span.span_filtros.pedientes{border-color:#ff5c0f;}
span.span_filtros.en_proceso{border-color:#f8c301;}
span.span_filtros.finalizados{border-color:#18cb6c;}
span.span_filtros.status_concentrados{cursor: pointer;position: relative;top:0px;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
/*span.span_filtros.status_concentrados:hover{-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5);-moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5);top: -4px;}*/
span.span_filtros.status_concentrados.active{-webkit-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5);-moz-box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.75);box-shadow: 3px 3px 9px 0px rgba(0,0,0,0.5);top: -4px;}

/*APLICAR ENCUESTA*/
/*APLICAR ENCUESTA*/
.AplicarEncuesta table.encuestasTable tr th{background: #514d4d;color: #fff;font-size: 1.1em;}
.AplicarEncuesta table.encuestasTable thead th:nth-child(1)/*, table.encuestasTable thead th:nth-child(4)*/{width: 5%;padding: 0px 5px;}
.AplicarEncuesta table.encuestasTable thead th:nth-child(2){width: 30%;}
.AplicarEncuesta table.encuestasTable thead th:nth-child(3){width: 20%;}
.AplicarEncuesta table.encuestasTable thead th:nth-child(4){width: 25%;}
.AplicarEncuesta table.encuestasTable thead th:nth-child(5){width: 20%;}
.AplicarEncuesta table.encuestasTable .input.comentarios input{font-size: 1em;}
.AplicarEncuesta table.encuestasTable .cajones select{font-size: 0.8em;}
.AplicarEncuesta table.encuestasTable .error-message{width: 90%;margin: 0 auto;position: relative;clear: none;text-align: center;float: none;}
.AplicarEncuesta .tipo_pregunta{display: block;font-weight: 600;text-align: center;}
.AplicarEncuesta .encuesta_pregunta{display: block;text-align: center;}
.AplicarEncuesta fieldset.table{margin-bottom: 20px;}
.AplicarEncuesta dl.data dd{margin-right: 0px;width: 33%;margin-left: -33%;}
.AplicarEncuesta dl.data dt{/*width: 33.33%;margin-left: -33.3%;*/margin-right: 0px;}
.AplicarEncuesta table.info th{height: 40px;}
.AplicarEncuesta table.info div.input.radio.error{border: solid 1px red;box-sizing: border-box;}
.AplicarEncuesta table.info div.input.radio input{position: relative;z-index: -1;width: 0px;height: 0px;}
/*.AplicarEncuesta table.info div.input.radio label{display: block;text-transform: uppercase;margin-right: 0px;margin-bottom: 0px;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}*/
.AplicarEncuesta table.info div.input.radio label{display: block;text-transform: uppercase;margin-right: 0px;margin-bottom: 0px;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;position: relative;text-align: left;box-sizing: border-box;padding-left: 20%;}
.AplicarEncuesta table.info div.input.radio label span.icon-arrow-right{margin-right: 5px;opacity: 0;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;color: #18cb6c;}
.AplicarEncuesta table.info div.input.radio label.active{font-weight: 600;color: #446a81;}
.AplicarEncuesta table.info div.input.radio label.active span.icon-arrow-right{opacity: 1;}

/* LISTADO DE PROSPECTOS PARA LAS ENCUESTAS */
#EncuestasProspectos .encuestar-prospecto-value{display: block;font-weight: 400;text-align: left;}
#EncuestasProspectos .encuestar-fullname{clear: both;text-align: left;display: block;font-size: 1.2em;height: 30px;line-height: 40px;overflow: hidden;}
#EncuestasProspectos table.info td{height: 80px;}
.encuesta-ocupada-por-title{display: block;color: #ff5c0f;}
.asignar-responsable{cursor: pointer;}
.asignar-responsable:hover{text-decoration: underline;}
#EncuestasProspectos .encuesta-success{display: block;color: #18cb6c}
#EncuestasProspectos .encuesta-last-call{color: #446a81;display: block;}
#EncuestasProspectos .encuesta-ocupada-por{font-weight: 600;text-decoration: underline;color: #ff5c0f;}
#EncuestasProspectos .sin-registros{display: block;}
#EncuestasProspectos .close-encuesta-proyecto{width: auto;text-align: center;text-transform: uppercase;background-color: #7059b0;border: 0;font-size: 1em;margin-bottom: 20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;display: inline-block;position: relative;height: auto;padding: 10px 20px;border-radius: 0px;color: #fff;margin-top: 10px;color: #fff;font-weight: 600;}
#EncuestasProspectos .finish-encuesta{padding: 10px 0px;}
#EncuestasProspectos .encuesta-ocupada-fecha{font-weight: 600;/* color: #446a81; */}
#EncuestasProspectos .encuesta-disponible{color: #18cb6c;}
#EncuestasProspectos .encuesta-en-proceso{color: #f8c301;}

/* GOOGLE CHARTS */
.chart_block{position: relative;float: left;margin-right: 5%;margin-bottom: 20px;}
.chart_block.last{float: right;margin-right: 0px;}

form.cancelaciones{padding: 0}
form.cancelaciones fieldset.grupo{padding: 30px}
form.cancelaciones div.input,  form.cancelaciones div.select{width: 20%}
form.cancelaciones div.comentarios_cancelacion{margin-bottom: 20px!important}
form.cancelaciones div.comentarios_cancelacion label{height: 66px!important}
form.cancelaciones div.comentarios_cancelacion select{margin-top: 70px!important}
form.cancelaciones div.text_comentarios{width: 44%}

.tableScrollResponsive{display: inline-block;overflow-x: auto;overflow-y: hidden;}
.total_row td{border-top: 2px solid #7d7d7d !important;}
table.bajar_table{margin-top:25px;}
div.disabled-input{opacity: 0.5;pointer-events: none;}
.fecha_compromiso{text-align: center;}

::-webkit-input-placeholder {color:#d4d4d4;}
:-moz-placeholder {color:#d4d4d4;opacity:1;}
::-moz-placeholder {color:#d4d4d4;opacity:1;}
:-ms-input-placeholder {color:#d4d4d4;}
::-ms-input-placeholder {color:#d4d4d4;}

.important-text{color:#514d4d;font-weight:700;padding-bottom: 15px;text-transform: uppercase;display: block;text-align: center;}
.responsablesActividades .content-row{background: #fbf9f9;border-bottom: 1pt solid #dcdcdc;display: inline-block;width: 100%;box-sizing: border-box;margin-bottom: 20px;}
.responsablesActividades .content-row .body-row{display: inline-block;width: 100%;padding: 0 10px;box-sizing: border-box;}
.responsablesActividades .content-row .header-row{display: block;width: 100%;min-height: 40px;background: #514d4d;color: #fff;margin-bottom: 10px;}
.responsablesActividades .content-row .icon-bin{position: relative;float: right;line-height: 40px;margin-right: 10px;}
.responsablesActividades .content-row .icon-bin{cursor: pointer;}
.responsablesActividades .content-row .icon-bin:hover{color: #c30f18;}
.responsablesActividades .content-row .indexRow{line-height: 40px;margin-left: 10px;font-weight: 700;}
.responsablesActividades .content-row div.textarea label{text-align: left;}
.responsablesActividades .content-row textarea{height: 80px;}
.responsablesActividades .addNewRow{margin-bottom: 15px;display: inline-block;float: right;margin-top: 0px;}
.responsablesActividades .legend{color: #514d4d;font-weight: 700;padding-bottom: 15px;text-transform: uppercase;display: inline-block;}

.responsablesActividades2 .content-row{background: #fbf9f9;border-bottom: 1pt solid #dcdcdc;display: inline-block;width: 100%;box-sizing: border-box;margin-bottom: 20px;}
.responsablesActividades2 .content-row .body-row{display: inline-block;width: 100%;padding: 0 10px;box-sizing: border-box;}
.responsablesActividades2 .content-row .header-row{display: block;width: 100%;min-height: 40px;background: #514d4d;color: #fff;margin-bottom: 10px;}
.responsablesActividades2 .content-row .icon-bin{position: relative;float: right;line-height: 40px;margin-right: 10px;}
.responsablesActividades2 .content-row .icon-bin{cursor: pointer;}
.responsablesActividades2 .content-row .icon-bin:hover{color: #c30f18;}
.responsablesActividades2 .content-row .indexRow{line-height: 40px;margin-left: 10px;font-weight: 700;}
.responsablesActividades2 .content-row div.textarea label{text-align: left;}
.responsablesActividades2 .content-row textarea{height: 80px;}
.responsablesActividades2 .addNewRow{margin-bottom: 15px;display: inline-block;float: right;margin-top: 0px;}
.responsablesActividades2 .legend{color: #514d4d;font-weight: 700;padding-bottom: 15px;text-transform: uppercase;display: inline-block;}

.responsablesActividades3 .content-row{background: #fbf9f9;border-bottom: 1pt solid #dcdcdc;display: inline-block;width: 100%;box-sizing: border-box;margin-bottom: 20px;}
.responsablesActividades3 .content-row .body-row{display: inline-block;width: 100%;padding: 0 10px;box-sizing: border-box;}
.responsablesActividades3 .content-row .header-row{display: block;width: 100%;min-height: 40px;background: #514d4d;color: #fff;margin-bottom: 10px;}
.responsablesActividades3 .content-row .icon-bin{position: relative;float: right;line-height: 40px;margin-right: 10px;}
.responsablesActividades3 .content-row .icon-bin{cursor: pointer;}
.responsablesActividades3 .content-row .icon-bin:hover{color: #c30f18;}
.responsablesActividades3 .content-row .indexRow{line-height: 40px;margin-left: 10px;font-weight: 700;}
.responsablesActividades3 .content-row div.textarea label{text-align: left;}
.responsablesActividades3 .content-row textarea{height: 80px;}
.responsablesActividades3 .addNewRow{margin-bottom: 15px;display: inline-block;float: right;margin-top: 0px;}
.responsablesActividades3 .legend{color: #514d4d;font-weight: 700;padding-bottom: 15px;text-transform: uppercase;display: inline-block;}

table.responsablesTable div.input{padding:10px;box-sizing: border-box;text-align: left;}
table.responsablesTable .SumoSelect:focus > .CaptionCont, table.responsablesTable .SumoSelect:hover > .CaptionCont, table.responsablesTable .SumoSelect.open > .CaptionCont{border:1px solid #18cb6c;}
table.responsablesTable{overflow: visible;}

#AtenderCajon #ResponsablesConcentradoObservaciones,#AtenderCajon #ResponsablesConcentradoAnalisisCausa{height:80px;}
.responsable-data{}

.slide-event-div{height: auto;overflow: hidden;width: 100%;display: inline-block;max-height: 0px;padding-top: 20px;position: relative;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.slide-event-div.down{max-height: 300px;}
.slide-event-div .slide-event-action{position: absolute;right: 0px;top: 0px;text-transform: uppercase;font-weight: 600;font-size: 11px;cursor: pointer;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;padding-left: 15px;}
.slide-event-div .slide-event-action:before{content: "";background:url("/img/icons/select-icon.png") no-repeat;background-size: 10px 10px;background-size: 10px 10px;background-position: 0px;position: absolute;display: inline-block;z-index: 21;height: 10px;top: 3px;/* transform: rotate(180deg); */left: 0px;background-repeat: no-repeat;width: 10px;}
.slide-event-div.down .slide-event-action:before{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

/*RESPONSIVE*/
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px){
	.form.filtro div.input{width: 100% !important;margin-right: 0px !important;margin-left: 0px !important;padding-right: 0px !important;}
	.form.filtro button{margin-right: 0px !important;margin-left: 0px !important;width: 100% !important;}
	fieldset.table{min-width: 100%;}
	table.info th{font-size: 1em;}
	table.info tr td:last-child, table.info tr th:last-child{font-size: 1em;}
	#login{width: 100% !important;box-sizing:border-box;padding: 15px !important;}
	.clearfix{clear: both;}
	#header .profile .name{display: none;}
	#header .dropdown-menu .arrow{right:30px;left: auto;}
	dl.data dt{width: 50% !important;}
	dl.data dd{width: 50% !important;margin-left: -50% !important;height: 3em;overflow: hidden;}
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px){
	button.bt_down{width: 100% !important;margin-right: 0px;margin-left: 0px;}
}

.title-switch{float: left;margin-bottom: 0px;margin-top: 17px;cursor: pointer;}
.switch-content .label-siwtch{float: none;top: 30px;position: absolute;left: 0px;}
.switch-content{width: 400px;display: inline-block;border-bottom: 1px solid #dcdcdc;height: 54px; display: block; cursor: pointer;}
.switch-content.input{height: 85px;position: relative;display: inline-block;width: auto;}
.switch-content.input.noBorder{border-bottom: 0px;margin-bottom: 0px;}
.switch-content.input label:not(.label-siwtch){width: auto;display: block;margin: 0px;}
.cajon_mensual{background-color: white;padding: 30px;margin-bottom: 20px;}
.sin-registros-message{ text-align: center !important; color: #446a81 !important; font-weight: 600;text-transform: uppercase; }

.defaultSkin .mceButton{margin-right: 0px !important;}
.defaultSkin td.mceCenter table{margin: 0px !important;}
.input.textarea .mceEditor.defaultSkin{width: 100%;display: inline-block;}
#ChartsForm{background-color: inherit!important;}

span.bi.bi-check2 {font-size: 30px;}
span.bi.bi-x-lg {font-size: 27px;}
span.bi.bi-check2 {color: #18cb6c;}
span.bi.bi-x-lg {color: #c30f18;}
.flex-content {display: inline-flex;justify-content: space-between;column-gap: 50px; margin-bottom: 8px;}
.grupo-quiz .grid-content {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
}
.grupo-quiz .input.select {
    width: auto;
}
.grupo-quiz .input.file {
    width: auto;
}