/* TIPOGRAFIA */
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

/*    ESQUELETO DEL WEB   */

html {
    font-family: OpenSans-Regular;
    height: 100%;
    border: medium none;
    padding: 0px;
    margin: 0px;
    background: #f1f1ef;
}

body {
    height: auto;
    margin: 0px;
    bottom: 0px;
    left: 10px;
    width: auto;
    top: 0px;
    right: 30px;
    position: absolute;
    background: #f1f1ef;
    font-family: OpenSans-Regular;
    padding-right: 10px;
    padding: 0;
    overflow-x: hidden;
}

input, textarea, select {
    font-size: 12px;
}

form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea {
    display: inline;
    padding: 0.5em;
}

form1 input[type="text"], form1 input[type="email"], form1 input[type="password"], form1 select, form1 textarea, form1 img {
    display: inline;
    padding: 0.5em;
}

header {
    margin: 0;
}

    header h2 {
        color: White;
        font-size: 18px;
        font-family: OpenSans-Semibold;
        background-color: #3D6A55;
        padding: 5px 10px;
        text-transform: uppercase;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-bottom: 0px;
    }


#main {
    margin: 0;
    width: 100%;
}

/* FORMULARIOS */

.regimenes{
    margin: 10px 0 10px 20px;
    width: 57%;
    float: left;
}

.form div {
    margin: 10px 0 10px 20px;
    width: 47%;
    float: left;
}

.form label {
    display: block;
    float: left;
    font-size: 12px;
    font-family: OpenSans-Semibold;
    color: #4F5259;
}

.form div input, .form div select, .form div textarea {
    width: 73%;
    border: 1px solid #C0BFC4;
    display: inline;
    float: right;
    padding: 7px 5px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #282A2B;
}

.form3col div select {
    width: 73%;
    padding: 7px 5px;
}

.form3col div {
    margin: 10px 0 10px 20px;
    width: 47%;
    float: left;
}

.form3col label {
    display: block;
    float: left;
    font-size: 12px;
    font-family: OpenSans-Semibold;
    color: #4F5259;
}

.form3col div input, .form3col div select, .form3col div textarea {
    width: 73%;
    border: 1px solid #C0BFC4;
    display: inline;
    float: right;
    padding: 7px 5px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #282A2B !important;
}

.form4col div select {
    width: 73%;
    padding: 7px 5px;
}

.form4col div {
    margin: 10px 0 10px 20px;
    width: 20%;
    float: left;
}

.form4col label {
    display: block;
    float: left;
    font-size: 12px;
    font-family: OpenSans-Semibold;
    color: #4F5259;
}

.form4col div input, .form4col div select, .form4col div textarea {
    width: 73%;
    border: 1px solid #C0BFC4;
    display: inline;
    float: right;
    padding: 7px 5px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    color: #282A2B !important;
}
.form div select {
    width: 73%;
    padding: 7px 5px;
}

.form div.noFloat {
    margin: 20px;
    width: 95%;
    float: none;
    clear: both;
    text-align: left;
}

    .form div.noFloat input, .form div.noFloat select, .form div.noFloat textarea {
        margin: 0 20px;
        float: none;
        clear: both;
    }

        .form div.noFloat input[type="file"] {
            text-align: left;
            width: auto;
            display: inline;
            padding: inherit;
            border: none;
        }

.form input[type="checkbox"] {
    float: none;
    margin: 10px 0 10px 20px;
    display: inline;
}

.form div.btnAcciones {
    float: none;
    clear: left;
    width: 98%;
    text-align: right;
    margin: 20px 0;
}

.btnAcc {
    color: White;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    font-family: OpenSans-Bold;
    background-color: #3D6A55;
    border: none;
    padding: 10px 15px;
    margin: 1.5em 1.5em 2em 0;
    border-radius: 23px 23px 23px 23px;
    -moz-border-radius: 23px 23px 23px 23px;
    -webkit-border-radius: 23px 23px 23px 23px;
}

.form1 div {
    margin: 10px 0 10px 20px;
    width: 100%;
    float: left;
}

.form1 label {
    display: block;
    float: left;
    font-size: 11px;
    font-family: OpenSans-Semibold;
    color: #4F5259;
}

.form1 div input, .form1 div select, .form1 div textarea, form1 div img {
    width: 50%;
    border: 1px solid #C0BFC4;
    display: block;
    float: right;
    padding: 7px 5px;
    -ms-box-sizing: content-box;
    margin-right: 36%;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.form1 div select {
    width: 73%;
    padding: 6px 5px;
}
/*.form1 div textarea{ margin-left: 90px; }*/
.form1 div.noFloat {
    margin: 20px;
    width: 95%;
    float: none;
    clear: both;
    text-align: left;
}

    .form1 div.noFloat input, .form1 div.noFloat select, .form1 div.noFloat textarea {
        margin: 0 20px 0 10px;
        float: none;
        clear: both;
    }

        .form1 div.noFloat input[type="file"], .form1 div.noFloat input[type="image"] {
            text-align: left;
            width: auto;
            display: inline;
            padding: inherit;
            border: none;
        }

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

.form1 div input[type="button"] {
    width: 20%;
    display: block;
    clear: left;
}

.form1 div.btnAcciones {
    float: none;
    clear: left;
    width: 98%;
    text-align: right;
    margin: 20px 0;
}

/* LISTADOS */
.textRight {
    border: none;
    text-align: right !important;
}

.textCenter {
    border: none;
    text-align: center !important;
}

.pRight10 {
    padding-right: 10px;
}

div.xListado {
    margin: 15px 0;
}

    div.xListado div table.Listado, div.xListado div table.Listado tr, div.xListado div table.Listado tr td, div.xListado div table.Listado tr th {
        border: none;
        text-align: left;
    }


    div.xListado div table.Listado {
        width: 100%;
        background: white;
        text-align: left;
    }

    div.xListado * {
        line-height: 1em;
    }

    div.xListado div table.Listado tr th {
        padding: 10px;
        background: #E8E8E4;
        padding-left: 7px;
        padding-right: 7px;
        text-transform: uppercase;
        color: #777673;
        font-size: 13px;
        font-family: OpenSans-Semibold;
    }

    div.xListado div table.Listado2, div.xListado div table.Listado2 tr, div.xListado div table.Listado2 tr td, div.xListado div table.Listado2 tr th {
        border: none;
        text-align: left;
    }


    div.xListado div table.Listado2 {
        width: 100%;
        background: white;
        text-align: left;
    }

    div.xListado * {
        line-height: 1em;
    }

    div.xListado div table.Listado2 tr th {
        padding: 10px;
        background: #E8E8E4;
        padding-left: 7px;
        padding-right: 7px;
        text-transform: uppercase;
        color: #777673;
        font-size: 13px;
        font-family: OpenSans-Semibold;
    }

.iSort_sort_asc {
    position: absolute;
    bottom: 0;
    left: 10px;
}

.iSort_sort_desc {
    position: absolute;
    left: 10px;
}

div.xListado div table.Listado tr th a {
    color: #777673;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-family: OpenSans-Regular;
    text-transform: uppercase !important;
}


div.xListado div table.Listado tr td {
    border-bottom: 1px solid #EAEAEA;
    font-size: 13px;
    color: #282A2B;
    padding: 8px;
}

div.xListado div table.Listado tr.xPager td {
    border-bottom: none;
    text-align: center;
}

    div.xListado div table.Listado tr.xPager td table {
        margin: 0 auto;
        font-size: 13px;
        font-family: 'OpenSans-Semibold';
    }

        div.xListado div table.Listado tr.xPager td table,
        div.xListado div table.Listado tr.xPager td table tr,
        div.xListado div table.Listado tr.xPager td table tr td {
            border: none;
            text-align: center;
            width: auto;
        }

            div.xListado div table.Listado tr.xPager td table tr td span {
                color: rgba(255, 0, 0, 0.70);
                border: 1px solid rgba(255, 0, 0, 0.12);
                padding: 0 4px;
            }

div.xListado div table.Listado tr.xPager td {
    background-color: #E8E8E4;
    padding: 4px;
}

    div.xListado div table.Listado tr.xPager td table tr td a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        color: #777673;
        margin: 0 0 0 3px;
    }

div.xListado div table.Listado tr td.xLink {
    width: 5%;
}

    div.xListado div table.Listado tr td.xLink a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('../imagenes/iconos/iList.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado tr td.xLink a:hover {
            border: none;
            text-decoration: none;
            background-image: url('../imagenes/iconos/iList_h.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado tr td.xDuplicate {
    width: 5%;
}

    div.xListado div table.Listado tr td.xDuplicate a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('../imagenes/iconos/iDuplicate.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado tr td.xDuplicate a:hover {
            border: none;
            text-decoration: none;
            background-image: url('../imagenes/iconos/iDuplicate_h.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado tr td.botoModal {
    width: 5%;
}

    div.xListado div table.Listado tr td.botoModal a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('../imagenes/iconos/iconoDescargar.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado tr td.botoModal a:hover {
            border: none;
            text-decoration: none;
            background-image: url('../imagenes/iconos/iconoDescargar_h.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado tr td.xLinkEdit {
    width: 5%;
}

    div.xListado div table.Listado tr td.xLinkEdit a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('../imagenes/botones/iEdit font.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado tr td.xLinkEdit a:hover {
            border: none;
            text-decoration: none;
            background-image: url('../imagenes/botones/iEdit_h font.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado tr td.xLinkEdit {
    width: 5%;
}

    div.xListado div table.Listado tr td.xLinkEdit a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('../imagenes/botones/iEdit font.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado tr td.xLinkEdit a:hover {
            border: none;
            text-decoration: none;
            background-image: url('../imagenes/botones/iEdit_h font.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado tr td.xViewExtracts {
    width: 5%;
}

    div.xListado div table.Listado tr td.xViewExtracts a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('images/viewGrid.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado tr td.xViewExtracts a:hover {
            border: none;
            text-decoration: none;
            background-image: url('images/viewGridHover.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado {
    border-collapse: collapse;
    border-radius: 7px;
    border-style: hidden; /* hide standard table (collapsed) border */
    box-shadow: 0 0 0 1px #D9D9D8; /* this draws the table border  */
}

div.xListado div table.Listado2 tr th a {
    color: #777673;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-family: OpenSans-Regular;
    text-transform: uppercase !important;
}


div.xListado div table.Listado2 tr td {
    border-bottom: 1px solid #EAEAEA;
    font-size: 13px;
    color: #282A2B;
    padding: 8px;
}

div.xListado div table.Listado2 tr.xPager td {
    border-bottom: none;
    text-align: center;
}

    div.xListado div table.Listado2 tr.xPager td table {
        margin: 0 auto;
        font-size: 13px;
        font-family: 'OpenSans-Semibold';
    }

        div.xListado div table.Listado2 tr.xPager td table,
        div.xListado div table.Listado2 tr.xPager td table tr,
        div.xListado div table.Listado2 tr.xPager td table tr td {
            border: none;
            text-align: center;
            width: auto;
        }

            div.xListado div table.Listado2 tr.xPager td table tr td span {
                color: rgba(255, 0, 0, 0.70);
                border: 1px solid rgba(255, 0, 0, 0.12);
                padding: 0 4px;
            }

div.xListado div table.Listado2 tr.xPager td {
    background-color: #E8E8E4;
    padding: 4px;
}

    div.xListado div table.Listado2 tr.xPager td table tr td a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        color: #777673;
        margin: 0 0 0 3px;
    }

div.xListado div table.Listado2 tr td.xLink {
    width: 5%;
}

    div.xListado div table.Listado2 tr td.xLink a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('../imagenes/iconos/iList.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado2 tr td.xLink a:hover {
            border: none;
            text-decoration: none;
            background-image: url('../imagenes/iconos/iList_h.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado2 tr td.xLinkEdit {
    width: 5%;
}

    div.xListado div table.Listado2 tr td.xLinkEdit a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('../imagenes/botones/iEdit font.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado2 tr td.xLinkEdit a:hover {
            border: none;
            text-decoration: none;
            background-image: url('../imagenes/botones/iEdit_h font.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado2 tr td.xLinkEdit {
    width: 5%;
}

    div.xListado div table.Listado2 tr td.xLinkEdit a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('../imagenes/botones/iEdit font.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado2 tr td.xLinkEdit a:hover {
            border: none;
            text-decoration: none;
            background-image: url('../imagenes/botones/iEdit_h font.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado2 tr td.xViewExtracts {
    width: 5%;
}

    div.xListado div table.Listado2 tr td.xViewExtracts a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('images/viewGrid.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado2 tr td.xViewExtracts a:hover {
            border: none;
            text-decoration: none;
            background-image: url('images/viewGridHover.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

div.xListado div table.Listado2 {
    border-collapse: collapse;
    border-radius: 7px;
    border-style: hidden; /* hide standard table (collapsed) border */
    box-shadow: 0 0 0 1px #D9D9D8; /* this draws the table border  */
}

.DetailListado {
    float: none;
    width: 73% !important;
    margin: 0 auto;
}

.DetailListadoTank {
    float: none;
    width: 50% !important;
    margin: 0 auto;
    margin-top: 20px !important;
}


div.xFiltros {
}

    div.xFiltros div.xCampo {
        width: 50%;
        float: left;
    }

        div.xFiltros div.xCampo label {
            font-size: .7em;
            font-family: 'OpenSans-Semibold',Arial;
            color: #3D6A55;
            display: block;
            margin: 0;
            padding: 0;
        }

        div.xFiltros div.xCampo input[type="text"] {
            width: 50%;
            margin: 0;
            padding: 8px;
            font-size: .75em;
            border-radius: .8em;
            -moz-border-radius: .8em;
            -webkit-border-radius: .8em;
            text-transform: capitalize;
        }

    div.xFiltros div.xBotones {
        float: right;
        position: relative;
    }

        div.xFiltros div.xBotones input {
            display: inline;
            line-height: 1em;
            margin-top: 30px;
        }

.displayInline {
    display: inline !important;
}

.breadcrumb {
    list-style-type: none !important;
    font-size: 12px;
    margin: 7px 0 7px;
    padding-left: 10px;
    color: rgb(242,142,137) !important;
    border-bottom: dotted 0px rgba(128,128,128,0.5);
    webkit-transition: initial !important;
    -o-transition: initial !important;
    -ms-transition: initial !important;
    transition: initial !important;
}

    .breadcrumb li {
        display: inline-block;
        color: rgb(165,165,165);
        margin-right: 5px;
        text-transform: uppercase;
        margin-right: 8px;
    }

        .breadcrumb li a {
            color: rgb(242,142,137);
            border-bottom: dotted 0px rgba(128,128,128,0.5);
            webkit-transition: initial !important;
            -o-transition: initial !important;
            -ms-transition: initial !important;
            transition: initial !important;
            cursor: pointer;
            padding-left: 5px;
            text-transform: uppercase;
            border-bottom: 1px solid #F0D0CC;
            padding: 0 1px;
        }

.guardaBreads {
    display: none;
}


.active {
    color: rgb(113,113,113) !important;
}

.hide {
    display: none !Important;
}

.show {
    display: inline !Important;
}

.filtersButtonsOnUsuarios {
    float: left;
    position: relative;
}

.fullwBox {
    width: 100% !important;
    border-radius: 0px !important;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em !important;
    padding-right: 0em !important;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.ButtonGreen {
    background-image: url(images/ButtonGreen.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em !important;
}

    .ButtonGreen:hover {
        opacity: .5;
    }

.ButtonAdd {
    background-image: url('images/suma.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent !important;
    width: 35px;
    height: 35px;
    padding: 0 !important;
    vertical-align: middle !important;
}

    .ButtonAdd:hover {
        opacity: .5;
    }

.ButtonDelete {
    background-image: url('images/resta.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent !important;
    width: 35px;
    height: 35px;
    padding: 0 !important;
    vertical-align: middle !important;
}

    .ButtonDelete:hover {
        opacity: .5;
    }

.ButtonRed {
    background-image: url(images/ButtonRed.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em !important;
}

    .ButtonRed:hover {
        opacity: .5;
    }

.dropFilter {
    background-image: url(images/backDropdown.png);
    width: 120px;
    background-image: url(images/backDropdown.png);
    background-repeat: no-repeat;
    background-position: 95%;
    border-radius: 0.5em;
    transition: background-image 0s ease-in-out !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    color: #282A2B;
    padding-right: 15px;
}

.listContainerFilters {
    list-style: none;
    padding-left: 0px;
    margin: 0px;
    line-height: 1.5;
}

    .listContainerFilters li {
        display: inline-block;
        margin-right: 15px;
        margin-bottom: 10px;
    }


.listContainerFiltersOnbar {
    list-style: none;
    padding-left: 0px;
    margin: 0px;
    line-height: 1.5;
}

    .listContainerFiltersOnbar li {
        display: inline-block;
        margin-right: 15px;
    }

.dropFilterInput {
    background-image: url(images/backDropdown.png) !important;
    width: 120px !important;
    background-image: url(images/backDropdown.png) !important;
    background-repeat: no-repeat !important;
    background-position: 95% !important;
    border-radius: 0.5em !important;
    transition: background-image 0s ease-in-out !important;
    border-radius: 1em !important;
    padding-left: 10px !important;
    color: #282A2B;
    height: 15px;
}

.FilterInputSearch {
    width: 100px !important;
    background-repeat: no-repeat !important;
    background-position: 95% !important;
    border-radius: 0.5em !important;
    transition: background-image 0s ease-in-out !important;
    padding-left: 10px !important;
    color: #282A2B;
    height: 15px;
}

.FilterName {
    font-size: .6em;
    font-family: 'OpenSans-Semibold',Arial;
    color: #3D6A55;
    display: block;
    margin: 0;
    padding-left: 3%;
}


/*PASTILLAS FECHAS EN DETALLE DE TRANSACCION*/

.listContainer {
    list-style: none;
    padding-left: 0px;
    clear: right;
    margin-top: -30px;
}

.listContainerPedidos {
    list-style: none;
    padding-left: 0px;
    clear: left;
    margin-top: 0px;
}

    .listContainer li {
        height: 41px;
        width: 14%;
        float: left;
        position: relative;
        margin-right: -2px;
        min-width: 140px;
        margin-bottom: 10px;
    }

        .listContainer li:first-child {
            background-image: url(images/dataStartRetail.png) !important;
            background-repeat: no-repeat;
            -moz-background-size: 100% 100%;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            min-width: 140px;
        }

    .listContainerPedidos li {
        height: 41px;
        width: 14%;
        float: left;
        position: relative;
        margin-right: -2px;
        min-width: 140px;
        margin-bottom: 10px;
    }

        .listContainerPedidos li:first-child {
            background-image: url(images/dataStartRetail.png) !important;
            background-repeat: no-repeat;
            -moz-background-size: 100% 100%;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%;
            min-width: 140px;
        }

.capaDateIntermediate {
    background-image: url(images/capaDate2.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    min-width: 140px;
}

    .capaDateIntermediate .lblRed {
        left: 20px;
    }

.listContainer li:last-child {
    background-image: url(images/capaFinalRetail.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    min-width: 140px;
}

.listContainerPedidos li:last-child {
    background-image: url(images/capaFinalRetail.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    min-width: 140px;
}

.capaDateFinal .lblRed {
    left: 20px;
}

.lblRed {
    color: #EE6C65 !important;
    padding: 2px;
    position: absolute;
    top: -5px;
    left: 20px;
    font-size: 11px;
    font-family: OpenSans-Semibold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.lblRedNoWidth {
    color: #EE6C65 !important;
    padding: 2px;
    position: absolute;
    top: -5px;
    left: 15px;
    font-size: 11px;
    font-family: OpenSans-Semibold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lblBlack {
    position: absolute;
    top: 12px;
    right: -10px;
    text-overflow: ellipsis;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 130px;
    font-size: 10px !important;
}


/*DEMO CRUMBS*/
#crumbs ul li {
    display: inline;
}

#crumbs ul {
    list-style: none;
    padding-left: 0;
}

    #crumbs ul li a {
        display: block;
        float: left;
        height: 50px;
        background: #f8f8f6;
        text-align: center;
        padding: 30px 40px 0 40px;
        position: relative;
        margin: 0 10px 0 0;
        font-size: 20px;
        text-decoration: none;
        color: #ee6c65 !important;
        box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
        border-bottom: 0px solid;
    }

        #crumbs ul li a:after {
            content: "";
            border-top: 40px solid transparent;
            border-bottom: 40px solid transparent;
            border-left: 40px solid #f8f8f6;
            position: absolute;
            right: -40px;
            top: 0;
            z-index: 1;
        }

        #crumbs ul li a:before {
            content: "";
            border-top: 40px solid transparent;
            border-bottom: 40px solid transparent;
            border-left: 40px solid #f1f1ef;
            position: absolute;
            left: 0;
            top: 0;
        }

    #crumbs ul li:first-child a {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

        #crumbs ul li:first-child a:before {
            display: none;
        }

    #crumbs ul li:last-child a {
        padding-right: 80px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        #crumbs ul li:last-child a:after {
            display: none;
        }

    #crumbs ul li a:hover {
        background: #dadad6;
    }

        #crumbs ul li a:hover:after {
            border-left-color: #dadad6;
        }

    #crumbs ul li:only-child {
        width: 100%;
    }

    #crumbs ul li:first-child:nth-last-child(1) {
        width: 100%;
    }

    #crumbs ul li:first-child:nth-last-child(2), #crumbs ul li:first-child:nth-last-child(2) ~ li {
        width: 50%;
    }

    #crumbs ul li:first-child:nth-last-child(3) a, #crumbs ul li:first-child:nth-last-child(3) ~ li a {
        width: 20%;
    }

    #crumbs ul li:first-child:nth-last-child(7) a, #crumbs ul li:first-child:nth-last-child(7) ~ li a {
        width: 10%;
    }

.rotateShadow {
    background-image: url(images/capaFinalRetail.png);
}

/*Buques */
.listContainer li:first-child:nth-last-child(7), .listContainer li:first-child:nth-last-child(7) ~ li {
    width: 14.286%;
}

.listContainer li:first-child:nth-last-child(4), .listContainer li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}

.listContainer li:first-child:nth-last-child(2), .listContainer li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}

.listContainer li:first-child:nth-last-child(5), .listContainer li:first-child:nth-last-child(5) ~ li {
    width: 20%;
}
/*Tuberia y trasiegos*/
.listContainer li:first-child:nth-last-child(6), .listContainer li:first-child:nth-last-child(6) ~ li {
    width: 16.667%;
}

.listContainer li:first-child:nth-last-child(7), .listContainer li:first-child:nth-last-child(7) ~ li {
    width: 14.286%;
}

.listContainerPedidos li:first-child:nth-last-child(4), .listContainerPedidos li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}

.listContainerPedidos li:first-child:nth-last-child(2), .listContainerPedidos li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}

.listContainerPedidos li:first-child:nth-last-child(5), .listContainerPedidos li:first-child:nth-last-child(5) ~ li {
    width: 20%;
}
/*Tuberia y trasiegos*/
.listContainerPedidos li:first-child:nth-last-child(6), .listContainerPedidos li:first-child:nth-last-child(6) ~ li {
    width: 16.667%;
}

.checkLote input {
    margin-top: 0px;
    width: 16px;
    height: 16px;
}

.FilterNameChk {
    font-size: .6em;
    font-family: 'OpenSans-Semibold',Arial;
    color: #3D6A55;
    display: block;
    margin-bottom: 1px;
    padding-left: 0px;
}

/*SUBGRID BALANCES*/
.subGridBalance {
    margin-bottom: 0px;
}

    .subGridBalance tbody tr td:first-child {
        padding-right: 6px !important;
        text-align: right !important;
        border-bottom: 0px !important;
    }

    .subGridBalance tbody tr td:nth-child(2) {
        padding-right: 7px !important;
        text-align: left !important;
        border-bottom: 0px !important;
    }

.newRow {
    font-family: OpenSans-Bold;
}

.quantity {
    text-align: right !important;
}

.uds {
    text-align: left !important;
}


.pb0 {
    padding-bottom: 0px !important;
}

.newsContainer {
    padding: 20px;
    /*  background: url(images/free-paper-texture-14.png);*/
    background-color: white;
    border: 1px solid lightgray;
}

.NewsContent {
    font-size: 12px;
    font-family: OpenSans-Regular;
    color: black;
}

.calendar {
    background-image: url(images/iconoCalendar.png) !important;
    background-repeat: no-repeat !important;
    background-position: 97% 5px !important;
}

.exportTo {
    width: 30px;
    padding-top: 15px;
}

.floatR {
    float: right;
}

.ui-tooltip {
    font-size: 12px !important;
    font-family: OpenSans-Semibold !important;
}

.gridDensidad {
    font-size: 10px;
    color: #91908D;
}

.gridProducts {
    font-size: 14px;
    line-height: 1.5em !important;
}

.padd03 {
    padding: 0.3em !important;
}

.fieldsetMaestros {
    border: 1px solid;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
}

.lgndMasters {
    font-family: OpenSans-Semibold;
    width: 100%;
}

.lgndOrdenes {
    padding: 10px;
    color: #F2948F;
}

.fldsetordenes {
    border: 1px solid #F2BEBA;
}

.btnnew {
    width: 30px;
    height: 30px;
    background-image: url(../imagenes/botones/white.png);
    background-size: cover;
}

.mr5x100 {
    margin-right: 5%;
}


.borderTab {
    border: 1px solid #3D6A55;
}

.ui-tabs {
    background: transparent !important;
}

.ui-tabs-nav {
    background-color: #E8E8E4 !important;
    border: 0px !important;
    font-size: 16px !important;
    font-family: OpenSans-Regular;
}

    .ui-tabs-nav li {
        display: inline;
        padding: 5px;
        padding-bottom: 0px;
    }

#tabs {
    background-color: transparent !important;
}


/*MASTERS*/
.gotoClients {
    background-image: url('../imagenes/masters/MastClients.png');
    width: 50px;
    background-repeat: no-repeat;
}

.masterList {
    list-style-type: none !important;
    padding-left: 0px;
    background-color: #ececec;
    padding: 10px;
    padding-top: 0px;
    border: 1px solid #dadddd;
    border-radius: 10px;
    padding-bottom: 25px;
}

    .masterList ul {
        padding-left: 0px;
        margin-bottom: 0px;
        padding-right: 0px;
    }

    .masterList li {
        display: inline-block;
        vertical-align: top;
        width: 13.8%;
        margin: 0 auto;
        min-width: 88px;
    }

    .masterList li {
        display: inline-block;
        vertical-align: top;
        width: 13.8%;
        margin: 0 auto;
        min-width: 88px;
    }

.masterList2 li {
    display: inline-block;
    vertical-align: top;
    width: 10.6%;
    margin: 0 auto;
    min-width: 88px;
}

.masterSubList {
    border: 0px;
    height: 100px;
    margin-top: 30px;
    padding-left: 0px;
}

    .masterSubList li {
        display: block;
        width: 90px;
        height: 90px;
        line-height: 1 !important;
    }

masterSubList li:hover {
    cursor: pointer;
}

.masterSubList li a {
    color: rgb(242,142,137);
    font-size: 12px;
    border-bottom: 0px;
    width: 100px;
    min-height: 40px;
}

.mastContainer {
    background-image: url('../imagenes/masters/containerMasters.png');
    background-repeat: no-repeat;
}

.genericCircle {
    background-image: url('../imagenes/masters/genericCircle.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px;
    height: 85px;
}

    .genericCircle label {
        color: white;
        font-family: OpenSans-Semibold;
        font-size: 40px;
        text-align: center;
        padding-top: 24px;
    }

.subdiv {
    height: 30px;
    border-bottom: 1px solid #d8dbdc;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
}

    .subdiv span {
        text-align: center;
        color: #A4ABAF;
        FONT-SIZE: 12pt;
    }

.capitalLetter {
    letter-spacing: -3px;
}

    .capitalLetter:hover {
        cursor: pointer;
    }

.genericCircle:hover {
    cursor: pointer;
}

/*
    Common 
*/

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .wizard a,
    .tabcontrol a {
        outline: 0;
    }

    .wizard ul,
    .tabcontrol ul {
        list-style: none !important;
        padding: 0;
        margin: 0;
    }

        .wizard ul > li,
        .tabcontrol ul > li {
            display: block;
            padding: 0;
        }

    /* Accessibility */
    .wizard > .steps .current-info,
    .tabcontrol > .steps .current-info {
        position: absolute;
        left: -999em;
    }

    .wizard > .content > .title,
    .tabcontrol > .content > .title {
        position: absolute;
        left: -999em;
    }



    /*
    Wizard
*/

    .wizard > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

    .wizard.vertical > .steps {
        display: inline;
        float: left;
        width: 30%;
    }

    .wizard > .steps .number {
        font-size: 20px;
    }

    .wizard > .steps > ul > li {
        width: 25%;
    }

    .wizard > .steps > ul > li,
    .wizard > .actions > ul > li {
        float: left;
    }

    .wizard.vertical > .steps > ul > li {
        float: none;
        width: 100%;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active {
        display: block;
        width: auto;
        margin: 0 0.5em 0.5em;
        padding-left: 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard > .steps .disabled a,
    .wizard > .steps .disabled a:hover,
    .wizard > .steps .disabled a:active {
        background: #eee;
        color: #aaa;
        cursor: default;
    }

    .wizard > .steps .current a,
    .wizard > .steps .current a:hover,
    .wizard > .steps .current a:active {
        background: #F19590;
        color: #fff;
        cursor: default;
    }

    .wizard > .steps .done a,
    .wizard > .steps .done a:hover,
    .wizard > .steps .done a:active {
        background: #F19590;
        color: #fff;
        opacity: 0.4;
    }

    .wizard > .steps .error a,
    .wizard > .steps .error a:hover,
    .wizard > .steps .error a:active {
        background: #ff3111;
        color: #fff;
    }

    .wizard > .content {
        display: block;
        margin: 0.5em;
        min-height: 20em;
        overflow: hidden;
        position: relative;
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard.vertical > .content {
        display: inline;
        float: left;
        margin: 0 2.5% 0.5em 2.5%;
        width: 65%;
    }

    .wizard > .content > .body {
        float: left;
        position: relative;
        width: 95%;
        height: 95%;
        padding: 2.5%;
    }

        .wizard > .content > .body ul {
            list-style: disc !important;
        }

            .wizard > .content > .body ul > li {
                display: list-item;
            }

        .wizard > .content > .body > iframe {
            border: 0 none;
            width: 100%;
            height: 100%;
        }

        .wizard > .content > .body input {
            display: block;
            border: 1px solid #ccc;
        }

            .wizard > .content > .body input[type="checkbox"] {
                display: inline-block;
            }

            .wizard > .content > .body input.error {
                background: rgb(251, 227, 228);
                border: 1px solid #fbc2c4;
                color: #8a1f11;
            }

        .wizard > .content > .body label {
            display: inline-block;
            margin-bottom: 0.5em;
        }

            .wizard > .content > .body label.error {
                color: #8a1f11;
                display: inline-block;
                margin-left: 1.5em;
            }

    .wizard > .actions {
        position: relative;
        display: block;
        text-align: right;
        width: 100%;
    }

    .wizard.vertical > .actions {
        display: inline;
        float: right;
        margin: 0 2.5%;
        width: 95%;
    }

    .wizard > .actions > ul {
        display: inline-block;
        text-align: right;
    }

        .wizard > .actions > ul > li {
            margin: 0 0.5em;
        }

    .wizard.vertical > .actions > ul > li {
        margin: 0 0 0 1em;
    }

    .wizard > .actions a,
    .wizard > .actions a:hover,
    .wizard > .actions a:active {
        background: #3D6A55;
        color: #fff;
        display: block;
        padding: 0.0em 1em;
        text-decoration: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .wizard > .actions .disabled a,
    .wizard > .actions .disabled a:hover,
    .wizard > .actions .disabled a:active {
        background: #eee;
        color: #aaa;
    }

    .wizard > .loading {
    }

        .wizard > .loading .spinner {
        }



    /*
    Tabcontrol
*/

    .tabcontrol > .steps {
        position: relative;
        display: block;
        width: 100%;
    }

        .tabcontrol > .steps > ul {
            position: relative;
            margin: 6px 0 0 0;
            top: 1px;
            z-index: 1;
        }

            .tabcontrol > .steps > ul > li {
                float: left;
                margin: 5px 2px 0 0;
                padding: 1px;
                -webkit-border-top-left-radius: 5px;
                -webkit-border-top-right-radius: 5px;
                -moz-border-radius-topleft: 5px;
                -moz-border-radius-topright: 5px;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

                .tabcontrol > .steps > ul > li:hover {
                    background: #edecec;
                    border: 1px solid #bbb;
                    padding: 0;
                }

                .tabcontrol > .steps > ul > li.current {
                    background: #fff;
                    border: 1px solid #bbb;
                    border-bottom: 0 none;
                    padding: 0 0 1px 0;
                    margin-top: 0;
                }

                .tabcontrol > .steps > ul > li > a {
                    color: #5f5f5f;
                    display: inline-block;
                    border: 0 none;
                    margin: 0;
                    padding: 10px 30px;
                    text-decoration: none;
                }

                    .tabcontrol > .steps > ul > li > a:hover {
                        text-decoration: none;
                    }

                .tabcontrol > .steps > ul > li.current > a {
                    padding: 15px 30px 10px 30px;
                }

    .tabcontrol > .content {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 35em;
        overflow: hidden;
        border-top: 1px solid #bbb;
        padding-top: 20px;
    }

        .tabcontrol > .content > .body {
            float: left;
            position: absolute;
            width: 95%;
            height: 95%;
            padding: 2.5%;
        }

            .tabcontrol > .content > .body ul {
                list-style: disc !important;
            }

                .tabcontrol > .content > .body ul > li {
                    display: list-item;
                }

input[type="text"][disabled] {
    background-color: #E9E8E6;
}

select[disabled] {
    background-color: #E9E8E6;
}

.lblerror {
    font-size: 14px;
}

.error {
    color: red !important;
    width: 100%;
}

.btnNewTop {
    height: 26px;
    border: 2px solid white !important;
    background-color: transparent !important;
    padding: 3px 10px !important;
    vertical-align: text-top;
    font-size: 14px;
    font-family: OpenSans-Semibold !important;
}

.btnViewAll {
      height: 36px;
    background-repeat: no-repeat;
    background-position: 14% 50%;
    background-color: rgb(238, 108, 101) !important;
    background-image: url('images/iconList.png') !important;
    padding: 3px 10px !important;
    font-size: 11px;
    font-family: OpenSans-Regular !important;
    padding-left: 25px !important;
    border-radius: 1em !important;
    width: 120px;
}

.botonacos {
    position: absolute;
    bottom: 10px;
    left: 20px;
}

    .botonacos input {
        margin-right: 10px;
    }

.descargaSubs {
    height: 36px;
    background-repeat: no-repeat;
    background-position: 20% 50%;
    background-color: rgb(238, 108, 101) !important;
    padding: 3px 10px !important; 
    font-size: 11px;
    width: auto;
    font-family: OpenSans-Regular !important;
    border-radius: 1em !important;
}

.btnExportXls, .btnExportXls2 {
    height: 36px;
    background-repeat: no-repeat;
    background-position: 20% 50%;
    background-color: rgb(238, 108, 101) !important;
    background-image: url('images/iconNewWindow.png') !important;
    padding: 3px 10px !important; 
    font-size: 11px;
    width: auto;
    font-family: OpenSans-Regular !important;
    padding-left: 25px !important;
    border-radius: 1em !important;
}

.ButtonRedExport {
    background-image: url('images/iconNewWindow.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em !important;
}
.ButtonRedExport:hover {
        opacity: .5;
    }

.mt16 {
    margin-top: 16px;
}

.usersTooltip {
    height: auto;
    padding: 0px 5px;
}

.num {
    text-align: right;
}

#header-fixed {
    position: fixed;
    top: 0px;
    display: none;
    padding: 10px;
    background: #E8E8E4;
    padding-left: 7px;
    line-height: 1em;
    opacity: 0.9;
}

    #header-fixed tr a {
        color: #777673;
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        text-decoration: none;
        font-size: 12px;
        font-family: OpenSans-Regular;
        text-transform: uppercase !important;
    }

#header-fixed-tp {
    position: fixed;
    top: 53px;
    display: none;
    padding: 10px;
    background: #E8E8E4;
    padding-left: 7px;
    line-height: 1em;
    opacity: 0.9;
}

    #header-fixed-tp tr a {
        color: #777673;
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        text-decoration: none;
        font-size: 13px;
        font-family: OpenSans-Regular;
        text-transform: uppercase !important;
    }

#header-fixed-des {
    position: fixed;
    top: 53px;
    display: none;
    padding: 10px;
    background: #E8E8E4;
    padding-left: 7px;
    line-height: 1em;
    opacity: 0.9;
}

    #header-fixed-des tr a {
        color: #777673;
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        text-decoration: none;
        font-size: 13px;
        font-family: OpenSans-Regular;
        text-transform: uppercase !important;
    }

.noPaddleftright {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#Contenido_txtBusqueda {
    background-image: url('images/lupaSearch.png') !important;
    background-repeat: no-repeat !important;
    background-position: 1% 50% !important;
    padding-left: 3% !important;
    background-size: 15px;
}


::-webkit-input-placeholder {
    font-size: 12px;
    color: #B4B4B3;
}

:-moz-placeholder { /* older Firefox*/
    font-size: 12px;
    color: #B4B4B3;
}

::-moz-placeholder { /* Firefox 19+ */
    font-size: 12px;
    color: #B4B4B3;
}

:-ms-input-placeholder {
    font-size: 12px;
    color: #B4B4B3;
}

.nopedText {
    font-size: 11px;
    color: #c9c9c5 !important;
    font-style: italic;
}

.listadoExport {
    font-size: 10px !important;
}

.loadingDiv {
    vertical-align: bottom;
}

.loadingGif {
    vertical-align: middle;
}

.ModalSearch {
    width: 74% !important;
    background-image: url('images/lupaSearch.png') !important;
    background-repeat: no-repeat !important;
    background-position: 1% 50% !important;
    padding-left: 4% !important;
    background-size: 14px !important;
    margin-right: 10px;
    padding: 0.50em 2.5em 0.50em 2.5em !important;
}

.ui-dialog.success-dialog .ui-widget-header {
    color: #FFF;
    font-size: 18px !important;
    font-family: OpenSans-Regular;
    background-color: #3D6A55 !important;
    text-transform: uppercase;
    letter-spacing: -1px;
    border-color: #3D6A55 !important;
    background: #3D6A55 !important;
}

div.xListado div table.Listado tr td.xSelect {
    width: 5%;
}

div.xListado div table.Listado tr td.xSelect {
    margin: -1px;
    padding: 8px;
    text-decoration: none;
    border: none;
    width: 28px;
    height: 29px;
    border-bottom: 1px solid #EAEAEA;
    background-image: url('images/iSelect.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    div.xListado div table.Listado tr td.xSelect:hover {
        border-bottom: 1px solid #EAEAEA;
        text-decoration: none;
        background-image: url('images/iSelect_h.png');
        -webkit-transition: background-image 0.2s ease-in-out;
        -moz-transition: background-image 0.2s ease-in-out;
        -ms-transition: background-image 0.2s ease-in-out;
        -o-transition: background-image 0.2s ease-in-out;
        transition: background-image 0.2s ease-in-out;
        cursor: pointer;
    }

div.xListado div table.Listado tr td input.xSelect {
    margin: -1px;
    padding: 8px;
    text-decoration: none;
    border: none;
    width: 28px;
    height: 29px;
    border-bottom: 1px solid #EAEAEA;
    background-image: url('images/iSelect.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    div.xListado div table.Listado tr td input.xSelect:hover {
        border-bottom: 1px solid #EAEAEA;
        text-decoration: none;
        background-image: url('images/iSelect_h.png');
        -webkit-transition: background-image 0.2s ease-in-out;
        -moz-transition: background-image 0.2s ease-in-out;
        -ms-transition: background-image 0.2s ease-in-out;
        -o-transition: background-image 0.2s ease-in-out;
        transition: background-image 0.2s ease-in-out;
        cursor: pointer;
    }




    div.xListado div table.Listado2 tr td.xSelect {
    width: 5%;
}

div.xListado div table.Listado2 tr td.xSelect {
    margin: -1px;
    padding: 8px;
    text-decoration: none;
    border: none;
    width: 28px;
    height: 29px;
    border-bottom: 1px solid #EAEAEA;
    background-image: url('images/iSelect.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    div.xListado div table.Listado2 tr td.xSelect:hover {
        border-bottom: 1px solid #EAEAEA;
        text-decoration: none;
        background-image: url('images/iSelect_h.png');
        -webkit-transition: background-image 0.2s ease-in-out;
        -moz-transition: background-image 0.2s ease-in-out;
        -ms-transition: background-image 0.2s ease-in-out;
        -o-transition: background-image 0.2s ease-in-out;
        transition: background-image 0.2s ease-in-out;
        cursor: pointer;
    }

div.xListado div table.Listado2 tr td input.xSelect {
    margin: -1px;
    padding: 8px;
    text-decoration: none;
    border: none;
    width: 28px;
    height: 29px;
    border-bottom: 1px solid #EAEAEA;
    background-image: url('images/iSelect.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    div.xListado div table.Listado2 tr td input.xSelect:hover {
        border-bottom: 1px solid #EAEAEA;
        text-decoration: none;
        background-image: url('images/iSelect_h.png');
        -webkit-transition: background-image 0.2s ease-in-out;
        -moz-transition: background-image 0.2s ease-in-out;
        -ms-transition: background-image 0.2s ease-in-out;
        -o-transition: background-image 0.2s ease-in-out;
        transition: background-image 0.2s ease-in-out;
        cursor: pointer;
    }

.btnmodal {
    padding: 0.5em 2.5em 0.5em 2.5em !important;
}

.lupa {
    background-image: url('images/redLupa.png') !important;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
}

.lupaDest {
    background-image: url('images/btnmostRedirect.png') !important;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
}

.lupaAndDelete {
    background-image: url('images/redLupa.png') !important;
    background-position: 2% 50% !important;
    background-repeat: no-repeat !important;
}

.boton-top {
    opacity: 0.4;
    filter: alpha(opacity=40);
    position: fixed;
    width: 40px;
    height: 40px;
    right: 15px;
    bottom: 0px;
    cursor: pointer;
    z-index: 9990;
    display: none;
    background: url('images/uparrow.png') no-repeat center center rgba(0,0,0,0.8);
    background-size: 24px 24px;
    border: none;
    border-radius: 30%;
}

    .boton-top:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.cellsHeaderFixed a {
    color: #777673;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-family: OpenSans-Regular;
    text-transform: uppercase !important;
}

.cellsHeaderFixedtp {
    color: #777673;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
    text-decoration: none;
    font-size: 12px;
    font-family: OpenSans-Regular;
    text-transform: uppercase !important;
}

.boton-top-dialog {
    opacity: 0.4;
    filter: alpha(opacity=40);
    position: absolute;
    width: 40px;
    height: 40px;
    right: 25px;
    bottom: 50px;
    cursor: pointer;
    z-index: 9990;
    display: none;
    background: url('images/uparrow.png') no-repeat center center rgba(0,0,0,0.8);
    background-size: 24px 24px;
    border: none;
    border-radius: 30%;
}

    .boton-top-dialog:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }


#Contenido_tablepartidas td input {
    color: black !important;
    font-size: 13px;
}

table td input {
    color: black !important;
    font-size: 13px;
}

.error {
    border-color: red !important;
}

.opacity {
    opacity: 0.5 !important;
}

.ulchecks {
    list-style: none;
    font-size: 12px;
    font-family: OpenSans-Semibold;
    color: #4F5259;
}

    .ulchecks li {
        display: inline;
        margin-right: 5%;
    }

        .ulchecks li label {
            display: inline;
        }

#Contenido_tablepartidas td input[type=text] {
    width: 90%;
    padding: 0.3em;
}

#Contenido_tablepartidas td {
    vertical-align: top;
}

#Contenido_Listado td input[type=text] {
    width: 90%;
    padding: 0.3em;
}

.dpOPE {
    padding-right: 15px;
    width: 110px;
}

form input.txtCantidad {
    width: 70px;
}

form input.txtAnalisis {
    width: 70px;
}

form input.txtLote {
    width: 70px;
}

form input.txtPorcenOPE {
    width: 30px;
}

form input.txtPorcenDILU {
    width: 30px;
}

.listTanksOrder {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

    .listTanksOrder li {
        display: inline-block;
    }

        .listTanksOrder li span {
            display: block;
            text-align: center;
            margin-bottom: 3px;
            font-size: 11px;
            color: #777673 !important;
            font-style: italic;
        }

        .listTanksOrder li select {
            display: block;
            width: 70px;
        }

.ButtonAddTk {
    background-image: url('images/suma.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent !important;
    width: 20px;
    height: 20px;
    padding: 0 !important;
}

.ButtonAdd:hover {
    opacity: .5;
}



.labelFilterSuperior {
    height: 20px;
    display: block;
    padding: 5px !important;
}


.from, .to, .fromPrevista {
    width: 100px;
    background-image: url(images/backDropdown.png) !important;
    background-repeat: no-repeat !important;
    background-position: 95% !important;
    border-radius: 0.5em !important;
    transition: background-image 0s ease-in-out !important;
    padding-left: 10px !important;
    color: #282A2B;
    height: 15px;
}

.TimePrevista{
    border-radius:5px;
}


#Contenido_ListadoDocsSalida_pnlOrders_0 {
    width: 90%;
}

table#Contenido_ListadoDocsSalida_ListadoSubGrid_0 {
    border-radius: 7px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #D9D9D8;
}

.reqLabel:after {
    content: " *";
}

input[type=radio]:disabled ~ label {
    color: lightgrey;
}

.depDestino {
    color: black;
    margin-left: 10px;
}





div.xListado div table.Listado2 tr td.xLinkRight {
    width: 5%;
}

    div.xListado div table.Listado2 tr td.xLinkRight a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('images/iSelect.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado2 tr td.xLinkRight a:hover {
            border: none;
            text-decoration: none;
            background-image: url('images/iSelect_h.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }



div.xListado div table.Listado2 tr td.xLinkRight {
    width: 5%;
}

    div.xListado div table.Listado2 tr td.xLinkRight a {
        margin: 0;
        padding: 0;
        text-decoration: none;
        border: none;
        display: block;
        width: 28px;
        height: 29px;
        background-image: url('images/iSelect.png');
        background-repeat: no-repeat;
    }

        div.xListado div table.Listado2 tr td.xLinkRight a:hover {
            border: none;
            text-decoration: none;
            background-image: url('images/iSelect_h.png');
            -webkit-transition: background-image 0.2s ease-in-out;
            -moz-transition: background-image 0.2s ease-in-out;
            -ms-transition: background-image 0.2s ease-in-out;
            -o-transition: background-image 0.2s ease-in-out;
            transition: background-image 0.2s ease-in-out;
        }

.toupper {
    text-transform: uppercase;
}



.lupaDeleteDestinatario {
    position: absolute;
    right: 4%;
    width: 90px;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
    color: #F2948F;
    z-index: 1;
    cursor: pointer;
    padding-top: 5px;
}

.lupaDeleteDestinatarioLong {
    position: absolute;

    width: 90px;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
    color: #F2948F;
    z-index: 1;
    cursor: pointer;
    padding-top: 5px;
}

.lupaDeleteMMPP {
    position: absolute;

    width: 90px;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
    color: #F2948F;
    z-index: 1;
    cursor: pointer;
    padding-top: 5px;
}

.lupaDeleteDestinoLugar {
    position: absolute;

    width: 90px;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
    color: #F2948F;
    z-index: 1;
    cursor: pointer;
    padding-top: 5px;
}

.lupaDeleteCarContra {
    position: absolute;
    right: 4%;
    width: 90px;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
    color: #F2948F;
    z-index: 1;
    cursor: pointer;
    padding-top: 5px;
}

.lupaDeleteTransportista {
    position: absolute;
    right: 4%;
    width: 90px;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
    color: #F2948F;
    z-index: 1;
    cursor: pointer;
    padding-top: 5px;
}

.lupaDeleteSuministrador {
    position: absolute;
    right: 6.3%;
    width: 90px;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
    color: #F2948F;
    z-index: 1;
    cursor: pointer;
    padding-top: 5px;
}

.lupaDeleteDestinatarioFinal {
    position: absolute;
    right: 4%;
    width: 90px;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    padding-right: 10px;
    color: #F2948F;
    z-index: 1;
    cursor: pointer;
    padding-top: 5px;
}

.lupaDeleteDespachantes {
    position: absolute;
    right: 4%;
width: 90px;
text-align: right;
height: 30px;
vertical-align: middle;
font-size: 20px;
margin-right: 30px;
color: #F2948F;
z-index: 1;
cursor: pointer;
padding-top: 5px;
}

.multiprdGrids {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.SumOperatorsError label {
    color: red;
    float: right;
}

.btUpload {
    float: left !important;
    background-color: transparent !important;
    width: 10% !important;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 14% 50%;
    background-color: rgb(238, 108, 101) !important;
    background-image: url('../imagenes/botones/UpploadBtn.png') !important;
    padding: 3px 10px !important;
    vertical-align: text-top;
    font-size: 11px;
    font-family: OpenSans-Regular !important;
    padding-left: 25px !important;
    border-radius: 1em !important;
    width: 100px;
    background-size: 20%;
    color: white !important;
    cursor:pointer;
    margin-left:10px;
}
.btSelectFile {
    float: left !important;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 14% 50%;
    background-color: #5cb85c !important;
    background-image: url('../imagenes/botones/moreBtn.png') !important;
    padding: 3px 10px !important;
    vertical-align: text-top;
    font-size: 11px;
    font-family: OpenSans-Regular !important;
    padding-left: 25px !important;
    border-radius: 1em !important;
    width: 100px;
    background-size: 20%;
    color: white !important;
    cursor:pointer;
    margin-left:10px;
}



.floatL{
    float: left !important;
}

.btnDocument {
    background-image: url('../css/images/document.png') !important;
    background: url('../css/images/document.png') !important;
    width:50px !important;
    background-size:cover !important;
    

}

.deleteBtnFile{
        background: none;
    color: gray !important;
    border: 0;
    width: 10%;
}
 .ulchecks {
            padding: 0;
            margin: 10px 0 10px 20px;
        }

 .cursorpointer{
     cursor:pointer;
 }

 .toupper{
     text-transform: uppercase !important;
 }
 .separador{
     border-top: 3px solid rgb(238, 108, 101) !important;
 }
 .separadorClientes{
     border-top: 3px solid rgb(238, 108, 101) !important;
 }

 .claseNomClient{
     font: bold;
 }
 .checksInformar{
     display: block;
     margin: 0px 20px;
 }
 .btnEnviarBloqueRed{
	 background-image: none !important;
    background-color: red !important;
 }