﻿.imgbottom {
    vertical-align: bottom;
}

#message_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #ffc;
    padding: 5px;
    border: 1px solid #CCCCCC;
    text-align: center;
    font-weight: bold;
    width: 99%;
    visibility: hidden;
}

.OcultaColumna {
    display: none;
}


a {
    color: #000000;
    font-size: 8pt;
    font-family: Verdana;
    outline: 0;
    text-decoration: none
}

    a:hover {
        color: #000000;
        font-size: 8pt;
        font-family: Verdana;
        text-decoration: underline;
    }

body {
    font-family: Verdana;
    font-size: 8pt;
    color: #000000;
    margin: 0px;
}

.button {
    border: 1px solid #50819F;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    cursor: pointer;
}

.formulario {
    background-color: #ffffff;
    border-bottom: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    border-right: #f5f5f5 1px solid;
    border-top: #f5f5f5 1px solid;
}

.formularioTitulo {
    background-color: #f5f5f5;
    height: 20px;
}

.grilla {
    color: #464646;
    font-size: 8pt;
    width: 100%;
}

.grillaCabecera {
    background-color: #e9e9e9;
    color: #454545;
    height: 32px;
    text-align: left;
}

.grillaBoton {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    vertical-align: middle;
    height: 15px;
    width: 15px;
}

.link {
    color: Black;
    text-decoration: none;
}

.mensaje {
    color: #ff0000;
    font-size: 8pt;
    font-family: Verdana;
}

.panel {
    background-color: #f5f5f5;
    border-bottom: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
}

.textBox {
    border: 1px solid #50819F;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-left: 0px;
}

.textBoxNumbers {
    border: 1px solid #50819F;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
}

.textBoxNumbers2 {
    border: none;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
}

.textLabel {
    border: 0px solid #50819F;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.titulo {
    border: 0px solid #50819F;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.Label {
    border: 0px solid #50819F;
    color: #333333;
    font-family: verdana, arial;
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    font-style: italic;
}



.grid {
    color: #464646;
    font-size: 8pt;
    width: 100%;
}

.gridheader {
    background-color: #e9e9e9;
    color: #454545;
    height: 19px;
}

.modalPopup_ST {
    width: auto;
    height: auto;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 2px;
    border: solid 1px #000066;
}

.modalPopupMensaje_ST {
    width: auto;
    height: auto;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.header_ST {
    background: #424242;
    color: #000;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
}

.close_ST {
    right: 7px;
    background: url(../../img/sprite.png) no-repeat 0px -300px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    height: 15px;
}

.body_ST {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.body_STX {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.body .msg {
    background: url(img/sprite.png) no-repeat 0px -1150px;
    float: left;
    padding-left: 22px;
    padding-right: 10px;
}

.footer_ST {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align: center;
    padding-bottom: 1px;
    padding-right: 8px;
}


.mGrid_ST {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 0 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-size: 8pt;
}

    .mGrid_ST td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #717171;
    }

    .mGrid_ST th {
        padding: 4px 2px;
        color: #fff;
        background-color: #555;
        border-left: solid 1px #525252;
        text-align: center;
    }

    .mGrid_ST .alt {
        background: #fcfcfc url( "img/gridView_alt.png" ) repeat-x top;
    }

    .mGrid_ST .pgr {
        background: #424242 url( "img/gridView_pgr.png" ) repeat-x top;
    }

        .mGrid_ST .pgr table {
            margin: 5px 0;
        }

        .mGrid_ST .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .mGrid_ST .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid_ST .pgr a:hover {
                color: #000;
                text-decoration: none;
            }


.progress {
    display: block;
    position: absolute;
    padding: 2px 3px;
}

.container {
    border: solid 1px #808080;
    border-width: 1px 0px;
}

.header {
    background: url(img/sprite.png) repeat-x 0px 0px;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;
    font-family: arial,helvetica,clean,sans-serif;
}

.body {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}

.nbutton {
    font-size: 9pt;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
    font-family: Arial;
    color: #333333;
    background-color: #fff;
    border: 1px solid #999;
}

    .nbutton:hover {
        background-color: #fff;
        color: #333333;
        border: 1px solid #C1DAD7;
    }

    .nbutton[disabled] {
        background-color: #666;
        color: #fff;
    }

.hidden_ST {
    display: none;
    visibility: visible;
}

.ntextBox {
    border: 1px solid;
    border-color: #999999;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.nButton {
    margin: 0;
    padding: 0;
    border: 1px solid #999;
    color: #333333;
    background-color: #fff;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    height: 20px; /* 	padding:2px 2px 2px 2px;	 */
}

    .nButton:hover {
        background-color: #fff;
        color: #333;
    }


/* mensajes*/
pre {
    display: block;
    font: 9px "Courier New", Courier, monospace;
    padding: 10px;
    border: 1px solid #bae2f0;
    background: #e3f4f9;
    margin: .5em 0;
    width: 500px;
}

.clear {
    clear: both;
}

img {
    border: none;
}

/* notification styles */

#easyNotification {
    background: #444;
    color: red;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 1;
    padding: 8px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    margin-bottom: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    font-size: 9px;
}

    #easyNotification span {
        float: right;
        cursor: pointer;
    }

.RowLeg {
    border-style: solid;
    border-width: 0.01mm;
    border-color: #111111;
    font-family: verdana, arial;
    font-size: 7pt;
}


.Titulo1 {
    color: #333333;
    font-family: verdana, arial;
    font-size: 8pt;
    font-style: normal;
}

.Justificado {
    font-size: 1em;
    line-height: 1.05em;
    margin: 0.20em 0;
    text-align: justify;
}


.AlingDerecha {
    padding-right: 10px;
    text-align: right;
}

Calendario {
    font-family: Verdana;
    font-size: 7pt;
    color: #000000;
    background: ffffff;
    width: 60px;
}

legend {
    font-family: verdana, arial;
    font-size: 7pt;
    color: #555555;
}

#AvisoScord {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fff6bf url(img/exclamation.png) center no-repeat;
    background-position: 3px 50%;
    border: 1px solid #ffd324;
    text-align: left;
    font-weight: bold;
    width: 95.5%;
    margin-top: 5px;
    margin-left: 7px;
    color: #FF6600;
    padding: 5px 5px;
    font-size: 7pt;
    padding-left: 25px;
    min-height: 60px;
}

    #AvisoScord.fixed {
        position: fixed;
        top: 0;
    }

    #AvisoScord span {
        float: right;
        cursor: pointer;
        color: #333333;
    }



.Xalerta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 3px 0px;
    background: #fff6bf url(img/nota.gif) center no-repeat;
    background-position: 15px 50%;
    text-align: left;
    padding: 5px 5px 5px 45px;
    border: 1px solid #ffd324;
    color: #000000;
}

.XDivBox {
    text-align: left;
    padding: 5px 3px 5px 3px;
    border: 1px solid #DBDCCD;
    color: #000000;
    background: #F7F9E5;
}

.GridHorizontalStyle {
    width: 100%;
    background-color: #fff;
    margin: 4px 0 0 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    font-size: 8pt;
}

    .GridHorizontalStyle td {
        padding: 2px;
        border-bottom: solid 1px #c1c1c1;
        border-top: solid 1px #c1c1c1;
        color: #717171;
    }

    .GridHorizontalStyle th {
        padding: 4px 2px;
        color: #fff;
        background: #424242;
        border-left: solid 1px #525252;
        text-align: center;
    }

.CssTipoTributacion {
    color: #993300;
    width: 15px;
    text-align: left;
    background-color: transparent;
    border: 0;
    font-size: large;
    font-weight: bold;
    cursor: default;
    vertical-align: middle;
}

.textBoxNumbersMargin {
    border: 1px solid #50819F;
    color: #FF0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
    margin-top: 2px;
}

.textBoxCodBarra {
    border: 1px solid #50819F;
    background-color: #FFFF99;
    font-family: Calibri;
    font-size: 8pt;
    text-align: left;
}

.focus {
    background: #fff;
    border-color: Green;
    border-style: solid;
    font-size: 7pt;
    border-width: 1px;
}

    .focus:focus {
        background: #FFFF99;
    }

.msg_error {
    margin-top: 3px;
    font-size: 10px;
    font-family: Verdana;
    padding-left: 10px;
    padding-right: 10px;
    color: #333333 !important;
}

    .msg_error br {
        margin-bottom: 3px;
    }

.msg_error {
    /* background-color: #ffd7d7;     border: solid 1px #df8f8f; BE4946*/
    margin: 3px 0px;
    background: #fff url(img/note.png) center no-repeat;
    background-position: 8px 50%;
    text-align: left;
    overflow: auto;
    width: auto;
    border: solid #914A4A;
    border-width: .1em .1em .1em .8em;
    padding: .2em .6em 1em 3em;
}

/*Box Control*/
.sbc_msgbox {
    margin-top: 3px;
    font-size: 10px;
    font-family: Verdana;
    padding-left: 10px;
    padding-right: 10px;
    color: #333333 !important;
}

    .sbc_msgbox .closebutton {
        width: 12px;
        height: 12px;
        background-image: url(img/controls_close.png);
        background-repeat: no-repeat;
        cursor: pointer;
        float: right;
        margin-top: 2px;
        margin-right: 2px;
    }

    .sbc_msgbox p {
        margin: 0;
        padding: 2px;
        font-size: 10px;
        font-family: Verdana;
    }


/* success message */
.sbc_msgbox_suc {
    margin: 3px 0px;
    background: #fff url(img/note.png) center no-repeat;
    background-position: 8px 50%;
    text-align: left;
    overflow: auto;
    width: auto;
    border: solid #914A4A;
    border-width: .1em .1em .1em .8em;
    padding: .2em .6em 1em 3em;
}

.GrillaCss {
    border: 1px solid #dcdcdc;
    width: 100%;
}

    .GrillaCss th {
        border: 1px solid #999999;
        background-color: #3a506b;
        color: #fff;
        height: 23px;
        font-family: Calibri;
        font-size: 10px;
        text-transform: uppercase;
        padding-left: 2px;
        font-weight: normal;
    }

    .GrillaCss td {
        border: 1px solid #DDDDDD;
        white-space: normal;
        font-family: Monaco,Menlo,Consolas, "Courier New",monospace;
        font-size: 11px;
        font-weight: normal;
        min-height: 20px;
        padding-left: 2px;
    }

    .GrillaCss .alt {
        background: #fcfcfc;
    }




.modalPopupPanel {
    background-color: #FFF;
    border: none;
    border: 5px solid #666;
    -moz-box-shadow: 0 0 2px rgba(255, 255, 255, .6) inset;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, .6) inset;
    box-shadow: 0 0 2px rgba(255, 255, 255, .6) inset;
    z-index: 9998;
}

.Content-popup {
    margin: 5px;
    border: 1px solid #ccc;
    padding: 3px;
}

.header-popup {
    width: auto;
    background-color: #465c71;
    border: 1px solid #ccc;
    font-weight: 700;
    position: relative;
    padding: 2px;
    margin-bottom: -1px;
    height: 18px;
}

.css-PopupTitle {
    float: left;
    margin-top: 3px;
    top: 8px;
    height: 16px;
    width: 350px;
    color: #fff;
    margin-left: 10px;
    text-align: left;
}

.css-PopupClose {
    float: right;
    margin-right: 3px;
    margin-top: 3px;
    top: 8px;
    height: 13px;
    width: 13px;
    background-repeat: no-repeat;
    background-image: url(img/controls_close.png);
    cursor: pointer;
}

.cal_Theme1 .ajax__calendar_container {
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align: center;
    padding-left: 0px;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
}

.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

.cboMultiselect {
    border: 1px solid #50819F;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-left: 0px;
}

.cboSingle {
    border: 1px solid #50819F;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-left: 0px;
}


.tip_xyz {
    display: none;
    position: absolute;
    font-family: Verdana;
    font-size: 10px;
    background-color: #f9edbe;
    border: 1px solid #f0c36d;
    color: #333;
    padding: 8px;
    z-index: 1000;
    text-align: left;
    line-height: 12px;
}

.icon-Question {
    vertical-align: middle;
    text-align: center;
    border: none;
    cursor: help;
    margin: 3px;
}

.holds-the-iframe {
    background: url(img/progress2.gif) center center no-repeat;
}

.tmaker {
    color: #AA2D00;
    font-family: Verdana;
    font-size: 13px;
    text-align: left;
}


.cssGridNew {
    border-color: #DBE3EA;
    font-family: Verdana;
    color: #222222;
    width: 100%;
    border-collapse: collapse;
}

    .cssGridNew th {
        border: solid #DBE3EA 1.0pt;
        background: #2F5985;
        padding: 3px;
        color: #ffffff;
        font-family: Verdana;
        text-align: left;
        height: 25px;
        font-size: 10px;
    }

    .cssGridNew tr {
        background: #EFF5FA;
        padding: 1px;
        border-color: #DBE3EA;
        white-space: normal;
        font-size: 9px;
        font-family: arial,sans-serif;
        color: #717171;
        text-align: left;
    }


.lnkmap {
    text-decoration: none;
    color: #AA2D00;
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
}

    .lnkmap:visited {
        text-decoration: none;
        color: #AA2D00;
        font-family: Verdana;
        font-size: 10px;
        text-align: left;
    }

    .lnkmap:hover {
        text-decoration: underline;
        color: #7B8A5F;
        font-family: Verdana;
        font-size: 10px;
        text-align: left;
    }

    .lnkmap:active {
        text-decoration: underline;
        color: #AA2D00;
        font-family: Verdana;
        font-size: 10px;
        text-align: left;
    }

.dataTables_paginate {
    text-align: left !important;
    width: 100%;
    border-bottom: 1px solid #254F5F !important;
    padding-bottom: 5px !important;
}

.ocultar {
    display: none;
    width: 1px;
}

.TransparentGrayBackground {
    position: fixed;
    top: 0;
    left: 0;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
}

.css-ModalPoupExtender-ui {
    background-color: #000;
    filter: alpha(opacity=70);
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    z-index: 9998;
}


.modalBackground {
    z-index: 1000;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: relative;
}



.custom-combobox {
    top: 0;
    position: relative;
    display: inline-block;
    border-radius: 1px !important;
    height: 25px;
    padding: 0;
}

.custom-combobox-toggle {
    margin-top: -2px;
    position: absolute;
    margin-left: -1px;
    padding: 0;
    height: 24px;
}

.custom-combobox-input {
    margin: 0;
    padding: 0;
    height: 25px;
    z-index: 2 !important;
}

.cssNumber {
    text-align: right;
}


.modalPopup {
    border-right: #696969 2px solid;
    border-top: #696969 2px solid;
    border-left: #696969 2px solid;
    border-bottom: #696969 2px solid;
    background-color: #ffffff;
    z-index: 1 !important;
}


.modalBackground {
    z-index: 0 !important;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: relative;
}


.modalPopup {
    border-right: #696969 2px solid;
    border-top: #696969 2px solid;
    border-left: #696969 2px solid;
    border-bottom: #696969 2px solid;
    background-color: #ffffff;
    z-index:1 !important;
}


.modalBackground {
    z-index: 0 !important;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: relative;
}
