/* Foo */
#txtRFC, #txtRFCPass
{
    text-transform: uppercase;
}
#celContent
{
    vertical-align: top;
    background-color: White;
    width: 100%;
    padding: 0;
    margin: 0;
}
#infoTitle
{
    font-weight: bold;
    padding: 10px;
    margin: 0px;
}
#infText
{
    vertical-align: middle;
    overflow: auto;
    clear: both;
    overflow-wrap: break-word;
    height: 80%;
    padding: 0 5px 0 5px;
    margin: 0 auto;
}
#infWinInfo
{
    margin: 0 auto;
    background-color: White;
    border-radius: 10px;
    overflow: auto;
    clear: both;
    width: 220px;
    overflow-wrap: break-word;
    height: 95%;
    border: 1px solid #d3d3d3;
}
#pnlLeft, #pnlRight
{
    width: 16%;
    height: 100%;
    vertical-align: top;
    padding: 0;
    margin: 0;
    background: #EDEDED;
}
#pnlLeft
{
    width: 135px;
    min-width: 130px;
    max-width: 140px;
}
#pnlRight
{
    padding: 15px 10px;
}
#routeMap
{
    font-size: 1em;
    float: left;
}
#lnksPnlIzq
{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
#lnkRegTicket, #lnkConsult
{
    padding: 0;
    display: inline-block; /**     width: 100%;     margin: 5px 0;/**/
}
/*
::-webkit-scrollbar-thumb:hover
{
    background-color: #d3d3d3;
}
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: rgba(187, 187, 187, .5);*/
    /*box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, .5) inset;
    -webkit-box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, .5) inset;*//*
}
::-webkit-scrollbar-thumb
{*/
    /*border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;*//*
    background-color: #fff;
    box-shadow: -1px 1px 6px rgba(0, 0, 0, .5), inset -1px 1px 1px rgba(204, 204, 204, 0.1), inset 1px -2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 1px 6px rgba(0, 0, 0, .5), inset -1px 1px 1px rgba(204, 204, 204, 0.1), inset 1px -2px 1px rgba(0, 0, 0, 0.2);
}
*/
.selectButton
{
    background: #fff !important;
}
.cntRFC
{
    padding: 5px 15px;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
    height: 30px;
}
.cntRFC > strong
{
    display: inline-block;
}
.btnContinuar
{
    position: absolute;
    right: 270px;
}
.izqTicket
{
    vertical-align: top;
    text-align: left;
    width: 270px;
}
.tblContentTicket
{
    border: 0px;
    width: 100%;
    bottom: 0px;
    background-color: White;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #d3d3d3;
    color: #555555;
    background: #fbf9ee;
}
.tblContentTicket > th
{
    padding: 5px 30px;
    text-align: center;
}
.tblContentTicket > thead > th > span
{
    font-weight: bold;
}
.tblContentTicket > tbody
{
    vertical-align: top;
}
.infoVerificarDatos
{
    width: 80%;
    font-size: 1.3em;
    font-weight: bolder;
    margin: 20px auto;
    padding: .3em;
}
.rowDataInfo
{
    text-align: center;
}
.cntAddItemTicket
{
    border: 0;
    padding: 0px;
    margin: 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    display: inline;
}
.btnPanel
{
    text-align: center;
    display: inline-block;
    padding: .2em 3em; /**margin-right : 0;      padding: 5px 0;      width: 100%;      height: 20px;      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABdCAYAAABkWQwFAAAAYklEQVQYV7WMMQqAMBRDn1+6la7e/zDdunXqDTp0LXSLm4oIKugSkjwSSimi9y4DOIgkzt3PtNaKAROSsBijGGPoZvugexWvQM4ZgGUGHCklWQgB895jzrm756/dHltrsIEVk2pi1fyj3qwAAAAASUVORK5CYII=) repeat-x; /**/
}
.clickRow
{
    background: #fff;
}
.clickRow:hover
{
    background: #ccc;
}
.mapItem > a
{
    display: inline-block;
    width: 80%;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    padding: 7px 0 7px 12px;
    margin: 0 0 0 -1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABdCAYAAABkWQwFAAAAYklEQVQYV7WMMQqAMBRDn1+6la7e/zDdunXqDTp0LXSLm4oIKugSkjwSSimi9y4DOIgkzt3PtNaKAROSsBijGGPoZvugexWvQM4ZgGUGHCklWQgB895jzrm756/dHltrsIEVk2pi1fyj3qwAAAAASUVORK5CYII=) repeat-x;
}
.mapItem
{
    width: 65px;
    margin-left: -5px;
    display: inline-block;
}
.pnlSelected
{
    display: inline-block !important;
    background-color: transparent !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAC4CAYAAAA8GbaHAAAFgklEQVR42u2Zy0tcVxzHb1+TpE07pKUNJSDdBQqhQkGaXXfmD8iiZBuaRQiUBpQsqoV25dq1FYvgiBAZmIoO4nsT8Dk6Os7o+H47js9RF+X0+xV/Zco4M+d372II9cInYOLn3PM795zfOecXZ3Z2tgyEQAYYDZTDm5ub5vj42JycnKignDo6OlKLIu+XTj48PGTMWq5lV/LBwYHB59JyLbuW8bm0XMuuZDwGDWgpsZxKp9Ou5dDa2pqRBrTyPRAE2272Ktc4xhjXOJ2dnV8NDg7+NTQ0lAFGgzMwMNC1uLhoMpmMOTs7U+HgrXtIo2pR5APseO5lvvn09FTLWy0jjfJTaXmrZSQzN0epUst43JxJSi0jb7vZ3EstI+G72SX/lzKTfnpvb8/dFtvT0xNOJBImlUrp5dra2q+7u7u70INd9V6F5ya4Az4Hd5U4PuB3JQ8PD5eBEMgAo4FyeGxszMRiMROPx1VQTnG0V1dXzfr6ugrK+8vLy2Zra8vs7OyouJDxVvkLvbyysmK2t7e1lFiWAVPjXV5aWjIod6jxLvMEuLGxoca7vLCwwLmqxrucTCYNrgpqvMvz8/Ncz2q8y3NzcwaLQ413mTkMi0ONd5lpFItDi3c55UUORSIRw2+N1aWC8j0QBNvqvcoY93iTLy/SG6AW+FQyD9082XCJQQ4Bn0q+RBpo1Mm5Dbx0I/OIRPkcVBSVrzrBcxODnAR+tUyYHSG/1soCUw0beOFKxg1A4i9Xy4RbKeQY8CvknPgDObLlZYQJjw08cyXjTE45Ax5oZcINXeK/rZWJTN9XWllGPgH87mKWb07Z8iYjo/2UkkrmNJV1rpF5cKEYAbdU8u7uLsV9cF8EW5m7AuXHeVdVkTjrC67nK25qshDeAJ9GlhSUAmX8BVuZE4EbGOVHVtkzS5SJUGUjisybiowsRP1eFQVPNCIp4RaLS/TfqBus9/f3/xoIBG7gZ8cWh2VXrleexXB776ivr7+pkgU20NfX9ycu1u+oZcLR7+3trbJpwJHqqcAtBv9wHg6HH2plwhXF+Bebm5s/VcuEx2h8gRC6/65WJhL/T/nidwpVVLlYGD/+0+BbrUx4rmb884xfKxOJv43dV8uEdRTUkJ5nN+DYlmaZhiFkEH+5ViZMGIw/3tDQ4FfLhLcC1NB+YfcdRXlW3pysrq7+kpPHWmZKxro/xZL9njU01ZtnZmZMW1vbz5A+Au8hZrvNndO0q6srAOkT8D5FKxm3es7vmcrKSsbpY3dtZO7NjPO4rq7uO4lTRJB/l+RmMDU1ZVpbW39knLI0rWROx46Ojj+y47SRuRAY51hFRcUXEqeNLCkoXVNT8012nEVlTv6JiQnT1NT0A6QPJc68MgdGdkpOhGAw+Bukj2UiFJV5jODItre3/w7JDz6wydv8g4MTb2lpea4RCZ+74DN2VSOKfAP4GCNFR/NcXqQ3QC3wAccGI8eKaDRqRkZG2EgI+KxljjRPQawZoNrMBhpt5IuY+X15gufxn6Wt0dFRNvDSWs5qgAmO8jmoKCozNwm4vTAEThg2kAR+W5kwATBLco6zgdcqmd3HIDJ+GcAXeeUrarjsvpy3Jf5ya5mw+9xeJycn2UAM+HPkQrVcjj6z5/j4OBsIaGS+nd1nWpLv/+w/cpF6LgeP3WeioJwBD6xlwu7zBoDSl8R/+0K2rOty8rD7soBeaWTGLl1PAL/Dx7auy0nDmOWb28rssnzvpxT/lYvUcznSslAac5JBAZFvlDgj4FaOXKCWy8M7xX1wn4KtnL0sH+fNYVfUcDkhZIDqgWMt843T09MU3wBfQZm/LOCN3NQppkAZcGxlTj9Zfo+AYyszb8vEr7JO+lzsTDccWRFtZdmrouAJcDTyP5aBBLoXa4rHAAAAAElFTkSuQmCC) !important;
    background-repeat: no-repeat !important;
    background-position: 0 -93px !important;
    margin: 0 0 0 -5px;
    padding: 0;
    width: 15px;
    height: 30px;
    position: absolute;
}
.labelText
{
    /**margin: 0;
    padding: .34em 10px;
    background-image: url('../img/round-init.png');
    background-repeat: no-repeat;
    color: #fff;
    font-family: sans-serif;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    *height: 16px;/**/
}
.inputText
{
    background-color: #fff !important;
}
/**.inputText, select,/**:required:invalid,**/
/**input[type=text], input[type=password], textarea
{
    margin: 3px 10px 0 0;
    border-top: none !important;
    border-left: none !important;
    padding: 0 0 1px 10px;
    display: inline-block;
    border-bottom: .1em solid #0AF !important;
    border-right: .1em solid #0AF !important;
    vertical-align: middle;
}/**/
.tblCell
{
    display: table-cell;
    margin: 0;
    padding: 1px 0;
    vertical-align: middle;
}
/**.comboStyle
{
    background: #fff;
    border-top: none;
    border-left: none;
    border-bottom: .1em solid #0AF;
    border-right: .1em solid #0AF;
    border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}/**/
/* Tabla de consulta */
.cntTblContent
{
    margin: 0 auto;
    border: 1px solid #d3d3d3;
}
.cntTblLft
{
    border-left: 1px solid #d3d3d3;
}
.cntTblRgt
{
    border-right: 1px solid #d3d3d3;
}
.cntFrt, .cntLst, .cntInnerL, .cntInnerR
{
    padding: 10px 0;
}
.cntFrt, .cntInnerL
{
    text-align: left;
}
.cntLst, .cntInnerR
{
    text-align: right;
}
.cntFrt
{
    border-right: 0px;
}
.cntLst
{
    border-left: 0px;
}
.cntInnerL, .cntInnerR
{
    border-left: 0px;
    border-right: 0px;
}
.cntInner
{
    /*border-right: 1px solid black;      width: 90%; display: block;*/
    padding: 0 5px;
}

.cntFooterFoo
{
    background-color: #fff;
    border-top: 1px solid #d3d3d3;
}
.cntFooterSubtotal
{
    text-align: right;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.cntFooterNumSubtotal
{
    text-align: right;
    background-color: #fbf9ee;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.cntFooterIva
{
    text-align: right;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.cntFooterNumIva
{
    text-align: right;
    background-color: #fbf9ee;
    border-right: 1px solid #d3d3d3;
}
.cntFooterTotal
{
    text-align: right;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}
.cntFooterNumTotal
{
    text-align: right;
    border-top: 1px solid black;
    background-color: #fbf9ee;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

nav > span
{
    padding: 6px 5px;
}
nav
{
    margin-bottom: -3px;
}
a
{
    color: #555555;
    text-decoration: none;
}
li > a:hover
{
    color: Black;
    font-weight: bold;
    background-color: #e6e6e6;
}
table
{
    border: 0px;
    text-align: center;
    border-spacing: 0px;
    vertical-align: top;
}
tfoot > tr > td
{
    background-color: #e6e6e6;
    text-align: right;
}
/*input[type='text'] { margin: 5px; width: 130px; padding: 4px; border-radius: 5px; border: 1px solid #d3d3d3; -webkit-border-radius: 5px; }*/
html, body
{
    min-width: 1024px;
    margin: -1px;
    width: 100%;
    height: 100%;
    padding: 0px;
    font-size: .83em;
    font-family: "Trebuchet MS" , "Helvetica" , "Arial" , "Verdana" , "sans-serif";
}
*:focus
{
    outline: none;
}
tr
{
    margin: 10px 0;
}
.estacionOk
{
    padding: .25em 10px;
    background: #0af;
    color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-weight: bold;
    margin: 0;
    display: none;
    vertical-align: middle;
}
.estacionFail
{
    background: #f00;
}
/* error message */
.error
{
    /* supply height to ensure consistent positioning for every browser */
    height: 15px;
    background-color: #FC6C66;
    border: 1px solid #F00;
    font-size: 11px;
    color: #FFF;
    padding: 3px 1px;
    margin-left: -2px;
    position: fixed;
    text-align: center;
    font-weight: bold; /* CSS3 spicing for mozilla and webkit */
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 0 6px #ddd;
    -khtml-box-shadow: 0 0 6px #ddd;
    -webkit-box-shadow: 0 0 6px #ddd;
}
.error em
{
    display: block;
    width: 0;
    height: 0;
    border: 10px solid #F00;
    border-color: transparent transparent #FC6C66; /* positioning */
    position: absolute;
    bottom: 17px;
    left: 60px;
}

.header
{
    overflow: hidden;
    background: #E5E5E5;
    background-image: linear-gradient(#E9E9E9,#E0E0E0);
    background-image: -o-linear-gradient(#E9E9E9,#E0E0E0);
    background-image: -moz-linear-gradient(#E9E9E9,#E0E0E0);
    background-image: -webkit-linear-gradient(#E9E9E9,#E0E0E0);
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #E9E9E9), color-stop(100%, #E0E0E0));
    background-size: 100%;
    border-bottom: 1px solid #bbb;
    width: 0;
    height: 0;
}
.sombrita
{
    -moz-box-shadow: 0 1px 5px #888;
    -webkit-box-shadow: 0 1px 5px #888;
    box-shadow: 0 1px 5px #888;
}
.sombretaTop
{
    -moz-box-shadow: 0 -4px 3px -1px #888;
    -webkit-box-shadow: 0 -4px 3px -1px #888;
    box-shadow: 0 -4px 3px -1px #888; /**     box-shadow: 0 1px 4px #bbb;     -moz-box-shadow: 0 1px 4px #bbb;     -webkit-box-shadow: 0 1px 4px #bbb;     position: relative;     z-index: 1; /**/
}
.sombretaBottom
{
    -moz-box-shadow: 0 4px 3px -1px #888;
    -webkit-box-shadow: 0 4px 3px -1px #888;
    box-shadow: 0 4px 3px -1px #888;
}
.sombretaLeft
{
    -moz-box-shadow: -4px 0 3px -1px #888;
    -webkit-box-shadow: -4px 0 3px -1px #888;
    box-shadow: -4px 0 3px -1px #888;
}
.sombretaRight
{
    -moz-box-shadow: 4px 0 3px -1px #888;
    -webkit-box-shadow: 4px 0 3px -1px #888;
    box-shadow: 4px 0 3px -1px #888;
}

.borderTop
{
    border-top: .1em solid #EDEDED !important;
}
.borderBottom
{
    border-bottom: .1em solid #EDEDED !important;
}
.borderRight
{
    border-right: .1em solid #EDEDED !important;
}
.borderLeft
{
    border-left: .1em solid #EDEDED !important;
}
.borderAll
{
    border: .1em solid #EDEDED !important;
}
.borderShadow, .borderShadowBottom
{
    border-bottom: 1px solid #EDEDED !important;
}
.borderShadow, .borderShadowTop
{
    border-top: 1px solid #EDEDED !important;
}
.borderShadow, .borderShadowRight
{
    border-right: 1px solid #EDEDED !important;
}
.borderShadow, .borderShadowLeft
{
    border-left: 1px solid #EDEDED !important;
}
/* prever */
.thFstLeft
{
    text-align: left;
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    padding: 5px;
}
.thMddLeft
{
    text-align: left;
    padding: 5px;
}
.thMddRight
{
    text-align: right;
    padding: 5px;
}
.thLstRight
{
    text-align: right;
    border-radius: 0 5px 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    padding: 5px 10px;
}
.spnTh
{
    border-right: 1px solid #999;
    display: block;
    padding: 5px;
}
.spnThLst
{
    width: 100%;
    display: block;
    padding: 5px;
}
.summaryText
{
    text-align: right !important;
    background: #E6E6E6;
    padding: 0 10px !important;
}
.summaryValue
{
    text-align: right;
    background: #fff;
    padding: 0 10px;
}

.tblTickets
{
    width: 100%;
    border: .1em solid #EDEDED;
    margin: 0;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -khtml-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
}
.tblTickets,
.tblTickets *
{
    z-index:90;
}
.tblTitle
{
    text-align: center;
    /*padding: 0 10px;*/
    border: .1em solid #fff;
    /*background: rgb(204, 204, 204);*/
}
.tblTitleFirst
{
    border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -khtml-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
}
.tblTitleLast
{
    border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -khtml-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
}

.fltTblTickets
{
    padding: 0; 
    text-align: right; 
    z-index: 90;
    position: absolute;
    left: 950px;
    *left: 953px;
    top: 320px;
    border: .1em solid #EDEDED;
}

/****************
 * Custom Radio *
 ****************/
/*
 * Ocultarlo siendo accesible
 */
.custom-radio, .custom-checkbox
{
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

/*
 * Dejar espacio a la 'label' para posicionar el checkbox hecho con pseudoelementos
 */
.custom-radio + label, .custom-checkbox + label
{
    position: relative;
    padding-left: 16px;
}
/*
 * El pseudoelemento que emulará el input
 */
.custom-radio + label:before, .custom-checkbox + label:before
{
    content: "";
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 10px;
    width: 13px;
    height: 13px;
    line-height: 11px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6.5px;
    background: white;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
    background-image: -webkit-linear-gradient(#ffffff, #dddddd);
    background-image: -moz-linear-gradient(#ffffff, #dddddd);
    background-image: -o-linear-gradient(#ffffff, #dddddd);
    background-image: linear-gradient(#ffffff, #dddddd);
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#dddddd);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd')";
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #aaa;
}
/*
 * Fondo para cuando se pasa el ratón por encima
 */
.custom-radio + label:hover:before, .custom-checkbox + label:hover:before
{
    background: #fafafa;
}

/*
 * Fondo para cuando se está haciendo click
 * Con filtros para ie9
 */
.custom-radio + label:active:before, .custom-checkbox + label:active:before
{
    background: #f2f2f2;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(#dddddd, #ffffff);
    background-image: -moz-linear-gradient(#dddddd, #ffffff);
    background-image: -o-linear-gradient(#dddddd, #ffffff);
    background-image: linear-gradient(#dddddd, #ffffff);
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff')";
}
/*
 * Redondear el botón "radio"
 * Sobreescribimos el border-radius: 3px general
 */
.custom-radio + label:before
{
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
/*
 * Mostrar un punto cuando está seleccionado el "radio"
 * Usamos box-shadow para simular un fondo gris, mientras que dejamos un pequeño 
 * espacio para el punto negro (#444), que es el fondo
 */
.custom-radio:checked + label:before
{
    background: #444;
    -webkit-box-shadow: 0 0 0 3px #eeeeee inset;
    -khtml-box-shadow: 0 0 0 3px #eeeeee inset;
    -moz-box-shadow: 0 0 0 3px #eeeeee inset;
    box-shadow: 0 0 0 3px #eeeeee inset;
}
/*
 * Estilos focus para la gente que navega con el teclado, etc
 */
.custom-radio:focus + label:before, .custom-checkbox:focus + label:before
{
    outline: 1px dotted;
}
/* Mostrar la "X" cuando está chequeada (sólo el checkbox).
 * Podríamos usar una fuente de iconos para mostrar un tic
 */
.custom-checkbox:checked + label:before
{
    content: "X";
}
#tblConsult > tbody > tr > td
{
    padding: 5px 10px;
    vertical-align: top;
}
#tblDataInfo tr
{
    vertical-align: top;
}
#tblDataInfo td
{
    padding: 1px 0;
}
button.add-on
{
    margin: 0;
    text-shadow : 0 0 0 !important;
    height: 30px !important;
    font-size: 13px !important;
}
button.ui-button
{
    /*margin: 0;*/
    background-color: #E6E6E6 !important;
    background-position: 0 !important;
}
button.ui-button-error
{
    background-color: #C43C35 !important;
}
button.ui-button-primary
{
    background-color: #0064CD !important;
}

button.ui-button-success
{
    background-color: #57A957 !important;
}
/*.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text, */
.white-image
{
    /*padding: .4em 1em;*/
    background-image:url(../css/custom-theme/images/ui-icons_ffffff_256x240.png) !important;
}
input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input
{
    color: #000;
}
#lchPais, #lchEstado, #lchMetodoPago, #lchEstacion
{
    height: 30px;
}
.combo
{
    display: inline-block; 
    margin: 0px 10px 0px 0px; 
    vertical-align: middle;
}
.comboStyle
{
    padding: 0;
    vertical-align: middle;
}
.comboStyle .ui-button-text
{
    float: left;
}

.comboStyle .ui-button-icon-secondary
{
    margin: 5px 5px 0 0;
    float: right;
}

button[data-role=combo] span
{
    display: inline-block !important;
}

/*
 * Para el tipo de persona
 */
.lFlags, .cFlags, .rFlags
{
    background-image: url("../img/flags2.png");
    background-repeat: no-repeat;
    background-size: 9px;
    display: inline-block;
    margin: -3px;
    *margin: -3px;
    padding: 2px 45px;
    vertical-align: text-top;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/flags2.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/flags2.png', sizingMethod='scale')";
    
}
.lFlags
{
    padding: 2px 2px !important;
    background-position-y: -17px;/**
    *background-position-y: -63px;/**/
}

.cFlags
{
    background-position-y: -246px;/**
    *background-position-y: -263px;/**/
    background-repeat: repeat-x !important;
}
.rFlags
{
    padding: 2px 4px !important;
    background-position-y: -133px;/**
    *background-position-y: -160px;/**/
}

/*
 * Inputs styles
 */
.stlLabel, .stlLabelTop, .fStlLabel
{
    background-image: url('../img/flags2.png');
    background-size: 9px;
    background-repeat: no-repeat;
    font-family: sans-serif;
    font-weight: bold;
    display: inline-block;
    vertical-align: text-top;
    /**height: 18px;
    *height: 16px;/**/
    z-index: 90;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/flags2.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/flags2.png', sizingMethod='scale')";
}
.stlLabel
{
    margin: 0;
    padding: 0 4px 5px 4px;
    background-position-y: -266px;/**
    *background-position-y:-256px;
    _background-position-y:-256px;/**/
    background-repeat: repeat-x !important;
}
.stlLabelTop
{
    margin: 2px 0 -2px 0;
    padding: 0 0 0 4px;
    background-position-y: -37px;/**
    *background-position-y: -62px;
    _background-position-y: -62px;/**/
}
.fStlLabel
{
    margin: 0 -7px 0 0;
    padding: 0 6px 0 0;
    background-position-y: -93px;
    height: 18px;
    *height: 16px;/**
    *background-position-y: -155px;
    _background-position-y: -155px;/**/
}


.input-append, .input-prepend
{
    /*margin-bottom: 5px;*/
    font-size: 0;
    white-space: nowrap;
}
.input-prepend label, 
.input-append button, 
.input-prepend button, 
.input-append input, 
.input-prepend input, 
.input-append select, 
.input-prepend select, 
.input-append .uneditable-input, 
.input-prepend .uneditable-input, 
.input-append .dropdown-menu, 
.input-prepend .dropdown-menu
{
    font-size: 14px;
}
.input-prepend label, 
.input-append button, 
.input-prepend button, 
.input-append input, 
.input-prepend input, 
.input-append select, 
.input-prepend select, 
.input-append .uneditable-input, 
.input-prepend .uneditable-input
{
    position: relative;
    margin-bottom: 0; 
    *margin-left:0;
    vertical-align:top;
    -webkit-border-radius:0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0; 
    border-radius:0 4px 4px 0;
}
.input-prepend label:focus, 
.input-append button:focus, 
.input-prepend button:focus, 
.input-append input:focus, 
.input-prepend input:focus, 
.input-append select:focus, 
.input-prepend select:focus, 
.input-append .uneditable-input:focus, 
.input-prepend .uneditable-input:focus
{
    z-index: 2;
}
.input-append .add-on, 
.input-prepend .add-on
{
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc;
}
.input-append .add-on, 
.input-prepend .add-on, 
.input-append .btn, 
.input-prepend .btn, 
.input-append .btn-group > .dropdown-toggle, 
.input-prepend .btn-group > .dropdown-toggle
{
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-append .active, 
.input-prepend .active
{
    background-color: #a9dba9;
    border-color: #46a546;
}
.input-prepend .add-on, 
.input-prepend .btn
{
    margin-right: -1px;
}
.input-prepend .add-on:first-child, 
.input-prepend .btn:first-child
{
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.input-append input, 
.input-append select, 
.input-append .uneditable-input
{
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.input-append input + .btn-group .btn:last-child, 
.input-append select + .btn-group .btn:last-child, 
.input-append .uneditable-input + .btn-group .btn:last-child
{
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-append .add-on, 
.input-append .btn, 
.input-append .btn-group
{
    margin-left: -1px;
}
.input-append .add-on:last-child, 
.input-append .btn:last-child, 
.input-append .btn-group:last-child > .dropdown-toggle
{
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-prepend .input-append input, 
.input-prepend .input-append select, 
.input-prepend .input-append .uneditable-input
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-prepend .input-append input + .btn-group .btn, 
.input-prepend .input-append select + .btn-group .btn, 
.input-prepend .input-append .uneditable-input + .btn-group .btn
{
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-prepend .input-append .add-on:first-child, 
.input-prepend .input-append .btn:first-child
{
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.input-prepend .input-append .add-on:last-child, 
.input-prepend .input-append .btn:last-child
{
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.input-prepend .input-append .btn-group:first-child
{
    margin-left: 0;
}

.lgnTbl,
.lgnTbl table,
.lgnTbl tr,
.lgnTbl td,
.lgnTbl div
{
    margin: 0;
    padding: 0;
}
label
{
    font-weight:bold !important;
}
.textOverflow .ui-button-text{text-overflow: ellipsis; white-space: nowrap; overflow: hidden !important; display: inline-block !important; width: 120px; padding: 0 .5em;}

.textOverfloww164 .ui-button-text{text-overflow: ellipsis; white-space: nowrap; overflow: hidden !important; display: inline-block !important; width: 164px; padding: 0 .5em;}

.menuClassw190 {
    position: absolute;
    width: 190px;
    margin-top: 3px !important;
    z-index: 110;
}
//////////////////////////////////////////////////////////////////////////////////////////

.spiningWait {
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
}
@-webkit-keyframes rotateThis {
    from {-webkit-transform:scale(1) rotate(0deg);}
    to {-webkit-transform:scale(1) rotate(360deg);}
}

//////////////////////////////////////////////////////////////////////////////////////////

.sk-fading-circle {
  margin: 100px auto;
  width: 24px;
  height: 24px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

/////////////

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(1.0) }
  100% {
    -webkit-transform: scale(2.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  } 100% {
    -webkit-transform: scale(2.0);
    transform: scale(2.0);
    opacity: 0;
  }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.spinnerGround {
    width: 60px;
    height: 60px;

    border-radius: 100%;  
    -webkit-animation: sk-scaleout 2.0s infinite ease-in-out;
    animation: sk-scaleout 2.0s infinite ease-in-out;
}
.input-error .add-on:first-child, 
.input-error .btn:first-child
{
    border-top: 1px solid #f00;
    border-left: 1px solid #f00;
    border-bottom: 1px solid #f00;
}
.input-error .add-on:last-child, 
.input-error .btn:last-child
{
    border-top: 1px solid #f00;
    border-right: 1px solid #f00;
    border-bottom: 1px solid #f00;
}