body
{
}
.Header
{
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    color: #FF9900;
    text-align: center;
}


.SubHeader
{
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    color: #333333;
    text-decoration: none;
}

.HeaderPrinter
{
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    color: #000;
    text-align: center;
}


.SubHeaderPrinter
{
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    color: #000;
    text-decoration: none;
}


.Salir
{
    font-family: Arial;
    font-size: 10px;
    color: #0033CC;
    font-weight: bold;
}

.footer
{
    font-family: Arial;
    font-size: 9px;
    color: #FFFFFF;
    font-style: normal;
    text-decoration: none;
}

.hyperlink a:link, a:visited
{
    font-family: Arial;
    font-size: 9px;
    color: #FFFFFF;
    font-style: normal;
    text-decoration: none;
}

.hyperlink a:hover, a:focus
{
    text-decoration: none;
    color: #ccccdd;
}


.hyperlink2 a {font-family:Arial,serif; font-size:9px;}
.hyperlink2 a:link {text-decoration:none;color:black;}
.hyperlink2 a:visited {text-decoration:none;color:black;}
.hyperlink2 a:hover {text-decoration:none;color:#ccccdd;}
.hyperlink2 a:active {color:red;text-decoration: none}

.hyperlink3 a {font-family:Arial,serif; font-size:9px;}
.hyperlink3 a:link {text-decoration:none;color:blue;}
.hyperlink3 a:visited {text-decoration:none;color:blue;}
.hyperlink3 a:hover {text-decoration:none;color:#ccccdd;}
.hyperlink3 a:active {color:red;text-decoration: none}

.FunctionTitle
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}


.ChartTitle
{
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}


.TituloCampo
{
    font-family: Arial;
    font-size: 8.7pt;
    font-weight: bold;
    font-variant: normal;
    color: #000000;
}


.GridReportes
{
    background-color: #ffffff;
    border-style: none;
    border-width: 0px;
    padding: 1px;
    font-family: arial;
    font-size: small;
    border: 0px ;
    color: #444444;
    table-layout: fixed;
}


.Grid
{
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    font-family: Arial;
    font-size: 8.7pt;
    border: 1px color: #444444;
    table-layout: fixed;
}

.GridHeader
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #F7F7F7;
    font-weight: bold;
    background-color: #2E4d7B;
    border: 1px color: #444444;
}

.GridHeader a:link, a:visited
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.GridHeader a:hover, a:focus
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}


.GridDetail
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #000000;
    font-weight: normal;
    padding-right: 1px;
    padding-left: 1px;
}

.GridFooter
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #000000;
    font-weight: bold;
    height: 16px;
}

.GridPager
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #000000;
    font-weight: bold;
}

.GridRow
{
    background-color: #E7E7E7;
    color: #4A3C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.7pt;
    color: #000000;
    font-weight: normal;
}

.GridAlternateRow
{
    background-color: #F7F7F7;
    color: #4A3C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.7pt;
    color: #000000;
    font-weight: normal;
}

.GridSelectedRow
{
    background-color: #CCFFFF;
    font-weight: bold;
    color: #333333;
}






.GridHeaderPrinter
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #ffffff;
    font-weight: bold;
    background-color: #000;
    border: 1px ;
}

.GridHeaderPrinter a:link, a:visited
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.GridHeaderPrinter a:hover, a:focus
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}


.GridDetailPrinter
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #000000;
    font-weight: normal;
    padding-right: 1px;
    padding-left: 1px;
}

.GridFooterPrinter
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #ffffff;
    font-weight: bold;
    height: 16px;
    background-color: #000000;
}


.GridRowPrinter
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.7pt;
    color: #000000;
    font-weight: normal;
}

.GridAlternateRowPrinter
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.7pt;
    color: #000000;
    font-weight: normal;
}

.GridSelectedRowPrinter
{
    background-color: #FFFFFF;
    font-weight: bold;
    color: #000000;
}


.GridMoviles
{
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    font-family: Arial;
    font-size: 8.7pt;
    border: 1px color: #444444;
    table-layout: fixed;
    empty-cells: show;
    width: 231px;
}


.GridMovilesDetail
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #000000;
    font-weight: normal;
    padding-right: 2px;
    padding-left: 2px;
}

.GridMovilesFooter
{
    font-family: Arial;
    font-size: 9px;
    color: #000000;
    font-weight: bold;
    height: 16px;
}

.GridMovilesPager
{
    font-family: Arial;
    font-size: 8.7pt;
    color: #000000;
    font-weight: bold;
}

.GridMovilesRow
{
    border-width: 3px;
    width: 231px;
}

.GridMovilesSelectedRow
{
    background-color: #CCFFFF;
    font-weight: bold;
    color: #333333;
}

.GridMovilesItem
{
    padding: 1px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.7pt;
    color: #000000;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    width: 33px;
    height: 5px;
}


.pageTitle
{
    height: 25px;
    border-bottom: 1px solid #003399;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.pageSubTitle
{
    height: 25px;
    border-bottom: 1px solid #003399;
    background-color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}


.PageText
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}


.Pagelink a:link, a:visited
{
    font-family: Arial;
    font-size: 12px;
    color: #000033;
    font-weight: normal;
    text-decoration: none;
}

.Pagelink a:hover, a:focus
{
    font-family: Arial;
    font-size: 12px;
    color: #000033;
    font-weight: bold;
    text-decoration: none;
}


.ModalBackground
{
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalBox
{
    margin: 0px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}

.ModalBoxConductor
{
    margin: 20px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}


.ModalBoxCargo
{
    margin: 23px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}


.ModalBoxMovil
{
    margin-top: 30px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}


.ModalBoxEmpresa
{
    margin-top: 30px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}

.ModalBoxUsuarioEmpresa
{
    margin-top: 30px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}

.ModalBoxLogErrores
{
    margin-top: 40px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}


.ModalBoxClientes
{
    margin-top: 30px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}

.ModalBoxTitulares
{
    margin-top: 30px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}

.ModalBoxConductores
{
    margin-top: 30px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}


.ModalBoxMoviles
{
    margin-top: 30px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}

.ModalBoxSelecDomicilios
{
    margin-top: 0px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}

.ModalBoxCuentas
{
    margin-top: 25px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}


.ModalBoxCheques
{
    margin: 25px;
    z-index: 500;
    background-color: #dddddd;
    border-width: 2px;
    border-style: solid;
    border-color: navy;
    padding: 0px;
}

.ModalTitleRow
{
    padding: 0px;
    margin: 0px;
    height: 25px;
    border-bottom: 1px solid #003399;
    background-color: #aaaaaa;
}

.ModalTitle
{
    height: 25px;
    font-family: Arial;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
}

.ModalSubTitle
{
    height: 25px;
    font-family: Arial;
    font-size: 11px;
    color: #0033CC;
    font-weight: bold;
}


.ModalSubTitlePrinter
{
    height: 25px;
    font-family: Arial;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

.ModalButton
{
    font-family: Arial;
    font-size: 12px;
    color: #000033;
    font-weight: normal;
    right: auto;
    left: auto;
    margin-left: 0px;
}

.ModalLabel
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}


.ModalLabelBold
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration:none;
}

.ModalField
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

.ModalGrid
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    vertical-align: middle;
    text-align: left;
    background-color: #dddddd;
    overflow: auto;
    border-spacing: 2px;
    empty-cells: show;
    padding: 2px;
}

.ModalDetailViewContainer
{
    padding: 6px;
}

.ModalText
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}


.MsgError
{
    font-family: Arial;
    font-size: 14px;
    color: #FF0000;
    font-weight: bold;
}

.MsgOK
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}

.TituloGrilla
{
    font-family: Arial;
    font-size: 9px;
    font-weight: bold;
    font-variant: normal;
    color: #003366;
}

.HiddenButton
{
    visibility: hidden;
}

.SiteMapNode
{
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none;
}

.SiteMapNode a:link, a:visited, a:hoover
{
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none;
}


.BigGrid
{
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    padding: 1px;
    font-family: Arial;
    font-size: 10px;
    border: 1px color: #444444;
    table-layout: fixed;
}

.BigGridHeader
{
    font-family: Arial;
    font-size: 12px;
    color: #F7F7F7;
    font-weight: bold;
    background-color: #2E4d7B;
    border: 1px color: #444444;
}


.BigGridRow
{
    background-color: #E7E7E7;
    color: #4A3C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
}


.BigGridFooter
{
    font-family: Arial;
    font-size: 12px;
    color: #F7F7F7;
    font-weight: bold;
    background-color: #2E4d7B;
    border: 1px color: #444444;
}


.Gridlink a:link, a:visited
{
    color: #4A3C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7.2pt;
    font-weight: normal;
    text-decoration: underline;
}

.Gridlink a:hover, a:focus
{
    color: #4A3C8C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7.2pt;
    font-weight: normal;
    text-decoration: underline;
}

.titulo_login
{
    font-family: "neuropol x Free";
    color: #005097;
    font-size: 18px;
    font-weight: normal;
    src: url(/fonts/nueropol x free.ttf);
}
.texto_login
{
    font-family: "univers condensed";
    font-size: 18px;
    padding-left: 6px;
    color: #005097;
    src: url(/fonts/univcd.ttf);
}
.registro_login
{
    font-family: "univers condensed";
    font-size: 14px;
    padding: 4px;
    color: #555555;
    src: url(fonts/univcd.ttf);
}
.subitulo_area
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #999999;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 8px;
    line-height: 10pt;
    font-weight: bold;
}
.tabla
{
    vertical-align: middle;
}

.GridTextBoxImporte
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7.2pt;
    color: #000000;
    font-weight: normal;
    text-align: right;
}

.autocomplete_completionListElement
{
    padding: 0px;
    margin: 0px !important;
    background-color: #CCCCFF;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 100px;
    width: 300px;
    text-align: left;
    list-style-type: none;
    z-index: 10000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    float: left;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #FFFF00;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: #CCCCFF;
    color: windowtext;
    padding: 1px;
    text-align: left;
}


.TextRight
{
    text-align: right;
}

/* la siguiente clase es requerida por los controles HTML5Asp*/

:invalid{ background-color: Red;}

/* la siguiente clase evita los spinners en los campos de fecha y numerico HTML5*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}