/* CSS Document PC */

/*GENERAL STYLES*/

* {
    padding: 0px;
    margin: 0px;
    list-style: none;
    text-decoration: none;
}

    *:focus {
        outline: none
    }

/*FIX JQUERY DIALOG DRAGING ISSUE*/
html, body {
    position: relative
}


body {
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: auto;
    padding-top: 11px;
}


.wrapperHeader {
    width: 100%;
    height: 183px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 84%, rgba(0,153,204,1) 84%, rgba(0,153,204,1) 96%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(84%, rgba(255,255,255,1)), color-stop(84%, rgba(0,153,204,1)), color-stop(96%, rgba(0,153,204,1)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 84%, rgba(0,153,204,1) 84%, rgba(0,153,204,1) 96%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 84%, rgba(0,153,204,1) 84%, rgba(0,153,204,1) 96%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 84%, rgba(0,153,204,1) 84%, rgba(0,153,204,1) 96%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 84%, rgba(0,153,204,1) 84%, rgba(0,153,204,1) 96%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.entorno-test .wrapperHeader {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 84%, rgba(60, 127, 92, 1) 84%, rgba(60, 127, 92, 1) 96%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 1) 100%) !important;
}

.entorno-pprod .wrapperHeader {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 84%, rgba(255, 188, 0, 1) 84%, rgba(255, 188, 0, 1) 96%, rgba(255, 255, 255, 1) 96%, rgba(255, 255, 255, 1) 100%) !important;
}

footer {
    width: 100%;
    clear: both;
    display: block;
}

.wrap {
    width: 960px;
    margin: 8px;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.table a:link, .table a:visited, .table a:active, .divBackground a:link, .divBackground a:visited, .divBackground a:active,
.tableHome a:link, .tableHome a:visited, .tableHome a:active {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    outline: none;
}


.table a:hover, .divBackground a:hover,
.tableHome a:hover {
    color: #000;
    text-decoration: none;
    outline: none;
}

.table .rowTotal {
    color: #000;
    font-weight: bold;
    outline: none;
}

.loader {
    float: left;
    width: 100%;
    text-align: center;
}

div.loader div {
    text-align: center;
    padding-top: 20px;
    color: #666;
    font-size: 12px;
}

    div.loader div img {
        margin-right: 10px;
        vertical-align: middle;
    }


/*END GENERAL STYLES*/

/*VALIDATION STYLES*/






.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

.field-validation-error {
    color: red !important;
    font-weight: bold;
    float: none !important;
}


div.errorLogin .validation-summary-errors ul li {
    color: red;
    list-style: none;
    font-size: 11px;
    margin: 5px 0 5px 0;
}

div.errorDialog .validation-summary-errors ul li {
    color: red;
    list-style: none;
    font-size: 0.85em;
    margin: 5px 0 5px 0;
}


div.messageDialog {
    color: #336633;
    list-style: none;
    font-size: 0.85em;
    margin: 5px 0 5px 0;
}

/*END VALIDATION STYLES*/

/*HEADER STYLES*/

/*
.header {
	width:100%;
	border-bottom:solid 3px #7aad51;
	margin:10px 0 0 0;
}
.logo {
	width:154px;
	height:39px;
}
.dateData {
	width:50%;
	float:left;
	font-weight:bold;
	height:30px;
	line-height:30px;
	color:#666;
}
.userData {
	width:50%;
	float:right;
	text-align:right;
	font-weight:bold;
	height:30px;
	line-height:30px;
	color:#666;
}*/
.path {
    color: #333;
    margin: 15px 0 15px 0;
    width: 100%;
    float: left;
}

    .path b {
        color: #3399cc;
    }
/*END HEADER STYLES*/


/*HEADER STYLES*/
.header {
    width: 100%;
    height: 70px;
    background-image: url(/images/bg-header.jpg);
    background-repeat: no-repeat;
    background-color: #00517e;
    box-shadow: 0px 2px 10px #CCC;
    color: #fff;
}

header,
.wrapperHeader > nav {
    width: 1006px;
    margin: auto;
}


    header a {
        color: #0099cc;
        /*background-color:#ccc;*/
        float: right;
        text-decoration: none;
        font-size: 14px;
        display: block;
        margin-top: 10px;
        font-weight: bold;
    }

        header a:hover {
            color: #3d658b;
        }

    header img {
        margin-top: 3px;
    }

#linkAyuda {
    border: none;
    padding: 0;
}

    #linkAyuda img {
        position: absolute;
        top: 0;
    }


.bursatilContenido {
    width: 96%;
    padding: 0;
    margin: -5px auto;
    min-width: 980px;
}

.compraAFIP,
.actualizarStock {
    width: 1006px;
    margin: auto;
}

li.logo, .logo {
    width: 242px;
    height: 46px;
    float: left;
    /*background-image:url(/images/boca-labs-2.png);
	background-repeat:no-repeat;*/
}

.session {
    width: 30%;
    margin-top: 20px;
    height: 50px;
    float: right;
    text-align: right;
}

    .session img {
        margin-right: 15px;
        vertical-align: middle;
        border: solid 2px #39C;
    }

    .session .btnClose { /* aca podría usarse header input type button y reducir clases*/
        padding: 7px;
        list-style: none;
        background-color: #999;
        font-size: 12px;
        text-shadow: 1px 1px 1px #666;
        margin: 0 10px 0 10px;
    }
/*.session span.user clase creada en el markup que no se usa */
.nav {
    width: 40%;
    float: left;
    margin-top: 25px;
}


    .nav ul li {
        display: inline;
        padding: 10px;
        list-style: none;
    }



nav ul {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

    nav ul li {
        float: left;
        cursor: pointer;
        list-style: none;
        text-align: left;
        height: 24px;
        max-width: 90px;
        text-align: center;
    }

        nav ul li a {
            color: #fff;
            font-size: 12px;
            padding: 4px 0px;
            text-decoration: none;
            display: block;
        }

        nav ul li.menuHoja {
            min-width: 175px;
            padding-left: 15px;
        }

        nav ul li:hover {
            background-color: #ff9329;
        }



    nav ul.menuModulos {
        margin: 25px 0 20px 0;
        width: 100%;
        display: block;
        clear: both;
        background: none;
    }

        nav ul.menuModulos li {
            background-color: #3d658b;
            cursor: pointer;
            list-style: none;
            float: left;
            text-align: center;
            margin-right: 5px;
            height: auto;
            width: 110px;
            max-width: 110px;
        }

            nav ul.menuModulos li:hover {
                background-color: #ff9329;
            }

            nav ul.menuModulos li a {
                font-size: 12px;
                color: #fff;
                text-decoration: none;
                display: block;
                padding: 18px 0;
            }


.menuHoja {
    display: none;
    background-color: rgb(61,101,139);
    z-index: 1000;
    float: left;
    clear: both;
    width: 170px;
    text-align: left;
}

    .menuHoja:hover {
        background-color: #ff9329;
        z-index: 1000;
    }

.subMenuItems {
    background-color: rgb(0, 153, 204);
    width: 160px;
    z-index: 1000;
    position: relative;
}
/*END HEADER STYLES*/



/*LAYOUT STYLES*/


/*.divBackground {
	border:solid 1px lightsteelblue;
	
	padding:20px 20px 20px 40px;
	box-shadow: 2px 2px 5px gainsboro;
    display:block;
    clear:both;
    width:100%;
    background-color:#eaf1f7;
}*/

.oneColSmallCentered /*Se usa en el login por ejemplo*/ {
    width: 450px;
    height: auto;
    margin: 100px auto 0px auto;
}

    .oneColSmallCentered div {
        width: 100%;
        min-height: 35px;
        display: inline-block;
    }

        .oneColSmallCentered div[class="col"] {
            width: 49%;
            min-height: 25px;
            display: inline-block;
        }


            .oneColSmallCentered div[class="col"] a:link, .oneColSmallCentered div[class="col"] a:active, .oneColSmallCentered div[class="col"] a:visited {
                font-size: 14px;
                margin-left: 20px;
            }

            .oneColSmallCentered div[class="col"] a:hover {
                text-decoration: underline;
            }

.twoColLargeCentered /*Se usa en la búsqueda y en el agregar*/ {
    border: solid 1px lightsteelblue;
    padding: 20px;
    box-shadow: 2px 2px 5px gainsboro;
    display: block;
    clear: both;
    margin: auto;
    width: 984px;
}

    .twoColLargeCentered div {
        width: 49%;
        min-height: 35px;
        display: inline-block;
    }

div.oneColLarge {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: block;
}

.labelMediumLarge {
    Width: 73px;
}

div.twoColSmall div /*Se usa una cuando en una columna deben incluirse en vez de una label y un input, una label y dos inputs chicos*/ {
    width: /*140px;*/ 136px;
    /*float:left;*/ /*LE SAQUÉ EL FLOAT Y LE EN VEZ DE 140 LE PUSE 136*/
    height: 21px;
}

div.twoColHours div /*Se usa una cuando en una columna deben incluirse en vez de una label y un input, una label y dos inputs chicos, y dos puntos en el medio*/ {
    width: 124px;
    height: 21px;
}

div.twoColHours span /*Se usa una cuando en una columna deben incluirse en vez de una label y un input, una label y dos inputs chicos*/ {
    height: 21px;
    padding: 0 12px 0 0;
    font-weight: bold;
}
/*END LAYOUT STYLES*/

/*PAGING STYLES*/
div.divPaging div {
    display: inline-block;
    margin: 5px 0 5px 8px;
}

div.divPaging a:link, div.divPaging a:hover, div.divPaging a:visited {
    background-color: #3399cc;
    border: none;
    /*background-color:#7aad51;
	border:1px solid #6e9a4a;*/
    color: #FFF;
    padding: 10px;
    text-decoration: none;
    font-size: 12px;
}

div.divPaging a:active {
    border: solid 1px #336633;
    text-decoration: none;
}

div.divPaging input[type="text"] {
    width: 35px;
    padding: 0px 3px 0px 3px;
}
/*END PAGING STYLES*/

/*IMAGE STYLES*/
.twoColLargeCentered div img {
    vertical-align: middle;
    cursor: pointer;
}

div.path img {
    vertical-align: baseline;
    cursor: pointer;
}
/*END IMAGE STYLES*/

/*FORM ELEMENTS STYLES*/


input[type="text"],
input[type="number"],
input[type="email"] {
    width: 257px;
    max-width: 100%;
    height: 22px;
    border: solid 1px #1e7baa;
    font-size: 11px;
    text-indent: 3px;
}



    input[type="text"].readOnly, input[type="email"].readOnly {
        width: 200px;
        max-width: 59%;
        padding: 0 5px 0 5px;
        height: 22px;
        font-size: 11px;
        border: solid 1px #39C;
        background-color: #1e7baa;
        color: #000;
    }




    input[type="text"]:disabled, input[type="email"]:disabled {
        width: 200px;
        height: 30px;
        font-size: 11px;
        border: solid 1px #1e7baa;
        background-color: #e7ebe4;
        color: #000;
    }

input[type="password"] {
    width: 200px;
    padding: 0 5px 0 5px;
    height: 19px;
    border: solid 1px #ccc;
    font-size: 11px;
}

input[type="text"].inputMedium /*Se usa para los input del calendario de JQuery*/ {
    width: 207px;
    padding: 0 5px 0 5px;
    margin: 0 4px 0 0;
    height: 25px;
    border: solid 1px #3399cc;
    box-shadow: 1px 1px 2px #ccc;
}

input[type="text"].inputMediumSmall {
    width: 195px;
    padding: 0 5px 0 5px;
    margin: 0 1px 0 0;
    height: 21px;
    border: solid 1px #ccc;
}



input[type="text"].inputSmall {
    width: 50px;
}

div[class="twoColSmall"] input.inputSmall {
    width: 98px;
    position: relative;
    left: 0px;
}

div[class="twoColHours"] input.inputSmall {
    width: 88px;
    position: relative;
    left: 0px;
}


table.tableMultisaltos tr td input {
    width: 95%;
}


    table.tableMultisaltos tr td input.readOnly {
        width: 95%;
    }

input[type="text"].inputExtraSmall {
    width: 50px;
}


input[type="text"].inputLarge {
    width: 568px;
    margin-right: 10px;
}


input[type="text"].inputExtraLarge {
    width: 682px;
    margin-right: 10px;
}

select {
    width: 240px;
    height: 28px;
    padding-left: 2px;
    border: solid 1px #1e7baa;
    font-size: 11px;
}

.selectMedium {
    width: 220px;
}

.selectSmall {
    width: 110px;
}

.selectXSmall60 {
    width: 60px;
}

.selectXSmall40 {
    width: 40px;
}

select[multiple] {
    width: 250px;
    height: 50px;
    padding-left: 2px;
    border: solid 1px #ccc;
    font-size: 11px;
}

input[type="radio"],
input[type="checkbox"] {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    outline: none;
}

textarea {
    width: 682px;
    height: 80px;
    border: solid 1px #39C;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 5px 2px 5px;
}

.redactor_box textarea {
    min-height: 500px;
}

.textareaSmall {
    width: 250px;
    height: 100px;
    border: solid 1px #ccc;
    overflow: hidden;
}


.textareaMedium {
    width: 665px;
}



textarea.readOnly {
    border: solid 1px #39C;
    background-color: #e7ebe4;
    color: #000;
}



textarea:disabled {
    border: solid 1px #ccc;
    background-color: #e7ebe4;
    color: #000;
}

fieldset .redactor_box,
fieldset .redactor_toolbar {
    width: 100%;
    max-width: 100%;
    display: block;
}

/*END FORM ELEMENT STYLES*/
/*LABEL STYLES*/
label {
    width: 120px;
    padding: 10px 0 0 0;
    display: inline-block;
    height: 20px;
    float: left;
    vertical-align: bottom;
    line-height: 11px;
    font-size: 12px;
}

.labelSmall {
    width: 25px;
}

.labelMedium {
    width: 50px;
}

.labelMediumLarge {
    width: 100px;
}

.labelLarge {
    width: 226px;
}

td label {
    font-size: 8pt;
    height: auto;
}

/*END LABEL STYLES*/

/*BUTTON AND BUTTON CONTAINERS STYLES*/
.panelPaginas .button#borrarCache {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.panelPaginas button.borrarCacheDisabled {
    cursor: no-drop;
}

.panelPaginas img.btnBorrarCacheImg {
    border-width: 0;
    width: 23px;
    height: 23px;
}

.panelPaginas .img.btnBorrarCacheImgDisabled {
    filter: grayscale(100%);
}

.btnDisabled, input[type="button"]:disabled {
    background: #999 !important;
    pointer-events: none;
}

.loaderDialogDelete {
    display: grid;
    justify-content: center;
}

.buttonsDeleteDialog {
    text-align: center;
}

.loader {
    margin-top: 10px;
    margin-bottom: 10px;
}


input[type="button"], input[type="submit"], .ui-dialog-buttonset .ui-button, .buttonsLargeCentered a {
    background-color: #3399cc;
    border: none;
    /* border-radius: 3px; */
    color: #FFF;
    padding: 5px 8px;
    margin: 2px 0 0;
}

    input[type="button"].btnPreviousFile, input[type="button"].btnBuscarFile, input[type="button"].btnNextFile,
    input[type="button"].btnPreviousFile:focus, input[type="button"].btnBuscarFile:focus, input[type="button"].btnNextFile:focus {
        padding: 6px 10px 7px 10px;
        margin-top: 3px;
    }

    input[type="button"]:focus, input[type="submit"]:focus, .ui-dialog-buttonset .ui-button:focus {
        border: 0;
        /*border-radius: 3px;*/
        outline: none;
    }

.zonaAddOrUpdate fieldset input[type="button"] {
    float: left;
}

.ui-dialog-buttonset .ui-button, .ui-dialog-buttonset .ui-button:link, .ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:active, .ui-dialog-buttonset .ui-button:focus {
    font-size: 12px;
    background-color: #3399cc;
    /*border:1px solid #ccc;*/
    /*border-radius: 3px;*/
    color: #FFF;
}

input[type="button"]:hover,
.ui-button:hover,
input[type="submit"]:hover,
.buttonsLargeCentered a:hover {
    background-color: #FE9A2e !important;
    cursor: pointer;
}


div.buttonsLargeRight /*Se usa en el buscador*/ {
    text-align: right;
    margin: 10px 0px 10px 0px;
    float: right;
}


    div.buttonsLargeRight > form {
        float: right;
        margin: 0 3px;
    }

div.buttonsLargeLeft /*Se usa en el buscador*/ {
    width: 100%;
    text-align: left;
    margin: 10px 0px 0px 0px;
}

div.buttonsLargeCentered /*Se usa en el agregar*/,
.ui-dialog #divNavigatorArt,
.ui-dialog #filterArticlesResults {
    width: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
}

div.buttonsLargeCenteredSky {
    width: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
    background-color: #d1e1e8;
    height: 30px;
}

div.buttonsRight {
    text-align: right;
}

div.buttonsRightSky {
    text-align: right;
    background-color: #d1e1e8;
    height: 48px;
}

.fileButton /*Se usa en el input type file de buscar archivo en Dell Shares*/ {
    background-color: #3399cc;
    border: 1px solid #ccc;
    /*border-radius: 3px;*/
    box-shadow: 1px 1px 0px #ccc;
    color: #FFF;
    padding: 8px 10px 8px 10px;
    text-transform: uppercase;
}

.fileinput-button /*Se usa en el input type file de buscar archivo en Dell Shares*/ {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}

    .fileinput-button input /*Se usa en el input type file de buscar archivo en Dell Shares*/ {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px, 0) scale(4);
        font-size: 23px;
        direction: ltr;
        cursor: pointer;
    }


input.button-delivery {
    background-image: url(../../Images/hand_delivery.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 0px 0px; /* equivalent to 'top left' */
    border: none; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 16px; /* make this the size of your image */
    padding-left: 16px; /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
}
/*END BUTTON AND BUTTON CONTAINERS STYLES*/

/*TABLE STYLES*/

.tableModal {
    width: 50%;
}

.table, .tableHome {
    border: solid 0px #999;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 13px;
    margin: 5px 0 5px 4px;
    clear: both;
}


    .table th, .tableHome th {
        height: 25px;
        background-color: #FFF;
        border-right: 1px solid lightsteelblue;
        border-bottom: 1px solid lightsteelblue;
        border-top: 1px solid lightsteelblue;
        padding-left: 5px;
        padding-right: 5px;
        color: #333;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
    }
        /*.table th:last-child */ .table th.last, .tableHome th.last {
            width: 10%;
        }


        .table th:first-child, .tableHome th:first-child {
            border-left: 2px solid #ccc;
        }



        .table th.lastWide, .tableHome th.lastWide {
            border-right: none;
            width: 17%;
        }

        .table th.lastMediumWide, .tableHome th.lastMediumWide {
            border-right: none;
            width: 12%;
        }

    .table tr:last-child td, .tableHome tr:last-child td {
        border-bottom: none;
    }

    .table td, .tableHome td {
        padding: 3px;
    }


    .table tr:nth-child(even), .tableHome tr:nth-child(even) {
        background: #EFEFEF;
    }

    .table tr:nth-child(odd), .tableHome tr:nth-child(odd) {
        background: #fff;
    }

    .table tr, .tableHome tr {
        border-bottom: 1px solid lightsteelblue;
        border-left: 1px solid lightsteelblue;
        border-right: 1px solid lightsteelblue;
        font-size: 8pt;
    }


        .table tr:hover, .table tr:active, .tableHome tr:hover, .tableHome tr:active {
            background: #97d4f2;
        }


table[class="tableHome"] tr:hover, table[class="tableHome"] tr:active {
    cursor: pointer;
}


/*.table td:last-child {
	width:10%;
}*/

.table td img, .tableHome td img {
    border: none;
}

.tableControl {
    display: table-row;
}

    .tableControl div {
        display: table-cell;
    }


img.generico {
    width: 23px;
    height: 23px;
    cursor: pointer;
}

img.disabled-icon {
    filter: grayscale(100%);
}


img.btnView {
    background: url(/images/img-botones-desktop.png) 66px 0;
    width: 23px;
    height: 23px;
}

img.btnCopy {
    background: url(/images/icon-copy.png);
    background-size: 23px;
    width: 23px;
    height: 21px;
    cursor: pointer;
    background-repeat: no-repeat;
}

img.btnUp {
    background: url(/images/flechaArriba.png) 0 0;
    width: 20px;
    height: 22px;
}

img.btnDown {
    background: url(/images/flechaAbajo.png) 0 0;
    width: 20px;
    height: 22px;
}

img.btnEdit, img.btnEditGiftCard {
    background: url(/images/img-botones-desktop.png) 46px 0;
    width: 23px;
    height: 23px;
    cursor: pointer;
}

img.btnDelete {
    background: url(/images/img-botones-desktop.png) 23px 0;
    width: 23px;
    height: 23px;
}

img.btnAddFromCopy {
    background: url(/images/img-botones-desktop.jpg) 23px 0;
}

img.btnViewD {
    background: url(/images/img-botones-desktop-gris.jpg) 0 0;
}

img.btnEditD {
    background: url(/images/img-botones-desktop-gris.jpg) 69px 0;
}

img.btnDeleteD {
    background: url(/images/img-botones-desktop-gris.jpg) 46px 0;
}

img.btnDeleteB {
    background: url(/images/img-botones-desktop.jpg) 46px 0;
}

img.btnAddFromCopyD {
    background: url(/images/img-botones-desktop-gris.jpg) 23px 0;
}

img.btnAdd {
    background: url(/images/img-botones-desktop.png) 23px -24px;
    width: 23px;
    height: 23px;
}

img.calendar {
    background: url(/images/img-botones-desktop.png) 0 -24px;
    width: 23px;
    height: 23px;
}

img.btnViewSummary {
    background: url(/images/img-botones-desktop.png) 43px -24px;
    width: 22px;
    height: 22px;
}

img.btnViewChanges {
    background: url(/images/img-botones-desktop.png) 92px 0px;
    width: 22px;
    height: 22px;
}

img.btnYellow {
    background: url(/images/semaforo.png) 46px 0;
    width: 23px;
    height: 23px;
}

img.btnRed {
    background: url(/images/semaforo.png) 23px 0px;
    width: 23px;
    height: 23px;
}

img.btnGreen {
    background: url(/images/semaforo.png) 0 0;
    width: 23px;
    height: 23px;
}

img.btnEstados {
    background: url(/images/estados-OP.png) 46px 0;
    width: 23px;
    height: 23px;
}

.Activo img {
    background: url(/images/pausa.png) no-repeat;
    width: 23px;
    height: 23px;
}

.PausadoUsuario img {
    background: url(/images/play.png) no-repeat;
    width: 23px;
    height: 23px;
}

.tableMedium {
    width: 94%;
}

    .tableMedium th:last-child {
        border-right: none;
        width: 3%;
    }
/*END TABLE STYLES*/



/*HEADING STYLES*/
h4:first-child { /*Título separador de secciones, es el más usado*/
    color: #626262;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 10px 0px 20px 0px;
}

h4 { /*Título separador de secciones, es el más usado*/
    color: #626262;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 20px 0px 20px 0px;
}

h5 { /*Subtítulo separador de secciones */
    color: #626262;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 20px 0px 20px 0px;
}

.noMarginBottom {
    margin-bottom: 0px;
}

h6 { /*Subtítulo separador de secciones */
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 10px 0px 10px 0px;
    font-weight: bold;
}

.titleOne { /*Se usan como titulos de columnas de inputs, en Stock, en Resumen Diario, por ejemplo*/
    margin: 0px 0px 0px 150px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.titleTwo {
    margin: 0px 0px 0px 95px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.titleThree {
    margin: 0px 0px 0px 203px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.titleFour {
    margin: 0px 0px 0px 96px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.titleFive {
    margin: 0px 0px 0px 263px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.titleSix {
    margin: 0px 0px 0px 94px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

/*END HEADING STYLES*/



.hint {
    vertical-align: top !important;
}


.buttonDisable {
    background-color: #999 !important;
    border: 2px solid #666 !important;
}



/*PREHOME STYLES*/
#tabs div.narrowCol {
    float: left;
    width: 260px;
    height: 230px;
    margin: 10px 0 10px 0;
}

#tabs div.wideCol {
    float: right;
    width: 580px;
    height: 230px;
    margin: 20px 0 20px 0;
}

.playerScroller {
    width: 100%;
    height: 230px;
    position: relative;
    font-size: 16px;
    color: #333;
}

.player {
    position: relative;
    float: left;
    display: block;
    width: 120px;
    height: 200px;
    font-size: 12px;
    padding: 10px 12px 10px 10px;
    color: #fff;
    background-color: #00517e;
    margin-right: 4px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


    .player img {
        border: solid 1px #ccc;
    }

    .player span.playerName {
        display: block;
        height: 50px;
        font-size: 13px;
        margin: 5px 0 0 0;
    }


    .player img.btnRed, .player img.btnYellow {
        vertical-align: middle;
        border: none;
    }
/*END PREHOME STYLES*/



.profile {
    width: 960x;
    height: 160px;
    margin-top: 30px;
}


    .profile .col1imagen {
        background-color: #e9e9e9;
        width: 160px;
        height: 160px;
        float: left;
    }

    .profile .col2 {
        width: 600px;
        height: 160px;
        float: left;
        margin-left: 40px;
        line-height: 18px;
    }

    .profile .col3 {
        position: relative;
        width: 160px;
        height: 160px;
        float: left;
        background-image: url(/images/hombre.jpg);
        background-repeat: no-repeat;
    }

        .profile .col3 img {
            position: absolute;
            left: 0;
            top: 0;
        }

    .profile .col2 .playerName, .profile .col2 .playerState, .profile .col2 .playerData {
        width: 620px;
        float: left;
    }


.playerState {
    color: #fff;
    font-weight: bold;
    height: 35px;
    margin-top: 5px;
}


    .playerState span {
        background-color: #39C;
        padding: 5px;
    }

    .playerState img {
        vertical-align: middle;
    }

    .playerState span.noPermanece {
        background-color: red;
    }

.playerData div.col1, .playerData div.col2 {
    width: 290px;
    float: left;
}

.playerData div.oneCol {
    width: 100%;
    float: left;
}

    .playerData div.col1 label, .playerData div.col2 label, .playerData div.oneCol label {
        width: 100px;
        float: none;
        display: inline-block;
    }

.profile .playerName {
    color: #39C;
    font-size: 26px;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.fc-event.calendarEventEntrenamiento {
    background-color: #FE9A2E;
    border: solid 1px #FE9A2E;
}

.fc-event.calendarEventPartido {
    background-color: rgb(9, 104, 156);
    border: solid 1px rgb(9, 104, 156);
}

.listaReferencia {
    display: block;
    margin: 10px;
    font-size: 11px;
}

    .listaReferencia li {
        list-style-position: inside;
    }

.calculadora {
    border: solid 1px lightsteelblue;
    padding: 20px 20px 20px 40px;
    box-shadow: 2px 2px 5px gainsboro;
    display: block;
    clear: both;
    width: 400px;
    margin: 20px auto;
}

    .calculadora input {
        display: block;
        clear: both;
        margin: 10px 0;
        width: 370px;
    }

    .calculadora select {
        display: block;
        clear: both;
        margin: 10px 0;
        width: 370px;
    }



    .calculadora input[type="submit"] {
        margin: auto;
        padding: 10px 20px;
        margin-top: 20px;
        width: 100px;
    }

        .calculadora input[type="submit"]:hover {
            background-color: #FE9A2E;
            cursor: pointer;
        }


input.selected {
    display: block !important;
    background-color: #FE9A2e;
}

.nonSelected {
    display: none !important;
}

.formBody .selectedColor label {
    background-color: #3399cc;
    color: #fff;
}

.nonSelectedColor {
    background-color: #666 !important;
    color: #fff;
}

.botonSeleccion {
    padding: 4px 10px;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
}

    .botonSeleccion label {
        width: auto;
        height: auto;
        padding: 0;
    }


    .botonSeleccion:hover {
        cursor: pointer;
    }


.temaLenguaje {
    width: 100% !important;
}

.panelLenguaje {
    width: 100% !important;
}

.inputTextAreaLenguajes {
    width: 100% !important;
}

.seleccionLenguajes {
    width: 100% !important;
}

.menuNavegacionLenguajes {
    width: 100% !important;
}

.listaTemaImagen {
    min-width: 900px;
    list-style-type: none;
    float: left;
}

.temaImagenContenedor, .divArticulo {
    width: 200px;
    float: left;
    overflow: hidden;
    border: 1px solid #b0c4de;
    margin: 10px 10px 10px 0;
    text-align: center;
    font-size: 12px;
    padding: 5px;
}

.divArticulo {
    width: 100px;
}


    .temaImagenContenedor img, .divArticulo img {
        width: 200px;
        height: auto;
    }

    .divArticulo img {
        width: 91px;
    }

.listaTemaArticulos {
    width: 950px;
    overflow-x: auto;
}

    .listaTemaArticulos li {
        list-style: none;
    }


.botonPointer, .cruzArticulo {
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
}

.temaImagenPrincipal {
    margin-left: 5px !important;
}

.temaImagen {
    height: 220px;
    overflow: hidden;
    float: left;
}

.temaVideo {
    max-height: 220px;
}

.temaImagenBotonera {
    height: 50px;
}

.temaImagenBoton {
    width: 100%;
    float: left;
}

.botonPointer {
    cursor: pointer;
}

.divArtStockHeader {
    height: 10px;
    margin-top: 5px;
    cursor: grab;
}

.spnArtStockHeader {
    color: #4AA3E3;
    display: block;
    text-align: center;
    width: 100%;
}
/* ANIMATION  START */
.scale-up-tr {
    -webkit-animation: scale-up-tr 0.4s ease-in-out both;
    animation: scale-up-tr 0.4s ease-in-out both;
}



@-webkit-keyframes scale-up-tr {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}

@keyframes scale-up-tr {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}

.scale-up-tr-reverse {
    -webkit-animation: scale-up-tr 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) reverse both;
    animation: scale-up-tr-reverse 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) reverse both;
}

@-webkit-keyframes scale-up-tr-reverse {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}

@keyframes scale-up-tr-reverse {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}



.shadow-pop-tr {
    -webkit-animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}


@-webkit-keyframes shadow-pop-tr {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    100% {
        -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        -webkit-transform: translateX(-8px) translateY(8px);
        transform: translateX(-8px) translateY(8px);
    }
}

@keyframes shadow-pop-tr {
    0% {
        -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    100% {
        -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
        -webkit-transform: translateX(-8px) translateY(8px);
        transform: translateX(-8px) translateY(8px);
    }
}

.shadow-pop-tr-blue {
    -webkit-animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    animation: shadow-pop-tr-blue 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

    .shadow-pop-tr-blue reverse {
        -webkit-animation: shadow-pop-tr 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) reverse both;
        animation: shadow-pop-tr-blue 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) reverse both;
    }

@-webkit-keyframes shadow-pop-tr-blue {
    0% {
        -webkit-box-shadow: 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc;
        box-shadow: 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    100% {
        -webkit-box-shadow: 1px -1px #0099cc, 2px -2px #0099cc, 3px -3px #0099cc, 4px -4px #0099cc, 5px -5px #0099cc, 6px -6px #0099cc, 7px -7px #0099cc, 8px -8px #0099cc;
        box-shadow: 1px -1px #0099cc, 2px -2px #0099cc, 3px -3px #0099cc, 4px -4px #0099cc, 5px -5px #0099cc, 6px -6px #0099cc, 7px -7px #0099cc, 8px -8px #0099cc;
        -webkit-transform: translateX(-8px) translateY(8px);
        transform: translateX(-8px) translateY(8px);
    }
}

@keyframes shadow-pop-tr-blue {
    0% {
        -webkit-box-shadow: 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc;
        box-shadow: 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc, 0 0 #0099cc;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }

    100% {
        -webkit-box-shadow: 1px -1px #0099cc, 2px -2px #0099cc, 3px -3px #0099cc, 4px -4px #0099cc, 5px -5px #0099cc, 6px -6px #0099cc, 7px -7px #0099cc, 8px -8px #0099cc;
        box-shadow: 1px -1px #0099cc, 2px -2px #0099cc, 3px -3px #0099cc, 4px -4px #0099cc, 5px -5px #0099cc, 6px -6px #0099cc, 7px -7px #0099cc, 8px -8px #0099cc;
        -webkit-transform: translateX(-8px) translateY(8px);
        transform: translateX(-8px) translateY(8px);
    }
}

/* ANIMATION END */

header {
    font-family: Verdana;
}

    header img {
        float: left;
        margin: 0;
    }

.mensajeBienvenido {
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    display: block;
    float: left;
    padding: 10px 5px;
    margin-left: 5px;
    color: #666;
    font-size: 8pt;
}


header a {
    color: #0094ff;
    text-decoration: none;
    FONT-WEIGHT: bold;
    font-size: 11px;
    float: left;
    border-right: 1px solid #CCC;
    padding: 9px 5px;
    margin: 0;
}

    header a img {
        border: 0;
        float: right;
    }


.hedearDwopdowns label {
    color: #000;
    font-family: Arial, Helvetica;
    font-weight: bold;
    margin: 4px 6px 0 15px;
    width: auto;
    font-size: 8pt;
}

.hedearDwopdowns select {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana;
    margin-left: 10px;
    width: 120px;
    float: left;
    height: 20px;
    margin-top: 4px;
}




.table td:first-child {
    overflow: hidden;
}




.table th {
    color: #fff !important;
    background: #0099cc !important;
    border-top: 1px solid lightsteelblue;
    border-bottom: 1px solid lightsteelblue;
    border-right: 1px solid lightsteelblue;
    padding: 5px;
    font-size: 12px;
}

.OrderHeader {
    color: #fff !important;
}

/****************************************************************/
/*Estilos para formularios MVC*/
.formBody {
    clear: both;
    width: 1006px;
    margin: auto;
    display: block;
    /*padding-top: 20px;*/
}

.detailDialogText .formBody,
.valorDialogText .formBody,
.ui-dialog .formBody {
    width: 100%;
}

.ui-dialog #formSolicitarOrden .formBody {
    margin: 10px 0 20px
}

.formBody fieldset {
    border-color: #b0c4de;
    border-width: 1px;
    border-style: solid;
    box-shadow: 2px 2px 5px #dcdcdc;
    padding: 25px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}
/*.carroResult .divList .formBody fieldset {
    width: 50%;
    margin-left: 25%;
}*/
.formBody legend {
    color: #369;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
}

.formBody .divCorto {
    width: 49%;
    display: inline-block;
    min-height: 35px;
    float: left;
    padding: 5px 0 0 0;
}

    .formBody .divCorto select {
        width: 200px;
    }

    .formBody .divCorto .valorList label,
    .formBody .divCorto .valorList input {
        float: left;
    }

    .formBody .divCorto .valorList label {
        clear: left;
        margin-left: 80px;
    }

.formBody label {
    padding: 0;
    color: #369;
}

.formBody .divMuyCorto {
    width: 24%;
    display: inline-block;
    min-height: 35px;
    float: left;
}

.formBody .divSemiLargo {
    width: 74%;
    display: inline-block;
    min-height: 35px;
    float: left;
}

.formBody .divLargo,
.formBody .divLargoLeft {
    width: 100%;
    display: inline-block;
    min-height: 35px;
    margin-bottom: 10px;
}

    .formBody .divLargo .dosColumnas input[type="text"] {
        width: 728px !important;
    }

    .formBody .divLargo textarea {
        width: 728px !important;
    }

    .formBody .divLargo .divLargoMidget {
        margin-bottom: 5px;
    }


#formSolicitarOrden .formBody .divLargo textarea {
    width: 664px !important;
}

.formBody .divLargo input[type="text"] {
    width: 890px;
}

.compraSolicitarOrdenDialogText .formBody .divLargo input[type="text"] {
    width: 465px;
}

.formBody .divLargoLeft input[type="text"] {
    width: 735px !important;
}

.formBody input[type="text"], .formBody select, .formBody input[type="number"] {
    width: 200px;
    height: 22px;
    /*margin-right: 20px !important;*/
    margin-bottom: 8px;
    display: inline-block;
    line-height: 12px;
}

.formBody .divSemiLargo input[type="text"] {
    width: 460px !important;
}

.formBody .divMuyCorto input[type="text"] {
    width: 460px !important;
}

.bursatilContenido .formBody .divCorto input[type="text"],
.bursatilContenido .formBody .divCorto input[type="number"],
.bursatilContenido .formBody .divCorto input[type="email"],
.bursatilContenido .formBody .divCorto select,
.bursatilContenido .formBody .divCorto .ui-autocomplete-input {
    width: 270px;
    height: 23px;
    /*margin-right: 20px !important;*/
    margin-top: -5px;
    display: inline-block;
    line-height: 12px;
    padding: 0;
    float: left;
}


.bursatilContenido .formBody .divCorto .ui-autocomplete-input {
    width: 100%;
    height: 23px;
}

.bursatilContenido .formBody .divCorto select {
    height: 25px;
    width: 272px;
}

.formBody #ddlLenguaje {
    width: 160px;
}

.atributosAdd .buttonsCentered {
    width: 100%;
    display: table;
}


.bursatilContenido .formBody .divCorto .hasDatepicker,
.bursatilContenido .formBody .divCorto .numeric,
.bursatilContenido .formBody .divCorto #EspecieDescripcionDatos_FechaVencimiento,
.bursatilContenido .formBody .divCorto #EspecieDescripcionDatos_FechaEmision,
.bursatilContenido .formBody .divCorto #EspecieDescripcionDatos_PrimerServicioInteres,
.bursatilContenido .formBody .divCorto #EspecieDescripcionDatos_FechaDevengaInteres {
    text-align: right;
}

.fileButton {
    border: none;
    box-shadow: none;
}

/***************************************************************/





.textAreaLarge {
    width: 100%;
    margin: 8px 0;
}

    .textAreaLarge label {
        width: 100px;
        float: left;
        display: block;
        margin: 3px 0 0 0;
    }


    .textAreaLarge textarea {
        width: 724px;
    }


input[type="file"] {
    float: none;
    clear: both;
    display: block;
}

.ArchivoContenedor {
    width: 150px;
    height: 160px;
    padding: 2px;
    border: 1px solid #ccc;
    float: left;
    display: block;
    text-align: center;
    margin-right: 3px;
}

.ArchivosController {
    width: 150px;
    height: 65px;
    overflow: hidden;
    display: block;
    float: left;
    position: relative;
}

.ArchivoContenedor img {
    width: 100%;
    height: auto;
}

    .ArchivoContenedor img.icono {
        width: auto;
        height: auto;
        margin-top: 30px;
    }

.ArchivoContenedor a {
    text-align: center;
    color: red;
    padding: 3px 0;
    width: 150px;
    /*background-color:#3399cc;*/
    margin: auto;
    float: left;
    display: block;
    font-weight: bold;
    font-size: 12px;
}

.ArchivoContenedor input[type="checkbox"] {
    color: red;
    padding: 3px 0;
    width: 25px;
    /*background-color:#3399cc;*/
    position: relative;
    float: left;
    font-weight: bold;
    font-size: 12px;
    left: 30px;
    margin-top: 2px;
}

.ArchivoContenedor span {
    padding: 5px 0 3px 0;
    width: 90px;
    /*background-color:#3399cc;*/
    margin: auto;
    font-size: 12px;
    float: left;
    left: 10px;
    position: relative;
}

.ArchivoContenedor select {
    width: 100%;
}

.bursatilContenido .AtributosController table {
    margin-bottom: 10px;
}

.AtributosController thead th {
    margin: 0;
    text-align: left;
}



    .AtributosController thead th:first-child {
        width: 465px;
        /*display:inline;*/
    }


    .AtributosController thead th:last-child {
        border-bottom: 0;
        width: 5px;
    }

.AtributosController tr td a {
    color: red;
    font-weight: bold;
    margin-left: 10px;
    border: 0;
    font-size: 14px;
    text-decoration: none;
}

.AtributosController button {
    color: #fff;
    display: block;
    padding: 7px 14px;
    background-color: #3399cc;
    border: none;
}


.ArchivoContenido tr {
    width: 980px;
    display: block;
}

    .ArchivoContenido tr td {
        float: left;
        margin: 3px 2px;
    }


.listaTemaEtiquetas {
    margin-left: 120px;
}

.temaEtiquetaContenedor {
    list-style: none;
}

.divEtiqueta {
    width: 120px;
    min-height: 22px;
    display: block;
}

.cruzEtiqueta {
    list-style: none;
    color: #eb0505;
    font-weight: bold;
    float: right;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: 2px;
}

.selectedColor {
    background-color: #0099cc !important;
}


/*_____________ reporte Articulos ____________*/

.reporteArticulos {
    width: 980px;
    margin-top: 15px;
}

    .reporteArticulos td,
    .reporteArticulos th {
        text-align: center;
        font-size: 12px;
        width: 25%;
    }

        .reporteArticulos td a {
            color: #000;
            font-weight: bold;
        }


.articuloCantidades table {
    width: 300px;
    text-align: center;
}



/*_____________________ Tablero de Control _____________________*/

.tableroDeControl .buttonsLargeRight {
    width: 1006px;
    margin: 10px auto;
    float: none;
}


.analitycs .loader {
    width: 100%;
    text-align: center;
}

.lineGraph,
.pieGraph,
.barGraph {
    height: 350px;
    clear: both;
}

.analitycs .totalTable {
    border: solid 1px #b0c4de;
    margin: 5px auto 25px auto;
    box-shadow: 2px 2px 5px #dcdcdc;
}

    .analitycs .totalTable th,
    .analitycs .totalTable td {
        font-size: 14px;
        padding: 5px 10px;
        text-align: center;
    }

    .analitycs .totalTable th {
        color: #369;
        font-weight: normal;
    }

    .analitycs .totalTable th {
        border-bottom: solid 1px #b0c4de;
    }

.analitycs .sessionsByCountry,
.analitycs .sessionsByBrowser {
    width: 50%;
    float: left;
}

.analitycs .analyticsError {
    width: 100%;
    text-align: center;
    color: red;
    padding: 15px 0;
}



/*____________ Analitycs Header _____________*/

.analyticsHeader {
    clear: both;
    padding-top: 15px;
    float: left;
    margin-bottom: -10px;
}

    .analyticsHeader label {
        font-weight: bold;
        color: #3399cc;
        float: left;
        width: auto;
        padding: 0;
        line-height: 12px;
    }

    .analyticsHeader span {
        margin-right: 15px;
        float: left;
        height: 20px;
        color: #000;
        padding: 0 5px;
    }




/*________________________ COMPRA _________________________*/

.compraResult a.btnFiltros, .listaArticulosResult a.btnFiltros {
    width: 96%;
    padding: 5px 2%;
    background-color: #336699;
    color: #fff;
    float: left;
    text-decoration: none;
    font-size: 12px;
}


    .compraResult a.btnFiltros:hover, .listaArticulosResult a.btnFiltros:hover {
        background-color: #FF9329;
    }

    .compraResult a.btnFiltros:after, .listaArticulosResult a.btnFiltros:after {
        content: "▼";
        color: #fff;
        margin-left: 5px;
    }


.compraResult .formBody, .listaArticulosResult .formBody {
    border: solid 1px lightsteelblue;
    box-shadow: 2px 2px 5px gainsboro;
    padding: 20px 5%;
    width: 89.5%;
    overflow: hidden;
}

.compraResult span, .listaArticulosResult span {
    clear: both;
    float: left;
    width: 100%;
    color: #336699;
    font-weight: bold;
    margin-bottom: 10px;
}

.compraResult .formBody select {
    width: 270px;
}

.compraResult .portales,
.compraResult .metodoEnvio,
.compraResult .estados,
.compraResult .ordenRetiro {
    width: 100%;
    clear: both;
    float: left;
    margin: 20px 0 10px 0;
}

    .compraResult .portales label,
    .compraResult .metodoEnvio label,
    .compraResult .estados label,
    .compraResult .ordenRetiro label {
        margin-left: 5px;
        float: none;
        vertical-align: middle;
        height: auto;
        margin: 5px 0 5px 5px;
    }

    .compraResult .metodoEnvio > div {
        width: 50%;
        float: left;
    }

    .compraResult .ordenRetiro > div {
        width: 20%;
        float: left;
    }

    .compraResult .metodoEnvio > div:nth-of-type(3),
    .compraResult .metodoEnvio > div:nth-of-type(4) {
    }

    .compraResult .portales input[type=checkbox],
    .compraResult .estados input[type=checkbox],
    .compraResult .metodoEnvio input[type=radio],
    .compraResult .ordenRetiro input[type=radio] {
        float: none;
    }

    .compraResult .portales li,
    .compraResult .estados li {
        width: 20%;
        float: left;
    }

.compraArrepentidaResult a.btnFiltros {
    width: 96%;
    padding: 5px 2%;
    background-color: #336699;
    color: #fff;
    float: left;
    text-decoration: none;
    font-size: 12px;
}


    .compraArrepentidaResult a.btnFiltros:hover {
        background-color: #FF9329;
    }

    .compraArrepentidaResult a.btnFiltros:after {
        content: "▼";
        color: #fff;
        margin-left: 5px;
    }


.compraArrepentidaResult .formBody {
    border: solid 1px lightsteelblue;
    box-shadow: 2px 2px 5px gainsboro;
    padding: 20px 5%;
    width: 89.5%;
    overflow: hidden;
}

.compraArrepentidaResult span {
    clear: both;
    float: left;
    width: 100%;
    color: #336699;
    font-weight: bold;
    margin-bottom: 10px;
}

.compraArrepentidaResult .formBody select {
    width: 270px;
}

.compraArrepentidaResult .metodoEnvio,
.compraArrepentidaResult .estados,
.compraArrepentidaResult .ordenRetiro {
    width: 100%;
    clear: both;
    float: left;
    margin: 20px 0 10px 0;
}

    .compraArrepentidaResult .metodoEnvio label,
    .compraArrepentidaResult .estados label,
    .compraArrepentidaResult .ordenRetiro label {
        margin-left: 5px;
        float: none;
        vertical-align: middle;
        height: auto;
        margin: 5px 0 5px 5px;
    }

    .compraArrepentidaResult .metodoEnvio > div {
        width: 50%;
        float: left;
    }

    .compraArrepentidaResult .ordenRetiro > div {
        width: 20%;
        float: left;
    }

    .compraArrepentidaResult .metodoEnvio > div:nth-of-type(3),
    .compraArrepentidaResult .metodoEnvio > div:nth-of-type(4) {
    }

    .compraArrepentidaResult .estados input[type=checkbox],
    .compraArrepentidaResult .metodoEnvio input[type=radio],
    .compraArrepentidaResult .ordenRetiro input[type=radio] {
        float: none;
    }

    .compraArrepentidaResult .estados li {
        width: 20%;
        float: left;
    }

.CompraConflictoResult a.btnFiltros {
    width: 96%;
    padding: 5px 2%;
    background-color: #336699;
    color: #fff;
    float: left;
    text-decoration: none;
    font-size: 12px;
}


    .CompraConflictoResult a.btnFiltros:hover {
        background-color: #FF9329;
    }

    .CompraConflictoResult a.btnFiltros:after {
        content: "▼";
        color: #fff;
        margin-left: 5px;
    }


.CompraConflictoResult .formBody {
    border: solid 1px lightsteelblue;
    box-shadow: 2px 2px 5px gainsboro;
    padding: 20px 5%;
    width: 89.5%;
    overflow: hidden;
}

.CompraConflictoResult span {
    clear: both;
    float: left;
    width: 100%;
    color: #336699;
    font-weight: bold;
    margin-bottom: 10px;
}

.CompraConflictoResult .formBody select {
    width: 270px;
}

.CompraConflictoResult .metodoEnvio,
.CompraConflictoResult .estados,
.CompraConflictoResult .ordenRetiro {
    width: 100%;
    clear: both;
    float: left;
    margin: 20px 0 10px 0;
}

    .CompraConflictoResult .metodoEnvio label,
    .CompraConflictoResult .estados label,
    .CompraConflictoResult .ordenRetiro label {
        margin-left: 5px;
    }

    .CompraConflictoResult .metodoEnvio > div {
        width: 50%;
        float: left;
    }

    .CompraConflictoResult .ordenRetiro > div {
        width: 20%;
        float: left;
    }

    .CompraConflictoResult .metodoEnvio > div:nth-of-type(3),
    .CompraConflictoResult .metodoEnvio > div:nth-of-type(4) {
    }

    .CompraConflictoResult .estados input[type=checkbox],
    .CompraConflictoResult .metodoEnvio input[type=radio],
    .CompraConflictoResult .ordenRetiro input[type=radio] {
        float: left;
    }

    .CompraConflictoResult .estados li {
        width: 20%;
        float: left;
    }

div.divPaging div {
    display: inline-block;
    float: left;
    margin: 5px 0 0 0;
}

.buttonsRight input {
    margin-top: 10px;
}

.buttonsRightSky input {
    margin-top: 10px;
}

.divPaging label,
.divPaging span {
    width: auto;
    margin: 0;
    margin: 0 5px;
    padding: 0;
    line-height: 30px;
    vertical-align: middle;
    clear: none;
    font-size: 12px;
}


.divPaging span {
    clear: none;
    font-size: 12px;
}

.divPaging input[type="text"] {
    float: left;
    margin-top: 3px;
}

.montoCompras {
    float: left;
    margin: 10px 0px 10px 0px;
    line-height: 30px;
    vertical-align: middle;
    clear: both;
}

    .montoCompras span,
    .montoCompras label {
        width: auto;
        float: left;
        clear: none;
        font-size: 12px;
        padding: 0;
        height: auto;
        line-height: 30px;
        vertical-align: middle;
        margin: 0 5px;
    }

.divFilter,
.divList,
.tableroDeControl .formBody,
.compraAFIP,
#divEdit,
#divAdd {
    width: 1006px;
    margin: auto;
    float: none;
}

.listCompras {
    width: 98%;
    margin: 10px 1% 20px;
    float: left;
}

    .listCompras table {
        width: 100%;
    }

    .listCompras a:focus {
        outline: none;
        border: none;
    }

.bursatilContenido table,
table.tablePromocion,
.ui-dialog table {
    border: 1px solid lightsteelblue;
    font-family: Arial, Helvetica;
    font-size: 8pt;
    border-collapse: collapse;
    width: 100%;
    /* max-width: 1000px;*/
    margin: auto;
    margin-top: 15px;
    text-align: center;
}

.listContactoFranquicia table,
.listCompras table,
.ui-dialog table,
.bursatilContenido .articuloDetail table {
    width: 100%;
    max-width: none;
}

    .bursatilContenido table th,
    .ui-dialog table th {
        color: #fff !important;
        background: #0099cc !important;
        border-top: 1px solid lightsteelblue;
        border-bottom: 1px solid lightsteelblue;
        border-right: 1px solid lightsteelblue;
        padding: 5px;
        font-size: 12px;
    }

        .bursatilContenido table th a,
        .ui-dialog tableth a {
            text-decoration: none;
            color: #fff;
        }

.listCompraConflicto {
    width: 100%;
    float: left;
}

    /* Icono de Orden Ascendente o Descendente  */

    .listCompras table th a[order="desc"]:after,
    .listCompraConflicto table th a[order="desc"]:after,
    .listPuntosEntrega table th a[order="desc"]:after,
    .listLocal table th a[order="desc"]:after,
    .listArticulo table th a[order="desc"]:after,
    .divVersionList table th a[order="desc"]:after,
    .divVersionDetailList table th a[order="desc"]:after,
    .tblarticuloMedidaPrice th a[order="desc"]:after {
        content: "▼";
        color: #fff;
        margin-left: 5px;
    }




    .listCompras table th a[order="asc"]:after,
    .listCompraConflicto table th a[order="asc"]:after,
    .listPuntosEntrega table th a[order="asc"]:after,
    .listLocal table th a[order="asc"]:after,
    .listArticulo table th a[order="asc"]:after,
    .divVersionDetailList table th a[order="asc"]:after,
    .divVersionList table th a[order="asc"]:after,
    .tblarticuloMedidaPrice th a[order="asc"]:after {
        content: "▲";
        color: #fff;
        margin-left: 5px;
    }

.tblarticuloMedidaPrice th a {
    color: #fff !important;
}

.tblarticuloMedidaPrice tbody tr td {
    border-style: ridge;
}

.greenSelected {
    background-color: #6BC98D !important;
}

.divVersionRowSelected {
    background-color: thistle !important;
}

.divVersionRowSelectedDel {
    background-color: #ec6161 !important;
}

.bursatilContenido table td,
.ui-dialog table td {
    border-bottom: 1px solid lightsteelblue;
    vertical-align: middle;
    padding-left: 5px;
    padding: 5px;
}

table td .divCorto {
    min-width: 46px;
}

    table td .divCorto a {
        float: left;
    }

.bursatilContenido td.number,
.ui-dialog table td-number {
    text-align: right;
}






.listPrecios table td img.btnAprobar,
.listPrecios table td img.btnRechazar {
    width: 30px !important;
    height: 30px !important;
    opacity: 0;
    cursor: pointer;
}

.listPrecios table td:nth-last-child(2),
.listPrecios table td:nth-last-child(1) {
    position: relative;
}

    .listPrecios table td:nth-last-child(2):after,
    .listPrecios table td:nth-last-child(1):after {
        content: "";
        background-image: url(/images/add.png);
        background-size: 23px;
        width: 25px !important;
        height: 25px !important;
        position: absolute;
        top: 15px;
        left: 25%;
        display: block;
        pointer-events: none;
    }

    .listPrecios table td:nth-last-child(1):after {
        content: "";
        background: url(/images/img-botones-desktop.png) 23px 0;
        width: 23px;
        height: 23px;
    }




.listCompraConflictoEntrega table td .divCorto {
    min-width: 70px;
}


.listCompraConflictoEntrega .btnAFavorProveedor,
.listCompraConflictoEntrega .btnAFavorComprador {
    width: 30px;
    height: 30px;
    background-image: url(/images/ico-proveedor.svg);
    background-size: 30px;
    border: 0;
    background-color: transparent;
    color: transparent;
    float: left;
    cursor: pointer;
    position: relative;
}


.listCompraConflictoEntrega .btnAFavorComprador {
    background-image: url(/images/ico-vendedor.svg);
    float: right;
}



    .listCompraConflictoEntrega .btnAFavorProveedor:hover:after,
    .listCompraConflictoEntrega .btnAFavorComprador:hover:after {
        content: "A Favor Proveedor";
        width: auto;
        height: auto;
        background-color: rgba(255,255,255,.9);
        font-size: 10px;
        position: absolute;
        top: -30px;
        left: 0;
        color: #3399cc;
        padding: 3px 5px;
        border-radius: 3px;
    }

    .listCompraConflictoEntrega .btnAFavorComprador:hover:after {
        content: "A Favor Comprador";
    }


#confirmacionResolucion h2 {
    font-size: 18px;
    text-align: center;
    width: 100%;
    float: left;
    margin: 5px 0 40px;
    font-weight: 300;
    background: #f3f3f3;
    padding: 20px 0;
    border-radius: 5px;
}






.formBody .aprobacionPrecios .divCorto label,
.bursatilContenido .formBody .aprobacionPrecios .divCorto input[type="text"] {
    width: 90%;
}

.bursatilContenido .formBody .aprobacionPrecios .divCorto input[type="text"] {
    margin: 0 0 10px;
}


.bursatilContenido .formBody .aprobacionPrecios .divCorto.inputDoble input[type="text"] {
    width: 45%;
    float: left;
}

    .bursatilContenido .formBody .aprobacionPrecios .divCorto.inputDoble input[type="text"]:last-of-type {
        border-left: 0;
    }

.bursatilContenido .formBody .aprobacionPrecios .divCorto.divMuyCorto {
    width: 24%;
    margin: 20px 1% 0 0;
    float: left;
    padding: 0;
}

    .bursatilContenido .formBody .aprobacionPrecios .divCorto.divMuyCorto label {
        width: 90%;
    }

    .bursatilContenido .formBody .aprobacionPrecios .divCorto.divMuyCorto ul {
        width: 90%;
        float: left;
        overflow-y: auto;
        height: 100px;
        border: 1px solid #ccc;
        padding: 3px 2%;
    }

        .bursatilContenido .formBody .aprobacionPrecios .divCorto.divMuyCorto ul li {
            width: 100%;
            float: left;
            margin: 3px 0;
        }

            .bursatilContenido .formBody .aprobacionPrecios .divCorto.divMuyCorto ul li input {
                margin-right: 3px;
            }


/* Context Menu */
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

    .custom-menu text {
        background-color: dodgerblue;
    }

    /* Each of the items in the list */
    .custom-menu li {
        padding: 8px 12px;
        cursor: pointer;
        list-style-type: none;
        transition: all .3s ease;
        user-select: none;
        font-family: Tahoma;
    }

        .custom-menu li:hover {
            background-color: #DEF;
        }

.compraDevolucionDialogText {
    width: 100%;
    float: left;
}

.floatRighSpaced {
    margin-left: 4px;
    float: right;
}

.compraDevolucionDialogText .btnAgregarArticulo {
    float: right;
}

.compraDevolucionDialogText table {
    margin: 10px 0;
    text-align: center;
}

    .compraDevolucionDialogText table.tableDevueltos th {
        background: #b20c14 !important;
    }


.compraDevolucionDialogText .divMetodoDevolucion {
    width: 40%;
    float: left;
}

.compraDevolucionDialogText .divPromocion {
    margin-top: 34px;
    float: right;
}

.compraDevolucionDialogText .divMetodoDevolucion span {
    width: 100%;
    float: left;
    color: #369;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
}

.compraDevolucionDialogText .divMetodoDevolucion label,
.compraDevolucionDialogText .divMetodoDevolucion input {
    float: left;
}

.compraDevolucionDialogText .divMetodoDevolucion input {
    margin: 10px 8px 0 0;
}

.compraDevolucionDialogText .divMontoTotal,
.compraDevolucionDialogText .divMontoActualizado,
.compraDevolucionDialogText .divMontoDevolucion,
.compraDevolucionDialogText .divMontoAPagar {
    float: left;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

    .compraDevolucionDialogText .divMontoTotal label,
    .compraDevolucionDialogText .divMontoActualizado label,
    .compraDevolucionDialogText .divMontoDevolucion label,
    .compraDevolucionDialogText .divMontoAPagar label {
        float: none;
    }

    .compraDevolucionDialogText .divMontoTotal span,
    .compraDevolucionDialogText .divMontoActualizado span,
    .compraDevolucionDialogText .divMontoDevolucion span,
    .compraDevolucionDialogText .divMontoAPagar span {
        padding: 10px 0 0 0;
        display: inline-block;
        height: 20px;
        vertical-align: bottom;
        line-height: 11px;
        font-size: 12px;
        font-weight: normal;
    }

.compraDevolucionDialogText ~ .buttonsLargeCentered {
    float: left;
}


.compraDevolucionDialogText td .cantidadDevolucion {
    width: 100px;
    text-align: right;
}

.divDropHere {
    margin-top: 30px;
    text-align: center;
    font-size: 12pt;
    font-family: monospace;
    font-weight: bold;
}

.textAreaObsBigFont {
    text-align: left;
    width: 940px;
    height: 150px;
    font-size: 15pt;
}

.compraDevolucionRow {
    position: relative;
    top: 50%;
    margin-top: 1em;
    float: left;
    text-align: left;
    padding-left: 50px !important;
}

.compraDevolucionRowWide {
    position: relative;
    margin: 8px 0 8px 50px;
    float: left;
    text-align: left;
    min-width: 400px !important;
}



.compraDevolucionRowWideWhite {
    position: relative;
    margin: 12px 0 12px 50px;
    float: left;
    text-align: left;
    width: 400px !important;
    color: white !important;
    font-size: 18px;
}

.compraDevolucionRowTitleWide {
    position: relative;
    margin: 12px 0;
    float: none;
    text-align: center;
    width: 100% !important;
    color: white !important;
    font-size: 18px;
    height: auto;
}


.compraDetail label.compraDevolucionRowValue {
    position: relative;
    margin: 8px 60px 8px 0 !important;
    display: block;
    text-align: right;
    float: right;
    font-size: 12pt;
    width: 200px;
}

.compraDetail input.radio {
    cursor: pointer;
}

.compraDevolucionRowValueEditable {
    position: relative;
    top: 50%;
    margin-top: 1em;
    display: block;
    text-align: right;
    float: right;
    -ms-transform: translateY(-50%);
    font-size: 13pt;
}

.compraDevolucionRowValueWhite {
    position: relative;
    margin: 12px 50px 12px 0;
    display: block;
    text-align: right;
    float: right;
    color: white !important;
    font-size: 18px;
}

.compraDevolucionRowCenterValue {
    position: relative;
    top: 50%;
    margin-top: 1em;
    display: block;
    text-align: center;
    float: left;
    -ms-transform: translateY(-50%) !important;
}

.compraDevolucionSpanError {
    float: left;
    text-align: right;
    margin: 17px 10px 0 0;
    color: red;
    font-size: 11pt;
    display: none;
}

.divCompraDevolucionTable {
    display: table;
    width: 100%;
    float: right;
}

.divCompraDevolucionReturnMethodRadio {
    padding-left: 190px;
    display: inline-table;
    min-height: 35px;
    float: none;
}

.formBody .divCompraDevolucionTable label.compraDevolucionRowRightValue {
    width: auto;
    float: right;
    margin: 8px 0 8px 0 !important;
}

.formBody .divCompraDevolucionTable input.number {
    width: 100px;
    margin: .4em 0 0 0;
    float: right;
}




.divCompraDevolucionTableRow {
    display: table-row;
}

.divCompraDevolucionTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divCompraDevolucionTableCell, .divCompraDevolucionTableHead {
    border: 0px;
    float: left;
    padding: 3px;
}

    .divCompraDevolucionTableCell img {
        margin: 5px 0;
        cursor: pointer;
        float: right;
    }

    .divCompraDevolucionTableCell input {
        width: 150px !important;
    }

.divCompraDevolucionTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divCompraDevolucionTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divCompraDevolucionTableBody {
    display: table-row-group;
}

table.compraDevolucionTableDynamic {
    width: 100%;
}

.compraDevolucionTableDynamic img {
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
}

.compraVerificarORDialogText {
    margin-top: 15px;
}


    .compraVerificarORDialogText td,
    .listPuntosEntrega tr td:last-of-type,
    .operadorLogisticoPage tr td:nth-of-type(4),
    .tablePromocion tr td:first-of-type,
    .listLocal td:nth-of-type(5),
    .listLocal td:nth-of-type(8),
    .listLocal td:nth-of-type(9),
    .listLocal td:nth-of-type(10),
    .listLocal td:nth-of-type(11) {
        text-align: center;
        min-width: 50px;
    }

.bursatilContenido table tr:nth-of-type(2n+1),
.ui-dialog table tr:nth-of-type(2n+1) {
    background-color: #F9F9F9;
}


.bursatilContenido table tr:hover,
.ui-dialog table tr:hover {
    background-color: #e0ebf6;
}

.compraVerificarORDialogText td .btnDeleteDiference {
    background: url(/images/TreeView/Delete.png) no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 10px;
}

    .compraVerificarORDialogText td .btnDeleteDiference[disabled="disabled"] {
        background: url(/images/DeleteGris.png) no-repeat;
        height: 20px;
        width: 20px;
        float: left;
        margin-left: 10px;
    }

        .compraVerificarORDialogText td .btnDeleteDiference[disabled="disabled"]:hover {
            cursor: not-allowed;
        }

.compraVerificarORDialogText td div.NoVerificado {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: red;
    border: solid 2px #B33333;
    margin: auto;
}

.compraVerificarORDialogText td div.Verificado {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #11B911;
    border: solid 2px #107B10;
    margin: auto;
}

#compraVerificarORDialog .buttonsLargeCentered {
    float: left;
}

.compraVerificarORDialogText .divMontoTotal,
.compraVerificarORDialogText .divMontoActualizado,
.compraVerificarORDialogText .divMontoDevolucion {
    width: 200px;
    margin: auto;
}

    .compraVerificarORDialogText .divMontoTotal label,
    .compraVerificarORDialogText .divMontoActualizado label,
    .compraVerificarORDialogText .divMontoDevolucion label {
        font-weight: bold;
    }

    .compraVerificarORDialogText .divMontoTotal span,
    .compraVerificarORDialogText .divMontoActualizado span,
    .compraVerificarORDialogText .divMontoDevolucion span {
        padding: 10px 0 0 0;
        height: 20px;
        width: 80px;
        text-align: right;
        float: left;
        vertical-align: bottom;
        line-height: 11px;
        font-size: 12px;
    }



.btnAceptarVerificacion[disabled="disabled"],
.btnAgregarArticulo[disabled="disabled"],
.btnFacturarPickeo[disabled="disabled"],
.btnGenerarOR[disabled="disabled"],
.btnImprimirOR[disabled="disabled"],
.btnGuardarPickeo[disabled="disabled"],
.btnGuardarConflicto[disabled="disabled"],
.btnNotificarCarro[disabled="disabled"] {
    background-color: #ccc;
}

input[type="button"].btnAceptarVerificacion[disabled="disabled"]:hover,
input[type="button"].btnAgregarArticulo[disabled="disabled"]:hover,
input[type="button"].btnFacturarPickeo[disabled="disabled"]:hover,
input[type="button"].btnGenerarOR[disabled="disabled"]:hover,
input[type="button"].btnNotificarCarro[disabled="disabled"]:hover,
input[type="button"].btnImprimirOR[disabled="disabled"]:hover,
input[type="button"].btnGuardarPickeo[disabled="disabled"]:hover,
input[type="button"].btnGuardarConflicto[disabled="disabled"]:hover {
    background-color: #ccc !important;
    cursor: auto;
}

.listCompras td img {
    border: none;
    outline: none;
}

.listCompras .pickeo_SELECTED td {
    background-color: #60caca;
    color: black;
}

.listCompras .pickeo_VACIO_true td,
.listCompras .pickeo_PARCIAL_true td {
    background-color: red;
    color: white;
}

.listCompras .pickeo_PARCIAL_true:hover td {
    background-color: #ff9999;
    color: black;
}

.listCompras .pickeo_VACIO_true:hover td {
    background-color: #ff9999;
    color: black;
}

.listCompraConflicto .pickeo_ROJO td,
.tablePickeo .conflicto_true td,
.listCarroCompletos .faltantes_true td {
    background-color: red;
    color: white;
}

.listCompraConflicto .pickeo_ROJO:hover td {
    background-color: #ff9999;
}

.listCompraConflicto .pickeo_AMARILLO td {
    background-color: gold;
}

.listCompraConflicto .pickeo_AMARILLO:hover td {
    background-color: #ffffb3;
}

.listCompraConflicto .pickeo_AMARILLO:hover td {
    background-color: #ffffb3;
}

.listCompraConflicto .pickeo_GRIS td {
    background-color: #E5E7E9;
}

.listCompraConflicto .pickeo_GRIS:hover td {
    background-color: #C2CFE8;
}

.floatingImg {
    border: solid 0px #4000ff;
    display: none;
}

.floatingImgF {
    display: none;
    border: solid 2px #4000ff;
}

.floatingImgFFF {
    position: relative;
    display: none;
}

.overShow:hover .floatingImgF {
    position: relative;
    display: block;
}

#divAreaArticles .indicador_ROJO,
.listCompras .indicador_ROJO,
.tablePickeo .indicador_ROJO,
.listCompraConflicto .indicador_ROJO {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: red;
    border: solid 2px #B33333;
}

#divAreaArticles .indicador_ROJO {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background-color: red;
    border: solid 2px #B33333;
}

#divAreaArticles .indicador_VERDE,
.listCompras .indicador_VERDE,
.tablePickeo .indicador_VERDE,
.listCompraConflicto .indicador_GRIS {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #11B911;
    border: solid 2px #107B10;
}

#divAreaArticles .indicador_VERDE {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background-color: #11B911;
    border: solid 2px #107B10;
}

#divAreaArticles .indicador_AMARILLO,
.listCompras .indicador_AMARILLO,
.tablePickeo .indicador_AMARILLO,
.listCompraConflicto .indicador_AMARILLO {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: yellow;
    border: solid 2px #FFE800;
}

#divAreaArticles .indicador_AMARILLO {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background-color: yellow;
    border: solid 2px #FFE800;
}

.tablePickeo td {
    width: 10%;
}

    .tablePickeo td.number {
        text-align: right;
    }

/* _______ Compra Estados _______ */

.compraCambioEstadoDialogText label,
.reservaCambioEstadoDialogText label {
    width: auto;
    font-weight: bold;
    width: auto;
    font-weight: bold;
    height: auto;
    padding: 4px 0 0 0;
    font-size: 14px;
    line-height: 20px;
}


.compraCambioEstadoDialogText span,
.reservaCambioEstadoDialogText span {
    padding: 5px 0 10px 5px;
    font-size: 14px;
    line-height: 20px;
    float: left;
}

/* _______ Compra Detail _______ */

.compraDetail {
    width: 1006px;
    margin: auto;
}

    .compraDetail .divCorto span {
        width: 270px;
        float: left;
        padding: 0 5px 0 5px;
        min-height: 20px;
        line-height: 20px;
        font-size: 12px;
        border: solid 1px #0094ff;
        background-color: #F0F2F3;
        color: #000;
    }

    .compraDetail .divCorto select {
        width: 270px;
    }

    .compraDetail label {
        font-weight: bold;
        padding: 0;
        line-height: 20px;
        width: 140px;
    }

.txtMailGiftCard {
    padding: 0;
    line-height: 20px;
    width: 140px;
    float: left;
}

.txtMailGiftCardEdit {
    width: 270px;
    float: left;
    padding: 0 5px 0 5px;
    min-height: 20px;
    line-height: 20px;
    font-size: 12px;
    border: solid 1px #0094ff;
    background-color: #F0F2F3;
    color: #000;
}

.compraDetail span {
    padding: 0;
    line-height: 20px;
    width: 140px;
}

.compraDetail .divCorto a.btnEdit, .compraDetail .btnEditGiftCard {
    background: url(/images/img-botones-desktop.png) 46px 0;
    height: 23px;
    width: 23px;
    float: left;
}

.compraDetail .divCorto a.btnSaveChanges, .compraDetail .divCorto a.btnSaveChangesPrimeraCompra, .compraDetail .btnSaveGiftCardChanges {
    background: url(/images/add.png);
    height: 23px;
    width: 23px;
    float: left;
    margin-left: 3px;
}

a.btnSaveChangesPrimeraCompra {
    background: url(/images/add.png);
    height: 23px;
    width: 23px;
    float: left;
    margin-left: 3px;
}

.compraDetail .divCorto .divPrimeraCompraEdit input {
    float: left;
    margin-top: 8px;
}

.bursatilContenido .formBody .divCorto input[type="text"].txtMail {
    padding: 0 5px;
    font-size: 12px;
    min-height: 20px;
    line-height: 20px;
    text-indent: 0;
}


.compraDetail .facturasArchivos a {
    color: #3399cc;
    font-size: 12px;
    text-decoration: none;
}

    .compraDetail .facturasArchivos a:hover {
        color: #ff9329;
        text-decoration: underline;
    }

.compraDetail .facturasArchivos input[type="checkbox"] {
    margin: -3px 0 0 0;
}

.compraDetail .btnEnviarMail {
    float: right;
}

.compraDetail .btnEnviarMailConfirmacion {
    float: right;
    margin-right: 3.4em;
}

.compraDetail .btnCambiarEnvio {
    float: right;
    margin-right: 3.4em;
}

.compraDetail .tablePagos,
.compraDetail .tableOrdenes,
.compraDetail .tableComprobantes {
    width: 100%;
    float: left;
    border: 1px solid lightsteelblue;
    font-family: Arial, Helvetica;
    font-size: 8pt;
    border-collapse: collapse;
    width: 100%;
}

.compraDetail .tableOrdenes,
.compraDetail .tableComprobantes {
    margin-top: 15px;
}

    .compraDetail .tablePagos th,
    .compraDetail .tableOrdenes th,
    .compraDetail .tableComprobantes th {
        color: #fff !important;
        background: #0099cc !important;
        border-top: 1px solid lightsteelblue;
        border-bottom: 1px solid lightsteelblue;
        border-right: 1px solid lightsteelblue;
        padding: 5px;
        font-size: 12px;
    }

        .compraDetail .tablePagos th a,
        .compraDetail .tableOrdenes th a,
        .compraDetail .tableComprobantes th a {
            text-decoration: none;
            color: #fff;
        }


    .compraDetail .tablePagos td,
    .compraDetail .tableOrdenes td,
    .compraDetail .tableComprobantes td {
        border-bottom: 1px solid lightsteelblue;
        vertical-align: middle;
        padding-left: 5px;
        padding: 5px;
        text-align: center;
    }


        .compraDetail .tablePagos td.number,
        .compraDetail .tableOrdenes td.number,
        .compraDetail .tableComprobantes td.number,
        .listPuntosEntrega td.number {
            text-align: right;
        }


    .compraDetail .tablePagos tr:nth-of-type(2n+1),
    .compraDetail .tableOrdenes tr:nth-of-type(2n+1),
    .compraDetail .tableComprobantes tr:nth-of-type(2n+1) {
        background-color: #F9F9F9;
    }


    .compraDetail .tablePagos tr:hover,
    .compraDetail .tableOrdenes tr:hover,
    .compraDetail .tableComprobantes tr:hover {
        background-color: #e0ebf6;
    }

div.resumenDeLaCompra table {
    border: 0;
    font-family: Arial, Helvetica;
    font-size: 8pt;
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

    div.resumenDeLaCompra table tr {
        border: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    div.resumenDeLaCompra table td {
        border: none;
        margin: 0;
        padding: 0;
        margin-right: 10px;
    }

div.resumenDeLaCompra .itemCompra, div.resumenDeLaCompra .sectorTotales {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 2px #000;
    padding: 10px 0;
}

    div.resumenDeLaCompra .itemCompra > div,
    div.resumenDeLaCompra .itemCompra > div div {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0;
    }

        div.resumenDeLaCompra .itemCompra > div input,
        div.resumenDeLaCompra .itemCompra > .divCorto input[type="text"],
        div.resumenDeLaCompra .itemCompra > div span,
        div.resumenDeLaCompra .itemCompra > div label {
            width: auto;
            display: inline-block;
            line-height: normal;
            height: auto;
            font-size: 12px;
            margin: 0;
            padding: 2px;
            min-height: 0;
        }


    div.resumenDeLaCompra .sectorTotales > td.itemCompraCantidad {
        line-height: 40px;
    }

    div.resumenDeLaCompra .itemCompra > td.itemCompraTitulo {
        width: 130px;
        padding-right: 5px;
        border: none;
        border-left: solid 1px #95BEE4;
        text-align: right;
        line-height: 30px;
        overflow: hidden;
        font-weight: bold;
    }

    div.resumenDeLaCompra .itemCompra > td.itemCompraCantidad span {
        font-weight: bold;
        text-align: right;
        margin: 0;
    }

    div.resumenDeLaCompra .itemCompra a img {
        height: 60px;
    }

    div.resumenDeLaCompra .itemCompra > div img {
        height: 15px;
        margin-top: 15px;
        float: left;
    }

div.resumenDeLaCompra tr:last-of-type {
    background-color: #EDF5F9;
    border-top: 2px solid black;
}


div.resumenDeLaCompra .sectorTotales > td label {
    text-transform: uppercase;
    line-height: 40px;
}

div.resumenDeLaCompra .sectorTotales td span {
    float: right;
    line-height: 40px;
    text-align: right;
    color: #000;
}



/*______ Orden de retiro _____*/


.compraIntegrarOrdenDialogText .divCorto {
    clear: both;
    width: 100%;
}

    .compraIntegrarOrdenDialogText .divCorto label,
    .compraIntegrarOrdenDialogText .divCorto span {
        float: left;
        padding: 5px 0 0 0;
        line-height: 11px;
        width: 50%;
    }


/*______ Cambio de estado _____*/

.compraCambioEstado {
    width: 1006px;
    margin: auto;
}



/*________________________________ Arbol de sitios  _____________________________*/


.arbolSitio {
    width: 100%;
    float: left;
    min-width: 1100px;
}

    .arbolSitio a,
    .arbolSitio a img {
        text-decoration: none;
        border: none;
        outline: none;
    }

        .arbolSitio a:active,
        .arbolSitio a:focus {
            border: none;
            outline: none;
        }

    .arbolSitio .input-validation-error {
        background: #f2bdbd;
    }

.panelPaginas {
    width: 25%;
    float: left;
}

.articuloCategoriaResult .panelPaginas {
    width: 40%;
    max-width: 500px;
}

.panelPaginas input.btnLimpiarCache {
    background-color: #3399cc;
    color: #fff;
    font-weight: bold;
    width: 98%;
    text-align: center;
    padding: 7px 0;
    margin: 0 2%;
}

    .panelPaginas input.btnLimpiarCache:hover {
        background-color: #ff9329;
    }

.panelPaginas table {
    width: 100%;
    float: left;
    border: none;
}

.panelEditPaginas fieldset.fieldSetAtributos {
    border: solid 1px #0099CC;
    margin: 5px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    max-height: 200px;
    display: block;
}

.panelPaginas fieldset,
.panelEditPaginas fieldset,
.articuloCategoriaResult .panelPaginas > div,
.articuloCategoriaResult .panelEditPaginas > div {
    border: solid 1px #0099CC;
    margin: 10px 2%;
    padding: 10px 2%;
    display: table;
    width: 94%;
}

    .panelPaginas fieldset legend,
    .panelEditPaginas fieldset legend {
        margin: 0 3px;
        font-size: 12px;
        background: none;
        padding: 0 5px;
        color: #0099CC;
        font-weight: bold;
    }


    .panelEditPaginas fieldset.paginaResult legend {
        font-size: 14px;
    }

.panelEditPaginas .hijos > fieldset {
    /*border: 0;
    padding: 0 5px 0 0;
    border-top: solid 1px #0099CC;
    border-radius: 0;*/
    border: solid 1px #ff9329;
}


    .panelEditPaginas .hijos > fieldset > legend {
        margin: 0 0 10px 12px;
    }

.panelPaginas fieldset > div {
    width: 100%;
    float: left;
    overflow: auto;
}


.panelEditPaginas fieldset div.textImageSelector {
    float: left;
    width: 66%;
}

.panelEditPaginas fieldset div.imageSelector {
    float: left;
    width: 33%;
    min-width: 355px;
}

.panelEditPaginas fieldset .menuNavegacionLenguaje {
    margin-bottom: 10px;
}

.panelPaginas .btnAdd {
    float: right;
    clear: both;
}


.articuloCategoriaResult .panelPaginas .btnAdd {
    display: table;
    float: none;
    margin: auto;
}

.panelPaginas > fieldset .btnAdd:hover {
    background-color: transparent !important;
}


.panelPaginas table tr {
    height: 30px;
    background-color: transparent !important;
}

.panelPaginas table td {
    background-color: transparent;
    border: none;
    padding: 3px;
    text-align: left;
}

.panelPaginas a.btnEditar {
    text-decoration: none;
    color: #000;
    font-size: 12px;
}

.panelPaginas tr a.btnEditar:hover {
    color: #3399cc;
    cursor: pointer;
}

.panelPaginas a.btnEliminar {
    float: right;
    background: url(../Images/TreeView/Delete.png) no-repeat;
    width: 23px;
    height: 23px;
}

.panelPaginas a.btnAbrirPagina {
    float: right;
    background: url(../Images/TreeView/view.png) no-repeat;
    width: 23px;
    height: 23px;
}








#arbol .centrado {
    width: 100%;
    display: flex;
}

    #arbol .centrado:hover {
        background: #eee;
    }

    #arbol .centrado > div {
        display: inline;
        font-size: 14px;
        line-height: 26px;
    }



#arbol a {
    float: right;
    margin: 0;
    color: #3399cc;
    padding: 3px;
    height: 20px;
}

/*___ Panel Masters ___*/


.panelPaginas fieldset.masterResult .btnAdd {
    background: url(../Images/TreeView/addMaster.png) no-repeat;
    width: 34px;
    height: 27px;
    margin: 0 3px;
}

/*_____ Panel Paginas ____*/


.panelPaginas fieldset.paginaResult > div {
    overflow: auto;
    max-height: 620px;
}

.panelPaginas fieldset.paginaResult .btnAdd {
    background: url(../Images/TreeView/addPagina.png) no-repeat;
    width: 34px;
    height: 27px;
    margin: 0 3px;
}

.panelPaginas .paginaResult > div::scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.panelPaginas .paginaResult > div:scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.panelPaginas .paginaResult > div::scrollbar-thumb {
    background-color: #3399cc;
}

.panelPaginas .paginaResult > div::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.panelPaginas .paginaResult > div::-moz-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.panelPaginas .paginaResult > div::-moz-scrollbar-thumb {
    background-color: #3399cc;
}

.panelPaginas .paginaResult > div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.panelPaginas .paginaResult > div::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.panelPaginas .paginaResult > div::-webkit-scrollbar-thumb {
    background-color: #3399cc;
}



/*_____________ Btn show/hide Panel _______________*/


/*.arbolSitio .editPagina >div:first-of-type{
      background-color:#3399cc;
      padding:20px 4px 20px 2px;
      float:left;
      margin-top:13px;
  }

  .arbolSitio .editPagina >div:first-of-type:hover{
      background-color:#ff9329;
  }*/

.arbolSitio .editPagina input.btnHidePaginas {
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 12px 15px 0;
    border-color: transparent #fff transparent transparent;
    padding: 0;
    margin: 0;
}


.arbolSitio .editPagina.full input.btnHidePaginas {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 12px;
    border-color: transparent transparent transparent #ffffff;
}

.arbolSitio input.btnHidePaginas:hover {
    background-color: transparent !important;
}




/*__________________ Paginas ____________________*/


.editPagina {
    width: auto;
    overflow: hidden;
}



.panelEditPaginas {
    /*margin-left: 12px;
    padding-left: 10px;
    border-left: 2px solid #3399cc;*/
}




/*.editPagina.full > div:first-of-type {
    background: #3399cc;
    float: left;
    padding: 15px 5px 18px 5px;
    margin: 50px 3px 0 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.editPagina > div:first-of-type {
    background: #3399cc;
    float: left;
    padding: 15px 5px 18px 3px;
    margin: 50px 0 0 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}*/


.full .panelEditPaginas {
    border: 0;
}

.panelEditPaginas .loader {
    position: fixed;
    top: 50%;
    left: 12%;
}

.panelEditPaginas > form > div:first-of-type {
    text-align: center;
}

.panelEditPaginas fieldset,
.articuloCategoriaResult .panelEditPaginas > div {
    padding: 20px 2%;
    box-sizing: border-box;
    height: 100%;
}

.sectores div fieldset {
    min-height: 130px;
}

.panelEditPaginas .divCorto,
.articuloCategoriaResult .divLargo {
    width: 31.33%;
    display: inline-block;
    min-height: 35px;
    float: left;
    margin: 0 1%;
}

.articuloCategoriaResult .divLargo {
    width: 98%;
    margin: 10px 1% 0;
}

.panelEditPaginas .divLargo {
    text-align: center;
    min-height: 0;
}

.panelEditPaginas .hijoTexto .divCorto {
    width: 380px;
}


.panelEditPaginas .divCorto label,
.panelPaginas .divLargo label {
    width: 40%;
    padding-top: 8px;
}


.panelEditPaginas .divCorto select {
    width: 160px;
}

.panelEditPaginas .divCorto input[type=text],
.panelEditPaginas .divCorto input[type=number],
.panelEditPaginas .divCorto select,
body .panelEditPaginas .divCorto > span,
.panelPaginas .divLargo input[type=text],
.panelPaginas .divLargo select {
    height: auto;
    min-height: 12px;
    width: 59%;
    text-indent: 3px;
    line-height: 12px;
    padding: 7px 0;
}

body .panelEditPaginas .divCorto > span {
    height: auto;
    min-height: 12px;
    width: 59%;
    text-indent: 3px;
    line-height: 12px;
    padding: 7px 0;
}


.panelEditPaginas .divCorto input[type=text].txtcaptionTextColor {
    max-width: 40%;
    margin: 0;
    display: inline-block;
    float: right;
}




.panelPaginas .divLargo input[type=text],
.panelPaginas .divLargo select {
    width: 50%;
}


.panelPaginas .divLargo .btnEditar,
.panelPaginas .divLargo a {
    padding: 2px 5px;
    float: right;
}

.panelEditPaginas .divCorto input[type="checkbox"] {
    float: left;
    margin: 3px 5px 0 3px;
}

.panelEditPaginas .divCorto > span {
    width: 200px;
    height: 20px;
    line-height: 20px;
    vertical-align: central;
    border: solid 1px #3399cc;
    background-color: #eee;
    font-size: 11px;
    float: left;
    overflow: hidden;
    text-indent: 3px;
}


.panelEditPaginas .hijoTexto .divCorto > span {
    width: 200px;
}


.panelEditPaginas .divCorto label.lbDispositivo {
    width: auto;
    margin: 0 5px;
}

.panelEditPaginas div[data-type="FiltroJerarquico"] ul {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 98%;
    margin: 0 auto;
    padding: 10px 0 0;
}

    .panelEditPaginas div[data-type="FiltroJerarquico"] ul.redactor_toolbar {
        justify-content:flex-start;
    }

    .panelEditPaginas div[data-type="FiltroJerarquico"] ul li {
        display: flex;
        flex-wrap: wrap;
        width: 48%;
        justify-content: start;
        align-items: center;
        margin: 5px 0;
        gap: 10px;
    }

    .panelEditPaginas div[data-type="FiltroJerarquico"] ul.redactor_toolbar li {
        display: inline-block;
        width: auto;
        margin:0;
    }

    .panelEditPaginas div[data-type="FiltroJerarquico"] ul li label {
        width: auto;
        padding: 0;
        height: auto;
    }
    .panelEditPaginas div[data-type="FiltroJerarquico"] ul li div {
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .panelEditPaginas div[data-type="FiltroJerarquico"] ul li div select {
            width: auto;
            height: auto;
            padding: 2px 0;
        }

@media (max-width: 1500px) {

    .panelEditPaginas .divCorto {
        width: 48%;
    }
}




@media (max-width: 1300px) {

    .articuloCategoriaResult .panelEditPaginas .divCorto {
        width: 98%;
    }
}

















/*______________ Plantillas _____________*/



.panelEditPaginas .sectores > div {
    min-height: 115px;
}

.panelEditPaginas .sectores .plantilla {
    width: 200px;
    float: left;
}


.panelEditPaginas .sectores .plantillaDetalle {
    width: 400px;
    height: 75px;
    float: left;
    margin-left: 20px;
}

    .panelEditPaginas .sectores .plantillaDetalle > div > div {
        float: left;
        width: 380px;
        margin: 1px 0;
    }

    .panelEditPaginas .sectores .plantillaDetalle input {
        height: 20px;
        line-height: 15px;
        background-color: #eee;
        text-indent: 3px;
    }

        .panelEditPaginas .sectores .plantillaDetalle input:first-of-type {
            font-weight: bold;
        }

    .panelEditPaginas .sectores .plantillaDetalle > div > div:first-of-type {
        height: 20px;
        width: 20px;
        float: right;
    }

.panelEditPaginas .imgArticulo {
    background-image: url(../Images/TreeView/Articulo.png);
}

.panelEditPaginas .imgArticuloDetalle {
    background-image: url(../Images/TreeView/Articulo.png);
}

.panelEditPaginas .imgBanner {
    background-image: url(../Images/TreeView/Banner.png);
}

.panelEditPaginas .imgBuscadorArticulo {
    background-image: url(../Images/TreeView/buscadorArticulo.png);
}

.panelEditPaginas .imgBuscadorEspecie {
    background-image: url(../Images/TreeView/BuscadorEspecie.png);
}

.panelEditPaginas .imgContenido {
    background-image: url(../Images/TreeView/Contenido.png);
}

.panelEditPaginas .imgCotizacion {
    background-image: url(../Images/TreeView/Cotizacion.png);
}

.panelEditPaginas .imgCotizacionFondo {
    background-image: url(../Images/TreeView/CotizacionFondo.png);
}

.panelEditPaginas .imgEspeciesFavoritas {
    background-image: url(../Images/TreeView/EspeciesFavoritas.png);
}

.panelEditPaginas .imgFiltroJerarquico {
    background-image: url(../Images/TreeView/FiltroJerarquico.png);
}

.panelEditPaginas .imgFiltroJerarquicoOpcion {
    background-image: url(../Images/TreeView/FiltroJerarquicoOpcion.png);
}

.panelEditPaginas .imgFormulario {
    background-image: url(../Images/TreeView/Formulario.png);
}

.panelEditPaginas .imgGaleria {
    background-image: url(../Images/TreeView/Galeria.png);
}

.panelEditPaginas .imgImagen {
    background-image: url(../Images/TreeView/Imagen.png);
}

.panelEditPaginas .imgIndices {
    background-image: url(../Images/TreeView/Indices.png);
}

.panelEditPaginas .imgInstagram {
    background-image: url(../Images/TreeView/Instagram.png);
}

.panelEditPaginas .imgLista {
    background-image: url(../Images/TreeView/Lista.png);
}

.panelEditPaginas .imgMapa {
    background-image: url(../Images/TreeView/mapa.png);
}

.panelEditPaginas .imgMenu {
    background-image: url(../Images/TreeView/Menu.png);
}

.panelEditPaginas .imgOpcion {
    background-image: url(../Images/TreeView/Opcion.png);
}

.panelEditPaginas .imgPlayer {
    background-image: url(../Images/TreeView/Player.png);
}

.panelEditPaginas .imgResultado {
    background-image: url(../Images/TreeView/Resultado.png);
}

.panelEditPaginas .imgResultadoBlog {
    background-image: url(../Images/TreeView/ResultadoBlog.png);
}

.panelEditPaginas .imgResultadoEcommerce {
    background-image: url(../Images/TreeView/ResultadoEcommerce.png);
}

.panelEditPaginas .imgResultadoSelectorLenguaje {
    background-image: url(../Images/TreeView/SelectorLenguaje.png);
}

.panelEditPaginas .imgSolapa {
    background-image: url(../Images/TreeView/Solapa.png);
}

.panelEditPaginas .imgTab {
    background-image: url(../Images/TreeView/Tab.png);
}

.panelEditPaginas .imgTemaDestacado {
    background-image: url(../Images/TreeView/TemaDestacado.png);
}

.panelEditPaginas .imgTexto {
    background-image: url(../Images/TreeView/Texto.png);
}

.panelEditPaginas .sectores .sectorPlantilla {
    height: 18px;
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 3px;
}

    .panelEditPaginas .sectores .sectorPlantilla.ocupado {
        background-color: #f2bdbd;
    }

    .panelEditPaginas .sectores .sectorPlantilla.selected {
        background-color: #fe9a2e !important;
    }

    .panelEditPaginas .sectores .sectorPlantilla.libre {
        background-color: #94c969;
    }

    .panelEditPaginas .sectores .sectorPlantilla.fija {
        background-color: #d3d3d3;
    }

    /*.panelEditPaginas .sectores .sectorPlantilla > div:last-of-type{
    height:20px;
    width:20px;
    float:right;
}*/

    .panelEditPaginas .sectores .sectorPlantilla:hover {
        background-color: rgba(0,153,204,1) !important;
        cursor: pointer;
    }

    .panelEditPaginas .sectores .sectorPlantilla span {
        padding: 2px;
        float: left;
    }


.panelEditPaginas .sectores .plantillaSeccion .sectorPlantilla2 { /* Seccion */
    width: 30%;
    margin-right: 3%;
}


.panelEditPaginas .sectores .plantillaSeccion .sectorPlantilla3 {
    width: 67%;
    float: right;
}

.panelEditPaginas .sectores .plantillaHomeVertical .sectorPlantilla1 { /* Home vertical */
    height: 30px;
}

.panelEditPaginas .sectores .plantillaHomeVertical .sectorPlantilla3,
.panelEditPaginas .sectores .plantillaHomeVertical .sectorPlantilla4,
.panelEditPaginas .sectores .plantillaHomeVertical .sectorPlantilla5 {
    width: 32%;
    margin-left: 2%;
}

.panelEditPaginas .sectores .plantillaHomeVertical .sectorPlantilla3 {
    margin-left: 0;
}


.panelEditPaginas .sectores .plantillaLayoutSimple .sectorPlantilla1 { /* Layout Simple */
    width: 32%;
    margin-right: 3%;
    height: 45px;
}

.panelEditPaginas .sectores .plantillaLayoutSimple .sectorPlantilla2 {
    width: 65%;
    margin-right: 0%;
    height: 45px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla1 { /* MasterMVC */
    width: 49%;
    height: 60px;
    margin-right: 2%;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla2 {
    width: 98px;
    margin-top: 21px;
    position: absolute;
    margin-left: 102px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla3 {
    width: 98px;
    margin-top: 42px;
    position: absolute;
    margin-left: 102px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla4 {
    width: 67px;
    margin-top: 0;
    position: absolute;
    margin-left: 102px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla5 {
    width: 28px;
    margin-top: 0;
    position: absolute;
    margin-left: 172px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla6,
.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla7,
.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla8,
.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla9,
.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla14 {
    width: 25px;
    height: 60px;
    margin-top: 80px;
    margin-left: -102px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla7 {
    margin-left: -74px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla8 {
    margin-left: -46px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla9 {
    margin-left: -18px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla10 {
    height: 13px;
    width: 60px;
    margin-left: 140px;
    margin-top: -63px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla11 {
    height: 13px;
    width: 60px;
    margin-left: 140px;
    margin-top: -48px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla12 {
    height: 13px;
    width: 60px;
    margin-left: 140px;
    margin-top: -33px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla13 {
    height: 13px;
    width: 60px;
    margin-left: 140px;
    margin-top: -18px;
}

.panelEditPaginas .sectores .plantillaMasterMVC .sectorPlantilla14 {
    margin-left: 112px;
    margin-top: -63px;
}

.panelEditPaginas .sectores .plantillaPanelGeneral .sectorPlantilla { /* Panel General */
    height: 40px;
}

.panelEditPaginas .sectores .plantillaResultado .sectorPlantilla,
.panelEditPaginas .sectores .plantillaResultado .sectorPlantilla2 { /* Resultado */
    height: 25px;
}

.panelEditPaginas .sectores .plantillaResultado .sectorPlantilla3 {
    height: 50px;
    width: 30px;
    margin-right: 5px;
}

.panelEditPaginas .sectores .plantillaResultado .sectorPlantilla4 {
    height: 50px;
    width: 165px;
}

.panelEditPaginas .sectores .plantillaResultadoBis .sectorPlantilla,
.panelEditPaginas .sectores .plantillaResultadoBis .sectorPlantilla4 { /* ResultadoBis */
    height: 25px;
}

.panelEditPaginas .sectores .plantillaResultadoBis .sectorPlantilla2 {
    height: 50px;
    width: 30px;
    margin-right: 5px;
}

.panelEditPaginas .sectores .plantillaResultadoBis .sectorPlantilla3 {
    height: 50px;
    width: 165px;
}



/*_________ Elementos ________*/

.panelEditPaginas .hijoSector > fieldset {
    border: none;
    border-top: solid 1px #0099CC;
}

.panelEditPaginas .hijoSector .imageSelector fieldset {
    width: 363px;
}

.panelEditPaginas .imageSelector img,
.panelEditPaginas .imageSelector video {
    width: 300px;
    background-color: #eee;
    border: solid 1px #ccc;
    margin: 10px auto;
}

.panelEditPaginas img.btnAdd {
    background: url(../Images/TreeView/Add.png) no-repeat;
    width: 23px;
    height: 23px;
}

.panelEditPaginas input.btnEliminarElemento {
    float: right;
    background: url(../Images/TreeView/Delete.png) no-repeat;
    width: 23px;
    height: 23px;
}

    .panelEditPaginas input.btnEliminarElemento:hover {
        background-color: transparent !important;
    }





.panelEditPaginas .hijos .pestañas {
    float: left;
    margin: 0 0 -5px 10px;
}

    .panelEditPaginas .hijos .pestañas:first-of-type {
        margin-left: 5px;
    }

.panelEditPaginas .pestañas input[type="button"] {
    background-color: #3399cc;
    border: 1px solid #3399cc;
    color: #fff;
    padding: 8px 13px;
    display: inline-block;
}

    .panelEditPaginas .pestañas input[type="button"]:hover {
        background-color: #fff !important;
        border-color: #0099CC !important;
        padding: 8px 13px !important;
        color: #666;
    }

    .panelEditPaginas .pestañas input.selected,
    .panelEditPaginas .pestañas input.selected:hover,
    .panelEditPaginas .pestañas input[type="button"]:focus {
        background-color: #fff;
        border: solid 1px #0099CC;
        color: #333;
        border-bottom: 2px solid #fff !important;
        padding: 8px 13px 16px 13px !important;
        z-index: 1;
        position: relative;
        margin-bottom: -7px;
    }


.panelEditPaginas .hijoSector {
    width: 100%;
    float: left;
}

    .panelEditPaginas .hijoSector fieldset,
    .panelEditPaginas fieldset fieldset,
    .panelEditPaginas fieldset.fieldSetAtributos {
        float: left;
        width: 100%;
        margin: 10px 0;
    }




    .panelEditPaginas .hijoSector > fieldset > legend {
        display: none;
    }

    .panelEditPaginas .hijoSector .btnDelete {
        background-image: none;
        height: 20px;
        width: 20px;
    }

    .panelEditPaginas .hijoSector .btnAgregarHijo {
        float: right;
    }

    .panelEditPaginas .hijoSector .hijoNivel {
        padding-left: 20px;
        clear: both;
    }

        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel1 {
            padding-left: 0;
        }

        .panelEditPaginas .hijoSector .hijoNivel .hijoTexto {
            float: left;
        }

        .panelEditPaginas .hijoSector .hijoNivel fieldset,
        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel2 .hijoNivel.hijoNivel3 fieldset,
        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel3 .hijoNivel.hijoNivel5 fieldset,
        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel5 .hijoNivel.hijoNivel7 fieldset,
        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel7 .hijoNivel.hijoNivel9 fieldset {
            border: solid 1px #0099CC;
            margin-bottom: 5px;
            width: 97%;
            float: right;
        }

        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel2 fieldset,
        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel2 .hijoNivel.hijoNivel4 fieldset,
        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel4 .hijoNivel.hijoNivel6 fieldset,
        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel6 .hijoNivel.hijoNivel8 fieldset,
        .panelEditPaginas .hijoSector .hijoNivel.hijoNivel8 .hijoNivel.hijoNivel10 fieldset {
            border: solid 1px #0ac0ff;
            margin-bottom: 5px;
        }

        .panelEditPaginas .hijoSector .hijoNivel fieldset:hover {
            border: solid 1px #ff9329 !important;
        }

        .panelEditPaginas .hijoSector .hijoNivel fieldset .divCorto:first-of-type span {
            font-weight: bold;
            background-color: #fff;
            border: none;
            color: #3399cc;
            font-size: 12px;
        }


        .panelEditPaginas .hijoSector .hijoNivel .hijoBotones {
            float: right;
        }

            .panelEditPaginas .hijoSector .hijoNivel .hijoBotones .btnAgregarHijo {
                float: left;
            }

            .panelEditPaginas .hijoSector .hijoNivel .hijoBotones a {
                margin: 0 5px;
            }


.panelEditPaginas table th {
    color: #ffffff !important;
    background: #3d658b !important;
    border-width: 1px;
    border-color: #ffffff;
}

.panelEditPaginas .hijoSector .hijoNivel .hijoBotones a {
    margin: 0 5px;
}

.btnCollapseAll {
}


.panelEditPaginas table th a {
    color: #ffffff !important;
}





.panelEditPaginas table tr:nth-child(even) td {
    background: #eee;
}

.panelEditPaginas table tr td:first-of-type a {
    float: right
}

.panelEditPaginas table td p {
    float: left;
    margin: 2% 0 0;
    font-size: 14px;
}


.hijoSector .hijoCollapse {
    float: left;
    margin: 25px 0 0 0;
    /*width: 100%;*/
}

.btnCollapseAll img {
    width: 30px;
    height: 30px;
}

.btnExpandAll {
}

.imgCollapse {
    background: url( /Images/collapse.png) 30px 30px;
}

.imgExpand {
    background: url( /Images/expand.png) 30px 30px;
}

.hijoSector .hijoCollapse {
    float: left;
    margin: 25px 0 0 0;
    /*width: 100%;*/
}

    .hijoSector .hijoCollapse a.btnCollapseHijos {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 15px 15px;
        border-color: transparent transparent #009bcf transparent;
        float: left;
        /*margin-left:10px;*/
    }

        .hijoSector .hijoCollapse a.btnCollapseHijos.collapse {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 0 10px 10px;
            border-color: transparent transparent transparent #009bcf;
        }

        .hijoSector .hijoCollapse a.btnCollapseHijos:hover {
            border-color: transparent transparent #ff9329 transparent;
        }

        .hijoSector .hijoCollapse a.btnCollapseHijos.collapse:hover {
            border-color: transparent transparent transparent #FE9A2e;
        }

.panelEditPaginas .hijoSector div[class^="img"] {
    height: 20px;
    width: 20px;
    float: left;
    display: none;
}


.contenidosLanguagePanel .redactor_box,
.contenidosLanguagePanel .redactor_toolbar {
    width: 100%;
}

/*____________ Elementos dialog ______________*/

.ui-draggable .ui-dialog-titlebar {
    cursor: initial;
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.loaderDialogText .loader {
    margin: 15px 0;
}

.fileDialogText {
    margin-top: 10px;
}

    .fileDialogText .divCorto {
        width: auto;
        display: inline-block;
        min-height: 35px;
        float: left;
        margin-right: 10px;
        margin-top: 3px;
    }

        .fileDialogText .divCorto label,
        .fileDialogText .divCorto span,
        .amElementoDialogText .divCorto label {
            width: auto;
            padding: 5px 0 0 0;
            display: inline-block;
            height: 20px;
            float: left;
            vertical-align: bottom;
            line-height: 11px;
            font-size: 12px;
        }

    .fileDialogText input[type="text"] {
        margin-left: 10px;
    }

        .fileDialogText input[type="text"].txtNombreArchivo {
            width: 350px;
        }

    .fileDialogText input[type="number"].txtPageNumber {
        width: 100px;
    }

    .fileDialogText input[type="radio"] {
        float: left;
        margin: 4px 10px;
    }

    .fileDialogText .archivoResult {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

        .fileDialogText .archivoResult .file {
            width: 185px;
            float: left;
            text-align: center;
            margin-bottom: 15px;
        }

        .fileDialogText .archivoResult .divCorto {
            width: 100%;
        }

        .fileDialogText .archivoResult span {
            width: 100%;
            word-break: break-all;
        }

        .fileDialogText .archivoResult .imageType,
        .fileDialogText .archivoResult .videoType {
            width: 100px;
            height: 100px;
            border: solid 1px #ccc;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .fileDialogText .archivoResult .videoType {
            width: 130px;
            height: 130px;
        }

            .fileDialogText .archivoResult .imageType img,
            .fileDialogText .archivoResult .videoType video {
                background-color: #eee;
                width: 99%;
                height: auto;
                max-height: 100%;
            }

.verArchivoDialogText .imageType,
.verArchivoDialogText .videoType {
    text-align: center;
}

    .verArchivoDialogText .imageType img,
    .verArchivoDialogText .videoType video {
        background-color: #eee;
        max-width: 950px;
        border: solid 1px #ccc;
    }



.amElementoDialogText .divCorto {
    width: 460px;
    display: inline-block;
    min-height: 35px;
    float: left;
}

.amElementoDialogText fieldset {
    border: solid 1px #0099CC;
    margin: 5px;
    border: solid 1px #0099CC;
    margin: 5px;
    padding: 10px;
}

    .amElementoDialogText fieldset legend {
        margin: 0 3px;
        font-size: 12px;
        background: none;
        padding: 0 5px;
        color: #0099CC;
        font-weight: bold;
    }

.amElementoDialogText span {
    width: 257px;
    max-width: 100%;
    height: 20px;
    line-height: 20px;
    vertical-align: central;
    border: solid 1px #3399cc;
    background-color: #eee;
    font-size: 11px;
    float: left;
    overflow: hidden;
    text-indent: 3px;
}

.amElementoDialogText .divCorto label {
    width: 150px;
}

.amElementoDialogText .divCorto > div label {
    width: auto;
    padding: 5px 8px 0 2px !important;
}

.amElementoDialogText .divCorto label:nth-of-type(2),
.amElementoDialogText .divCorto label:nth-of-type(3) {
    width: auto;
    padding: 5px 5px 0 15px;
}

.amElementoDialogText .divCorto input {
    float: left;
}

    .amElementoDialogText .divCorto input[type="text"],
    .amElementoDialogText .divCorto select {
        height: 20px;
        width: 257px;
        max-width: 100%;
    }

        .amElementoDialogText .divCorto .txtCountDownColor,
        .amElementoDialogText .divCorto input[type="text"].txtCountDownColor,
        .amElementoDialogText .divCorto select.txtCountDownColor {
            width: 40%;
            margin-left: 5%;
            margin-top: .5%;
        }


.amElementoDialogText .imageSelector fieldset {
    width: 450px;
    float: left;
    box-sizing: border-box;
    min-height: 220px;
}

.amElementoDialogText .imageSelector img,
.amElementoDialogText .imageSelector video {
    background-color: #eee;
    width: 300px;
    margin: auto;
    margin-top: 15px;
    border: solid 1px #ccc;
}

.amElementoDialogText .menuNavegacionLenguaje {
    margin-bottom: 10px;
}

.atributosDialogText .divCorto {
    width: 400px;
    display: inline-block;
    min-height: 35px;
    float: left;
}

.atributosDialogText a.btnEliminarAtributo {
    float: right;
    background: url(../Images/TreeView/Delete.png) no-repeat;
    width: 23px;
    height: 23px;
}

a.btnEliminarAtributoPaginaContinua {
    float: right;
    background: url(../Images/TreeView/Delete.png) no-repeat;
    width: 23px;
    height: 23px;
}

.fieldSetAtributos {
    border: solid 1px #0099CC;
    margin: 5px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    max-height: 200px;
    display: block;
}

.atributosDialogText fieldset,
.aElementoTipo fieldset {
    border: solid 1px #0099CC;
    margin: 5px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

    .atributosDialogText fieldset legend,
    .aElementoTipo fieldset legend {
        margin: 0 3px;
        font-size: 12px;
        /* background: white; */
        padding: 0 5px;
        font-weight: bold;
        color: #0099CC;
    }

.atributosDialogText .atributosValor {
    max-height: 400px;
    overflow-x: auto;
}

.atributosDialogText ul.atributosValorList li,
.ddlAtributosValor li,
.aElementoTipo .elementoTipoExistente li {
    float: left;
    width: 25%;
}

    .atributosDialogText ul.atributosValorList li label,
    .ddlAtributosValor li label,
    .aElementoTipo .elementoTipoExistente li label {
        width: 200px;
        min-height: 25px;
        word-break: break-all;
        float: right;
        padding: 3px 0 0 0;
        cursor: pointer;
    }

    .ddlAtributosValor li label {
        width: auto;
        max-width: calc(100% - 40px);
        float: left;
        padding: 3px 0 0 5px;
    }


.elementoTipoExistente li input {
    float: left;
    margin-top: 5px;
    cursor: pointer;
}

.elementoTipoExistente li label {
    float: right;
    cursor: pointer;
}

.atributosDialogText .atributosSeleccionadosTable th {
    text-align: left;
}

    .atributosDialogText .atributosSeleccionadosTable th:nth-of-type(1),
    .atributosDialogText .atributosSeleccionadosTable th:nth-of-type(2) {
        min-width: 150px;
    }

.atributosDialogText .atributosSeleccionadosTable td {
    padding: 5px 15px 0 0;
}

.atributosDialogText .atributosSeleccionadosTable input {
    width: 100px;
}


.cancelDialogText > div {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    text-align: center;
}

.deleteDialogText {
    margin: 15px 0;
}

    .deleteDialogText .buttonsLargeCentered {
        margin: 20px 0;
    }


.elementosTipos > label {
    width: 100%;
    font-weight: bold;
}

.elementoTipoExistente {
    max-height: 450px;
    overflow-x: auto;
    float: left;
    width: 100%;
}

.elementoNuevo {
    width: 100%;
    float: left;
}

    .elementoNuevo label {
        font-weight: bold;
        width: auto;
    }

    .elementoNuevo a {
        font-size: 14px;
        font-weight: normal;
    }

        .elementoNuevo a:hover {
            color: #3399cc;
        }




/*______________ Cache __________________*/


.cachePage .formBody {
    width: 1006px;
}

    .cachePage .formBody fieldset {
        margin-bottom: 15px;
    }


.cachePage .borrarCacheSitio > span {
    font-size: 12px;
    margin-bottom: 15px;
    float: left;
    clear: both;
}

.cachePage .borrarCacheSitio ul,
#portales .portalesList ul {
    width: 100%;
    float: left;
}

.cachePage .borrarCacheSitio li,
#portales .portalesList li {
    float: left;
    width: 100%;
    margin: 3px 0;
}

    .cachePage .borrarCacheSitio li label,
    #portales .portalesList li label {
        width: 200px;
    }

        .cachePage .borrarCacheSitio li label:hover,
        #portales .portalesList li label:hover {
            color: #3399cc;
        }

.cachePage .borrarCacheSitio input[type=button],
#portales .portalesList input[type=button] {
    clear: both;
    float: left;
    margin-top: 15px;
}




/*____________ Operador logistico ____________*/


.operadorLogisticoPage .formBody,
.operadorLogisticoEditPage,
.operadorLogisticoEstadosPage .formBody {
    width: 1006px;
    margin: auto;
}

.operadorLogisticoPage td:last-of-type,
.operadorLogisticoEstadosPage td:last-of-type {
    text-align: right;
}

.operadorLogisticoPage td a,
.operadorLogisticoEstadosPage td a,
.listLocal td a {
    text-decoration: none;
}

.operadorLogisticoEditPage label {
    width: 150px;
}

.operadorLogisticoEditPage fieldset {
    margin-bottom: 15px;
}

.operadorLogisticoEstadosPage img.btnAdd {
    background: none;
    float: right;
    margin: -10px 0 5px 0;
}


.operadorLogisticoEstadoDialogFrom .divCorto,
.operadorLogisticoEstadoDialogFrom label,
.operadorLogisticoEstadoDialogFrom input[type="text"],
.operadorLogisticoEstadoDialogFrom input[type="number"],
.operadorLogisticoEstadoDialogFrom .divCorto select {
    width: 100%;
    font-size: 12px;
}

    .operadorLogisticoEstadoDialogFrom input[type="text"],
    .operadorLogisticoEstadoDialogFrom input[type="number"],
    .operadorLogisticoEstadoDialogFrom .divCorto select {
        height: 28px;
    }





/*________________ LOCALES __________________*/

.localAddOrUpdate .formBody {
    width: 1006px;
    margin: auto;
}

.localAddOrUpdate fieldset {
    margin-bottom: 15px;
}

.localAddOrUpdate .divLargo input[type="text"] {
    width: 735px !important;
}

.localAddOrUpdate input[type="checkbox"] {
    float: left;
    margin-left: 15px;
    padding: 10px 0 0 0;
}

.localAddOrUpdate img {
    margin-top: -12px;
}

.localAddOrUpdate .formBody .divCorto {
    height: 40px;
}




/*___________________ ARTÍCULOS _____________________*/

.listArticulo td > div {
    float: left;
    clear: both;
    margin: 3px;
}

.listArticulo td:nth-of-type(3),
.listArticulo td:nth-of-type(4) {
    text-align: center;
}


.listArticulo label {
    float: left;
    width: 100px;
    font-weight: bold;
    clear: left;
}


.listArticulo span {
    float: left;
    width: 120px;
}


/*__________________ MAILS ___________________*/


.emailTemplate .formBody {
    width: 100%;
    min-width: 1006px;
}

.emailTemplate fieldset {
    margin-bottom: 0;
}

    .emailTemplate fieldset.mails {
        width: 1006px;
        margin: auto;
    }

.emailTemplate .editor {
    min-width: 1360px;
}

    .emailTemplate .divEdition > fieldset,
    .emailTemplate .editor > fieldset {
        width: 48%;
        clear: none;
        float: left;
        margin: 0 1% 10px 1%;
        height: 723px;
    }

.emailTemplate .mails a {
    color: #369;
    font-size: 12px;
    margin: 5px 0;
    float: left;
    width: 25%;
    position: relative;
    padding: 10px 0 10px 12px;
    box-sizing: border-box;
}

    .emailTemplate .mails a:hover {
        color: #3399cc;
    }

        .emailTemplate .mails a:hover:before {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 8px;
            border-color: transparent transparent transparent #3399cc;
            position: absolute;
            left: 0;
        }

.emailTemplate .divEdition .divCorto {
    width: 50%;
    min-width: 190px;
    float: left;
}

    .emailTemplate .divEdition .divCorto input {
        min-width: 190px;
    }

.emailTemplate .divEdition span {
    font-size: 12px;
    line-height: 11px;
}

.emailTemplate .divEditor > label {
    width: 100%;
}

.emailTemplate .languagePanel {
    margin-top: 15px;
}

.emailTemplate .divPreview {
    width: 100%;
    height: 655px;
}

.emailTemplate .divEditor .body {
    width: 100%;
    height: 440px;
    border: solid 1px #ccc;
}



/* _____________ MERCADO LIBRE ____________ */


/*______ Articulo Descripcion_______*/


.articuloDescripcionMercadoLibre .formBody .marcas {
    width: 1006px;
    margin: auto;
}

.formBody .marcas li {
    width: 25%;
    float: left;
    padding: 10px 0;
}

    .formBody .marcas li a {
        color: #369;
        font-size: 12px;
        position: relative;
        padding-left: 12px;
    }

        .formBody .marcas li a:hover {
            color: #3399cc;
        }

            .formBody .marcas li a:hover:before {
                content: "";
                display: inline-block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 5px 0 5px 8px;
                border-color: transparent transparent transparent #3399cc;
                position: absolute;
                left: 0;
            }

.articuloDescripcionMercadoLibre .formBody {
    width: 100%;
    min-width: 1006px;
}

    .articuloDescripcionMercadoLibre .formBody .editor fieldset {
        width: 48%;
        clear: none;
        float: left;
        margin: 0 1%;
    }

.articuloDescripcionMercadoLibre fieldset > div {
    width: 100%;
    height: 65vh;
    float: left;
}

div.ace-tm div.ace_print-margin {
    background-color: transparent;
}


/*_______ Categorías _______*/

.categoriaGarbarino .categorias fieldset,
.categoriaGarbarino .atributos fieldset {
    max-height: 75vh;
}

    .categoriaGarbarino .categorias fieldset > div {
        overflow-y: auto;
        max-height: 70vh;
    }

        .categoriaGarbarino .categorias fieldset > div::scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #F5F5F5;
        }

        .categoriaGarbarino .categorias fieldset > div:scrollbar {
            width: 6px;
            background-color: #F5F5F5;
        }

        .categoriaGarbarino .categorias fieldset > div::scrollbar-thumb {
            background-color: #3399cc;
        }

        .categoriaGarbarino .categorias fieldset > div::-moz-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #F5F5F5;
        }

        .categoriaGarbarino .categorias fieldset > div::-moz-scrollbar {
            width: 6px;
            background-color: #F5F5F5;
        }

        .categoriaGarbarino .categorias fieldset > div::-moz-scrollbar-thumb {
            background-color: #3399cc;
        }

        .categoriaGarbarino .categorias fieldset > div::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #F5F5F5;
        }

        .categoriaGarbarino .categorias fieldset > div::-webkit-scrollbar {
            width: 6px;
            background-color: #F5F5F5;
        }

        .categoriaGarbarino .categorias fieldset > div::-webkit-scrollbar-thumb {
            background-color: #3399cc;
        }



.categoriaGarbarino .categorias a {
    color: #369;
    font-size: 12px;
}

    .categoriaGarbarino .categorias a:hover {
        color: #3399cc;
    }

.categoriaGarbarino .categorias .btnShowHijo.childrenHide {
    width: 0;
    height: 0;
    float: left;
    margin-right: 5px;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #009bcf;
}

    .categoriaGarbarino .categorias .btnShowHijo.childrenHide:hover {
        border-color: transparent transparent transparent #FE9A2e;
        cursor: pointer;
    }


.categoriaGarbarino .categorias .btnShowHijo.childrenShown {
    width: 0;
    height: 0;
    float: left;
    margin-right: 5px;
    border-style: solid;
    border-width: 0 0 11px 10px;
    border-color: transparent transparent #009bcf transparent;
}

    .categoriaGarbarino .categorias .btnShowHijo.childrenShown:hover {
        border-color: transparent transparent #FE9A2e transparent;
        cursor: pointer;
    }



.categoriaGarbarino .categorias .nivel {
    margin: 5px 0;
    padding-left: 15px;
}

.categoriaGarbarino .categorias,
.categoriaGarbarino .atributos {
    width: 49%;
    margin: 0 0.5%;
    box-sizing: border-box;
    float: left;
}

    .categoriaGarbarino .categorias fieldset,
    .categoriaGarbarino .atributos fieldset {
        width: 100%;
    }

    .categoriaGarbarino .atributos .categoriaEdit {
        width: 100%;
        text-align: center;
        font-size: 12px;
        float: left;
        margin-bottom: 10px;
        color: #369;
        font-weight: bold;
    }

    .categoriaGarbarino .atributos .atributosAdd .buttonsCentered input {
        width: 49%;
        margin: 0 0.5%;
        float: left;
    }

    .categoriaGarbarino .categorias fieldset table,
    .categoriaGarbarino .atributos fieldset table {
        width: 100%;
    }

    .categoriaGarbarino .atributos .atributosAdd .divCorto {
        width: 49%;
        margin: 0 0.5%;
    }

    .categoriaGarbarino .atributos .atributosAdd input,
    .categoriaGarbarino .atributos .atributosAdd select {
        width: 100%;
    }

    .categoriaGarbarino .atributos .atributosList tr td:last-of-type {
        text-align: center;
    }

/*______ Publicaciones ____*/

.listArticulosEShop table tr td:last-of-type {
    text-align: right;
}


.bursatilContenido .PublicacionesMercadoLibreDetail table {
    width: 100%;
}







/*_____________________ LOGS ____________________*/



.logResult .lateralFilter .divCorto label {
    width: 200px;
}


.listLog {
    font-family: Arial, Helvetica;
    font-size: 8pt;
    border-collapse: collapse;
    width: 100%;
    margin: auto;
    margin-top: 15px;
    min-width: 1006px;
}

    .listLog .tableHead > div,
    .listLog .tableBody .row > div > div {
        width: 24.5%;
        box-sizing: border-box;
        float: left;
    }

    .listLog .tableBody .row:nth-of-type(odd) {
        background-color: #F9F9F9;
    }

    .listLog .tableHead > div:first-of-type,
    .listLog .tableBody .row > div > div:first-of-type {
        width: 2%;
        text-align: center;
    }

    .listLog .tableBody .row > div > div:first-of-type {
        height: 23px;
    }

    .listLog .tableHead > div {
        color: #fff;
        background: #0099cc;
        border-top: 1px solid lightsteelblue;
        border-bottom: 1px solid lightsteelblue;
        border-right: 1px solid lightsteelblue;
        padding: 5px;
        font-size: 12px;
    }

        .listLog .tableHead > div a {
            text-decoration: none;
            color: #fff;
        }


            .listLog .tableHead > div a[order="desc"]:after {
                content: "▼";
                color: #fff;
                margin-left: 5px;
            }

            .listLog .tableHead > div a[order="asc"]:after {
                content: "▲";
                color: #fff;
                margin-left: 5px;
            }


    .listLog .tableBody .row {
        width: 100%;
        float: left;
    }

        .listLog .tableBody .row:hover {
            background-color: #e0ebf6;
            cursor: pointer;
        }

        .listLog .tableBody .row > div > div {
            border-bottom: 1px solid lightsteelblue;
            vertical-align: middle;
            padding-left: 5px;
            padding: 5px;
        }


    .listLog .tableBody > div.number {
        text-align: right;
    }

    .listLog .tableBody .colFlecha.hide span {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 5px 0 5px 8px;
        border-color: transparent transparent transparent #3399cc;
    }

    .listLog .tableBody .row:hover .colFlecha.hide span {
        border-color: transparent transparent transparent #FE9A2e;
    }

    .listLog .tableBody .colFlecha.show span {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 0 8px 9px;
        border-color: transparent transparent #009bcf transparent;
    }

    .listLog .tableBody .row:hover .colFlecha.show span {
        border-color: transparent transparent #FE9A2e transparent;
    }



    .listLog .tableBody .row .detalle {
        width: 100%;
        float: left;
        padding: 10px 20px;
        border-bottom: 1px solid lightsteelblue;
        box-sizing: border-box;
    }

.circleBlue {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #B0C4DE;
}

.circleRed {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #ec9797;
}

.circleYellow {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #f9ed98;
}

.circleSky {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: #96dad7;
}

.hidden {
    display: none;
}

.tdHeaderReturnsBlue {
    background-color: #B0C4DE;
    text-align: left;
    font-weight: bold;
}

.tdHeaderReturnsRed {
    background-color: #ec9797;
    text-align: left;
    font-weight: bold;
}

.tdHeaderReturnsSky {
    background-color: #96dad7;
    text-align: left;
    font-weight: bold;
}

.tdHeaderReturnsYellow {
    background-color: #f9ed98;
    text-align: left;
    font-weight: bold;
}

input.CodigoDeBarras {
    height: 21px;
}


#WindowLoad {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 3200;
    filter: alpha(opacity=65);
    -moz-opacity: 65;
    opacity: 0.65;
    background: #999;
}


/*____________ MM Carga masiva_____________*/


.cargaMasiva .formBody,
.colores .formBody,
.subirImagenes .formBody {
    width: 96%;
}

.drop-area {
    border: 3px dashed #ccc;
    text-align: center;
    padding: 20px;
}

    /*.cargaMasiva label {
    float: none;
}*/

    .drop-area.highlight {
        border-color: #3399cc;
    }

.cargaMasiva p,
.colores p,
.subirImagenes p {
    font-size: 16px;
}

.cargaMasiva input.fileElem,
.colores input.fileElem,
.subirImagenes input.fileElem {
    margin: 20px auto;
}

    .cargaMasiva input.fileElem:hover,
    .colores input.fileElem:hover,
    .subirImagenes input.fileElem:hover {
        cursor: pointer;
    }

.cargaMasiva input.preview,
.colores input.preview,
.subirImagenes input.preview {
    width: 100%;
}

.preview {
    max-height: 200px;
    max-width: 200px;
}

.cargaMasiva .my-form,
.colores .my-form,
.subirImagenes .my-form {
    margin-bottom: 10px;
}

.cargaMasiva .gallery,
.colores .gallery,
.subirImagenes .gallery {
    margin-top: 10px;
    display: table;
    width: 100%;
    text-align: center;
}


    .cargaMasiva .gallery label,
    .colores .gallery label,
    .subirImagenes .gallery label {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .cargaMasiva .gallery img,
    .cargaMasiva .gallery video,
    .colores .gallery img,
    .colores .gallery video,
    .subirImagenes .gallery img,
    .subirImagenes .gallery video {
        height: auto;
        margin: 10px auto;
        vertical-align: middle;
        -webkit-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.2);
    }

    .cargaMasiva .gallery video,
    .colores .gallery video,
    .subirImagenes .gallery video {
        -webkit-box-shadow: 2px 2px 8px 2px rgba(255, 147, 41, 0.75);
        -moz-box-shadow: 2px 2px 8px 2px rgba(255, 147, 41, 0.75);
        box-shadow: 2px 2px 8px 2px rgba(255, 147, 41, 0.75);
    }

.cargaMasiva .button,
.colores .button,
.subirImagenes .button {
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
}

    .cargaMasiva .button:hover,
    .colores .button:hover,
    .subirImagenes .button:hover {
        background: #ddd;
    }

.fileElem {
    display: none;
}

div.preview {
    display: inline-table;
    width: 20%;
    padding: 15px;
}



.cargaMasiva .listaArchivos tr td:last-of-type,
.colores .listaArchivos tr td:last-of-type,
.subirImagenes .listaArchivos tr td:last-of-type {
    text-align: center;
}

.cargaMasiva .listaArchivos tfoot tr:last-of-type,
.colores .listaArchivos tfoot tr:last-of-type,
.subirImagenes .listaArchivos tfoot tr:last-of-type {
    font-weight: bold;
    background-color: #e0ebf6;
}

.cargaMasivaPreview table,
.ui-dialog .cargaMasivaPreview table tr,
.ui-dialog .cargaMasivaPreview table tr td,
.coloresPreview table tr:hover,
.coloresPreview table,
.ui-dialog .coloresPreview table tr,
.ui-dialog .coloresPreview table tr td,
.coloresPreview table tr:hover,
.subirImagenesPreview table,
.ui-dialog .subirImagenesPreview table tr,
.ui-dialog .subirImagenesPreview table tr td,
.subirImagenesPreview table tr:hover {
    background-color: transparent;
    border: none;
}

.previewGrande {
    max-height: 550px;
    max-width: 550px;
}


.cargaMasivaPreview table div,
.coloresPreview table div,
.subirImagenesPreview table div {
    margin: 8px 0;
}

    .cargaMasivaPreview table div label,
    .coloresPreview table div label,
    .subirImagenesPreview table div label {
        font-size: 12px;
    }


    .cargaMasivaPreview table div input[type="text"]:disabled,
    .coloresPreview table div input[type="text"]:disabled,
    .subirImagenesPreview table div input[type="text"]:disabled {
        height: 22px;
    }


/*____________ Ver Detalle de Producto_____________*/



.precioDetalleCaracteristicas,
.precioDetalleDatos {
    width: 96%;
    max-width: 1000px;
    margin: 20px auto;
    display: table;
}


    .precioDetalleCaracteristicas > div {
        width: 40%;
        float: left;
    }

        .precioDetalleCaracteristicas > div > img {
            width: 100%;
            max-width: 400px;
            float: left;
        }

        .precioDetalleCaracteristicas > div:last-of-type {
            width: 60%;
            float: right;
            font-size: 14px;
            color: #666;
            margin: 20px 0 0;
        }




        .precioDetalleCaracteristicas > div h3 {
            font-size: 30px;
            font-weight: lighter;
            margin: 0 0 20px;
        }

        .precioDetalleCaracteristicas > div .precioDetalleProveedor {
            font-size: 16px;
            font-weight: bold;
            margin: 0 0 20px;
            padding: 0 0 20px;
            border-bottom: 1px solid #eee;
            width: 100%;
            float: left;
        }

            .precioDetalleCaracteristicas > div .precioDetalleProveedor span {
                font-weight: normal;
                margin: 0 5px 0 10px;
            }

                .precioDetalleCaracteristicas > div .precioDetalleProveedor span:first-of-type {
                    margin: 0 5px 0 0;
                }



        .precioDetalleCaracteristicas > div h4 {
            text-transform: none;
            width: 100%;
            float: left;
            font-size: 24px;
            color: #999;
            margin: 0 0 15px;
        }



    .precioDetalleDatos .precioDetalleDatosAprobacion {
        margin: 0;
        width: 69%;
        float: left;
    }

    .precioDetalleDatos .precioDetalleDatosGrafico {
        margin: 0;
        width: 29%;
        float: right;
    }

    .precioDetalleDatos h5 {
        text-transform: none;
        width: 100%;
        float: left;
        font-size: 20px;
        color: #0099cc;
        margin: 40px 0 20px;
    }


    .precioDetalleDatos .precioDetalleDatosHistoricos {
        float: left;
        width: 100%;
        margin: 20px 0;
    }


        .precioDetalleDatos .precioDetalleDatosHistoricos span {
            float: left;
            font-size: 20px;
            color: #0099cc;
            margin: 3px 10px 0 0;
        }



.puntajeEscala {
    width: 99%;
    height: 20px;
    display: block;
    clear: both;
    overflow: hidden;
    background: #fff;
    border-radius: 20px;
    max-width: 800px;
    margin: 0 .5% 40px;
    position: relative;
}

    .puntajeEscala:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 15px 0px inset rgba(0,0,0,.5);
        border-radius: 20px;
        pointer-events: none;
    }

.rojo,
.naranja,
.amarilla,
.verdeClaro,
.verdeOscuro {
    width: 20%;
    float: left;
    height: 20px;
}


    .rojo.inactivo,
    .naranja.inactivo,
    .amarilla.inactivo,
    .verdeClaro.inactivo,
    .verdeOscuro.inactivo {
        opacity: .2;
    }

.rojo {
    background: #d93823;
}

.naranja {
    background: #d96323;
}

.amarilla {
    background: #f1d411;
}

.verdeClaro {
    background: #8fbf52;
}

.verdeOscuro {
    background: #73a433;
}

.actorEmpresaEstadisticas {
    width: 100%;
    height: auto;
    float: left;
}



    .actorEmpresaEstadisticas .puntaje {
        width: 99%;
        height: auto;
        float: left;
        margin: 20px .5% 10px;
        font-size: 24px;
        color: #f05323;
        font-weight: bold;
    }

        .actorEmpresaEstadisticas .puntaje span {
            font-size: 24px;
            color: #333;
            font-weight: normal;
        }


            .actorEmpresaEstadisticas .puntaje span span {
                font-size: 14px;
                color: #666;
            }

/*********** CALIFICACIONES **********/
.calificadorEstrellas .jq-star .jq-star-svg,
.ratingProveedor .jq-star .jq-star-svg {
    stroke-width: 0 !important;
}

.calificadorEstrellas .svg-rated-756 {
    fill: blue;
}

/***********    ATRIBUTOVALORIMAGEN     **********/



.verArchivoIndicadoresDialogText .imageType img {
    display: block !important;
    width: auto !important;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content[aria-describedby="verArchivoIndicadoresDialog"] {
    max-width: 500px;
}

.atributoValorAddOrUpdate .contenedorAtributoValor {
    display: flex;
    flex-wrap: wrap;
}

.atributoValorAddOrUpdate .divImagenes, .atributoValorAddOrUpdate .divNoHayArchivos {
    display: flex;
    justify-content: center;
    align-items: center;
}

.atributoValorAddOrUpdate .divImagenes {
    flex-direction: column;
    margin: 10px;
    text-align: center;
}

.atributoValorAddOrUpdate .divNoHayArchivos {
    width: 100%;
    height: 100px;
}

.atributoValorAddOrUpdate .tittle {
    background-color: #3399cc;
    padding: 10px;
    color: white;
    margin-bottom: 30px;
    margin-top: 20px;
}




.verArchivoIndicadoresDialogText .imageType {
    position: relative;
}


    .verArchivoIndicadoresDialogText .imageType img {
        display: inline;
        width: 100%;
        height: auto;
    }


#contenedorImagenIndicadorPrecio > div {
    position: absolute;
    z-index: 1;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #contenedorImagenIndicadorPrecio > div label {
        width: auto;
        height: auto;
        padding: 0;
        font-size: 14px;
        line-height: normal;
    }


#contenedorIndicadores > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0;
}

#contenedorIndicadores > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
}


    #contenedorIndicadores > div label {
        width: 24px;
        height: 24px;
        display: flex;
        font-size: 14px;
        margin: 0 10px 0 0;
        padding: 0;
        background: #000;
        color: #fff;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

.divShopNowHabilitado {
    display: block;
    float: right;
    padding: 10px 12px;
    display: flex;
    align-items: center;
}

#lblShopNowHabilitado {
    width: 150px;
}

.btnAgregarIndicadorPrecio {
    margin: 5px 0 20px;
    padding: 10px 12px;
}

.atributoValorAddOrUpdate .divSelect {
    margin-top: 10px;
}

.divSelect select {
    text-align: center;
}

/*  PARA Carga Archivos*/
.tablaTitulosBlanco {
    color: #007ab8;
    font-weight: bold;
    background-color: white;
    font-size: 12px;
    list-style: decimal;
}

    .tablaTitulosBlanco table, .tablaTitulosBlanco tbody, .tablaTitulosBlanco tr, .tablaTitulosBlanco td {
        border: 0 !important;
        background: white;
    }

    .tablaTitulosBlanco h1, .tablaTitulosBlanco h2, .tablaTitulosBlanco h3, .tablaTitulosBlanco h4 {
        color: #336699;
        font-weight: bold;
    }

    .tablaTitulosBlanco h2 {
        font-size: 1.5em;
    }

    .tablaTitulosBlanco h3 {
        font-size: 1.25em;
    }

    .tablaTitulosBlanco h4 {
        font-size: 1em;
    }

    .tablaTitulosBlanco h1, .tablaTitulosBlanco h2, .tablaTitulosBlanco h3,
    .tablaTitulosBlanco h4, .tablaTitulosBlanco p, .tablaTitulosBlanco pre {
        margin: 3pt 0pt;
        padding: 0;
    }

    .tablaTitulosBlanco ol {
        display: block;
        list-style-type: decimal;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 40px;
    }



.atributosValorListPaginaContinua {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}



    .atributosValorListPaginaContinua li {
        width: 18%;
        display: inline-block;
        margin: 0 1% 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .atributosValorListPaginaContinua li label {
            display: inline-block;
            height: auto;
            margin: 0;
            padding: 0;
            float: none;
            line-height: 1.1;
            width: 90%;
        }

        .atributosValorListPaginaContinua li input {
            display: block;
            margin: auto;
        }

.listBines {
    max-height: 300px;
    overflow: auto;
    width: 100%;
}

    .listBines thead {
        position: sticky;
        top: 0;
        z-index: 1;
    }


.atributosVisibles {
    clear: both;
}

    .atributosVisibles .contenedor-inputs {
        clear: both;
        display: flex;
        justify-items: center;
        align-items: center;
    }

        .atributosVisibles .contenedor-inputs .div-label-checkbox {
            display: flex;
            flex-direction: column;
            text-align: center;
            align-items: center;
        }

.reenvioMailDialogContent {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.btn-reload {
    position: relative;
    float: right;
    background: transparent;
    border: none;
    cursor: pointer;
    clear: none;
    margin-right: -20px;
    top: -29px;
}

    .btn-reload img {
        width: 28px;
    }