@charset "utf-8";
/* ****************************************** Atributos Compartidos ****************************************** */
@viewport{ width: device-width; zoom:1; }
/* FONTS */
@import url("fonts/raleway/stylesheet.css");
@font-face{font-family:'orkneyregular';font-style: normal;font-weight: normal;src: local('orkneyregular'), url('fonts/orkney/regular/orkney-regular-webfont.woff') format('woff');}
@font-face{font-family:'orkneymedium';font-style: normal;font-weight: normal;src: local('orkneymedium'), url('fonts/orkney/medium/orkney-medium-webfont.woff') format('woff');}
@font-face{font-family:'orkneybold';font-style: normal;font-weight: normal;src: local('orkneybold'), url('fonts/orkney/bold/orkney-bold-webfont.woff') format('woff');}

html{}
body{min-height:100vh;padding:0px;margin:0px;}
body{ background-color:#FCFCFC; font-family:"Calibri","Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px;}
body, input{font-family:"Calibri","Lucida Sans Unicode", sans-serif;}

/* HIDE */
.hide{ display:none !important;}
.hidden{min-height:0px !important; max-height:0px; height:0px !important; overflow:hidden; opacity:0 !important; transition:all .4s linear !important;}

/* BORDER-RADIUS */ 
select, input[type="button"], input[type="submit"], div[class^="itemMenu"], .speedButton, div[class^="imgItem"], .subddmenu, .PermisosDetalle, .fbMenu li .ico, .loginBox input{border-radius:3px;}
.userMenuButton{-webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0;}
.fbMenu, .leftMenu{ -webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px;}
/* BOX-SHADOW */
.gbody{ -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); }
.loginBox input[type="text"]:focus,.loginBox input[type="email"]:focus, .loginBox input[type="password"]:focus, .loginBox textarea:focus{ -webkit-box-shadow: 0px 0px 9px 0px #00ADEE, inset 0px 0px 0px 100px #FFF; box-shadow: 0px 0px 9px 0px #00ADEE, inset 0px 0px 0px 100px #FFF; }
.loginBox input[type="submit"]:hover, .loginBox input[type="button"]:hover, .loginBox input[type="submit"]:focus, .loginBox input[type="button"]:focus,.bigBtn:hover{ -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,.8); box-shadow:0px 1px 2px 0px rgba(0,0,0,.8); }
.loginBox input[type="submit"]:active, .loginBox input[type="button"]:active, .bigBtn:active{ -webkit-box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.5); box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.5); }

.PermisosDetalle{ -webkit-box-shadow:inset 0 0 2px 1px #999; -moz-box-shadow:inset 0 0 2px 1px #999; box-shadow:inset 0 0 2px 1px #999; }
.fbMenu li .ico{ -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,.7); box-shadow:0px 0px 2px 0px rgba(0,0,0,.7); }

/* TRANSITION */
input:focus, select, input[type="date"], input[type="password"], textarea, a{ -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }
/* SIZE */
#origen, #destino{width:220px;}
#origen_e, #destino_e{width:140px;}
#ciu1, #ciu2, #est1, #est2{width:170px;}

/* SOBRA EN LINEA ABAJO*/
.s{box-shadow: inset 0 0px 0 transparent !important; transition: all 200ms ease;}
.s:hover{box-shadow: inset 0 -5px 0 #80807c !important;}

/* ****************************************** Generales ****************************************** */
a{ font-weight:normal; text-decoration:none; color:#333; } 
a:hover{ color:#333; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0; }
[class*=hint--]:after{font-family:'orkneyregular' !important; border-radius:3px;font-size: 13px !important;}
.link{color:#00ADEE;cursor: pointer;}

.iframeContent{position:absolute; top:50px; bottom:0px; left:0px; right:0px; }
.mainFrame, .repPreview{width:100%;height:100%;}

.msgSplah{line-height:21px; border-radius:5px; border:1px solid #CCC; border-bottom-color:#E0E0E0;border-top-color:#BFBFBF;box-shadow:inset 0 1px 3px #aaa;padding:40px 20px 10px 130px;box-sizing:border-box;background:url(img/update.gif) 15px center no-repeat; background-color: #F5F5F5; max-width:650px; min-height:130px; overflow:auto;margin:30px auto 5px auto;font-size:16px;color:#757575; font-family:"ralewayregular","Calibri","Lucida Sans Unicode", "Lucida Grande";}
.msgSplah span{font-family:"ralewaybold","Calibri","Lucida Sans Unicode", "Lucida Grande";}
.dlgBody{ color:#333;  position:absolute; top:31px; right:0; bottom:47px; left:0; overflow-x:hidden; overflow-y:auto;}
.withFilter{top:40px !important; bottom:0px !important;}
.dlgBottom80{bottom:81px !important;}
.textarea{ line-height:15px; padding-top:2px;}
.dlgBodyGrid{ padding:5px; color:#333; font-size:14px; height:93%; position:relative;}
.dlgBody table:not(.dataTable){font-size:12px;}
.dlgScroll{overflow-y:scroll !important; overflow-x:hidden; position:absolute; top:5px; bottom:45px; right:0px; left:0px; background:url(img/png.jpg);}
.subTitle{font-family:'orkneymedium';font-size:13px;background-color:#E8E8E8; margin:15px 10px 5px 10px; border-radius:15px; padding:4px 15px;}
.subTitle.withToolbar{margin-top:0px;}
.subTitleInfo{background-color:#94BADC; margin:5px 50px; font-weight:bold; border-radius:3px 3px 0 0; padding:5px 10px; color:#000;}

table.display tbody td{padding:6px 5px !important;}
.DBTable table tbody td.details{padding:15px !important;}
table.subDataTable{font-family:"Calibri","Lucida Sans Unicode" !important;font-size: 13px !important;}
table.subDataTable td.title{font-family:"ralewaybold" !important;font-size: 12px !important;}

.tableInfo td{vertical-align:bottom;box-sizing:border-box;}
.tableInfo td.label{height:30px;color:#666;font-family:'orkneyregular';font-size:12px;cursor:default;}
.tableInfo td.title{height:30px;color:#333;font-family:'orkneybold';font-size:12px;cursor:default;}
.tableInfo td.superLabel{height:40px;color:#333;font-family:'orkneymedium';font-size:14px;cursor:default;vertical-align: middle;}
.tableInfo td.data, .tableInfo td.dataNoBorder{color:#000; border-bottom:#DDD 1px solid; height:30px;padding:4px 10px;box-sizing:border-box;}
.tableInfo td.superData{height:30px;vertical-align: middle;font-size:14px;color:#000; border-bottom:#DDD 1px solid;padding:0px 10px;box-sizing:border-box;}
.tableInfo td.superData.edit{padding-right:30px;background-size:18px; cursor: pointer; background-repeat: no-repeat; background-position: center right 5px; background-image:url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve"> <path fill="%23DE9400" d="M496.063,62.299l-46.396-46.4c-21.199-21.199-55.689-21.198-76.888,0C352.82,35.86,47.964,340.739,27.591,361.113 c-2.17,2.17-3.624,5.054-4.142,7.875L0.251,494.268c-0.899,4.857,0.649,9.846,4.142,13.339c3.497,3.497,8.487,5.042,13.338,4.143 L143,488.549c2.895-0.54,5.741-2.008,7.875-4.143l345.188-345.214C517.311,117.944,517.314,83.55,496.063,62.299z M33.721,478.276 l14.033-75.784l61.746,61.75L33.721,478.276z M140.269,452.585L59.41,371.721L354.62,76.488l80.859,80.865L140.269,452.585z M474.85,117.979l-18.159,18.161l-80.859-80.865l18.159-18.161c9.501-9.502,24.96-9.503,34.463,0l46.396,46.4 C484.375,93.039,484.375,108.453,474.85,117.979z"/> </svg>'); transition: all .20s ease-out;}
.tableInfo td.superData.edit:hover{color:#00ADEE;background-position: center right 15px;}
.tableInfo td.superData.reload{padding-right:30px;background-size:18px; cursor: pointer; background-repeat: no-repeat; background-position: center right 5px; background-image:url('img/reload.svg'); transition: all .20s ease-out;}
.tableInfo td.superData.reload:hover{color:#00ADEE;background-position: center right 15px;}

.tableInfo td.tdCurrency{text-align:right;font-family:'orkneymedium';font-size:14px;}
.tableInfo td.dataNoBorder{border:none;vertical-align:middle;}
.tableInfo td.dataCheckOn{cursor:pointer;padding-left:30px !important;background-image:url(img/icoCheckOn.svg); background-size:16px; background-position:center left 5px; background-repeat:no-repeat;}
.tableInfo td.dataCheckOff{cursor:pointer;padding-left:30px !important;background-image:url(img/icoCheckOff.svg); background-size:16px; background-position:center left 5px; background-repeat:no-repeat;}
.tableInfo .trDivider td{height:30px;}
.tableInfo .trDivider div{height:25px;margin-bottom:5px; border-bottom:#DDD 1px solid;box-sizing: border-box;}

.dlgResult{ background-color:#CCC; padding:3px 10px; font-weight:bold;border-radius:3px;line-height:20px; position:absolute; bottom:10px; right:10px; max-width:460px;}
.companyName{position:absolute;background-color:#DBDBDB;font-weight:bold;padding:5px;display:none;line-height:35px;border-bottom:1px solid #CCC;z-index:100;top:0px;right:0px;left:0px;}
.companyBtn{border-radius:3px;float:left;padding:5px;cursor:pointer;}
.companyBtn:hover{background-color:#CCC;}
.column550{float:left; width:550px;}
.preloadImg{display:none; height:0px; width:0px; overflow:hidden;}

/*************** NEW LOGIN ***************/
.gbody{background-color:#FCFCFC; min-width:320px; }
.contentA{max-width:970px; min-width:320px; margin:0px auto; overflow:auto; font-size:14px;}
.loginBox{ min-width:320px; font-family:'ralewayregular'; text-align:center; margin: 0px auto;}
.logo{ width:300px; height:115px; background:url(img/nuberama_log.png) no-repeat center 80%; background-size:contain; margin:25px auto;}
.loginBox .title{text-align:center; padding:30px 0px 15px 0px; letter-spacing:1px; background:url(img/divider_login.png) no-repeat center top; background-size:contain; font-family:'ralewaybold';}
.loginBox .title label{font-size:16px; cursor:default;}
.loginBox table td{overflow:visible; padding:0 10px 10px 0;}
.loginBox input, .loginBox textarea{font-family:'ralewayregular'; font-size:14px; margin:0;}
.loginBox input[type="email"], .loginBox input[type="password"], .loginBox input[type="text"]{width:285px; border:#999 1px solid; height:35px; padding:0 5px; color:#333; }
.loginBox textarea{width:285px; border:#999 1px solid; padding:5px; color:#333; }
.loginBox input[type="email"]:focus, .loginBox input[type="password"]:focus, .loginBox input[type="text"]:focus, .loginBox textarea:focus{ border:#00ADEE 1px solid; }
.loginBox input[type="submit"], .loginBox input[type="button"]{ width:50%; height:40px; border:none; background:#00ADEE; color:#FFF;border-radius:20px; font-size:16px; font-family:'ralewaybold'; padding:0px;outline:none; text-shadow:none;}
.loginBox input[type="submit"]:hover, .loginBox input[type="button"]:hover, .loginBox input[type="submit"]:focus, .loginBox input[type="button"]:focus{background:#00ADEE; color:#FFF; text-shadow:none; border:none;}
.loginBox a:hover{color:#00ADEE; text-decoration:none;}
.loginBox a:active{color:#00ADEE; text-decoration:none;}

/* FOOTER */
.footer a{font-size:13px;}
.footer a:hover{color:#00ADEE; text-decoration:none;}
.footer a:active{color:#00ADEE; text-decoration:none;}
.footer{max-width:970px; min-width:320px; overflow:auto; margin:13px auto; font-size:13px; font-family:'ralewayregular'; text-align:center;}
.footer li{display:inline; font-size:13px;}

/*************** Ajustadores ***************/
.fleft{float:left;} 
.fright{float:right !important;} 
.nofloat{float:none !important;}


/*************** DROPDOWN MENU ***************/
.dropDownMenu{min-width:200px;max-height:470px;top:28px;position:absolute; background:#FFF;overflow:auto;float:left;box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); z-index:10000;font-family:"orkneyregular"; font-size:13px; line-height:15px; cursor:default; display:none; padding:0px; border-radius:3px; text-shadow:none; }
.dropDownMenu1{min-width:200px;top:28px;position:absolute; background:#FFF;overflow:auto;float:left;box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); z-index:10000;font-family:"orkneyregular"; font-size:13px; line-height:15px; cursor:default; display:none; padding:0px; border-radius:3px; text-shadow:none; }
.dropDownMenu .menuTitle{text-align:center;font-family:'orkneymedium';position:relative;height:40px;box-sizing:border-box;padding:11px !important;}
.dropDownMenu .menuTitle:hover{background-color:transparent !important;}
.icoDown{float:right;background:url(img/drop_down.svg) no-repeat; background-size:12px; background-position:center; width:18px; height:18px; margin:1px 0px 0px 5px; filter:brightness(0) invert(1);}
.icoExport{float:right;background-image:url(img/ico36.png); background-repeat:no-repeat; background-size:1000%; background-position:-162px -18px; width:18px; height:18px; margin:1px 0px 0px 5px; }
.icoClose{position:absolute;right:11px;top:11px;background:url(img/ico36.png) no-repeat; background-size:1000%; background-position:-18px 0px; width:18px; height:18px;}
#userMenu, #moreMenu, .rightMenu{right:0px;}
.dropDownMenu ul,.dropDownMenu1 ul{list-style:none; margin:0px; padding:0;min-height:45px;}
.dropDownMenu > ul, #titleIcoMenu,.dropDownMenu1 > ul{list-style:none; margin:5px 0px; padding:0;}
.dropDownMenu > ul{ max-height:470px;}
.dropDownMenu li:not(.parent_li):not(.divider):not(.listTitle){ margin:0; padding:14px; line-height:18px; font-weight:normal; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000;}
.dropDownMenu li:hover:not(.parent_li):not(.divider):not(.listTitle){ background-color:#EEE;}
.dropDownMenu li a{ font-size:13px; }
.dropDownMenu div[class^="ico18"]{margin-right:10px;}
.dropDownMenu .divider{height:5px;border-top:1px solid #EEE;}
.dropDownMenu #usersList{ height:175px; }
.dropDownMenu .title{height:40px; border-radius:2px 2px 0 0; padding:0px 3px 0px 15px; border-bottom:1px solid #EEE; color:#000; line-height:40px;box-sizing:border-box;}
.dropDownMenu .title img{ float:right; display:none; margin-top:5px}
.dropDownMenu .title .button{margin-top:5px}
.dropDownMenu .scroll{position:absolute;top:36px;left:0px;right:0px;bottom:0px;overflow:auto;}
.dropDownMenu .listTitle{height:20px;margin-top:10px;text-align:center;font-family:'orkneymedium';color:#999;font-size:12px;}
.dropDownMenu1 li:not(.parent_li):not(.divider):not(.listTitle){ margin:0; padding:14px; line-height:18px; font-weight:normal; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000;}
.dropDownMenu1 li:hover:not(.parent_li):not(.divider):not(.listTitle){ background-color:#EEE;}
.dropDownMenu1 li a{ font-size:13px; }

/*************** BARRA SUPERIOR DE SISTEMA ***************/
.titleBar{line-height:20px;color:#FFF;height:50px;font-size:14px; background:#0747A6; font-family: 'orkneybold';}

.titleBar .titleLogo, .titleBar .fleft{line-height:50px; height:50px;}
.titleBar .titleLogo{background:url(img/nuberama_ico_w.svg) no-repeat center; background-size:80%; float:left; width:50px; margin:0px 5px; overflow:hidden;}
.titleBar .fleft{margin-left:5px;}
.companyTitle{line-height:53px; height:50px; max-width:500px; text-overflow:ellipsis; overflow:hidden; float:left; white-space:nowrap; }
.titleBar .userName{float:right;line-height:20px;height:30px;margin:10px 10px;cursor:pointer;padding:5px 10px; border-radius:15px; position:relative;}
@media (hover:hover) and (pointer:fine){ 
	.titleBar .userName:hover{background-color:#FFF !important;color:#0747A6;}
	.titleBar .userName:hover .icoDown{background-image:url(img/drop_down_blue.svg); filter: none;}
} 
.userName span{float:left; height:100%;}
.titleBar .ico_separator{background:url(img/divider.png) center center no-repeat; width:10px; height:40px; float:right;}
.titleBar .ico_divider{ width:5px; height:40px; float:right;}
.titleBar .btn{float:right; height:25px; margin:7px 5px 7px 0px; cursor:pointer; border-radius:3px; position:relative; width:25px;}
.titleBar .btn:hover{background:#BBB;}
.buttonBar{padding:10px 5px 0px 5px; height:50px; box-sizing: border-box;}
.buttonBar .button{margin: 0px 5px;}
.buttonBar .button:hover{background-color:rgba(255, 255, 255, 0.2);}
.buttonBar .button div{padding:0px;}

.parent_li li{margin-left:15|px !important;}
.alertTitle{padding:0px 5px 3px 10px; border-bottom:1px solid #CCC; height:24px; line-height:24px; border-radius: 2px 2px 0 0;}
.alertTitle img{ float:right; display:none; margin-top:5px}
.alert_label_noalert, .alert_label_noalert:hover{ margin:5px !important; border-radius:3px; background-color:#EEE !important; text-align:center; font-style:italic; color:#000 !important;}
.bold18{font-size:18px; font-weight:bold;}
.bold16{font-size:16px; font-weight:bold;}
.liDivisa .ico{background-image:url(img/bigBtn_ico.png); background-color:#FFF; background-position:-240px -240px; width:45px; height:45px; float:left; box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); border-radius:3px; margin-right:10px;}
.liDivisa .alert_info{float:left;}
.dropDownBtn{cursor:pointer; padding:2px 5px 2px 5px;border-radius:15px 0 0 15px; position:relative; font-family:"orkneymedium"; font-size:13px;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
.btnBar{float:left; padding:0px 10px 0px 15px; border-right:1px solid #FCFCFC; font-size:12px; box-sizing:border-box; height:100%;}
.btnBar label{float:left;line-height:20px;margin-top:5px;cursor:pointer;}
.btnBar.btnMiddle{border-radius:0px;padding:0px 10px 0px 10px;}

.dropDownBtn{transition: all 0.3s ease;}
@media (hover:hover) and (pointer:fine){ 
	.dropDownBtn:hover{background-color:#CCC;}
}
.dropDownBtn .icoL{width:20px; height:20px; margin:5px 5px 0 0;}
.dropDownBtn .icoR{width:20px; height:20px; margin:5px 0 0 10px;}
.dropDownBtn .icoCalendar{background:url(img/input_ico.png) no-repeat; background-position:0px -26px;}
.arrow-up-l{width: 0; height: 0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom: 8px solid #FFF; position:absolute; top:-7px; left:10px; overflow:hidden;}

/* DOTMENU */
.dotMenu{height:60px;width:100%;padding:10px 25px 0px 25px; box-sizing: border-box;}
.dotItem{display:inline-block;width:40px;height:40px;background-color:#FFF;border-radius:20px;padding:5px;margin:0px 15px 0px 0px; box-sizing:border-box;cursor:pointer;transition: all .35s ease-out;-webkit-tap-highlight-color: transparent;}
.dotItem:hover{box-shadow:0px 0px 4px 0px rgba(0,0,0,.3);}
.dotItem.night{background-color:#BBB;border:solid 1px #FCFCFC;padding:4px;}
.mainBtn{box-shadow:0px 0px 5px 0px rgba(0,0,0,.5);}

#simpleMenu{ padding:0px; margin:0px; list-style:none; }
#simpleMenu li{position:relative; padding:3px 10px; border-radius:3px;}
#btnPeriodo{background:url(img/calendar.png) no-repeat 8px center; padding-left:30px !important; cursor:pointer; }
#btnPeriodo:hover{background-color:#777; color:#FFF;}

#btnConfig{background-position:0px 0px;}
#btnAlert{background-position:0px -30px; margin:5px 0;}

.nAlerts{position:absolute; width:13px; height:13px; background-color:red; right:1px; top:2px; -webkit-border-radius:9px; border-radius:9px; -moz-border-radius:9px; box-shadow: -1px 1px 0px rgba(0, 39, 121, 0.77); color:#FFF; font-size:11px; line-height:12px; text-align:center;text-shadow:none; font-weight:bold; border:red 1px solid; display:none;}
.fbMenu{position:absolute; right:-1px; top:30px; background:#FFF; float:left; box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); z-index:100; width:310px; font-size:13px; line-height:15px; cursor:default; border:1px solid #CCC; display:none;}
.leftMenu{position:absolute; left:0px; top:24px; background:#FFF; float:left; box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); z-index:100; width:310px; font-size:13px; line-height:15px; cursor:default; display:none; color:#000;}
.fbMenu ul, .leftMenu ul{ list-style:none; margin:0; padding:0; }
.fbMenu li, .leftMenu li{ margin:0; padding:5px 5px 5px 0; font-weight:normal; width:305px; border-bottom:1px solid #F3F3F3; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.fbMenu li:hover, .leftMenu li:hover{ background:#F0FAFF; }
.fbMenu li a, .leftMenu li a{ font-size:13px; }
.fbMenu li a:hover, .leftMenu li a:hover{ text-decoration:underline; }
.fbMenu li .ico{float:left; width:40px; height:40px; margin:5px 10px; background-color:#FFF !important;}
#configMenu, #menuPeriodos{width:200px; text-shadow:none;}
#configMenu a, #menuPeriodos a{font-size:12px;}
#configMenu ul, #menuPeriodos ul{margin:10px 2px;}
#configMenu li, #menuPeriodos li{width:166px; padding:5px 15px; border:none; cursor:pointer;}
#configMenu li:hover, #menuPeriodos li:hover{color:#FFF; background-color:#999;}
.liVentas div{background-position: -10px -15px !important;}

.shrinkBody{height:100%;max-width:700px;margin:0px auto; box-shadow:0px 0px 4px 0px rgba(0,0,0,.5); position:relative;}

.formScroll{overflow-y:auto !important; position:absolute; top:40px; left:0px; right:0px; bottom:0px;}
.formScroll table{font-family:'orkneyregular';font-size:12px;color:#666;}
.formScroll table td{height:28px;vertical-align: bottom;transition:all 0.5s;}
.formScroll table tr.label td, .formScroll table td.label{height:25px !important;}
.formScroll table td.labelMiddle{vertical-align:middle;text-align:right !important;}
.formScroll table td.separator{height:5px;}
.formScroll select{background-color:#FFF;}
.formScroll .labels td{height:25px;padding-bottom:1px;} 
.formScroll label.moreData{color:#00ADEE; cursor:pointer;}
.formScroll .table-wrap{opacity:1; min-height:30px; height:auto; overflow:hidden; transition: all 0.3s linear;}

.formScroll .col32{width:32%;height:100%;float:left;box-sizing:border-box;}
.formScroll .col40{width:40%;height:100%;float:left;box-sizing:border-box;}
.formScroll .col50{width:50%;height:100%;float:left;box-sizing:border-box;}
.formScroll .col60{width:60%;height:100%;float:left;box-sizing:border-box;}
.formScroll .col68{width:68%;height:100%;float:left;box-sizing:border-box;}
.formScroll .col90{width:90%;height:100%;box-sizing:border-box;}

.tableConfig {width:85%; margin-bottom:25px;}
.tableConfig td{vertical-align:middle !important; height:40px !important; padding:0 10px; box-sizing:border-box; }
.tableConfig tr:not(:last-child) td{border-bottom:#DDD 1px solid;}
.tableConfig td.label{color:#333;font-family:'orkneyregular';font-size:12px;cursor:default;}
.tableConfig td.title{color:#333;font-family:'orkneybold';font-size:12px;cursor:default;}
.tableConfig td.data{width:100px; padding:0;text-align:center;position:relative;}
.tableConfig td.data input, .tableConfig td.data select{height:34px !important; width:100% !important; box-sizing:border-box;}
.tableConfig td.icon{width:20px;padding:0; background-size:20px; background-repeat:no-repeat; background-position:center center; cursor: pointer;}
.tableConfig div[class^="hint--"]{width:100%; height:100%}
@media screen and (max-width: 450px){
	.tableConfig{width:90%;}
}


.maxW600{max-width:600px;}
.maxW700{max-width:700px;}


/***** boxPanel *****/
.boxPanelBg{position:fixed;left:0px;right:0px;top:0px;bottom:0px;background:transparent;background:rgba(0, 0, 0, 0.4);}
.boxPanel{position:absolute;left:0px;top:0px;height:100%;box-shadow:0px 1px 6px 1px rgba(0,0,0,.3);}
.boxPanel.w400{height:400px !important;}
.boxPanel.h400{width:400px !important;}
.boxPanelContent{ background-color:transparent;padding:10px 0px;border-top:#CCC solid 1px;position:absolute; top:40px; right:0px; left:0px; bottom:40px;overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; -ms-overflow-style: -ms-autohiding-scrollbar;box-sizing:border-box;}
.boxPanel form{font-size:12px;}
.boxPanel .actionBar{position:absolute;left:0;right:0;bottom:0;border-top:#CCC solid 1px;padding:10px;background-color:#E4E4E4;height:26px;} 

/***** Tamaños *****/
.wX5{width:5%;}
.wX10{width:10%;}
.wX15{width:15%;}
.wX20{width:20%;}
.wX25{width:25%;}
.wX30{width:30%;}
.wX35{width:35%;}  
.wX40{width:40%;}  
.wX50{width:50%;}
.wX70{width:70%;}
.h35, table tr.h35 td{height:35px !important;}
.alignR{text-align:right;}
.alignC{text-align:center;}

/***** NUEVO MENU INICIAL *****/
.mainMenuBox{position:fixed;top:0px;left:0px;bottom:0px;width:260px;background-color:#FFF;font-family:'orkneyregular';box-sizing:border-box;padding:15px 0px 30px 0px;overflow:auto;z-index:998;}
.mainMenuBox.Side{width:300px;box-shadow:0px 0px 10px 0px rgba(0,0,0,.4);}
.mainMenuBox.Side[data-closed]{opacity:0;left:-300px;transition: 0.5s;}
.mainMenuBox.Side[data-opened]{opacity:1;left:0px;transition: 0.5s;}
.mainMenuBox.SideRight{left:unset; right:0px width:300px;box-shadow:0px 0px 10px 0px rgba(0,0,0,.4);}
.mainMenuBox.SideRight[data-closed]{opacity:0;right:-300px;transition: 0.5s;}
.mainMenuBox.SideRight[data-opened]{opacity:1;right:0px;transition: 0.5s;}

.mainButton{height:40px;line-height:30px;font-size:14px;padding:5px 15px 5px 20px;margin-top:3px;color:#666;border-right:4px solid transparent;box-sizing:border-box;cursor:pointer;transition:all 0.3s ease;-webkit-tap-highlight-color: transparent;}
.mainButton:hover{background-color:#EEE;border-right-color:#DDD; }
.mainButton.active{background-color:#00ADEE; color: #FFF; border-right-color: rgb(115,201,253);}
.mainButton div{margin-right:15px;}
.mainBtnDivider{height:10px;margin-top:10px;border-top:1px solid #E6E6E6;}
.mainBtnSpacer{height:10px;margin-top:10px;}
.mainBtnTitle{position:relative; height:30px; line-height:30px; text-align:center;font-family:'orkneybold';color:#000;font-size:14px;cursor:default;}

.mainBox{position:absolute;top:0px;left:261px;right:0px;bottom:0px;font-family:'orkneyregular';font-size:12px;background-color:#F8F8F8;transition: all .15s ease-out;box-sizing: border-box;z-index:999;}
.gridBox{position:absolute;top:60px;left:0px;right:0px;bottom:0px; display:grid; grid-template-rows:repeat( auto-fill, 230px ); grid-template-columns: repeat( auto-fill, 340px ); grid-gap:30px;padding:5px 30px 30px 30px;overflow-y: auto;}

.infoCard{font-family:'orkneyregular';font-size:12px;background-color:#FFF;width:340px;height:230px;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,.2);overflow:hidden;position:relative;vertical-align:top;border-top:solid 5px #EEE;}
.infoCard.infoDouble{grid-row: span 2;height:490px;}
.infoCard.full{position:absolute !important;top:0px;width:100% !important;bottom:0px;margin:0px !important;height:auto !important;border-radius:0px;}
.infoBar{background-color:#FFF;margin:30px 0px 0px 30px;width:960px;height:40px;border-radius:5px;box-shadow:0px 0px 3px 0px rgba(0,0,0,.2);display:inline-block;overflow:hidden;}
.cardTitle{font-family:'orkneymedium';height:20px;line-height:20px;padding:10px 10px 10px 15px;color:#666;font-size:14px;}
.cardTitle div[class^="ico20"]{margin-right:5px;}
.cardTitle .btnMenu{width:20px;height:20px;float:right;border-radius:10px;cursor:pointer;}
.cardTitle .btnMenu:hover{background-color:#EEE;}
.full .cardTitle{padding:15px;}
.full .icoClose{top:16px !important;cursor:pointer;}
.btnMenu .icoDown{margin:1px;}
.btnMenu .dropDownMenu{top:0px;}
.btnMenu .menuTitle{line-height:20px;}
.infoCard table{width:300px;border-radius:3px;border:1px solid #DDD;}
.infoCard.full table{width:350px !important;}
.infoCard table.header{border-radius:3px 3px 0px 0px !important;}
.infoCard .scroll table{border-radius:0px 0px 3px 3px !important;border-top:none;margin-bottom:10px;}
.infoCard table tr th{font-family:'orkneymedium';font-weight:normal;line-height:13px;height:28px !important;}
.infoCard table tr td, .infoCard table tr th{border-bottom:1px solid #ddd;height:28px;border-right:1px solid #ddd;box-sizing:border-box; padding:0 5px;}
.infoCard table.header tr th, .infoCard table tr:last-child td{border-bottom:none;}
.infoCard table tr td:last-child, .infoCard table tr th{ border-right:none;}
.infoCard table input{width:100%;box-sizing:border-box;text-align:center;border:none;font-size:16px;font-weight:bold;}
.infoCard table input:focus{box-shadow:none;}
.infoCard .scroll{position: absolute;top:75px;left:0px;right:0px;bottom:0px;overflow:auto;}
.infoCard .jspScrollable .jspVerticalBar{width:5px !important;}
.infoCard .jspScrollable .jspPane{left:4px !important;}
.infoCard.full .scroll{top:85px;}
.infoCard b{font-weight:normal;font-family:'orkneybold';}
.infoRow{width:280px;margin:0px auto; border-top:1px solid #DDD;font-size:11px;padding:3px 10px;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; color:#666;cursor:pointer;}
.infoRow:hover{background-color:#f5f5f5;}
.infoRow strong{font-weight:normal;font-family:'orkneybold';}
.infoRow .col20w{width:20%;}
.infoRow .col30w{width:30%;}
.infoRow .col35w{width:35%;}
.infoRow .aRight{text-align:right;}

.alertRow{width:280px;margin:0px auto; border-top:1px solid #DDD;font-size:14px;padding:20px 15px;text-align: center; font-family:'orkneybold'; color:#999;}
.buttonRow{width:280px;margin:0px auto; padding:20px 10px;}

.infoCard.topGreen{border-color:#32CD32;}
.infoCard.topYellow{border-color:#FFD700;}
.infoCard.topBlue{border-color:#1E90FF;}
.infoCard.topPurple{border-color:#9370DB;}
.infoCard.topRed{border-color:#D9534F;}

.alertRow.planesRow{text-align:left;}
.planesData{color:#333; font-size:20px;}

div[class^="ico20"]{width:20px;height:20px;background-image:url(img/ico40.png);background-repeat:no-repeat;background-size:1000%;display:inline-table;vertical-align:top;}
.ico20Exchage{background-position:0px 0px;}
.ico20Sale{background-position:-20px 0px;}
.ico20Pay{background-position:-40px 0px;}
.ico20Invoice{background-position:-60px 0px;}

/***** Menu Inicial *****/
.pBoxContainer{margin-bottom:20px;}
div[class^="panelBox"]{min-height:70px;float:left;border-radius:4px;box-sizing:border-box;}
.panelBoxLeft{width:320px;border:1px solid #ddd;background-color:#FFF;position:absolute;top:10px;left:10px;overflow:auto;z-index:99}


.pBoxHead i{margin-right:3px !important;}
.headTop{border-top-left-radius:3px;border-top-right-radius:3px;border-top:none;}
.pBoxContainer table{width:280px;margin-top:10px;border-radius:3px;line-height:25px;border:1px solid #ddd;}
.pBoxContainer table td{border-bottom:1px solid #ddd; border-right:1px solid #ddd;box-sizing:border-box; padding:0 3px;}
.pBoxContainer table tr:last-child td{ border-bottom:none;}
.pBoxContainer table tr td:last-child{ border-right:none;}
.pBoxContainer table input{width:100%;box-sizing:border-box;text-align:center;border:none;font-size:16px;font-weight:bold;}
.pBoxContainer table input:focus{box-shadow:none;}

.pBoxBtnLabel{margin:5px 10px;border-radius:3px;text-align:center;line-height:30px;border:1px solid #ddd;overflow:auto;font-size:16px;box-sizing:border-box;}
.pBoxRowLabels{margin:5px 10px 0px 10px;overflow:auto;box-sizing:border-box;}
.pBoxLabel{padding:0 10px;box-sizing:border-box; float:left;}
.pBoxBtn{float:left;box-sizing:border-box;cursor:pointer;}
.pBoxBtn:hover{color:#000;background-color:#DDD;}
.pBoxBtnStaticR{float:left;border-left:1px solid #ddd;box-sizing:border-box;}
.pBoxBtnStaticL{float:left;box-sizing:border-box;}
.pBoxRow{margin:5px 10px;line-height:30px;overflow:auto;box-sizing:border-box;}
.pBoxDiv{float:left;box-sizing:border-box;}
.pBoxList{padding-left:15px;font-size:13px;line-height:35px;cursor:pointer;}
.pBoxList i{margin-right:5px !important;}
.pBoxList:hover{background-color:#f5f5f5;}

.noMarginTop{margin-top:0px !important}
.mainReportBox{ margin:15px 0 0 100px; width:250px; float:left;}
.mainDivider{background:url(img/main_divider.png) bottom no-repeat;max-width:800px;height:20px;margin-bottom:10px;}
.ulRep{text-shadow:1px 1px #FFF;margin:0px;padding:0px;color:#666;list-style: none;}
.ulRep li{ margin-left:20px; line-height:18px; background:url(img/input_ico.png) 0px -175px no-repeat; padding-left:18px; }
.ulRep li a{font-size:13px;	}
.ulRep li a:hover{text-decoration:underline;}
.mainMenu{text-shadow:1px 1px #FFF;margin:0px;padding:0px 15px; color:#666; list-style:none; overflow:auto;}
.mainMenu a li{border-radius:4px;font-size:13px;float:left;margin:0px 5px 10px 0;text-align:center;width:90px;line-height:10px;padding-bottom:7px; }
.mainMenu a:hover li{color:#000;background-color:#F5F5F5;}
.mainMenu a li div{	width:60px; height:60px; margin:3px auto 0px auto; }

.repFolder{ font-size:13px; color:#333; line-height:18px; text-shadow:1px 1px #FFF; font-weight:bold; margin-top:10px;}
.icoFolder{background:url(img/btn_ico.png) -90px -72px no-repeat; width:18px; height:18px; display:inline-block; vertical-align:middle; margin:0px 2px;}
ul.ddmenu{ list-style: none; padding:0px;	margin:0px; float:left;}
ul.ddmenu li { float:left; margin:0px; padding:0px; position: relative; }
ul.ddmenu li ul.subddmenu { list-style: none; position:absolute; left:1; top: 26px; background:#DDD; margin:0; padding:3px 0; display:none; float:left; box-shadow: 1px 1px 4px #000000;}
ul.ddmenu li ul.subddmenu li{ margin:0; padding:0px; clear: both; }
ul.ddmenu li ul.subddmenu li a{ margin:0; padding:2px 10px;  width:120px; display:block;}
ul.ddmenu li ul.subddmenu li a:hover{ background:#272727; margin:0; color:#CCC;}
	
.dropDownBox{float:left; position:relative;}	
.contextMenu{position:absolute;display:none;background:#FFF;box-shadow:1px 1px 4px #000000; line-height:30px;z-index:100;border-radius:3px;box-sizing:border-box;color:#333;}
.contextMenu .margin{margin:20px;}
.contextMenu table.info{width:100%;}	
.contextMenu table.info td{border-bottom:#CCC dotted 1px;padding:0px 5px;}	
.contextMenu table.info th{font-weight:bold;font-size:12px;background:#EEE;}
.contextMenu table.info th:not(:first-child){border-left:#FFF solid 1px;}
.contextMenu table.info th:first-child{border-radius:4px 0px 0px 4px;}
.contextMenu table.info th:last-child{border-radius:0px 4px 4px 0px;}

.submenu{list-style:none; position:absolute; left:0; top:27px; background:#FFF; margin:0; padding:3px 0; display:none; float:left; box-shadow:1px 1px 4px #000000; line-height:25px; z-index:100; width:150px; border-radius:3px;}
.subRight{left:auto; right:0;}
.submenu li{ margin:0; padding:3px 10px; clear: both; display:block; cursor:pointer; }
.submenu li:hover{ background:#999; color:#FFF;}
.submenu li a{ margin:0; padding:0 10px;  width:90px;}	
.submenu li div{ float:left; width:18px; height:18px; margin:3px 3px 3px 0px;}

/*************** Paneles ***************/
.panelBody{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; min-width:300px;}
.panelBodyLeft{border-bottom:solid 1px #888888; border-right:solid 1px #CCC; position:absolute; top:0px; left:0px; bottom:0px; width:360px;}
.panelBodyRight{background-color:#CFCFCF; border-bottom:solid 1px #888888; position:absolute; top:0px; left:361px; bottom:0px; right:0px;}
#divFoto{position:absolute;  cursor:pointer; background-color:#FFF;}
.fotoMini{height:200px; width:200px;right:0px; bottom:0px;}
.fotoBig{height:100%; width:100%; left:0px; top:0px;}
.borderL{border-left:#DDD 1px solid;}
.borderR{border-right:#DDD 1px solid;}
.borderB{border-bottom:#CCC 1px solid;}
.borderT{border-top:#CCC 1px solid;}

/*************** TOP ***************/
.T0{top:0px !important;}
.T5{top:5px !important;}
.T35{top:35px !important;}
.T40{top:40px !important;}
.T70{top:70px !important;}
.T80{top:80px !important;}
.T90{top:90px !important;}
.T100{top:100px !important;}
.T130{top:130px !important;}
.T160{top:160px !important;}
.panelBody.T70{border-top:#DDD 1px solid;}

.top10{top:10px;}
.top30{top:30px;}
.top35{top:35px;}
.top37{top:37px;}
.top40{top:42px; box-shadow:0px 1px 3px 0px rgba(0,0,0,.6);}
.top47{top:47px !important; box-shadow:0px 1px 3px 0px rgba(0,0,0,.6);}
.top67{top:67px;}
.top70{top:73px;}
.right300{width:305px; min-width:305px;}
.right350{width:350px;}
.right360{width:360px;}
.right400{width:400px;}
.right450{width:450px;}
.right500{width:520px;}
.right600{width:650px;}

.L250{left:260px;}
.left260{left:260px;}
.left300{left:300px;}
.left350{left:351px;}
.left360{left:361px;}
.left500{left:521px;}
.left600{left:652px;}
.left400{left:402px;}
.left450{left:451px;}

.w360{width:360px;}
.MT5{margin-top:5px;}
.MT10{margin-top:10px;}
.MT30{margin-top:30px;}
.MT40{margin-top:40px;}
.MB30{margin-bottom:30px;}
.ML30{margin-left:30px;}
.inputSmall input{height:30px !important; width:35px !important; box-sizing:border-box;}
.inputMedium input{height:30px !important; width:40% !important; box-sizing:border-box;}
.inputLong input{height:30px !important; width:90% !important; box-sizing:border-box;}
.inputLarge input{height:30px !important; width:70% !important; box-sizing:border-box;}
.input93 input{height:30px !important; width:93% !important; box-sizing:border-box;}
.inputFull{position:relative;}
.inputFull td{height:30px !important;}
.inputFull input{height:30px !important; width:100% !important; box-sizing:border-box;}
.inputFull textarea{width:100%; box-sizing:border-box;}
.inputFull select{height:30px; width:100%; box-sizing:border-box;}
.selCliente{background:#FFF url(img/input_ico.png) no-repeat right -71px;}
.panelBodydlg{height:100%;max-width:800px;margin:0px auto;box-shadow:0px 0px 4px 0px rgba(0,0,0,.5);position:relative; }
.panelForm{padding:5px 5px 5px 5px;color:#333;}
.panelFormSimple{margin-top:5px;padding:0px;}
.subPanelForm{background:url(img/main_divider_b.png) no-repeat bottom left;margin-bottom:5px;}


.prompt{background-color:#E4E4E4; z-index:1000; position:absolute; left:0; top:0; box-shadow:0px 0px 10px 1px rgba(0,0,0,.6); box-sizing:border-box; padding:10px 15px; overflow:auto;}
.promptTitleC{text-align:center; font-weight:bold;height:25px;}
.promptBar{position:absolute; bottom:5px; left:20px; height:35px;}
.w200{width:200px !important;}
.w300{width:350px}
.wmax600{max-width:600px}

.h200{height:200px}
.h30{height:30px !important;}
.lineBGray{border-bottom:#CFCFCF solid 1px;}

/*************** CONTROLES ***************/
input.uppercase{text-transform:uppercase;}
#buscarproducto{ height:26px; box-sizing:border-box;}
.panelTable{color:#333;background-color:#EDEDED;border:1px solid #CCC;}
.panTabRound{margin:5px;border-radius:3px;}
.panelTable table{width:100%; border-collapse:collapse;}
.panelTable table th{font-family:Helvetica, Arial, sans-serif; background:#DDD;font-size:11px;color:#444;height:32px;border:1px solid #CCC;}
.panelTable table td{padding:5px !important;background-color: white;border:1px solid #CCC;}
.toolbar{background-color:#FCFCFC;font-size:13px; color:#333; height:40px; padding:5px; box-sizing:border-box; position:relative;}
.toolbar.spaced{margin-top:15px}
.toolbar_float{border-radius:3px; margin-top:15px; box-shadow:0px 1px 4px 0px rgba(0,0,0,.5);}
.toolbar input{height:27px;}
.toolbar button, .tooltab button{margin-bottom:5px;}
.toolbar_label{line-height:30px !important; cursor:default;font-family:'orkneymedium' !important;cursor:default !important;}
.toolbar_switch{line-height:30px !important; cursor:default;font-family:'orkneymedium' !important;cursor:default !important; display: flex;justify-content: center;}
.toolbar_title{font-family:'orkneymedium';font-size:14px;color: #333;white-space:nowrap;background:transparent;float:left;height:30px;line-height:28px;outline:none;cursor:default;margin-top:1px;}
.toolbar_title.leftMargin{margin-left:5px;}

.tooltab, .tooltabdlg{color:#333; height:35px;display:block;box-sizing:border-box;position:relative;}
.tooltab .btnSpeed{width:30px;height:30px;line-height:30px;display:inline-block;margin:0px 3px;padding:0px;border-radius:15px;cursor:pointer; background-repeat: no-repeat;background-position:center center;background-size:18px;transition: all .15s ease-out;-webkit-tap-highlight-color: transparent;}
.tooltab .btnSpeed:hover{background-color:#EEE;}
#btnShowMenu{margin-right:10px;}

.scrollMenu{height:40px; margin:0px 5px 0px 5px;white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing:border-box;padding:6px 10px 0px 10px;}
.scrollMenu.withBack{padding:0px 5px;}
.tooltab.withHome{padding:5px 5px 0px 40px;}
.scrollMenu .smHome{width:35px;height:35px;position:fixed; top:7px; left:15px; padding:0px; border-radius:50%; cursor:pointer; background-repeat: no-repeat;background-position:center center;background-size:18px; background-color:#FCFCFC; transition: all .15s ease-out;-webkit-tap-highlight-color: transparent; }
.scrollMenu .smHome:hover{box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);}
.scrollMenu::-webkit-scrollbar{display:none;}

@media (hover:hover) and (pointer:fine) { 
	.scrollMenu::-webkit-scrollbar{display:block;width:7px; height:7px; } /* width */
	.scrollMenu::-webkit-scrollbar-track {background-color:transparent; } /* Track */
	.scrollMenu::-webkit-scrollbar-thumb {background-color:transparent; border-radius:5px; margin:2px;} /* Handle */
	.scrollMenu:hover::-webkit-scrollbar-thumb{background-color: #AAA; } /* Handle on hover */
	/* FIRE FOX*/
	scrollbar-color: #EEE #AAA; /* (track,thumb) */
    scrollbar-width: 7px;
}


.tooltabdlg{max-width:650px; margin:7px auto;}
.DlgBar{position:fixed; left:0; right:0; bottom:0; border-top:#999 solid 1px; padding:10px; background-color:#E4E4E4; height:26px; font-size:15px; box-shadow:0 0 6px #666;} 
.barHeight60{height:60px !important;}
.simpleBottomBar{position:fixed; left:0; right:0; bottom:0; padding:9px 10px 0px 10px; height:39px; font-size:15px;border-top:#CFCFCF solid 1px;} 
.DlgToolBar{border-bottom:#DDD solid 1px;border-top:#DDD solid 1px;padding:5px; background-color:#FFF; height:26px; font-size:15px; } 
.searchToolBar{position:relative; border-bottom:#DDD solid 1px;padding:5px; background-color:#FFF; height:40px; font-size:15px;box-sizing:border-box;} 
.searchToolBar .searchBox{position:absolute;left:40px; top:6px; right:10px;}
.searchToolBar input{border:#FFF solid 1px;width:100% !important; box-sizing:border-box; height:27px;}
.searchToolBar input:focus{border:#FFF solid 1px; box-shadow:inset 0 0 0 #666;}
.inputBar{padding:0px 5px; height:39px; font-size:15px;background:#FBFBFB;} 
.inputBar input{height:34px !important;}
.inputBar select{height:34px !important;}
.tb_gray{background-color:#CFCFCF;}

.configTitleBar{height:50px; width:100%; }
.configTitleBar .title{text-align:center; line-height:50px; font-size:14px; font-family:'orkneybold';}
.configTitleBar .btnSpeed{width:60px;height:50px;position:absolute; top:0; left:0; padding:0px; border-radius:50%; cursor:pointer; background-repeat: no-repeat;background-position:center center;background-size:18px;transition: all .15s ease-out;-webkit-tap-highlight-color: transparent;}

.DlgToolBar input{border:#FFF solid 1px;}
.DlgToolBar input:focus{border:#FFF solid 1px; box-shadow:inset 0 0 0 #666;}
.DlgToolBar input, .DlgToolBar select{width:100% !important; box-sizing:border-box; height:27px;}
.searchBar{border-bottom:#999 solid 1px; padding:5px; background-color:#E4E4E4; box-shadow:0 0 6px #666; height:235px; position:absolute; top:0px; left:0px; right:0px;}
.editBar{display:none;}

.AlertBox{font-family:'orkneyregular'; min-width:300px; max-height:600px; max-width:700px; min-height:120px; position:relative; color:#000;font-size:14px; overflow:auto; padding-bottom:30px;box-sizing:border-box;}
.boxScroller{position:absolute;top:0;left:0; right:0; bottom:40px; overflow-x:hidden; overflow-x:auto;}
.AlertTxt{margin:20px 30px 70px 30px;}
.AlertBox table{margin:0px 0px 50px 0px;}
.AlertBox table td{padding:2px}
.AlertBox table a{color:#069;}
.AlertBox b{font-weight:normal;font-family:'orkneymedium';}
.AlertLoader{margin:0px; text-align:center;margin-top:5px;}
.AlertBar, .AlertBarCenter{position:absolute; left:0; right:0; bottom:0;padding:20px;font-size:15px;text-align:center;}
.AlertBarCenter .button{float:none;display:inline;} 

.AlertTitle{margin:5px 0px; font-weight:bold; text-align:center}
.AlertBtnList{border-top:#DDD solid 1px; padding:12px; background-color:#EEE; font-size:15px; margin-bottom:-20px; box-sizing:border-box; text-align:center;}
.AlertBtnList button{float:none !important; width:250px !important; box-sizing:border-box; margin-bottom:5px;}

.AlertTxt *{box-sizing:border-box;}
.AlertTxt .row{min-height:30px;  transition:all .15s ease-out; }
.AlertTxt .row:not(:last-child, .ftSpacer){border-bottom:1px dotted #CCC;}
.AlertTxt .row .cell{min-height:30px; height:auto; display:inline-block; vertical-align:top; padding:5px 10px; line-height:20px; background:none;}
.AlertTxt .row .cell.label{font-size:13px; color:#666;}
.AlertTxt .row .cell.data{font-weight: 500; } 
.AlertTxt .row .cell div.text{height:20px;display:inline-block;}
.AlertTxt .row .cell div[class*="Alabel-"]{ vertical-align:top; display:inline-block; margin-top:1px; border-radius:0 4px 4px 0; padding:0px 5px 0px 5px; height:16px; line-height:17px; color:white; font-size:11px; position: relative;}
.AlertTxt .row .cell div[class*="Alabel-right"]{margin-left:7px;}
.AlertTxt .row .cell div[class*="Alabel-right"]:before{width:0; height:0; content:""; display:inline-block; border-top:8px solid transparent; border-right:8px solid black; border-bottom:8px solid transparent; position:absolute; left:-8px;  }
.AlertTxt .row .cell div.Alabel-red{background-color:#D9534F; }
.AlertTxt .row .cell div.Alabel-red:before{border-right-color:#D9534F;}
.AlertTxt .row .cell div.Alabel-green{background-color:#009d73; }
.AlertTxt .row .cell div.Alabel-green:before{border-right-color:#009d73;}

@media screen and (max-width: 450px){
	.AlertTxt{margin:15px 10px 70px 10px;}
	.AlertTxt .row .cell{padding:5px;}
}

.Bitacora th{background-color:#EEE;line-height:30px;}
.Bitacora th:first-child{border-radius:4px 0px 0px 4px;}
.Bitacora th:last-child{border-radius:0px 4px 4px 0px;}
.Bitacora td{border-bottom:#CCC dotted 1px; padding:0 5px;}
input, input[type="date"], input[type="password"], textarea{font-size:14px;line-height:22px;text-indent:2px;padding-left:2px;padding-right:4px;color:#333;border:solid 1px #DDD;outline:0;margin:0;border-radius:3px;}
textarea{ height:auto; font-family:"Calibri","Lucida Sans Unicode", "Lucida Grande", sans-serif; resize:none;line-height:18px;}
.stripeArea{background:linear-gradient(to bottom, #FFF, #FFF 50%, #EEE 50%, #EEE); background-size:100% 34px; line-height:17px !important; padding-top:0px !important;}
.stripeLabel{text-align:right; line-height:17px !important; padding-top:0px !important; border:none; background:none;}

input:focus, select:focus, input[type="date"]:focus, input[type="password"]:focus, textarea:focus{border:solid 1px #00ADEE;/*box-shadow: 0px 0px 5px 0px #00ADEE;*/}
select{font-family:"Calibri","Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:14px;height:28px;padding:1px;color:#333;border:solid 1px #DDD;outline:0;margin:0;}
.multiple{height:auto;} 
.multiple#cuenta,.multiple#ALMACEN,.multiple#EVENTO{height:150px;} 
select[disabled]{background-color:#EEE;}
input:disabled, input:readonly{ background-color:#EEE; }
.currency, .integer, .currencyReadonly, #cantidad{font-size:15px; box-sizing:border-box;}
.currencyPlus,.currencyPlusReadonly, .currency100{font-size:15px; font-weight:bold; box-sizing: border-box;}
.strong{font-weight:bold;}

input.leftArea, select.leftArea{border-radius:3px 0px 0px 3px;}
input.centerArea{border-radius:0px 0px 0px 0px;border-left:none !important;}
input.middleArea{border-radius:0px 0px 0px 0px;border-top:none !important;}
input.rightArea{border-radius:0px 3px 3px 0px;border-left:none !important;}
textarea.dirArea{background-color:#E6E6E6; padding-right:4px; overflow:hidden;}
input.receptorArea, input.topArea, select.topArea{border-radius:3px 3px 0px 0px;}
input.bottomArea, textarea.bottomArea{border-radius:0px 0px 3px 3px;border-top:none !important;}
textarea.receptorArea{background-color:#F9F9F9; padding:5px; overflow:hidden;border-top:none !important;border-radius:0px 0px 3px 3px;}
textarea.centerArea{background-color:#F9F9F9; padding:5px; overflow:hidden;border-top:none !important;border-radius:0px;}
.tdLabel{background-color:#F9F9F9; padding:2px 5px;overflow:hidden;border:solid 1px #DDD;border-top:none !important;vertical-align:middle !important;}
.tdLabelCenter{background-color:#F9F9F9; padding:2px 5px;overflow:hidden;border:solid 1px #DDD;border-top:none !important;border-left:none !important;border-right:none !important;vertical-align:middle !important;}
.tdReceptor{color:#333;background-color:#F9F9F9;padding:5px;border:solid 1px #DDD;border-top:none !important;height:45px !important;vertical-align:top !important;box-sizing:border-box;}
.tdInfo{color:#333;background-color:#F9F9F9;padding:5px;border:solid 1px #DDD; height:45px !important;vertical-align:top !important;box-sizing:border-box;}
tr:last-child td.tdReceptor{border-radius: 0px 0px 3px 3px !important;}
.txtareabar{background-color:#BBB; float:right; padding:4px 2px 2px 4px; border-radius:3px 0 0 0;}
.receptorBar{background-color:#F9F9F9;position:absolute;right:0px;bottom:0px;padding:4px 2px 2px 4px; border-radius:5px 0 0 0; }
.receptorToolBar{position:absolute;left:0px;bottom:0px;right:0px;}
.receptorBtnBar{float:right;background-color:#BBB;padding:4px 2px 2px 4px;border-radius:3px 0 0 0;}
.receptorAlert{background-color:#F3BA6D; padding:2px 10px;float:left;border-radius:10px;margin:5px 2px 0px 0px;font-size:12px;box-sizing: border-box;}
.readonly, .currencyPlusReadonly, .currencyReadonly, .readonly100{background-color:#EEE !important; padding-right:4px; box-sizing: border-box;}
.readonlyPlus, .readonlyP100{  background-color:#EEE !important; font-size:15px; font-weight:bold; padding-right:4px; box-sizing: border-box;}
.readonlyP100, .readonly100{ width:100px; }
.readonlyPlusR{  background-color:#EEE; font-size:15px; font-weight:bold; text-align:right; padding-right:4px; box-sizing: border-box;}
.normalPlus, .dateEditPlus{ font-size:15px; font-weight:bold; padding-right:4px; box-sizing: border-box;}
.dateIco{ padding-right:4px;}
.tdReadonly{padding:3px;background-color:#EEE;border-radius:2px;position:relative;s}
.tdDivider{border-top:solid 1px #DDD;height:10px;}

#filter{width:250px; height:26px; background-color:#FFF; background-image:url(img/search.svg); background-size:18px, 50%; background-position: center right 5px; background-repeat:no-repeat; padding-right:25px;}
.icoDropdown{background-color:#FFF; background-image:url(img/drop_down.svg); background-size:12px, 50%; background-position:center right 5px; background-repeat:no-repeat; padding-right:22px; cursor:default; text-overflow:ellipsis;box-sizing:border-box;}
.icoLocation{background-color:#FFF; background-image:url(img/location.svg); background-size:18px, 50%; background-position: center right 5px; background-repeat:no-repeat; padding-right:25px;}
.icoAgente{background-color:#FFF; background-image:url(img/support.svg); background-size:18px, 50%; background-position: center right 5px; background-repeat:no-repeat; padding-right:35px;} 
.icoSelect{background:#FFF url(img/input_ico.png) no-repeat right -73px;} 
.icoDocConductores{background-image:url(img/docs.svg); background-size:20px; background-position: center right 5px; background-repeat:no-repeat; padding-right:35px;}

.icoDocTecnicos{background-image:url(img/docs.svg); background-size:20px; background-position: center right 5px; background-repeat:no-repeat; padding-right:35px;}
.busqueda, #busqueda,#busqueda_prov{background-color:#FFF; background-image:url(img/search.svg); background-size:18px, 50%; background-position: center right 10px; background-repeat:no-repeat; padding-right:40px;}
.inputClose{background:#E6E6E6 url(img/input_ico.png) no-repeat left -225px; padding-left:25px;cursor:pointer;}
.codebarEdit{background:#FFF url(img/input_ico.png) no-repeat right -47px !important; width:250px;}
.dateEdit, .dateIco{background-color:#FFF; background-image:url(img/date.svg); background-size:18px, 50%; background-position: center right 5px, center right 38px; background-repeat:no-repeat; padding-right:25px;}

.dateEditPlus{ background:url(img/input_ico.png) no-repeat right -23px #FFF; }
.pointer{cursor:pointer;}
.filter{float:left; line-height:20px; height:28px;}
.filter_r{
 float:right;	
 margin-top:1px;
 margin-left:5px;
 line-height:20px;
}
.filter_h{ width:0px; overflow:hidden; float:left;	opacity:0.0; }
.filter input, .filter_r input{ border:solid 1px #DDD;}
.filter select{height:32px;}
#loader{ width:0;height:0;border:0px solid #fff;}

.tabButton{display:inline-block;margin:0px 3px;padding:0px 10px;height:30px;line-height:30px;cursor:pointer;font-size:12px;font-family:'orkneyregular';color:#777;border-bottom:4px solid transparent;-webkit-tap-highlight-color: transparent;}
.tabButton.active{/*border-bottom:4px solid #DDD;*/font-family:'orkneybold';color:#333;}
@media (hover:hover) and (pointer:fine) { 
	.tabButton:hover, .tabButton.active:hover{color:#333;border-bottom:4px solid #999;}
}
.tabSpacer{display:inline-block;margin:0px 3px;padding:0px 5px;height:30px;line-height:30px;border-bottom:4px solid transparent;}

.btnDown{box-shadow:inset 0 1px 2px #999; background-color:#F5F5F5;font-family:'orkneymedium';}

.button, .toolbar_label, .toolbar_switch,.labButton{font-family:"orkneyregular";font-size:12px;color:#333;border: 1px solid transparent;border-radius:15px; padding:0px 7px;white-space: nowrap;vertical-align: middle; background:transparent; cursor:pointer; float:left; height:30px; margin:0px 4px; line-height:30px;outline:none;transition: all .15s ease-out;box-sizing:border-box;-webkit-tap-highlight-color: transparent;}
.button.acAlert{padding:0px 10px;}
.button.btnLeft{border-radius: 15px 0px 0px 15px; padding:0px 5px 0px 7px; margin:0px 0px 0px 4px;}
.button.btnRightDrop{width:28px; border-radius:0px 15px 15px 0px; padding:0px 7px 0px 0px; margin:0px 4px 0px 0px; background:url(img/drop_down.svg) no-repeat; background-size:12px; background-position:center; }
.buttonWithDrop{float: left; position:relative;}
.buttonWithDrop:hover .button{border-color:#DDD}
.labButton{ height:28px; line-height:28px; padding: 0px 5px 0px 4px;}
.menuButton{font-size:15px;}
.xl{font-size:16px;}
.varLabel{background:#E8E8E8;padding:4px 10px;margin-right:1px;margin-bottom:1px;float:left;border-radius:12px;color:#222;}
.speedButton{color:#333;border:1px solid #A3A3A3;border-radius:2px;padding:1px 3px; white-space:nowrap;vertical-align:top;background:transparent;cursor:pointer;height:27px;width:27px; margin-left:0px;}
input[type="button"], input[type="submit"]{ 
 font-family:"Calibri","Lucida Sans Unicode", "Lucida Grande", sans-serif;	
 color: #333;
 border: 1px solid #CFCFCF;
 white-space: nowrap;
 vertical-align: middle; 
 cursor: pointer;
 height:30px;
 border-color: #999;
 background: #DDD;
 background: -webkit-linear-gradient(top, white, #BBB);
 background:    -moz-linear-gradient(top, white, #BBB);
 background:     -ms-linear-gradient(top, white, #BBB);
 background:      -o-linear-gradient(top, white, #BBB);
 padding: 0px 5px;
}
.bigBtn{height:30px; padding:0px 3px;}
input[type="button"]:focus, input[type="submit"]:focus, .button:focus, .speedButton:focus, .labButton:focus{ border:solid 1px #CCC; }
.button[disabled="disabled"], .speedButton[disabled="disabled"], .btnDisable{opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */}
.button:hover, input[type="button"]:hover, input[type="submit"]:hover, .speedButton:hover, .labButton:hover{color:#000;background-color:#DDD;}
.button:active, input[type="button"]:active, input[type="submit"]:active, .speedButton:active, .bDown, .bDown:hover, .bDown:focus, .labButton:active{border-color:transparent; box-shadow:inset 0px 2px 2px 0px rgba(0,0,0,.4); }
.btnDown:focus{border-color:transparent;}

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, .labButton::-moz-focus-inner{ border: none; }
.button div{ height:18px; padding:0px 3px 0px 3px; margin-top:5px;}
.labButton div{ height:18px; padding:0px 3px 0px 20px; margin-top:5px;}
.speedButton div{ padding: 1px; min-width:16px; height:18px; margin:0px 1px;}
.speedBtn{padding:0px 5px !important;}
.speedBtn div{margin:0px 0px 0px 0px !important;}
#btnHome, #btnClose{margin-right:5px;}

.button.blue{background-color:transparent;color:#00ADEE;}
.button.blue:hover{background-color:#00ADEE;border-color:transparent;color:#FFF;}
.button.blue:focus{background-color:#00ADEE;border-color:transparent;color:#FFF;}

/********** ICONOS PARA 30PX **********/
div[class^="ico30"]{width:30px;height:30px;float:left;background-image:url(img/ico60.png?v=0.04);background-repeat:no-repeat;background-size:1000%;}

/* LINEA 1 */
div[class^="svg30"]{width:30px; height:30px; float:left; background-repeat:no-repeat; background-position:center center; background-size:30px;}
.svg30Pedidos{ background-image:url(img/pedidos.svg); }
.svg30Remision{ background-image:url(img/remision.svg); }
.svg30Requisiciones{ background-image:url(img/requisiciones.svg); }
.svg30Compras{ background-image:url(img/compras.svg); }
.svg30Facturas{ background-image:url(img/facturas.svg); }
.svg30Almacen{ background-image:url(img/almacen.svg); }
.svg30Optica{ background-image:url(img/optica.svg); }
.svg30Servicios{ background-image:url(img/servicios.svg); }
.svg30ServiciosAC{ background-image:url(img/snowflake.svg); }
.svg30Bancos{ background-image:url(img/bancos.svg); }
.svg30Cobranza{ background-image:url(img/cobranza.svg); }
.svg30Proyectos{ background-image:url(img/proyectos.svg); }
.svg30Matriz{ background-image:url(img/matriz.svg); }
.svg30PVenta{ background-image:url(img/pventa.svg); }
.svg30Guias{ background-image:url(img/guias.svg); }
.svg30Nomina{ background-image:url(img/nomina.svg); }
.svg30Produccion{ background-image:url(img/produccion.png); }
.svg30Clientes{ background-image:url(img/clientes.svg); }
.svg30Productos{ background-image:url(img/productos.svg); }
.svg30Catalogos{ background-image:url(img/catalogos.svg); }
.svg30Web{ background-image:url(img/web.svg); }
.svg30Consignaciones{ background-image:url(img/consignaciones.svg); }
.svg30Cotizaciones{ background-image:url(img/cotizaciones.svg); }

.svg30Calendar{ background-image:url(img/notebook.svg); }
.svg30Pacient{ background-image:url(img/pacient.svg); }
.svg30Store{ background-image:url(img/store.svg); }

/* LINEA 3 */
.ico30stock{ background-position:0px -60px; }
.ico30Cart{ background-position:-30px -60px; }
.ico30PayStatus{ background-position:-60px -60px; }
.icoCalendarTime{background-image: url(img/calendarTime.png); background-size:75%;background-position:center; background-repeat:no-repeat; height: 30px;width: 30px; filter: invert(38%) sepia(7%) saturate(18%) hue-rotate(322deg) brightness(99%) contrast(80%); } /* GRAY*/
.icoClientPay{background-image: url(img/client_pay.png); background-size:90%;background-position:center; background-repeat:no-repeat; height: 30px;width: 30px; filter: invert(38%) sepia(7%) saturate(18%) hue-rotate(322deg) brightness(97%) contrast(80%);}
.icoServices{background-image: url(img/tools.png); background-size:80%;background-position:center; background-repeat:no-repeat; height: 30px;width: 30px; filter: invert(38%) sepia(7%) saturate(18%) hue-rotate(322deg) brightness(97%) contrast(80%);}
.icoEquipo{background-image: url(img/group.svg); background-size:90%;background-position:center; background-repeat:no-repeat; height: 30px;width: 30px;}
.icoBuilding{background-image: url(img/building.png); background-size:90%;background-position:center; background-repeat:no-repeat; height: 30px;width: 30px; filter: invert(38%) sepia(7%) saturate(18%) hue-rotate(322deg) brightness(97%) contrast(80%); } /* GRAY*/
.icoSend{background-image: url(img/send.png); background-size:90%;background-position:center; background-repeat:no-repeat; height: 30px;width: 30px; filter: invert(38%) sepia(7%) saturate(18%) hue-rotate(322deg) brightness(97%) contrast(80%); } /* GRAY*/
.icoLink{background-image: url(img/link.png); background-size:90%;background-position:center; background-repeat:no-repeat; height: 30px;width: 30px; filter: invert(38%) sepia(7%) saturate(18%) hue-rotate(322deg) brightness(97%) contrast(80%); } /* GRAY*/
.ico30Reload{ background-position:-90px -60px; }
.ico30Export{ background-position:-120px -60px; }
.ico30Menu{ background-position:-150px -60px; }
.icoTickets{background-image: url(img/tickets.png); background-size:90%;background-position:center; background-repeat:no-repeat; height: 30px;width: 30px; filter: invert(38%) sepia(7%) saturate(18%) hue-rotate(322deg) brightness(97%) contrast(80%); } /* GRAY*/

/********** ICONOS PARA 18PX **********/
div[class^="ico18"]{width:18px;height:18px;padding:0px;float:left; margin-right:2px;background-image:url(img/ico36.png?ver=1.10);background-repeat:no-repeat;background-size:1000%;}
/* LINEA 1 */
.ico18Down{ background-position:0px 0px; }
.ico18Close{ background-position:-18px 0px; }
.ico18Enterprise{ background-position:-36px 0px; }
.ico18Profile{ background-position:-54px 0px; }
.ico18Config{ background-position:-72px 0px; }
.ico18Users{ background-position:-90px 0px; }
.ico18Debug{ background-position:-108px 0px; }
.ico18App{ background-position:-126px 0px; }
.ico18LogOut{ background-position:-144px 0px; }
.ico18Left{ background-position:-162px 0px; }
/* LINEA 2 */
.ico18Valid{ background-position:0px -18px; }
.ico18Add{ background-position:-18px -18px; }
.ico18Edit{ background-position:-36px -18px; }
.ico18Detail{ background-position:-54px -18px; }
.ico18Key{ background-position:-72px -18px; }
.ico18Trash{ background-position:-90px -18px; }
.ico18Reload{ background-position:-108px -18px; }
.ico18Archive{ background-position:-126px -18px; }
.ico18More{ background-position:-144px -18px; }
.ico18Export{ background-position:-162px -18px; }
/* LINEA 3 */
.ico18Ok{ background-position:0px -36px; }
.ico18Home{ background-position:-18px -36px; }
.ico18Copy{ background-position:-36px -36px; }
.ico18Flag{ background-position:-54px -36px; }
.ico18Cam{ background-position:-72px -36px; }
.ico18Report{ background-position:-90px -36px; }
.ico18Print{ background-position:-108px -36px; }
.ico18Save{ background-position:-126px -36px; }
.ico18Cancel{ background-position:-144px -36px; }
.ico18Folder{ background-position:-162px -36px; }
/* LINEA 4 */
.ico18Uncheck{ background-position:0px -54px; }
.ico18Check{ background-position:-18px -54px; }
.ico18Radio{ background-position:-36px -54px; }
.ico18RadioCheck{ background-position:-54px -54px; }
.ico18Ticket{ background-position:-72px -54px; }
.ico18DateTime{ background-position:-90px -54px; }
.ico18Mail{ background-position:-108px -54px; }
.ico18Send{ background-position:-126px -54px; }
.ico18Clear{ background-position:-144px -54px; }
.ico18In{ background-position:-162px -54px; } 
/* LINEA 5 */
.ico18Download{ background-position:0px -72px; }
.ico18Money{ background-position:-18px -72px; }
.ico18info{ background-position:-36px -72px; }
.ico18RowOpen{ background-position:-54px -72px; }
.ico18RowClose{ background-position:-72px -72px; }
.ico18Alert{ background-position:-90px -72px; }
.ico18Package{ background-position:-108px -72px; }
.ico18Export2{ background-position:-126px -72px; }
.ico18Pay{ background-position:-144px -72px; }
.ico18Sat{ background-position:-162px -72px; }
/* LINEA 6 */
.ico18View{ background-position:0px -90px; }
.ico18Lock{ background-position:-18px -90px; }
.ico18Unlock{ background-position:-36px -90px; }
.ico18MoneyBlack{ background-position:-54px -90px; }
.ico18Suspend{ background-position:-72px -90px; }
.ico18Move{ background-position:-90px -90px; }
.ico18Truck{ background-position:-108px -90px; }
.ico18Pdf{ background-position:-126px -90px; }
.ico18Xml{ background-position:-144px -90px; }
.ico18Zip{ background-position:-162px -90px; }
/* LINEA 7 */
.ico18Excel{ background-position:0px -108px; }
.ico18Cut{ background-position:-18px -108px; }
.ico18Location{ background-position:-36px -108px; }
.ico18SelectAll{ background-position:-54px -108px; }

.ico18Code{background-image: url(img/coding.png)!important;background-size: 100%!important;}
.ico18Computer{background-image: url(img/computer.png)!important;background-size: 100%!important;}
.ico18Connection{background-image: url(img/connection.png)!important;background-size: 100%!important;}

.ico18Link{ background-image:url(img/link.png)!important;background-size: 100%!important; }

.ico18RowDelete{background-image: url(img/row_delete.png)!important;background-size: 100%!important;}
.ico18DelAll{background-image: url(img/delAll.svg)!important;background-size: 100%!important; filter: invert(45%) sepia(43%) saturate(871%) hue-rotate(314deg) brightness(88%) contrast(94%);}
.svg18List{background-repeat:no-repeat; background-size:18px; width:18px;background-position:center center;background-image: url('img/list.svg');}
.icoSvgMoney{ background-image:url(img/money.png); background-repeat:no-repeat; background-size:18px; width:18px;background-position:center center;}

div[class^="icoDT"]{background-size:100%; width:18px;height:18px;display:inline-block;}
.icoDTZero{background-image: url(img/empty.png); }
.icoDTActive{background-image: url(img/active.png); width:18px;height:18px;display:inline-block;}
.icoDTParcial{background-image: url(img/parcial.png); }



div[id^="ico60Btn"]{ background:url(img/bigBtn_60ico.png) no-repeat; background-size:1000%;}
div[id^="icoBtn"]{ background:url(img/bigBtn_ico.png) no-repeat; }
.Lock input {padding-right: 40px;}
.Lock .ico18Lock{right: 0; position: absolute; margin-top: 6px;margin-right: 12px;}
div[class^="ico60Btn"]{background-image:url(img/bigBtn_30ico.png); background-repeat:no-repeat; background-size:500%;}
/* FILA 1 */
#ico60BtnFacturas{ background-position: 0px 0px; }
#ico60BtnNotas{ background-position: -60px 0px; }
#ico60BtnPedido{ background-position: -120px 0px; }
.ico60BtnPedido{ background-position: -60px 0px; }
#ico60BtnCalc{ background-position: -180px 0px; }
#ico60BtnOrdenes{ background-position: -240px 0px; }
#ico60BtnConsignacion{ background-position: -300px 0px; }
#ico60BtnCobranza{ background-position: -360px 0px; }
#ico60BtnGuias{ background-position: -420px 0px; }
#ico60BtnServicios{ background-position: -480px 0px; }
#ico60BtnNomina{ background-position: -540px 0px; }
/* FILA 2 */
#ico60BtnMatrix{ background-position: 0px -60px; }
#ico60BtnAlmacen{ background-position: -60px -60px; }
#ico60BtnBancos{ background-position: -120px -60px; }
/* FILA 3 */
#ico60BtnClientes{ background-position: -180px -60px; }
#ico60BtnProveedores{ background-position: -240px -60px; }
#ico60BtnProductos{ background-position: -300px -60px; }
#ico60BtnDocs{ background-position: -360px -60px; }
#ico60BtnWeb{ background-position: -420px -60px; }


#icoBtnUsers{ background-position: -180px -120px; }
#icoBtnClientes{ background-position: -120px -60px; }
#icoBtnAgentes{ background-position: -240px -60px; }


#icoBtnCatalogos{ background:url(img/catalog.png) no-repeat center 3px; }


#icoBtnCompras{ background-position: 0px -120px; }



#icoBtnReport{ background-position: -60px -60px; }

#icoBtnNCargo{ background-position: -180px -180px; }

#icoBtnNomina{ background-position: -60px -240px; }
#icoBtnPunitarios{ background-position: 0px -240px; }
#icoBtnRequisicion{ background-position: -120px -240px; }



#icoBtnPVenta{ background-position: -60px -180px; }

div[id^="Ico"]{width:18px; height:18px; padding:0px; float:left; margin-right:2px; background:url(img/btn_ico.png) no-repeat;}
div[class^="Ico"]{width:18px; height:18px; padding:0px; float:left; margin-right:2px; background-image:url(img/btn_ico.png); background-repeat:no-repeat;}
i[class^="Ico"]{width:18px; height:18px; padding:0px; float:left; margin-right:2px; background-image:url(img/btn_ico.png); background-repeat:no-repeat;}
#IcoBack18{ background-position: 0px -18px; }
#IcoHome18{ background-position: -36px -18px; }
#IcoAdd18{ background-position: 0px 0px;}
#IcoEdit18{ background-position: -18px 0px; }
#IcoDel18{ background-position: -36px 0px; }
#IcoPrint18{ background-position: -72px -18px; }
#IcoSave18{ background-position: -54px -18px; }
#IcoOk18{  background-position: -54px 0px; }
#IcoOk218{ background-position: -18px -72px; }
#IcoClose18{ background-position: -72px 0px; }
#IcoReload{ background-position: -90px 0px; }
#IcoCodeBar{ background-position: -126px 0px; }
#IcoTools{ background-position: -144px 0px; }
.IcoTools{ background-position: -144px 0px; }
#IcoSAT{ background-position: -162px 0px; }
.IcoRowClose{ background-position: -162px -18px; }
.IcoRowOpen{ background-position: -162px -36px; }
.IcoInfo{ background-position: -162px -54px; }
.IcoInfoBg{ background-position: -162px -72px; }
.IcoAlert{ background-position: -162px -90px; }
.IcoMiniClose{ background-position: -162px -108px; }
#IcoPay{ background-position: -144px -18px; }
.IcoPay{ background-position: -144px -18px; float: unset;}
.IcoPayOk{ background-position: -144px -36px; }
.IcoPayStill{ background-position: -144px -54px; }
#IcoChart{ background-position: -144px -72px; }
#IcoDOF{ background-position: -126px -18px; }
#IcoConfig{ background-position: -90px -18px; }
#IcoDown{ background-position:-108px 0px;}
#IcoBodega{ background-position: -108px -18px; }
#IcoBodega2{ background-position: -108px -36px; }
#IcoLocation{ background-position: -126px -36px; }
#IcoMoney{ background-position: -108px -54px; }
#IcoLock{ background-position: -108px -72px; }
#IcoUnlock{ background-position: -108px -90px; }
#IcoKey{ background-position: -108px -108px; }
#IcoCancel18{ background-position: -18px -18px; }
#IcoDetail18{ background-position: -36px -54px; }
#IcoList18{ background-position: -72px -36px; }
#IcoImage{ background-position: 0px -54px; }
#IcoGalery{ background-position: 0px -72px; }
#IcoSelect{ background-position: 0px -36px; }
#IcoPagos18{ background-position: -18px -54px; }
#Ico10018{ background-position: -36px -36px; }
#IcoAgente18{ background-position: -18px -36px; }
#IcoMail18{ background-position: -54px -36px; }
#IcoView18{ background-position: -54px -54px; }
#IcoPdf18{ background-position: -36px -72px;  }
#IcoXls18, .IcoXls18{ background-position: -54px -72px;  }
#IcoXml{ background-position: -72px -72px;  }
#IcoDir18{ background-position: -90px -72px;  }
#IcoIn18{ background-position: -18px -90px;  }
#IcoOut18{ background-position: -36px -90px;  }
#IcoExport{ background-position: -54px -90px;  }
#IcoCalc18{ background-position: 0px -90px; }
#IcoMov{ background-position: -54px -90px;  }
#IcoForward{ background-position: -90px -36px; }
#IcoCopy{ background-position: -90px -90px; }
#IcoSearch{ background-position: -90px -108px; }
#IcoMSelect{ background-position: -72px -54px; }
#IcoDot, .IcoDot{ background-position: -90px -54px; }
#IcoDownload{ background-position: 0px -108px; }
.IcoDownload{ background-position: 0px -108px; }
#IcoZip{ background-position: -18px -108px; }
#IcoClear{ background-position: -36px -108px; }
#IcoTrash{ background-position: -54px -108px; }
#IcoMenu{ background-position: -72px -108px; }
#IcoFilter{ background-position: -90px -108px; }
#IcoCheck, .IcoCheck{ background-position: -126px -54px; }
#IcoUncheck, .IcoUncheck{ background-position: -126px -72px; }
#IcoClock{ background-position: -126px -90px; }
#IcoFlag{ background-position: -126px -108px; }
#IcoActivity{ background-position: -144px -90px; }
.IcoReport{ background-position:-144px -108px; }

.IcoDivider{ background:url(img/divider.png) center center no-repeat !important; width:10px !important; height:30px !important; float:left;  }
.IcoSeparator{ width:4px !important; float:left; height:30px; background:none !important;}


/**********ICONOS SIDEBAR*****/
div[class^="Side"],i[class^="Side"]{width:18px; height:18px; padding:0px; float:left; margin-right:2px;background-size: 18px; }
.SidePlanning{background:url(img/planning.svg); }
.SideNews{background:url(img/news.svg); }
.SideFolio{background:url(img/folio.svg); }
.SideMoney{background:url(img/money.svg); background-size: 18px 18px; }
.SideCertify{background:url(img/certify.svg);margin-top: 8px!important; }
.SideCorporative{background:url(img/corporative.svg); }
.Calculator{background:url(img/calculator.svg) center center; background-size:22px 22px;width:30px;height: 30px;background-repeat: no-repeat;}

.labelSvgLi{margin-left:10px;}

/********** ICONOS SVG **********/
div[class^="icoSvg"]{background-repeat:no-repeat;background-position: center center;background-size:100%;}
.button div[class^="icoSvg"]{width:18px; height:18px; float:left;background-size:18px;}
.dotItem div[class^="icoSvg"]{width:30px; height:30px; background-size:70%;}
.icoSvgCodeBar{background-image: url(img/barcode.png);}
.icoSvgClock{ background-image:url(img/clock.svg);}
.icoSvgCloseW{ background-image:url(img/close_w.svg);}
.icoSvgConfig{ background-image:url(img/config.svg); background-size:18px; filter: invert(11%) sepia(28%) saturate(17%) hue-rotate(344deg) brightness(104%) contrast(79%);}
.icoSvgGive{ background-image:url(img/give.svg); }
.icoSvgHelp{ background-image:url(img/help.png); }
.icoSvgHome{ background-image:url(img/home.svg); }

.icoSvgMailConfig{ background-image:url(img/mail_config.svg); }
.icoSvgMailW{ background-image:url(img/mail.png); filter:brightness(0) invert(1);}
.icoSvgMenuWhite{ background-image:url(img/menu.svg); }
.icoSvgPrintW{ background-image:url(img/print.png); filter:brightness(0) invert(1);}
.icoSvgPdfW{ background-image:url(img/pdf_w.png); }
.icoSvgReloadW{ background-image:url(img/reload.svg); filter:brightness(0) invert(1);}
.icoSvgReload{ background-image:url(img/reload.svg);}
.icoSvgSettingsW{ background-image:url(img/settings.png); filter:brightness(0) invert(1);}
.icoSvgSideMenu{ background-image:url(img/sideMenu.svg); }
.icoSvgTimer{ background-image:url(img/timer.png);}
.icoSvgXlsW{ background-image:url(img/xls_w.png); }
.stsRed,.stsYellow,.stsWhite{width:18px; height:18px; padding:0px;background-size:18px; border-radius: 50%;}
.stsRed{background-color:#FFA4A4 !important;}
.stsYellow{background-color:#EACF39 !important;}

.stsWhite{background-color:#FFF !important;border: 1px solid #CCC;}
.icoDrag{	
	background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="darkgray" d="M14,5.5c0,1.7-1.3,3-3,3s-3-1.3-3-3s1.3-3,3-3S14,3.8,14,5.5z M21,8.5c1.7,0,3-1.3,3-3s-1.3-3-3-3s-3,1.3-3,3S19.3,8.5,21,8.5z M11,12.5c-1.7,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S12.7,12.5,11,12.5z M21,12.5c-1.7,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S22.7,12.5,21,12.5z M11,22.5c-1.7,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S12.7,22.5,11,22.5z M21,22.5c-1.7,0-3,1.3-3,3s1.3,3,3,3s3-1.3,3-3S22.7,22.5,21,22.5z"></path></svg>');	 	
	background-size:16px; 
	background-position: center left 5px, center left 38px; 
	background-repeat:no-repeat; 
}

.button.Green{border:1px solid #3EB52D; color:#3EB52D;}
.button.Green:hover{background-color:#3EB52D; color:#FFF;}

/********** ICONOS DE ALERTAS *****/
.icoAlert{width:100px; height:100px;margin:20px auto 0px auto;background-size:contain;background-repeat:no-repeat;background-position: center;}
.icoAlert.devices{background-image:url(img/devices.svg);}

/********** ALERTAS **********/
.alertConfig{ }

/**** ETIQUETAS ****/
.Desk{border-top:#B0B0B0 solid 1px; overflow:hidden; position:absolute; top:38px; right:0px; left:0px; bottom:0px; padding:10px;}
/**** GALERIAS ****/
.theGalery1{ background-color:transparent;padding:10px 20px 0px 20px; overflow:hidden; position:static;  right:0px; left:0px; top:60%; }
.theGalery{ background-color:transparent;padding:10px 20px 0px 20px;border-top:#CCC solid 1px; overflow:hidden; position:absolute; top:40px; right:0px; left:0px; bottom:0px; }
.theGalery_title{color:#333;white-space:nowrap;text-overflow:ellipsis;height:30px;margin:0px 0px 10px 0px; line-height:30px;font-size:12px;overflow:hidden;font-weight:bold;cursor:default;}
.photoItem{width:200px;height:200px;background:#FFF no-repeat center;background-size:contain;padding:5px 0px; margin-right:5px;display:inline-table;border-radius:5px;box-sizing: border-box;}
.photoTitle{font-weight:bold;}
.photoFlag{float:left;width:30px;height: 30px;margin:0px 5px;padding:5px;box-sizing:border-box; }
/********** diseño de las tablas de datos **********/
.DBTable, .PermisosDetalle, .AreaDetalle{ background-color:#FFF; border-top:#DDD solid 1px; overflow:hidden; position:absolute; top:40px; right:0px; left:0px; bottom:0px; }
.DBTHeader{background-color:#FFF;border-top:#CFCFCF solid 1px;position:absolute; top:40px; right:0px; left:0px; min-height:35px;box-sizing:border-box;}
.DBTHeader .row{float:left;margin:9px 0 0 10px;border:1px solid #CFCFCF;height:30px;border-radius:2px;line-height:30px;}
.DBTHeader .cell, .DBTHeader .cell_t, .DBTHeader .cell_in{float:left;height:100%;box-sizing:border-box;}
.DBTHeader .cell_t{background-color:#F6F6F6;border-right:1px solid #CFCFCF;font-weight:bold;text-align:center;box-sizing:border-box;cursor:default;color:#666;}
.DBTHeader .cell_in input{width:100%;line-height:30px;border:none;box-sizing:border-box;margin-top:3px;padding-left:5px;}
.DBTHeader .cell_in input:focus{box-shadow:none;border:none;}
.DBTHeader .bdrR{border-right:1px solid #CFCFCF;}
.cellEditor input{border-color:#CFCFCF !important;}
.cellEditor #filter{background:none;border-color:#CFCFCF !important;height:100% !important;}
.cellEditor #filter:focus{box-shadow:none;}
.cellEditor .filter{position:absolute;top:2px;left:105px;right:10px;height:30px;}

.AreaDetalle{overflow:auto;}
.AreaDetalle .tableView{border-collapse:collapse;}
.AreaDetalle .tableView th{border-bottom:solid 4px #BCE8F1;padding:5px;font-weight:normal; font-family:'orkneymedium';font-size:12px;}
.AreaDetalle .tableView th.top{border-bottom:solid 1px transparent;}
.AreaDetalle .tableView th.sub{border-bottom:solid 1px #BCE8F1;}
.AreaDetalle .tableView tbody tr.odd{background-color:#F5F5F5;}
.AreaDetalle .tableView tbody td{padding:3px 5px;border-bottom:solid 1px #DDD;}
.AreaDetalle .tableView tfoot td{border-top:solid 3px #BCE8F1;padding:3px;font-weight:normal; font-family:'orkneymedium';font-size:12px;color:#888;}

.debugTable{width:80%;position:relative;}
.debugTable table{width:100%;border-collapse:collapse;box-sizing:border-box;table-layout:fixed;}
.debugTable table td{height:25px !important; vertical-align:middle !important;border:1px solid #DDD;padding:0px 5px;box-sizing:border-box;}
.debugTable b{font-weight:normal;font-family:'orkneymedium';color:#000;}
.debugTable table td.trace{background-color:#DDD;width:50px;text-align: center;}

.folderTree{ box-shadow:inset 0 0 2px 0px #999;overflow:auto;background-color:#fbfbfb;}
.folderTree label{margin:5px;}
.NoAbs{position:static;clear:both;margin:0px;}
.noBtns{top:40px !important;}
.DBTable.B40{bottom:40px;}
.DBTable.T75{top:75px;}
.DBTable#T80{top:80px;}
.DBTable#T150{top:150px;}
.DBTable.B30{bottom:20px;}
.DBTable.B50{bottom:50px;}
.DBTable.B60{bottom:60px;}
.DBTable.B70{bottom:70px;}
.DBTable.B80{bottom:80px;}
.DBTable.B90{bottom:90px;}
.DBTable.B100{bottom:100px;}
.DBTable.B110{bottom:110px;}
.DBTable#Pagos{top:36px; bottom:30px;}
.DBTable#productSearch{top:35px;}
.DBTable#Orden{ bottom:110px; }
.DBTable#Orden2{ bottom:40px; }
.DBTable#Consignacion_d{ bottom:40px; }
.DBTable#Nomina_P{ top:180px; height:250px; }
.DBTable#Nomina_D{ top:370px; height:200px; }
.DBTable#PagosC{ top:160px; bottom:100px; }
.DBTable#Remision{bottom:70px;}
.DBTable#Compras{top:38px; bottom:100px;}
.DBTable#Guia{ height:250px; }	
.DBTable#Informe{ top:180px; bottom:10px; }
.DBTable#PVenta{ top:220px; bottom:50px;}
.DBTable#Permisos{ width:280px; }	
.DBTable#DBDlg{ top:40px; bottom:5px;}

.DBTable#Nomina{ top:40px; bottom:40px; }
.DBSum40{ top:37px; bottom:40px !important; }
.DBTable#ClientesLoc{ top:37px; bottom:0px; }
.noDataMenu{position:relative;}

#fancybox-overlay{overflow: hidden;}
.loaderLow{top:auto !important;bottom:40px !important;}

td.dtCondicion{font-size:12px !important;}
td.dtIcoStsPago{position:relative;}
td.dtIcoStsPago i{float:none;position:absolute;top:5px;left:5px;}

.tdReference{font-size:13px; vertical-align: middle;}
.cellSts{display:inline-block;padding:2px 10px;font-size:12px;border-radius:10px;}
.cellRem, .cellFac{display:inline-block;font-size:12px;background-color:#CCC;border-radius:2px;margin-right:2px;padding:0 2px;}
.docLink{display:inline-block;padding:2px 10px;font-size:12px;border-radius:10px;background-color:#FFF;color:#4169E1;cursor:pointer;}
.cellVigente{}
.cellVencido{display:inline-block;padding:2px 5px;font-size:12px;border-radius:2px;background-color:#FFA4A4 !important;}
.alertDiv{padding:2px 5px;font-size:12px;border-radius:2px;margin-bottom:1px;}
.proforma tr{height:70px;}
.proforma tr.even{background-color:#FFF !important;}
.proforma tr.row_lined td {background-color:#E9EFF5 !important; }
.proforma tr.row_lined td {background-color:#E9EFF5 !important; }
.proforma tbody td{white-space:nowrap;overflow:hidden; border-bottom:#CCC dotted 1px;}
.proforma img{max-height:64px;}

.row_num{background-color:#EDEDED;font-size:13px;padding:0px;}
.row_lined .row_num{background-color:#CDCDCD !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.pu_table td{ border-bottom:#CCC dotted 1px;}
.PermisosDetalle{background-color:transparent; left:290px;}
.dataTable_total{background-color:#FCFCFC;position:absolute;bottom:0px;padding:5px 0px 0px 15px;box-sizing:border-box;width:100%;column-fill: auto; column-width:250px;column-gap:0px;height:40px;overflow-x:auto;border-top:1px solid #DDD;}
.dataTable_footer{position:fixed; bottom:0px; width:100%;min-height:35px;overflow-x:auto;background:#F6F6F6;border-top:#DDD solid 1px;}
.colWidth200{column-width:200px !important;}
.tdt30{height:30px;}
.tdt40{height:40px;}
.tdt35{height:35px;}
.tdt60{height:60px !important;}
.tdt70{height:70px !important;}
.txtCenter{text-align:center;}
.statusInput{ background-color:transparent; font-weight:bold; background-size:18px; background-repeat:no-repeat; background-position:center right 5px; }
.shadow{box-shadow:0px 0px 7px 0px rgba(0,0,0,.5);}

.dataTable_total .row{height:45px;margin:1px 0px 2px 0px;width:130px;}
.dataTable_total .row .label{width:100%;font-family:'orkneymedium';font-size:12px;cursor:default;height:16px;}
.dataTable_total .row .input{width:100px;box-sizing:border-box;height:28px;float:left;}
.dataTable_total .row .input input{width:100%;box-sizing:border-box;}
.dataTable_total .row .input select{width:100%;box-sizing:border-box;}
.dataTable_total .row .check{width:25px;box-sizing:border-box;height:28px;float:left;text-align:center;}
td.OpenRow{cursor:pointer;}

.total_row{height:30px;margin:1px 0px 2px 0px;width:235px;}
div[class^="total_cell"]{display:inline-block;height:30px;vertical-align:top;}
.total_cell30{width:25px;text-align:center;}
.total_cell200{width:200px;text-align:right;}
.total_cell250{width:250px;text-align:right;}
.dataTable_total input, .TableBottom label{font-weight:bold;}
.dataTable_total label{font-family:'orkneymedium';font-size:12px;}
.dataTable_total input[type="text"]{width:110px;box-sizing:border-box;height:28px;}
.TableBottom{position:fixed; bottom:0px;}
/* table inputs */
.cell{height:19px; border:none; width:100%; background-color:#EEE;}
.cell:focus{box-shadow:none; border:none;}

.t_folios{cursor:default; margin:20px 20px 30px 20px; box-shadow:0px 0px 2px 0px rgba(0,0,0,.3);}
.t_folios th{font-size:16px; background-color:#CFCFCF; }
.t_folios td{background-color:#FFF; padding:3px 5px; text-align:center;}
.t_folios td .ico{height:19px; width:19px; background:url(img/btn_ico.png) no-repeat -18px 0px; margin:0 auto; cursor:pointer;}
/*************** REGISTRO DE ACTIVIDADES ***************/
.blankArea{border-top:#B0B0B0 solid 1px;overflow:hidden;position:absolute;top:39px;right:0px;left:0px;bottom:0px;padding:10px;overflow-x:hidden;overflow-y:auto;}
.regFecha{height:21px;margin-top:5px;}
.regFecha div{background-color:#CCC;border-radius:2px;padding:0px 5px;font-size:13px;height:21px;line-height:21px;float:left;}
.regAction{background-color:#FFF;border-radius:2px;margin:5px 0px;overflow:hidden;}
.regAction .regTitle{padding:10px;box-shadow:0px 0px 3px 0px rgba(0,0,0,.2);cursor:pointer;}
.regAction .regTime{float:right;color:#BBB;margin-right:20px;}
.regAction .regInfo{padding:20px;display:none;}
/*************** MATRIX TABLE ***************/
.matrix{width:99%}
.matrix th{height:30px;}
/*************** VALIDATE ***************/
div.error, div#access_error{background-color:#F90; color:#FFF; padding:3px 10px; font-size:12px;}
.loginBox div.error{border-radius:0px 0px 2px 2px;}
#access_error{margin-top:10px; display:none; border-radius:2px 2px 2px 2px;}
input.error, textarea.error, select.error{ border:#F90 1px solid !important; box-shadow:0px 0px 9px 0px #F90 !important;}
.loginBox input.error{border-radius:2px 2px 0px 0px;}
.td_val div.error{padding:0px 5px; float:left; width:auto; height:26px; line-height:26px;}
/*************** DROPDOWN MENU ***************/
.menuBar{background-color:#DDD;margin:2px 5px 0px 5px;height:30px;border-radius:15px;line-height:30px;font-family:"orkneymedium";}
.mbBig{height:35px;line-height:35px;}
.menuBarLabel{float:left; padding:0px 15px 0px 15px; border-right:1px solid #FCFCFC; font-size:13px; box-sizing:border-box; height:100%;}

.mbStatic{cursor:default !important;}.mbStatic:hover{background-color:transparent !important;color:inherit !important;text-shadow:none !important;}
.mbLabel{float:left;width:50%;}
.mbInput{display:none;background-color:#FFF;height:35px !important;box-sizing:border-box;width:50%;border-radius:3px 0 0 3px;float:left;padding-left:5px;}
.mbInput input{font-family:"Calibri","Lucida Sans Unicode";font-size:16px;font-weight:bold;border-color:#FFF!important;margin-top:3px;}
.mbInput input:focus{box-shadow:none;}
.menuBarSpacer{float:left; width:2px; height:100%;}
.formFolio{background-color:#CCC;margin:3px;border-radius:3px;}
.formFolio table{width:100%;}
.formFolio input, .formFolio select, .formFolio textarea{border-color:transparent;}
.formFolio label{font-weight:bold; font-size:12px;}
.concepLabel{background-color:#BBB; margin:5px 5px; border-radius:3px 3px 0 0; min-height:30px; line-height:33px; padding:0 10px;}
.infoArea{background:#E6E6E6; border-radius:3px;min-height:50px;}
.formFolio #serie{width:40px;}
.formFolio #folio{width:70px;}

.floatL{float:left;}
.floatR{float:right;}
.show370, .show420, .show680, .show680inline, .show1000{display:none !important;}
#nombreagente, .inputAgente{background-color:#FFF; background-image:url(img/support.svg); background-size:18px, 50%; background-position: center right 5px; background-repeat:no-repeat; padding-right:35px; cursor:pointer;} 
#busquedaVehiculo{background-color:#FFF; background-image:url(img/coche.svg); background-size:18px, 50%; background-position: center right 5px; background-repeat:no-repeat; padding-right:35px; cursor:pointer;} 
#nombreuser{background:#E6E6E6 url(img/input_ico.png) no-repeat right -120px; cursor:default;} 
#nombrecliente{cursor:pointer;}
.inputIcoSelect{background:#E6E6E6 url(img/input_ico.png) no-repeat right -72px; cursor:pointer;} 
.inputIcoConductores{background:#E6E6E6 url(img/input_ico.png) no-repeat right -72px; cursor:pointer;} 
.inputIcoAgente{background:#E6E6E6 url(img/input_ico.png) no-repeat right -100px; cursor:pointer;} 
.tableCondicion{max-width:500px}
.tableCondicion td{text-align:right;}
.pedidoPaqueteria{width:370px;}
.rowOrange{color:#F60;}
.rowGreen{color:#090;}
/*************** AUTOCOMPLETE ***************/
.ui-autocomplete.ui-menu{padding:5px 0px;}
.ui-autocomplete .ui-menu-item{font-size:12px !important;}
.ui-autocomplete .ui-menu-item a{padding:5px 10px; line-height:20px; min-height:30px; box-sizing: border-box;}
/*************** FOLDER TREE ***************/
.tree{margin:5px; min-height:20px; background-color:#fbfbfb; }
.tree .first_ul{margin:0px; padding:0px;}
.tree li{ list-style-type:none; margin:0; padding:7px 5px 0 5px; position:relative; cursor:pointer}
.tree li::before, .tree li::after {
	 content:'';
	 left:-20px;
	 position:absolute;
	 right:auto
}
.tree li::before {
	 border-left:1px solid #999;
	 bottom:50px;
	 height:100%;
	 top:0;
	 width:1px
}
.tree li::after {
	 border-top:1px solid #999;
	 height:20px;
	 top:25px;
	 width:25px
}
.tree li span {
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	 border:1px solid #999;
	 border-radius:5px;
	 display:inline-block;
	 padding:3px 8px;
	 text-decoration:none
}
.tree li.parent_li>span {
	 cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
	 border:0
}
.tree li:last-child::before {
	 height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
	 background:#eee;
	 border:1px solid #94a0b4;
	 color:#000
}

.menuTree li.parent_li span.folder{padding-left:15px; background:url(img/arrow_r.png) left center no-repeat #E2E2E2; cursor:pointer; margin:0 4px; display:block; line-height:25px; color:#000;}

[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("lib/bootstrap/img/glyphicons-halflings.png");background-repeat:no-repeat;margin-top:1px;}
.icon-folder-close{background-position:-384px -120px;width:16px;}
.icon-folder-open{background-position:-408px -120px;width:16px;}
.icon-plus-sign{background-position:0 -96px;}
.icon-minus-sign{background-position:-24px -96px;}

/* MEDIA QUERIES */
/*************************************/
@media screen and (max-width: 1146px){

.button.btnClasicPad{padding:0px 5px !important;}
.button.btnClasicPad div{margin:0px 0px 0px 0px !important;}
.button.btnClasicPad span{display:none;}

}

@media screen and (max-width: 1050px){
.show1000{display:block;}
.hide1000{display:none;}
.tdt60{height:90px;}
.right500{width:360px;}
.left500{left:362px;}
.button.btnClasic{padding:0px 5px !important;}
.button.btnClasic div{margin:0px 0px 0px 0px !important;}
.button.btnClasic span{display:none;}
.tableCondicion{max-width:280px}
.tableCondicion td{text-align:left;}
.tableCondicion{width:99%;box-sizing:border-box;max-width:none !important;}
.tableCondicion input, .tableCondicion select{width:100% !important;box-sizing:border-box;height:28px !important;}
#filter{width:200px;}
}

@media screen and (max-width: 1085px){
	.filter1085{ float:none; position:absolute; top:0px; left:0px; right:0px; height:40px;border-bottom:1px solid #EEE; box-sizing:border-box;padding:5px;background-color:#FFF;}
	.idfilter1085{height:100%!important; width:100%!important; box-sizing:border-box; box-shadow:none;border-radius:0px;border:none!important;}
	.tb60_1085{height:80px; padding-top:45px;}
	.tb90_1085{height:60px; padding-top:36px;}
	.panelBody1085{border:0px;}
	.DBTable1085:not(.noFilter){top:80px !important;}
	.button1085 span{display:none;}
		
}
@media screen and (max-width: 913px){
	.codebarEditPad{width: 100px!important;}
	.DBTablePad{top: 40px;}

}

@media screen and (max-width: 813px){
	.codebarEditPad{width: 150px!important;}
	.DBTablePad{top: 80px;}

}
@media screen and (max-width: 791px){
	.codebarEditPad{width: 130px!important;}


}

@media screen and (max-width: 771px){
	.codebarEditPad{width: 100px!important;}


}

@media screen and (max-width: 680px){
	.filterContentPad{width: max-content;}
	.codebarEditPad{width: 200px!important;}
	.toolbarPad{height: 40px;}
	.DBTablePad{top: 40px;}

}
@media screen and (max-width: 680px){
	.hide680{display:none}
	.show680{display:block !important;}
	.show680inline{display:inline-block !important;}
	
	/* INICIO */
	.mainBox{left:0px;z-index:997}
	.mainMenuBox:not(.Side){display:none;width:300px;box-shadow:0px 0px 10px 0px rgba(0,0,0,.4);}
	.infoCard{margin:10px 0px 0px 0px;}

	.filter{ float:none; position:absolute; top:0px; left:0px; right:0px; height:40px;border-bottom:1px solid #EEE; box-sizing:border-box;padding:5px;background-color:#FFF;}
	#filter, #codebarEdit{height:100%; width:100%; box-sizing:border-box; box-shadow:none;border-radius:0px;border:none;}
	.gridTable{position:static; margin:0px 5px; height:350px;}
	.loginBox{float:none; margin: 0 auto;}
	.userItem{display:block;}
	.userLabel{display:none;}
	#dinamicSeparator{display:none;}
	.companyName{display:block;}
	.tb60{height:80px; padding-top:45px;}
	.tb90{height:60px; padding-top:36px;}
	.bar680{height:40px; padding-top:36px;}
	.bar680 .filter{ float:none; position:absolute; top:0px; left:0px; right:0px; height:31px;}
	.bar680 #filter{HEIGHT:100%; WIDTH:100%; box-sizing:border-box; box-shadow:none; border-radius:0px; border-top:none; border-left:none; border-right:none;}
	.panelBody{border:0px;}
	.formFolio{margin:5px 3px;}
	.formFolio #folio{width:65px;}
	.formFolio .dateEdit .dateIco{width:95px;}
	.formFolio .inputHalf{width:160px;}
	.formFolio label{display:block;}
	.DBTable:not(.noFilter){top:80px !important;}
	.dataTable_total{position:static !important; overflow:auto;}
	.dinamicHide{display:none;}
	.panelBodydlg{width:100%;max-width:none; border:none;}
	.button span{display:none;}
	.headTop{border-radius:0px !important;border-top:none;}
	.f12_680{font-size:12px !important;}
	.AreaDetalle .tableView{margin-left:20px;margin-right:20px;}
	.debugTable{width:100%;}	
}

@media screen and (max-width: 450px){
.H350_420{height: 350px !important;}	
.titleBar .titleLogo{width:50px;background-size:70%;}	
.companyTitle{max-width:225px;}
.dropDownMenu#userMenu{top:0px; width:250px;border-radius:0px 0px 0px 3px;}
.dropDownBtn.userName{position:static !important;}
.userName .icoDown{margin-left:0px;}
.shadow420{box-shadow:0px 0px 7px 0px rgba(0,0,0,.4);}
.dotMenu{width:100%;margin:0px auto;padding:10px 20px 0px 20px;}
.gridBox{display:block;padding:0px 10px 30px 10px;}
.infoCard{margin:10px auto 30px auto;}
.infoCard.full{position:absolute !important;top:0px;width:100% !important;bottom:0px;margin:0px !important;height:auto !important;}
.toolbar.fix420{position:fixed;top:0px;left:0px;right:0px;}
.left500 .DBTable, .left450 .DBTable, .left350 .DBTable, .DBSum40{position:static; height:320px; width:100%;}
.left500 .DBTable, .left450 .DBTable, .left350 .DBTable, .left360 .DBTable{height:280px;}
.dataTable_total{position:static !important; width:100% !important;}
.total_cell200{}
.tdt60{height:160px !important;}
.hide370{display:none;}
.show370{display:block;}
.show420{display:block !important;}
.right420{right:0px;}
.nubeLogo{background-position:5px center left; width:40px;}
.footer li{list-style:none; display:block; text-align:center;}
.fseparator{display:none !important;}
.right450, .right350, .right400{float:left; position:relative; height:100%}
.right360{float:left; position:relative}
.left450, .left360, .left350{width:100%; float:left; position:relative; left:0;}
.right500{float:left; position:relative; height:100%}
.left500{width:100%; float:left; position:relative; left:0;}
.borderR{border-right:0px !important;}
.panelBody{width:100%;}
.panelBodyLeft{border-bottom:solid 1px #BBB; border-right:solid 1px #A8A8A8; position:relative; float:left; width:100%;top:0px;}
.panelBodyRight{border-top:solid 1px #E5E5E5;position:relative;width:100%;float:left;left:0px;height:350px;top:0px;}
.panelBody .formScroll{position: relative;top:0px !important;}
.fotoMini{height:130px; width:130px;}
.fotoBig{height:auto; width:100%;}
.barHeight60{height:95px !important;}
.fixed420{position:fixed;left:0px;top:0px;right:0px;z-index:100;}
.margin40420{margin-top:40px;}
.borderT420{border-top:solid 1px #E5E5E5;}
.formScroll .labels td{height:28px;} 
.statusInput{font-size:13px;}

table.display tbody td{padding:10px 5px !important;}
table.subDataTable{margin-left:0px !important;}

.scrollMenu .smHome{box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);}
}

/*NOTICIAS*/
.containerNotice{width: 80%;margin:0px auto;}
.titleNotice{color: #6A6D72;text-align: center; margin-top: 30px;}
.textNotice{color: #A8A8A8;text-align: center;font-weight: 400;margin-top:10px;}
.imgNotice{width: 100%;}
.scrollNotice{width: 100%;height:80px; overflow-y: auto;margin-top: 15px;}
.paragraphNotice{color: #797979;text-align: center;font-size: 14px;}
.btnNotice{color: #fff;background: #00ADEE;border: none;text-decoration:none;font-weight:600;font-size:12px;width: 100%;padding:10px ;}
.btnNotice:hover{background: #02A1DD;}
/*NOTIFICACION*/
.icoNotification{margin-top: 10px;width: 25px; position: relative;display: inline-block;margin-right: 5px;}
.notification{ position: absolute; top: -3px;right: -2px;height: 10px;width: 10px;border-radius: 5px;background: red;color: white;}
.noti{margin-top: -4px;text-align: center;font-size: 9px;}
#notiMenu{right:0px;width: 350px;}
.dropDownBtn#notificacion:hover{
background-color: #EDEDED;
}
.anuncios .Top{vertical-align: text-top;}
#notiMenu ul{
	max-height: 460px;
	overflow-y: auto;
}
/*SIDEBAR*/
.sidebarIcon{
	margin-right: 10px!important;
	margin-top: 5px;
}
.gps-link{color: #000;text-decoration: none;}

/* TOGGLE BUTTON */
/*************************************/
.inputData{background: transparent;border:none!important;}
.switch {position: relative; display: inline-block; width: 50px; height: 24px;}
.switch input {opacity: 0; width: 0; height: 0;}
.slider {border-radius:18px;position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {border-radius:18px;position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.inputBorder{width: 100%; border-radius: 0px;border-top: 0px;border-left: 0px;border-right: 0px;background: transparent;}
.inputBorder:focus{box-shadow: none;border-color: rgb(102,102,102);border-top: 0px;border-left: 0px;border-right: 0px;}
input:checked + .slider {background-color: #4ad762;}
input:focus + .slider {box-shadow: 0 0 1px #4ad762;}
.eye-icon{position:absolute; right:0px; top:0; width:30px; height:30px; z-index: 100; }
.eye-icon div {
  background-color: white;
  display: block;
  width:18px;
  height:18px; margin:6px;
}
input:checked + .slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.label-factoraje{line-height: 2;}
.display-flex{display: flex;}
#factoraje{margin-left: 5px;}
.youtube-icon{width: 32px;}
.p-15px{padding-left: 15px; padding-right: 15px;}
.font16{font-size: 16px;line-height: 18px;}
.mt-mb-5px{margin-top: 5px;margin-bottom: 5px;}
.mt-mb-15px-5px{margin-top: 15px;margin-bottom: 5px;}

.newtheGalery{position: relative;}
.photo{display: inline-block;width: 200px;}
.newphotoItem{ width: 200px; background-color: #FFF;float: left; margin: 15px 7px 0px 7px;}
.title-gallery{width:100%;text-align: center;}
.no-pl{padding-left: 0px!important;}
.center-title{height: 100px; display: flex;align-items: center;}
.h265px{height: 265px;max-height: 265px;}
.h205px{height: 205px;max-height: 205px;}
.warningInfo{  text-align: center; height: 50px; display: flex;align-items: center;font-weight: 600; color:red;}

.content-image{width: 100%}
.imagen-galeria{
	width: 100%;
	height: 100%;
	background-size: cover;
}
.h135px{height: 135px;}
.h150px{height: 150px; margin-top: 32px;}
@media screen and (max-width: 680px){
	.newtheGalery{
		margin-top: 10%;
	}
}
@media screen and (max-width: 435px){
	.newtheGalery{
		margin-top: 20%;
	}
}
.key-input,.key-input:focus{
	background-color: transparent;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom:solid  rgb(221, 221, 221) 1px;
}
.text-ecommerce{
	--lh: 1rem;
  line-height: var(--lh);
  --max-lines: 2;
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
  padding-right: 1rem;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.text-ecommerce::before{
	content: "...";
	color: white;
	 position: absolute;
	 inset-block-end: 0; /* "bottom" */
	 inset-inline-end: 0; /* "right" */
}
.text-ecommerce::after {
  content: "";
  position: absolute;
  inset-inline-end: 0; /* "right" */
  width: 1rem;
  height: 1rem;
  background: white;
}
.padding-ecommerce{ 
	padding:0px 12px;
}

.ptb0-pl30{padding: 0px 0px 0px 30px;}
.ptb0-p20{padding: 0px 20px 0px 20px;}
.mt10{margin-top:10px;}
.mt15{margin-top: 15px;}
.w100{width: 100%;}
.shadow-none{box-shadow: none!important;}
 .custom-control {
	  position: relative;
	  display: block;
	  min-height: 1.5rem;
	  padding-left: 1.5rem
 }
.d-inline{display: inline;}
.d-inline-block{display: inline-block;}
.plus{background-image: url(img/plus.svg);background-size:18px;width: 18px;background-repeat: no-repeat;}
.minimize{background-image: url(img/minimize.svg);background-size: 18px;width: 18px;background-repeat: no-repeat;}
.no-padding{padding:0px!important;}
.btn-plus:hover,.btn-plus:active,.btn-plus:focus {background-color: transparent;box-shadow: none;border:1px solid transparent!important;}
/*-------------------------------------------pagination----------------------------------------*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 10px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.rango{margin-top: 30px;}
.position-absolute{position: absolute;}
.list-style-none{list-style: none;}
.d-flex{display: flex!important;}
.height-auto{height: auto!important;line-height:inherit;}

/****************************** Colores ******************************/
.green{color:#009d73 !important;}
.gray{color:#999 !important;}
.red{color:#D9534F !important;}
.blue{color: #069;}
.bgGreen{background-color:#D1E3C6 !important;}
.bgGreen2{background-color:#59C888 !important;}
.bgSURTIDO, .bgSURTIDA{background-color:#59C888 !important;}
.bgBlue{background-color:#C5D3E4 !important;}
.bgBlue2, .bgAUTORIZADO, .bgAUTORIZADA, .bgCOMPRA, .bgEN_SERVICIO, .bgEN_CURSO{background-color:#6CC2EC !important;}
.bgGray{background-color:#D3CFD0 !important;}
.bgYellow{background-color:#EACF39 !important;}
.bgPENDIENTE, .bgNO_EMITIDA, .bgNO_EMITIDO, .bgSts1, .bgTRANSITO, .bgdispute , .bgrecontact , .bgnone,.bgPOR_VALIDAR{background-color:#EACF39 !important;}
.bgRed, .bgCANCELADO, .bgCANCELADA, .bgVENTA, .bgINACTIVO, .bgINACTIVA, .bgINACTIVO_WEB, .bgSUSPENDIDO, .bgBAJA,.bgSts9{background-color:#FFA4A4 !important;}
.bgNO_AUTORIZADO{background-color:#DDBBFF !important;}
.bgBLOQUEADA{background-color:#333 !important; color:#FFF !important;}
.bgRed2{background-color:#F8D7DA !important;}
.bgABIERTA{background-color:#D3CFD0 !important;}
.bgPARCIAL, .bgEN_ACLARACION{background-color:#FFAF4B !important;}
.bgGray2{background-color:#EEE !important;}
.bgABIERTO, .bgSts0{background-color:#D3CFD0 !important;}
.disabled{font-size:12px; color:#999;}
table.display tr.row_selected .disabled{color:#FFF;}
td.tdIVA:empty::after {content:"Exento";}

.radioBtnSelector{margin:20px 10px 10px 10px;}
.radioBtn{background:url(img/radio-off-button.svg) no-repeat; background-size:20px; background-position:5px center;padding:5px 5px 5px 35px;box-sizing: border-box;border-radius:5px;cursor: pointer;margin-bottom:10px;}
.radioBtn:hover{background-color:#EEEEEE;}
.radioBtn.selected{background-image:url(img/radio-on-button.svg);}
.radioBtnSelector.rows-2 .radioBtn{line-height:20px; height:50px; }

.bottomBar{background-color:#FCFCFC;font-size:13px; color:#333; height:40px; padding:5px 15px; box-sizing:border-box; position:fixed;bottom:0px;left:0px;right:0px;}
.Alert18Icon{width: 18px; height: 18px;background-size: 100%;background-position: center;background-repeat: no-repeat;background-image: url(img/alert.svg);display: inline-block;}
.Alert20Icon{width: 20px; height: 20px;background-size: 100%;background-position: center;background-repeat: no-repeat;background-image: url(img/alert.svg);display: inline-table;vertical-align: top;}
.info-incomplete{text-align: center;cursor: pointer;}
/***TARJETAS GRAFICAS****/
.acumuladoXAgente .scroll .jspContainer .jspHorizontalBar{display: none;}
.point{width: 11px;height:11px;border-radius: 11px;}
#TabAcumuladoVentasD tbody td, #TabAcumuladoVentasP tbody td{text-align: end; font-size: 11px;border: none;}
#TabAcumuladoVentasD th, #TabAcumuladoVentasP th{font-size: 11px;border: none;}
#TabAcumuladoVentasD, #TabAcumuladoVentasP{border: none;}


#TabAcumuladoRemD tbody td, #TabAcumuladoRemP tbody td{text-align: end; font-size: 11px;border: none;}
#TabAcumuladoRemD th, #TabAcumuladoRemP th{font-size: 11px;border: none;}
#TabAcumuladoRemD, #TabAcumuladoRemP{border: none;}

.swiper-button-next25,.swiper-button-prev25,.swiper-button-next25-normalsize,.swiper-button-prev25-normalsize{top: 25%!important;}
@media screen and (max-width: 990px){
	.swiper-button-next25,.swiper-button-prev25{top: 35%!important;}
	.swiper-button-next25-normalsize,
	.swiper-button-prev25-normalsize{top: 50%!important;}
}
@media screen and (max-width: 450px){
	.scrollMenu{padding: 6px 10px 0px 10px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 55px!important;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 55px!important;}
}
@media screen and (max-width: 400px){
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 20px!important;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 20px!important;}
}
.swiper-button-nextTop,
.swiper-button-prevTop{margin-top: 8px!important;top: 0%!important;}
.swiper-button-nextTop{margin-right: 15px;}
.swiper-button-prevTop{margin-left: 15px;}


#ScrolledArea{ -webkit-overflow-scrolling:touch; }
.pt-0{padding-top: 0px!Important;}
.scrollHidden{
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	overflow-x: scroll;
}
.scrollHidden::-webkit-scrollbar {
	display: none;
}
.filtertc{
	display: -webkit-box;
}
@media screen and (max-width: 680px){
	.T55:not(.noFilter) {
    	top:55px !important;
	} 
	.T100:not(.noFilter) {
    	top:100px !important;
	} 
}
@media screen and (min-width:  681px){
	.dotMenuH{
		display: none;
	}
	.T20T60{
		top: 20px!important;
	}
	.T0T60{
		top: 0px!important;
	}
	.TT45{
		top: 45px!important;	
	}
	.TT50{
		top: 50px!important;	
	}
}

.d-box{display: -webkit-box!important;}
.newphotoItem>*{pointer-events: none;}
.newphotoItem span,.info-incomplete{ pointer-events: all!Important; }
.drag{
	width: 200px;
	position: absolute;
	background-color: white;
	opacity: 0.95;
	z-index: 9;
}
.drag-content{
	width: 180px;
	margin: 10px auto 0px auto;
	border: 1px dashed #00ADEE;
	height: 93%;
}

.drag-img{
	margin-top: 32px;
    background-image: url(img/drag.png);
    width: 100%;
    height: 50%;
    background-position: center;
    /*background-size: 100%;*/
    background-repeat: no-repeat;
}
.drag-text{
	padding: 0px 10px;
	/*color: #7CA1B1;*/
	font-weight: 700;
	text-align: center;
}



/*************** NEW AUTOCOMPLETE ***************/
.au-container *{box-sizing:border-box; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;}
.au-container{ overflow-y:auto; z-index:1000; background-color:white;position:absolute; box-shadow:0px 2px 10px 0px rgba(0,0,0,.3); border-radius:4px; box-sizing:border-box; transition: all .05s;}
.au-container ul{list-style:none; margin:0px; padding:10px 1px;min-height:40px; line-height:18px; font-size:12.5px;cursor: default;}
.au-container .au-item{ margin:0 10px; border-radius:4px; height:auto; min-height:40px; max-height:100px; cursor:pointer; line-height:20px; font-weight:normal; display:block; text-overflow:ellipsis; overflow:auto; /*white-space:nowrap;*/ color:#000;transition: all .15s ease-out;}
.au-container .au-item.selected{ background-color:#B3E4FC; color:white;}
.au-container .au-error{ margin:0; padding:10px; font-weight:normal; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000;transition: all .15s ease-out;}

.au-item span{color:#777; font-weight:400;}
.au-item .au-col{padding:10px 15px; }
.au-item .au-col-left{padding:7px 5px 7px 5px; float:left;width:70%; line-height:15px; }
.au-item .au-col-right{padding:7px 5px 7px 0px; float:left;width:30%; line-height:15px; text-align:right;}
.au-item .au-col-left .pre_label{color:#666; width:100%}
.au-item .au-col-left .sub_label{}
.au-item.selected .au-col-left .pre_label{color:#FFF;}
.au-item.selected .au-col-left .sub_label{color:#FFF;}
.au-item .au-col-left .label{font-size:14px; font-weight:500;}

.au-item .au-col-left .label1, .au-item .au-col-left .label2, .au-item .au-col-left .label3{font-size:10px; float:left; border-radius:3px; height:16px; line-height:14px; padding:0px 3px; margin:2px 5px 0px 0px;}
.au-item .au-col-left .label1{border:1px solid #555; color:#FFF; background-color:#555;}
.au-item .au-col-left .label2{border:1px solid #34A853; color:#FFF; background-color:#34A853;}
.au-item .au-col-left .label3{border:1px solid #0747A6; color:#FFF; background-color:#0747A6;}
.au-item .au-col-right .data1{font-size:12px; overflow:hidden; text-overflow:ellipsis;}
.au-item .au-col-right .data2, .au-item .au-col-right .data3{font-size:12px; font-weight:600;}
.au-item .au-col-right .data3, .au-item .au-col-right .data3 span{color:#F96400;}

.au-autocomplete .au-item{position:relative; margin:0 7px; border-radius:0px; border:4px solid transparent;}
.au-autocomplete .au-item::before{content:""; position:absolute; bottom:0px; left:0; right:0px; height:1px; border-bottom:1px solid #EEE; }
.au-autocomplete .au-item.selected{border-radius:5px; border:4px solid #B3E4FC; background-color:#FFF; color: initial; /*box-shadow:0px 0px 8px 0px rgba(0,0,0,.4);*/}
.au-autocomplete .au-item.selected .au-col-left .pre_label{color:initial;}
.au-autocomplete .au-item.selected .au-col-left .sub_label{color:initial;}

@media (hover:hover) and (pointer:fine) { 
   .au-container::-webkit-scrollbar{display:block;width:10px; height:10px; border-radius:10px;} /* width */
   .au-container::-webkit-scrollbar-track {background-color:#FFF; border-radius:10px;} /* Track */
   .au-container::-webkit-scrollbar-thumb {background-color:#DDD; border:solid 2px #FFF; border-radius:10px;} /* Handle */
   .au-container::-webkit-scrollbar-thumb:hover{background-color: #AAA; } /* Handle on hover */
   .au-container{ scrollbar-color:#CCC #EFEFEF; scrollbar-width:thin; } /* FIRE FOX*/
}

/***************************************** SCROLLPANEL *******************************************/
.scrollPanel{overflow-y:auto !important; position:absolute; top:50px; left:0px; right:0px; bottom:0px; padding-bottom:30px;}

@media (hover:hover) and (pointer:fine) { 
	.scrollPanel::-webkit-scrollbar{display:block;width:12px; height:12px; } /* width */
	.scrollPanel::-webkit-scrollbar-track {background-color:#FFF; } /* Track */
	.scrollPanel::-webkit-scrollbar-thumb {background-color:#DDD; border:solid 3px #FFF; border-radius:12px;} /* Handle */
	.scrollPanel::-webkit-scrollbar-thumb:hover{background-color: #AAA; } /* Handle on hover */
	.scrollPanel{ scrollbar-color: #CCC #EFEFEF; scrollbar-width:thin; }/* FIRE FOX*/
}
.catInv{float: left;margin-left: 32px;}
@media screen and (max-width: 680px){
	.catInv{margin-left: 0px;position: relative;margin-top: 50px;}
}

.leftDate{left: 0px;position: absolute;z-index: 99999;}
.rightDate{right: 0px;position: absolute;z-index: 99999;}

.p-0{padding: 0px!important;}
.border-0{border: none!important;}
.pr-90{padding-right:90px ;}
.pointer-events{
	pointer-events: all;
}

.imgBrand{width: 100%;height: 500px;background-size: 100%;background-position: center;background-repeat: no-repeat!important;}
.BrandContent{border-top: none!important;}
.BrandContent #photoTitle{text-align: center;}
.photoBrand{width: 80px!important;height: 80px;background-size: 100%;background-position: center;cursor: pointer;background-repeat: no-repeat!important;}
.m-auto{margin: auto!important;}
.w-100{width: 100%!important;}
.tarjetDoc{width: 90px;}
.tarjetTime{width: 90px;}
.tarjetTotal{width: 100px;}
.tarjetTotal div{width: max-content;float: right;}
.blocked{background-image: url(img/candado.png);background-size: 18px, 50%;background-position: center right 5px;background-repeat: no-repeat;padding-right: 25px;}

.acAction{    display: inline-block;width: 74%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis{display: inline-block;width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tableInline,.tableInline *{display: block;}
.tableInline *{width: 100%;}
.tableInline tr, .tableInline tr td{height: max-content!important;min-height: 25px;}

.tabBtnHome {display: inline-block;top: 10px;left: 0px;width: 50px; height: 30px;padding: 0px 0px 0px 15px;cursor: pointer;background-color: inherit;box-shadow: 5px 0px 5px 0px rgb(255 255 255);}
.tabBtnHome div {width: 30px;height: 30px;border-radius: 15px;background-repeat: no-repeat;background-position: center;background-size: 16px;transition: all .15s ease-out;
}
.tabBtnHome .icoSvgHome{ background-image:url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 27 27" style="enable-background:new 0 0 27 27;" xml:space="preserve"> <path fill="%23666666" d="M3.7,24.9c0,0,0,0.6,0.6,0.6c0.7,0,6.8,0,6.8,0l0-5.6c0,0-0.1-0.9,0.8-0.9h2.8c1.1,0,1,0.9,1,0.9l0,5.6 c0,0,5.8,0,6.7,0c0.7,0,0.7-0.8,0.7-0.8V14.4l-9.4-8.4l-10,8.4C3.7,14.4,3.7,24.9,3.7,24.9z"/> <path fill="%23666666" d="M0,13.6c0,0,0.8,1.6,2.7,0l11-9.3l10.3,9.3c2.1,1.5,2.9,0,2.9,0l-13.3-12L0,13.6z"/> </svg>')!important; margin-top: 11px;}
.tarjetSWShadow{box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);}
.mb-0{margin-bottom: 0px!important;}
.max-width{width: max-content;}