.menuConfig {
    min-width: 250px;
    background: #4D4D4D;
    width: 20% !important;
    font-size: 0.84em;
    border: 2.5px solid #C5C5C5;
    z-index: 100 !important;
    margin: 0 auto;
    display: none;
    /*top: 25%;*/
    left: 65%;
    padding: 5px 5px;
    position: absolute;
}





/* TABLE
----------------------------------------------------------*/

.tableWrapper table {
    width: 100%;
    /*border: Solid 1px #A3C0E8 !important;*/
    border-collapse: collapse;
    color: #283B56;
}

    .tableWrapper table th {
        padding: 6px 5px;
        text-align: left;
        border: Solid 1px #828282;
        color: #FFF;
        cursor: pointer;
        font-size: 1.2em;
        background: #828282 url('Default/sprite.png') repeat-x 0 -752px;
    }

.gridrow {
    background-color: #e9e9e9;
}

.gridrow_alternate {
    background-color: #FFF;
}

.gridrow:hover {
    background-color: #aaa;
}

.gridrow_alternate:hover {
    background-color: #aaa;
}
/*********************ESTILOS PARA TABLA CON SCROLL************************/
div.tableContainer {
    clear: both;
    /* border: 1px solid #963;*/
    /*  height: 350px;
overflow-y:scroll;*/
    width: 100%;
}

div.tableWrapper {
    clear: both;
    border: 1px solid #963;
    /* max-height: 350px;
overflow: auto;*/
    width: 855px;
}
/* Reset overflow value to hidden for all non-IE browsers. */
html > body div.tableContainer {
    overflow: hidden;
    width: 855px;
}

    /* define width of table. IE browsers only                 */
    div.tableContainer table {
        float: left;
        width: 839px;
    }

    /* define width of table. Add 16px to width for scrollbar.           */
    /* All other non-IE browsers.                                        */
    html > body div.tableContainer table {
        width: 855px;
    }

thead.fixedHeader tr {
    position: relative;
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html > body thead.fixedHeader tr {
    display: block;
}

html > body tbody.scroll {
    display: block;
    max-height: 360px;
    overflow: auto;
    width: 855px;
}
/**************DIV DE PRODUCTOS OCULTO*****************/
div#productos {
    display: none;
}
/*******ESTILOS DE PLANIFICACION DE VISITA***********/

.contentVertical li {
    display: table-cell;
    width: 440px !important;
}

.contentVertical table {
    margin: 7px 0 0 0;
    height: 190px;
}

#divSemanal {
    padding: 5px;
}

    #divSemanal ul {
        width: 100%;
        margin: 10px 0 0 0;
    }

    #divSemanal li {
        width: 100px !important;
        margin: 5px 0 0 0;
        display: table-cell;
    }

.small {
    width: 50px;
}

#divDiario {
    padding: 5px;
}

    #divDiario li {
        width: 250px !important;
        margin: 5px 0 0 0;
        display: block;
        height: 20px;
    }

    #divDiario span {
        width: 60px;
        text-align: center;
        margin: 0 5px 0 0;
        display: table-cell;
    }

#divMensual {
    padding: 5px;
}

    #divMensual li {
        width: 350px !important;
        margin: 5px 0 0 0;
        display: block;
        height: 25px;
    }

    #divMensual span.list {
        width: 85px;
        text-align: center;
        margin: 0 5px 0 0;
        display: table-cell;
    }

    #divMensual span.list2 {
        width: 60px;
        height: 25px;
        text-align: center;
        margin: 0 5px 0 0;
        display: table-cell;
    }

    #divMensual span.list3 {
        width: 40px;
        height: 25px;
        text-align: center;
        margin: 0 5px 0 0;
        display: table-cell;
    }
/*****************SELECT CLIENTE DRAG AND DROP STYLE*************************/
#contentSelect {
    width: 100%;
    height: 350px;
    text-align: center;
}

    #contentSelect .wrapper {
        display: inline-block;
        margin: 10px;
        width: 350px;
        height: 350px;
    }

    #contentSelect span {
    }

.sortable {
    list-style-type: none;
    /*padding: 0 0 2.5em;*/
    overflow: auto;
    border: 1px solid black;
    width: 300px;
    height: 300px;
}

    .sortable li {
        text-align: left;
        margin: 2px 2px 0px 2px;
        padding: 5px;
        font-size: 1.2em;
        width: 268px;
    }


/*Masterpage IS*/
.Indice_Nombre {
}

    .Indice_Nombre:hover {
        color: silver;
    }

/*nav td.PanelNombre
{
    padding-right: 10px !important;
}*/

.Panel {
    text-align: right;
    cursor: pointer;
}



/*.boton_session_cerrar {
    background: url(../Imagenes/IS_IMG/btn_cerrar_ss_off.png) no-repeat bottom left;
    width: 55px;
    height: 60px;
}*/

.boton_session_cerrar:hover {
    background: url(../Imagenes/IS_IMG/btn_cerrar_ss_on.png) no-repeat bottom left;
}

.PanelNombre {
    /*text-transform: uppercase;*/
    text-align: left;
    color: silver;
    text-transform: capitalize;
    vertical-align: top;
}

.nombreRuta {
    /* text-transform: uppercase; */
    text-align: left;
    color: #F05323;
    text-transform: capitalize;
    vertical-align: top;
    font-size: 10px;
    /* font-family: 'Italic Regular,', sans-serif; */
    font-weight: 500;
}

.Conectar {
    text-align: center;
    color: white;
    line-break: inherit;
    cursor: pointer;
}

    .Conectar:hover {
        color: rgb(102, 102, 255);
    }

.fondo_pie {
    text-align: center;
    /*text-transform: uppercase;*/
    background-color: #333333;
    line-break: inherit;
    text-decoration: none;
}

.fondo_pie_botones {
    width: 200px;
    line-break: inherit;
    background-color: #999999;
}

    .fondo_pie_botones a {
        line-break: inherit;
        cursor: pointer;
        text-decoration: none;
        color: #333333;
    }


/*
.fondo_pie_botones a:hover
{
    color: white;
}

footer .logo
{
    height: 35px;
    text-decoration: none !important;
    background: url(../Imagenes/IS_IMG/image_intersouth_183x47.png) no-repeat top !important;
}*/
/*CUERPO DEL TEMA*/
#cuerpo {
    height: 100%;
}

    #cuerpo * {
    }

    #cuerpo h2 {
        font-size: 30px;
    }

    #cuerpo input[type=submit] {
        cursor: pointer;
        display: block;
        cursor: pointer;
        background-image: url('../Imagenes/IS_IMG/boton_enter_izq_on.png'),url('../Imagenes/IS_IMG/boton_enter_cen_on.png'), url('../Imagenes/IS_IMG/boton_enter_der_on.png');
        background-position: left,center,right;
        background-size: contain;
        background-repeat: no-repeat,repeat-x,no-repeat;
        border-radius: 3px;
        border-color: silver;
        color: white;
        text-align: center;
        width: auto;
        padding: 3px 8px 3px 8px;
    }

        #cuerpo input[type=submit]:hover {
            color: silver;
            background-image: url('../Imagenes/IS_IMG/boton_enter_izq.png'),url('../Imagenes/IS_IMG/boton_enter_cen.png'), url('../Imagenes/IS_IMG/boton_enter_der.png');
            background-position: left,center,right;
            background-size: contain;
            background-repeat: no-repeat,repeat-x,no-repeat;
        }

    #cuerpo th {
        text-transform: uppercase;
    }

.listado td input[type="checkbox"] {
    float: none;
}

.listado th {
    border: 1px solid #333;
    /*background: #333 url(images/ui-bg_dots-small_20_333333_2x2.png) 50% 50% repeat;*/
    font-weight: bold;
    color: white;
}

table.listado {
    border-radius: 5px;
}

.listado td {
    /* border: 1px dashed;*/
    text-align: center;
    vertical-align: central;
}

.tabla_accion a {
    text-align: justify;
    border-radius: 3px;
}

.editor-label {
    font-weight: bold;
}




.sin_borde {
}

.inner {
    max-height: none !important;
    height: 100%;
    width: 100%;
    overflow: auto;
}

#Columna_buscar {
    margin-top: 5px;
    margin-right: 5px;
    height: 22px;
    font-size: 10px;
    content: '<>';
}

.tabla_texto_buscar {
    margin-top: 5px;
    height: 14px;
    font-size: 10px;
}

.tabla_buscar_titulo {
    display: block;
    color: white;
    /* border-radius: 8%;*/
    padding: 5px;
    margin: 5px;
    vertical-align: central;
    /*border-bottom: solid thick red;*/
    /*background-color: white;*/
    font-size: 18px;
    font-weight: normal;
    float: left;
}

.titulo_encabezado th {
    background-color: silver !important;
}

.elemento tr {
    background-color: silver !important;
}

.TablaEditarFormlario {
    border-collapse: separate;
}

    .TablaEditarFormlario tbody {
        /*border:1px dashed;*/
    }


    .TablaEditarFormlario td {
        width: 150px;
        font-size: 12px;
        font-weight: bold;
        background-color: silver;
        border-radius: 5px;
    }

    .TablaEditarFormlario label {
        text-transform: lowercase;
        width: 100%;
    }

        .TablaEditarFormlario label:first-letter {
            text-transform: uppercase;
        }

.campo input[type="text"], .campo input[type="password"] {
    width: 94%;
}

.campo select {
    width: 100%;
}

.campo label {
    padding: 3px;
    border-radius: 3px;
    font-weight: normal;
    background-color: white;
    width: 94%;
}

span.campo {
    background-color: white;
    border-radius: 3px;
    width: 100%;
    float: right;
}

    span.campo checkbox {
        background-color: silver;
        border-radius: 3px;
        width: 100%;
        float: right;
    }


/* boxes */


.tabla_header {
    height: 100%;
    border-collapse: collapse;
    top: 8px;
    position: relative;
}

.header-box {
    width: 100%;
    height: 89px;
    /*position: relative;
    background-color: #242425;
    background: url('../Imagenes/IS_IMG/Logo_1.png') no-repeat;
    background-size: 100% 100%;*/
}

.header2-box {
    width: 100%;
    position: relative;
    top: 2px;
    height: 35px;
    background-color: #373839;
}

.header-logo {
    background: url('../Imagenes/IS_IMG/Logo_1.png') no-repeat;
    height: 77px;
    width: 91px;
}

.header-logo2 {
    background: url('../Imagenes/IS_IMG/Logo_3.png') no-repeat;
    background-size: 100% 100%;
    padding: 0.2em .5em !important;
}

.header-logo2_1 {
    background: url('../Imagenes/IS_IMG/Logo_4.png') no-repeat;
    background-size: 100% 100%;
    padding: 0.2em .5em !important;
}

.header-logo3 {
    background: url('../Imagenes/IS_IMG/Layout/Encabezado-02.png') no-repeat;
    position: relative;
    top: 16px;
}

.header-conexion {
    font-size: smaller;
    font-weight: normal !important;
    width: 400px;
    height: 100%;
    text-shadow: none;
    /*padding: 10px 0px 15px 0px !important;*/
}

header a.logo-link {
    left: 20px;
}

.logo-Sfera {
    right: 20px;
    height: 67px;
    width: auto;
    right: -20px;
    position: relative;
}
/* Cuerpo */
.box {
    width: 100%;
}


/* content */
#content .inside {
    padding: 0 2px;
}

#content .inside1 {
    padding: 40px 0 48px 42px;
}

#content .left-indent {
    padding-left: 39px;
}

#content .bot-indent {
    padding-bottom: 15px;
}

#content .bot-indent1 {
    padding-bottom: 12px;
}

#content .indent {
    padding: 7px 0 18px 0;
}

#content .indent1 {
    padding: 17px 0 18px 0;
}



.texto_sinborde {
    border: 0px solid #999;
    outline: 0;
    height: 25px;
    width: 275px;
}

.Titulo_Menu {
    font-size: medium;
    margin-right: 10px;
    color: white;
    float: right;
}

    .Titulo_Menu Label {
        vertical-align: middle;
    }

.LogoCentralIndice {
    width: 98%;
    height: 77%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.tabla_encabezado {
}

#filtros_reportes [id^='filtro_lbl_'] {
    white-space: nowrap;
}

#filtros_reportes select {
    width: 155px !important;
}

.label_filtro {
    background: url('../img/Linea_bot_Filtro.png') no-repeat;
    background-position: bottom !important;
}

.input_filtro {
    background: url('../img/Linea_bot_input_Filtro.png') no-repeat;
    background-position: bottom left!important;
    background-size: 155px;
    HEIGHT: 28PX;
}

.pie {
    font-size: 8px;
    position: absolute !important;
    right: 0px;
    bottom: 0px;
}

#loading {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 99%;
    background: #fff url('../Imagenes/IS_IMG/cargando.gif') no-repeat top left;
    background-position-x: 50%;
    background-position-y: 50%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    display: none;
}

#BloqueoPagina {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 99%;
    background: #fff url('../Imagenes/IS_IMG/cargando.gif') no-repeat top left;
    background-position-x: 50%;
    background-position-y: 50%;
    opacity: 0.6;
    filter: alpha(opacity=60);
    display: none;
}



/*Estilos configuraciones cambio perfil*/
#btn_cambiarperfil {
     /*border: 1px solid red;*/ 
    float: right;
    height: 35px;
    width: 31px;
    background: url('../img/Accion1.png') center center no-repeat;
    /*background-size: 21px 21px;*/
    position: relative;
    margin-left: 2%;
    /*left: -2%;
    margin-top: 10px;*/
}
/*D:\Fuentes\MerkantWeb\MerkantWeb\Content\jQueryMobile\images\icons-png\check-black.png*/
/*D:\Fuentes\MerkantWeb\MerkantWeb\Content\jQueryMobile\images\icons-png\delete-black.png*/
    #btn_cambiarperfil:hover {
        background: url('../img/Accion1_Hover.png') center center no-repeat;
    }

#btn_Regresar {
    /* border: 1px solid red; */
    float: right;
    height: 35px;
    width: 21px;            
    background: url('../img/Accion2.png') center center no-repeat;
    /*background-size: 21px 21px;*/
    position: relative;
    margin-left: 2%;
    /*margin-top: 10px;*/
}

    #btn_Regresar:hover {
        /*float: right;
        height: 21px;
        width: 21px;*/        
        background: url('../img/Accion2_Hover.png') center center no-repeat;
        /*background-size: 21px 21px;*/
        /*position: relative;
        left: -7%;
        margin-top: 10px;*/
    }

.input_configuracion {
    margin-left: 15px;
    background: url('../img/Linea_bot_input_filtro.png') no-repeat;
    background-position: bottom left!important;
    background-size: 165px;
    height: 28px;
    color: silver;
    padding-left: 1px;
}

.label_configuracion {
    border-bottom: 1.9px solid #fff;
    text-shadow: none;
    font-size: 12px;
    font-weight: lighter !important;
}

    .label_configuracion div {
        margin: 0 0 4px 3px;
        color:white;
    }

.input_configuracion div {
    margin: 0 0 4px 8px;
    font-weight: lighter !important;
    text-shadow: none;
    font-size: 12px;
}


.select_configuracion {
    background: #4D4D4D;
    border: none;
    color: silver;
    font-size: 12px;
    width: 155px;
}


.MakeWide {
    width: 155px;
}


/*Estilo Label Version*/

.Version {
    background: #000000;
    border: none;
    font-size: 9px;
    color: rgb(95, 95, 95);
    position: absolute;
    left: 92%;
    float: right;
    top: 58%;
    text-shadow: none;
    font-weight: bold;
}


/* TAB MENU
----------------------------------------------------------*/
div.hideSkiplink {
    background-color: #003e6f;
    width: 100%;
    height: 35px;
}

div.menu {
    padding: 0px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            background-color: #003E6F; /*border: 1px #003E6F solid;*/
            color: #FFFFFF;
            display: block;
            line-height: 20px;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
            font-weight: 600;
        }

            div.menu ul li a:hover {
                background-color: #003E6F;
                color: #FF7800;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
            }
/* MASTERPAGE ATENTO MENU
----------------------------------------------------------*/

/*#menuContainer {
    position: absolute;
    z-Index: inherit;
}*/







 /*.subMenuRight {
    display: none;
    width: 155px;
    position: absolute;
    color: white;
    left: 100%;
    top: 0px;
}*/

/*.menu .ui-state-hover {
    border-width: 0;
    color: silver;
    margin-right: 2px;
}*/

/*.subMenu .ui-state-hover {
    border-width: 0;
}

.options li {
    position: relative;
    padding: 0px 2px 0px 0px;
}

.BtnMenu_Princ label{

}*/