/* DEFAULTS
----------------------------------------------------------*/
.DisplayNull {
    display: none;
}

.Procesando {
    position: absolute;
    left: 50%;
    top: 20%;
}

input, select {
    /*margin: 0;*/
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
}

.FileUpload {
    display: inline;
    width: 400px;
    height: 30px;
}

/* Styles for the page FinderSubscribers */
.FondoAplicacion {
    background-color: Gray;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

.CajaDialogo {
    background-color: White;
    border-width: 4px;
    font-weight: bold;
    padding: 0px;
    width: 200px;
}

/*Controles dentro de celdas del Grid*/
.ms-ControlesGrid {
    background-color: Transparent; /*background:#ebf3ff;*/
    border-width: 0;
}

input[type="text"] {
    font-size: 12px;
}

/*Alinear los checkbox con sus labels y spans*/
input[type=checkbox] + label, input[type=checkbox] + span {
    vertical-align: top;
    margin-left: 3px;
}

input[disabled], .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, button[disabled] {
    background-color: #e4e4e4 !important;
    opacity: 1;
    cursor: not-allowed !important;
}

select {
    font-size: 12px;
}

textarea {
    font-size: 12px;
    margin-right: 5px;
    font-family: "Avenir Next LT Pro Regular";
    resize: vertical;
}

body {
    font-family: Arial, Helvetica, sans-serif, Verdana;
    padding: 0px; /* background: #54C4EC; */
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    color: #525252;
    cursor: default;
}

a {
    text-decoration: none;
}

    a:link, a:visited {
        font-weight: bold;
        /*font-size:12px;*/
    }

    a:hover {
        text-decoration: none;
        /*font-size:12px; */
    }

    a:active {
        font-size: 12px;
    }

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.aspNetHidden {
    display: none;
}

.Container {
    padding: 0px auto 0px auto;
    width: 100%;
    text-align: center;
}

.mainbody {
    width: 960px;
    text-align: left;
    margin: 0px auto;
    background: white;
    clear: both;
    font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
}

    .mainbody input, textarea, keygen, select, button {
        font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
    }


.headerPanel {
    background: white;
    padding: 15px 0px;
}

.MenuPanelFooter {
    background: #17193E !important;
}

.header {
    background: white;
}

.menuPanel {
    background: #17193E;
}

.menuBar {
    background: #17193E;
    height: 45px;
    display: block;
}

DIV.menuBar DIV.menu {
    padding-left: 40px;
}

.menu ul li {
    position: relative;
    float: left
}

#ctl00_Menu1 a {
    padding-left: 0.15em;
    padding-right: 0.15em;
}


.main {
    background: white;
    min-height: 420px;
}

.siteMap {
    padding: 10px;
    text-align: left;
    background-color: #EEEEEE;
    width: auto;
    overflow: hidden;
    vertical-align: middle;
}


.contentHeader {
    font-weight: bold;
    background-color: #EEEEEE;
    text-transform: uppercase;
    padding-top: 25px;
    padding-bottom: 10px;
}

    .contentHeader div {
        padding-left: 20px;
        background-repeat: no-repeat;
        background-position: left;
    }


.contentHeaderWhite {
    font-weight: bold;
    background-color: #FFFFFF;
    text-transform: uppercase;
    padding-top: 25px;
    padding-bottom: 10px;
}

    .contentHeaderWhite div {
        padding-left: 20px;
        background-repeat: no-repeat;
        background-position: left;
    }

.bodyDark {
    padding: 0px;
    text-align: left;
    background-color: #EEEEEE;
    overflow: hidden;
    font-size: 12px;
}

    .bodyDark label {
        font-size: 12px;
    }

.bodygrey {
    padding: 0px;
    text-align: left;
    background-color: #ececec;
    overflow: hidden;
    font-size: 12px;
}

.contentBox {
    border-color: #EEEEEE;
    border-style: solid;
    border-top-width: 12px;
    border-bottom-width: 21px;
    border-left-width: 20px;
    border-right-width: 20px;
    background-color: #FFFFFF;
    padding: 16px 20px 20px 20px;
    overflow: hidden;
}

.contentBoxMenu {
    border-color: #EEEEEE;
    border-style: solid;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    background-color: #FFFFFF;
    padding: 5px;
    overflow: hidden;
}

.contentBoxSubMenu {
    border-color: #EEEEEE;
    border-style: solid;
    border-top-width: 3px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    background-color: #FFFFFF;
    padding: 0px;
    overflow: hidden;
}

.contentBoxUsers {
    overflow-x: auto;
}

.bodyWhite {
    text-align: left;
    background-color: #FFFFFF;
    border-color: #EEEEEE;
    border: 0px;
}

.footerPanel {
    background: #17193E;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    background: #17193E;
    line-height: normal;
    padding-top: 10px;
    color: White;
    font-weight: bold;
    font-size: 10pt;
}

div.HeaderRight {
    width: 290px;
    height: 125px;
    padding: 15px;
    background-color: #EEEEEE;
    border: 1px solid #DCDCDC;
    float: right;
    text-align: left;
    overflow: hidden;
    border-radius: 10px;
}

div.HeaderLogo {
    display: table-cell;
    width: 110px;
    height: 90px;
    background-color: #FFF;
    border: 1px solid #DCDCDC;
    overflow: hidden;
    float: right;
    line-height: 118px;
    vertical-align: middle;
    text-align: center;
}



div.HeaderRight a {
    text-decoration: none;
    color: #555454;
    font-weight: bold;
}

    div.HeaderRight a:hover {
        text-decoration: none;
        font-weight: bold;
        cursor: hand;
    }

a.close {
    color: #FF0000;
}

div.HeaderRight span.Wellcome {
    color: #555454;
    font-size: 16px;
    margin-top: 8px;
    display: block;
}

div.HeaderRight span.LoginName {
    font-size: 11pt;
    font-weight: bold;
}

div.HeaderRight span.UserRole {
    font-size: 12px;
    font-style: italic;
}

div.HeaderRight div.Actions {
    margin-top: 8px;
    font-size: 12px;
}

    div.HeaderRight div.Actions img {
        vertical-align: bottom;
    }

/* FIND BOX */
.noBorder {
    width: 145px;
    height: 16px;
    border: 0px;
    margin: 5px 5px 5px 10px;
}


.noBorderLarge {
    width: 280px;
    height: 16px;
    border: 0px;
    margin: 5px 5px 5px 10px;
}

.findBox {
    text-align: center;
    vertical-align: text-bottom;
    float: right;
    width: 30px;
    height: 30px;
    margin: 0;
    border-left: 2px solid #EEE;
    background-color: #f6f6f6;
}

    .findBox input {
        padding: 0;
        margin: 0;
        width: auto;
        height: auto;
    }

.Watermark {
    color: #999;
}

/* DIV AS TABLES */

.div-table {
    display: table;
}

.div-table-body {
    display: table-row-group;
}

.div-table-row {
    display: table-row;
}

.div-table-header {
    display: table-row;
}

.div-table-row_border_bottom {
    display: table-row;
}

.div-table-col {
    display: table-cell;
    padding: 4px 4px 4px 0px;
}

    .div-table-col.selectMaxSize select {
        width: 100%
    }

.toolTipTableCol {
    display: table-cell;
    padding: 4px 4px 4px 0px;
}



.div-NOwrap {
    display: inline-block;
    white-space: nowrap;
}

.strippedTable.div-table .div-table-row:nth-child(odd) {
    background-color: #EEEEEE;
}

.strippedTable.div-table .div-table-row:nth-child(even) {
    background-color: #FFFFFF;
}

/* TABS */
div.tabsContainer {
    margin-top: 10px;
}

.productTabContainer {
    position: relative;
    min-height: 50px;
}

div.floatLeft {
    float: left;
}

    div.floatLeft ul.menuTabContainer {
        position: relative;
        width: auto;
        float: left;
        padding: 0;
    }

        div.floatLeft ul.menuTabContainer li.menuItemContainer {
            position: relative;
            float: left;
        }

            div.floatLeft ul.menuTabContainer li.menuItemContainer:hover {
                background-color: #EEEEEE;
            }

div.mainActionContainer {
    background-color: white;
    display: block;
    padding: 11px 30px 0px 20px;
    text-align: center;
}

    div.mainActionContainer a {
        display: inline-block;
        height: 18px;
    }

        div.mainActionContainer a img.imageStyle {
            border-width: 0px;
        }

        div.mainActionContainer a.createNewProductBtn {
            width: 145px;
        }

/* SUB MENU */

div.subMenu {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

    div.subMenu ul {
        list-style: none;
        margin: 0px;
        padding: 0px 10px;
        width: 100%;
        border-left: 1px solid #EEEEEE;
    }

        div.subMenu ul li a, div.subMenu ul li a:hover, subMenu.menu ul li a:visited {
            display: block;
            padding: 10px 20px;
            background-color: #FFFFFF;
            text-decoration: none;
            white-space: nowrap;
            vertical-align: middle;
            /*text-transform: uppercase;*/
            text-align: center;
            font-size: 10px;
        }

    div.subMenu a.selected {
        text-decoration: none;
        color: #555454;
        background-color: #EEEEEE;
    }

    div.subMenu a:active {
        text-decoration: none;
        color: #555454;
        background-color: #EEEEEE;
    }

    div.subMenu a:hover {
        background-color: #EEEEEE !important;
    }

    div.subMenu img {
        padding: 0px;
        margin: 0px 5px 0px 10px;
        border: 0px;
        vertical-align: text-bottom;
    }

    div.subMenu li.static {
        border-top: 1px solid #EEEEEE;
        border-right: 1px solid #EEEEEE;
    }

/* SUB MENUFOODINFO */



div.subMenuInfo {
    font-size: 12px;
    font-weight: bold;
    background: #EEEEEE;
}

    div.subMenuInfo ul {
        list-style: none;
        margin: 0px;
        padding: 0px 10px;
        width: 100%;
    }

        div.subMenuInfo ul li a, subMenuInfo.menu ul li a:visited {
            display: block;
            padding: 10px 20px;
            background-color: #EEEEEE;
            text-decoration: none;
            white-space: nowrap;
            vertical-align: middle;
            width: 160px;
            text-transform: uppercase;
        }

    div.subMenuInfo a.selected {
        text-decoration: none;
        background-color: #FFFFFF;
    }

    div.subMenuInfo li.static {
        border-top: 1px solid #EEEEEE;
        border-right: 1px solid #EEEEEE;
    }

.textCenter {
    text-align: center;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    width: 100%;
    text-align: center;
}

div.menu {
    padding: 0px;
    height: 45px;
    margin: 0px;
    letter-spacing: 1px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px 10px;
        width: 100%;
        float: left;
        height: 45px;
    }

        div.menu ul li a, div.menu ul li a:visited {
            color: White;
            text-decoration: none;
            white-space: nowrap;
            height: 21px;
            padding: 12px;
            vertical-align: middle;
            width: auto;
            text-transform: uppercase;
        }

            div.menu ul li a:hover {
                text-decoration: none;
            }

            div.menu ul li a:focus {
                text-decoration: none;
            }

    div.menu img {
        padding: 0px;
        margin: 5px 5px 0px 10px;
        border: 0px;
        vertical-align: text-bottom;
    }


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
    font-size: 12px;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

.titleItem {
    font-size: 14px;
    color: #263238;
    font-weight: bold;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px; /* color: White; */
}

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.lineSeparator {
    margin-top: 5px;
    margin-bottom: 10px;
}

.lineSeparatorV {
    margin-left: 5px;
    margin-right: 5px;
}


/* Buttons  
----------------------------------------------------------*/

.buttons a, .buttons button, .buttons input[type=button] {
    display: inline;
    /*margin: 0 7px 0 0;*/
    background-color: #f5f5f5;
    border: 1px solid #c5c5c5;
    line-height: 130%;
    text-decoration: none;
    font-weight: normal;
    color: #565656 !important;
    cursor: pointer;
    padding: 5px 10px; /* Links */
    overflow: hidden;
    width: 100px; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F3F3F3'); /* for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#F3F3F3));*/ /* for webkit browsers */
    /*background: -moz-linear-gradient(top,  #F9F9F9,  #F3F3F3);*/ /* for firefox 3.6+ */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    white-space: nowrap;
    text-align: center;
}

.ui-button {
    margin-right: 0px !important;
    margin-left: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
}

.nomargin a {
    margin: 0px;
}

div.upload {
}

    div.upload input {
    }

.NoRounded a, .NoRounded button {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
}


.buttons button {
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}

    .buttons button[type] {
        line-height: 17px; /* Safari */
    }

*:first-child + html button[type] {
    padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}


.noTextButton a, .noTextButtonPrivacy a {
    padding-right: 0px;
    text-align: center;
}

.noTextButton {
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
}



.noTextButtonPrivacy {
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    background-color: #F5F5F5;
    width: 114px;
    height: 29px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.noTextButtonPrivacyDisabled {
    font-size: 11px;
    text-decoration: none;
    color: #A0A0A0;
    background-color: #F9F9F9;
    width: 114px;
    height: 29px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

    .noTextButtonPrivacyDisabled a {
        padding-right: 0px;
        text-align: center;
        background-color: #F9F9F9;
    }

        .noTextButtonPrivacyDisabled a img {
            margin: 7px 0px 0px 16px;
        }

/* STANDARD */


button:active, .buttons a:active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#F9F9F9'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#F9F9F9)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #F1F1F1, #F9F9F9); /* for firefox 3.6+ */
    border-bottom-color: #EEEEEE;
    border-right-color: #EEEEEE;
    border-left-color: #CCCCCC;
    border-top-color: #CCCCCC;
}



/* POSITIVE */

button.positive, .buttons a.positive {
    color: #fff !important;
    font-weight: normal;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#BB3926), to(#AA3926));*/ /* for webkit browsers */
    /*background: -moz-linear-gradient(top,  #AA3926,  #993926);*/ /* for firefox 3.6+ */
}


    .buttons a.positive:active {
        border-bottom-color: #EEEEEE;
        border-right-color: #EEEEEE;
        border-left-color: #CCCCCC;
        border-top-color: #CCCCCC;
    }

/* NEGATIVE */

.buttons a.negative, button.negative {
    color: #d12f19;
}

    .buttons a.negative:hover, button.negative:hover {
        background: #fbe3e4;
        border: 1px solid #fbc2c4;
        color: #d12f19;
    }

    .buttons a.negative:active {
        background-color: #d12f19;
        border: 1px solid #d12f19;
        color: #fff;
    }

/* REGULAR */

button.regular, .buttons a.regular {
    color: #336699;
}

    .buttons a.regular:active {
        color: #fff;
    }

/* GREEN */

.buttons a.green {
    color: white !important;
    background-color: #94C352;
    border: 1px solid #8CB95A;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7D161', endColorstr='#81B94C'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#A7D161), to(#81B94C)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #A7D161, #81B94C); /* for firefox 3.6+ */
}

    .buttons a.green:hover {
        border: 1px solid #86B35A;
        color: #305B06;
    }

    .buttons a.green:active {
        /* color: #608B36;*/
        color: #305B06;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81B94C', endColorstr='#A7D161'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#81B94C), to(#A7D161)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #81B94C, #A7D161); /* for firefox 3.6+ */
        border-bottom-color: #8CB95A;
        border-right-color: #8CB95A;
        border-left-color: #6C993A;
        border-top-color: #6C993A;
    }

.buttons a.disable {
    pointer-events: none;
    cursor: default;
    color: #BABABA !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #c5c5c5 !important;
}

    .buttons a.disable:hover {
        text-decoration: none;
        color: #BABABA;
    }

button.iconButton {
    font-size: 12px;
    width: 180px;
}

    button.iconButton img {
        vertical-align: middle;
        width: 16px;
    }

    button.iconButton span {
        margin-left: 5px;
        vertical-align: middle;
    }

/* PAGER */

.pagerPrevious {
    padding: 5px;
    float: left;
    border: 1px solid #BBBBBB;
    width: 50px;
    background-image: url(/img/button/lsarrow.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 60px;
}

.pagerNext {
    padding: 5px;
    padding-left: 10px;
    float: left;
    border: 1px solid #BBBBBB;
    width: 100px;
    background-image: url(/img/button/gtarrow.png);
    background-repeat: no-repeat;
    background-position: right;
}

.pager {
    padding: 5px;
    float: left;
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #BBBBBB;
    width: 567px;
    text-align: center;
}

.currentPage {
    border: 1px solid #BBBBBB;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.pageNumber {
    padding-top: 7px;
    padding-bottom: 6px;
    padding-right: 10px;
    padding-left: 10px;
}


/* MODAL DIALOGS */
div.modalBackground {
    filter: alpha(opacity=40);
    background: #eeeeee;
    opacity: .4;
}

div.Dialog {
    padding: 1px;
    margin: 0px;
    border: solid 1px #000;
    background-color: #EFEFEF;
    overflow: auto;
    max-height: 90%;
}

    div.Dialog div.Content {
        padding: 10px;
        margin: 0px;
        background-color: white;
        overflow: auto;
    }

    div.Dialog div.DialogHeader {
        margin: 0px 10px 10px 10px;
        height: 25px;
        border-bottom: 1px solid #AEE0F7;
        font-size: larger;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        display: table;
        width: 97%;
        border-bottom: 1px solid #AEE0F7;
    }

    div.Dialog div.buttons a {
        text-align: center;
        padding: 5px;
    }

.Dialog.Modal {
    /*overflow: hidden !important;*/
}

div.right {
    text-align: right;
}

table span {
    font-size: 12px;
}

div.modalBackground {
    filter: alpha(opacity=40);
    background: #eeeeee;
    opacity: .4;
}

@media print {
    .noPrint {
        display: none;
    }

    DIV.Content {
        overflow: visible;
    }
}

/* Forms  */
.Form div {
    clear: both;
    margin: 0 0 10px 0;
    overflow: hidden;
}

.Form label, .Form span {
    display: block;
    font-weight: bold;
    text-align: right;
    width: 150px;
    float: left;
    margin-right: 20px;
    font-size: 12px;
}

.Form .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}

.Form input, .Form textarea, .Form select {
    float: left;
    font-size: 12px;
    padding: 2px 2px;
    margin: 0 0 10px 0;
}

.Form input {
    width: 200px;
}

.Form select {
    min-width: 100px;
}

.Form SPAN.CheckBox, .Form SPAN.Controls {
    width: auto;
    min-width: 0;
    border: 0;
    margin-left: 8px;
    margin-top: 2px;
}

    .Form SPAN.CheckBox input, .Form SPAN.Controls INPUT {
        width: auto;
        min-width: 0;
        border: 0;
    }

    .Form SPAN.CheckBox label, .Form SPAN.Controls label {
        margin-left: 5px;
        margin-top: 0px;
        width: auto;
    }

    .Form SPAN.Controls br {
        clear: both;
    }

.Form button {
    clear: both;
    margin-left: 150px;
    width: 125px;
    height: 31px;
    background: #666666 url(/img/button.png) no-repeat;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.Form div.Controls {
    float: left;
    clear: none;
    margin: 0;
}

.Form span.Error {
    color: Red;
    padding-left: 20px;
    width: auto;
}


.leftAlign label, .leftAlign span {
    text-align: left;
}


/* GRIDVIEW
----------------------------------------------------------*/
.GridViewStyle {
    font-size: 12px;
    clear: both;
}

    .GridViewStyle TH {
        font-size: 12px;
    }


.HeaderStyle TH {
    font-size: 12px;
}

.HeaderStyle A {
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.PagerStyle TD {
    text-align: left;
}

.PagerStyle TABLE TD {
    text-align: center;
    border: 1px;
    font-size: 12px;
}

.PagerStyle TD A {
    padding: 4px 10px;
    font-size: 12px;
}

.RowStyle {
    color: #333333;
    background-color: #F6F6F6;
    font-size: 12px;
}

.AlternatingRow {
    color: #333333;
    background-color: #ffffff;
    font-size: 12px;
}

.SortAscending {
    text-align: left;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 5px 10px;
    background-image: URL(/img/misc/arrow_up.png);
}

.SortDescending {
    text-align: left;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 5px 8px;
    background-image: URL(/img/misc/arrow_down.png);
}

div.HeaderSearch a {
    text-decoration: none;
    color: #555454;
    font-weight: bold;
}

    div.HeaderSearch a:hover {
        text-decoration: none;
        font-weight: bold;
    }

div.treeBox, div.treeBoxVerticalColumns {
    border-color: #EEEEEE;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    background-color: #FFFFFF;
    padding: 0px 5px 0px 0px;
    overflow: auto;
    scrollbar-face-color: #EEEEEE;
    scrollbar-highlight-color: #EEEEEE;
    scrollbar-3dlight-color: #aEEEEE;
    scrollbar-darkshadow-color: #EEEEEE;
    scrollbar-shadow-color: #EEEEEE;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #ffffff;
}

.treeBox input, .treeBoxVerticalColumns input {
    width: 20px;
    border-style: none;
    margin: 0px;
}

.treeBox span, .treeBoxVerticalColumns span {
    text-align: left;
    font-weight: normal;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
    margin: 0px;
}

.treeBox label, .treeBoxVerticalColumns label {
    text-align: left;
    font-weight: normal;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
    margin: 0px;
}


.treeBoxVerticalColumns table, .treeBoxVerticalColumns tr {
    width: 100%;
}

div.treeBoxVertical {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    background-color: #FFFFFF;
    padding: 0px 5px 0px 0px;
}

.treeBoxVertical input {
    width: 20px;
    border-style: none;
    padding: 0px 5px 0px 0px;
}

.treeBoxVertical span {
    text-align: left;
    font-weight: normal;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
}

.treeBoxVertical label {
    text-align: left;
    font-weight: normal;
    padding: 0px 5px 0px 0px;
    font-size: 12px;
}






div.treeBoxOthersFiles {
    border-color: #EEEEEE;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    background-color: #EEEEEE;
    padding: 0px 0px 0px 0px;
    overflow: auto;
    scrollbar-face-color: #EEEEEE;
    scrollbar-highlight-color: #EEEEEE;
    scrollbar-3dlight-color: #aEEEEE;
    scrollbar-darkshadow-color: #EEEEEE;
    scrollbar-shadow-color: #EEEEEE;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #ffffff;
}


.treeBoxOthersFiles input {
    width: 20px;
    border-style: none;
    padding: 0px 0px 0px 0px;
}

.treeBoxOthersFiles span {
    text-align: left;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
}

.WarningMessage {
    color: #D63301;
    background-color: #FFE7E0;
    text-align: left;
    padding: 10px;
    border: 1px solid red;
    margin-top: 15px;
}

.hCenter {
    text-align: center;
}

.someClass2 {
    color: Red;
}

.styledDdlb {
    background-color: #EEE;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    border: 1px solid #DDDDDD;
    margin-left: 15px;
}

    .styledDdlb select {
        color: #565656;
        font-weight: bold;
        border-style: solid;
        border-width: 0px;
        background-color: #EEE;
    }


.styledDdchk {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    margin-left: 15px;
    text-align: right;
}

.ItemAttribute {
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 6px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    text-transform: uppercase;
}

.rounded {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.gallerypic {
    position: relative;
    height: 100px;
    width: 100px;
    border: 1px solid #DCDCDC;
    vertical-align: middle;
    display: block;
}

.gpNoBorder {
    border: 0px;
}

div.gallerypic span.zoom-icon {
    position: absolute;
    bottom: 5%;
    right: 5%;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

div.gallerypic div.zoom-icon {
    position: absolute;
    bottom: 5%;
    right: 5%;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

div.gallerypic span.download-icon {
    position: absolute;
    bottom: 5%;
    left: 5%;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

div.gallerypic div.download-icon {
    position: absolute;
    bottom: 5%;
    left: 5%;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}


.footerBox {
    margin-top: 4px;
    color: #515151;
    display: block;
}

.footerBoxInner {
    background-color: #FFFFFF;
    height: 77px;
}

/* REORDER LIST */

.dragHandle {
    width: 10px;
    height: 15px;
    cursor: move;
    border: outset thin white;
}

.callbackStyle {
    border: thin blue inset;
}

    .callbackStyle table {
        color: Black;
    }

.reorderListDemo li {
    list-style: none;
    margin: 2px;
    background-color: #F6F6F6;
    background-repeat: repeat-x;
}

    .reorderListDemo li a {
        color: #FFF !important;
        font-weight: bold;
    }

.reorderCue {
    border: dashed thin black;
    width: 100%;
    height: 25px;
}

.itemArea {
    margin-left: 15px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    text-align: left;
}

.reorderListDemoTall li {
    list-style: none;
    margin: 2px;
    background-color: Blue;
    color: #FFF;
}

.itemAreaTall {
    margin-left: 15px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    text-align: left;
    width: 800px;
    height: 185px;
    margin-top: 15px;
}

.reorderCueTall {
    border: dashed thin black;
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
}

/* END REORDER LIST */

.leftMargin {
    margin-left: 5px;
}

.rightMargin a {
    margin-right: 15px;
}

/*AutoComplete flyout */
.completionList {
    border: solid 1px #CCCCCC;
    margin-top: 4px;
    text-align: left;
    list-style-type: none;
}

.completionListItem {
    color: #1C1C1C;
}

.completionItemHighlighted {
    color: #FFFFFF;
}

.completionListMult {
    border: solid 1px #CCCCCC;
    margin-top: 4px;
    padding: 4px;
    background-color: #FAFAFA;
    text-align: left;
    list-style-type: none;
    z-index: 9999999999 !important;
    position: relative;
}

.completionListItemMult {
    color: #1C1C1C;
    z-index: 9999999999 !important;
    position: relative;
}

.completionItemHighlightedMult {
    color: #FFFFFF;
    z-index: 9999999999 !important;
    position: relative;
}

.foodinfodescriptionbold {
    font-weight: bold;
}


.foodInfo_form {
    float: left;
    width: 100%;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;
}

/* DIV AS FOODINFO */


/* DIV AS FOODINFO */


.FooodInfo-row {
    padding: 4px 4px 4px 0px;
}

.FooodInfo-row-ctrlfieldValue {
    padding: 4px 4px 4px 0px;
}


div.FooodInfo-row-link, div.FooodInfo-row-multiplecolumn-link, div.FooodInfo-row2-link {
    float: right;
}

a.FooodInfo-row:link, a.FooodInfo-row:visited, a.FooodInfo-row2:link, a.FooodInfo-row2:visited, a.FooodInfo-row-multiplecolumn:link, a.FooodInfo-row-multiplecolumn:visited {
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}

a.FooodInfo-row:hover, a.FooodInfo-row2:hover, a.FooodInfo-row-multiplecolumn:hover {
    color: #666666;
    text-decoration: none;
    font-size: 12px;
}

a.FooodInfo-row:active, a.FooodInfo-row2:active, a.FooodInfo-row-multiplecolumn:active {
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}


.FooodInfo-cell {
    display: table-cell;
    padding: 4px 4px 4px 0px;
    vertical-align: middle;
}

.FooodInfo-cell-ctrlfieldValue {
    padding: 4px 4px 4px 0px;
}

.FooodInfo-cell-ctrlLabel {
    color: Gray;
}

.FooodInfo-row-multiplecolumn {
    padding: 4px 4px 4px 0px;
}

.FooodInfo-row-multiplecolumn-ctrlfieldValue {
    padding: 4px 4px 4px 0px;
}

.foodinfodescription {
    font-weight: normal;
    color: #000000;
}

.FooodInfo-row-multiplecolumn-ctrlLabel {
    color: Gray;
}


.FooodInfo-row-gray {
    padding: 4px 4px 4px 0px;
}

.FooodInfo-row-gray-ctrlfieldValue {
    padding: 4px 4px 4px 0px;
}

.FooodInfo-row-gray-ctrlLabel {
    color: Gray;
}


/* GRIDVIEW
----------------------------------------------------------*/

.GridViewStyleNutrients {
    text-align: left;
    font-size: 12px;
}

.GridViewStyleeNutrients TH {
    font-size: 12px;
}

.GridViewStyleNutrientsName {
    text-align: left;
    font-size: 12px;
}

    .GridViewStyleNutrientsName TH {
        text-align: left;
        font-size: 12px;
    }

.HeaderStyleNutrients TH {
    font-size: 12px;
}

.FooodInfo-col {
    display: table-cell;
    padding: 4px 4px 4px 0px;
}

.FooodInfo-col-ctrlfieldValue {
    padding: 4px 4px 4px 0px;
}

.FooodInfo-col-ctrlLabelValue {
    font-weight: normal;
    color: #000000;
}


.FooodInfo-row_Nutrients {
    padding: 4px 4px 4px 0px;
}

.FooodInfo-row_Nutrients-ctrlfieldValue {
    padding: 4px 4px 4px 0px;
}

.FooodInfo-row_Nutrients-ctrlLabel {
}

.ExtFields-cell {
    display: table-cell;
    padding: 4px 4px 4px 0px;
    vertical-align: top;
}

.ExtFields-cell-ctrlfieldValue {
    padding: 4px 4px 4px 0px;
    font-weight: bold;
}


.ButtonAsHyperLink {
    background-color: transparent;
    border: none;
    color: #555454;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
}

    .ButtonAsHyperLink:hover {
        color: #993926;
    }


.checkboxlist_nowrap tr td {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

div.divFolderTel {
    margin-top: 12px;
}

/*IFRAMEingredientStatement*/


.IFRAMEingredientStatement {
    padding: 4px 4px 4px 0px;
}

.IFRAMEingredientStatement-ctrlfieldValue {
    padding: 4px 4px 4px 0px;
}



div.IFRAMEingredientStatement-link, div.IFRAMEingredientStatement-multiplecolumn-link, div.IFRAMEingredientStatement2-link {
    float: right;
}

a.IFRAMEingredientStatement:link, a.IFRAMEingredientStatement:visited, a.IFRAMEingredientStatement2:link, a.IFRAMEingredientStatement2:visited, a.IFRAMEingredientStatement-multiplecolumn:link, a.IFRAMEingredientStatement-multiplecolumn:visited {
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}

a.IFRAMEingredientStatement:hover, a.IFRAMEingredientStatement2:hover, a.IFRAMEingredientStatement-multiplecolumn:hover {
    color: #666666;
    text-decoration: none;
    font-size: 12px;
}

a.IFRAMEingredientStatement:active, a.IFRAMEingredientStatement2:active, a.IFRAMEingredientStatement-multiplecolumn:active {
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}


/*Botones Ficha producto*/
.buttonFichaProducto {
    display: inline-block !important;
    width: 165px !important;
}

.linkBtn {
    font-weight: bold;
    display: block;
    cursor: pointer;
}

    .linkBtn.fit {
        display: inline-block;
    }

input.invalid, textarea.invalid, select.invalid {
    border: 1px solid red;
}

.invalid .form-control.ui-select-toggle, .invalid.form-control.ui-select-multiple:not(.open) {
    border: 1px solid red;
}

.dropzone.invalid {
    border: 2px dashed red;
    /*border: 2px dashed #e35151;*/
}

/* FONTS */

@font-face {
    font-family: 'Avenir Next LT Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/AvenirNextLTPro-Regular.woff') format('woff');
}

/* PRODUCT BASIC INFO */

#productContainer {
    font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#actionsButtonsContainer, #editButtonsContainer {
    display: block;
    height: 35px;
}

.ActionsBtns {
    float: right;
}

.ActionsBtnsEnd {
    margin-top: 10px;
}

.ActionsBtns img {
    margin-right: 10px;
    cursor: pointer;
}

.ActionsBtns div {
    display: inline;
}

.carouselContainer {
    float: left;
    display: table;
    text-align: center;
    vertical-align: middle;
    /*width: 200px;
    height: 200px;*/
    width: 300px !important;
    margin-right: 40px;
}

.BasicInfoContainer {
    padding: 20px;
    border: 1px solid #ccc;
    min-height: 260px;
    margin-bottom: 20px;
    display: inline-block;
    width: 755px;
}

.BasicInfo-col1 {
    float: left;
    width: 190px;
    margin: 0px 10px;
}

.BasicInfo-col2 {
    width: 184px;
    float: left;
    margin: 0px 10px;
}

.validationIconsContainer .validationIcon {
    display: inline;
}

    .validationIconsContainer .validationIcon img {
        width: 26px;
        height: 26px;
        margin-left: 4px;
    }

        .validationIconsContainer .validationIcon img.clickable {
            cursor: pointer;
        }

/*HAZARD*/

.HazardContainer {
    position: relative;
    padding: 20px;
    border: 1px solid #ccc;
    /*min-height: 260px;*/
    margin-bottom: 20px;
    display: inline-block;
    width: 755px;
    font-size: 14px;
}

.hazardTabla {
    display: inline-block;
}

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

.Hazard-col1 {
    float: left;
    width: 250px;
}

.Hazard-col2 {
    float: left;
    width: 250px;
}

.Hazard-onlycol2 {
    float: left;
    width: 550px;
}

.Hazard-col3 {
    float: left;
    width: 200px;
}

.hazarCompositionGroup {
    padding: 0px 5px;
    position: relative;
    height: auto;
    width: 100%;
}

    .hazarCompositionGroup.title {
        height: 25px;
    }

    .hazarCompositionGroup input, .hazarCompositionGroup select {
        width: 100%;
        margin: 17px 0;
    }

    .hazarCompositionGroup .deleteGroupBtn {
        cursor: pointer;
        vertical-align: sub;
    }

        .hazarCompositionGroup .deleteGroupBtn img {
            width: 18px;
        }

#logosBtns {
    margin-right: 15px;
}

.hazardCompositionValues .compositionValue {
    width: 45%;
    vertical-align: top;
    padding-right: 10px;
}

    .hazardCompositionValues .compositionValue textarea {
        width: 100%;
        margin-top: 10px;
    }

.hazardCompositionValues .quantityValue {
    width: 20%;
    padding-right: 10px;
}

.hazardCompositionValues .unitValue {
    width: 25%;
    padding-right: 10px;
}

.hazardSelectList {
    margin-bottom: 10px;
    width: 600px;
}

.spinnerHazardContainer {
    margin: 0 auto;
    width: 50px;
}

    .spinnerHazardContainer img {
        width: 50px;
    }

.addHazardCompositionBtn {
    margin: 10px 5px;
}

#divHazardCompositionEdit, #hazardCompositionActions {
    margin: 5px 0;
}

/*END HAZARD*/

.group-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.form-group {
    display: block;
    margin-bottom: 16px;
}

.form-input {
    color: #000;
    min-height: 16px;
}

    .form-input .languageTag {
        display: block;
        margin-bottom: 10px;
        font-weight: initial;
    }

.form-item {
    margin-bottom: 10px;
    text-align: left;
}

    .form-item .languageTag {
        display: block;
        margin-bottom: 10px;
        font-weight: initial;
    }

    .form-item .label-container {
        padding: 0 10px;
    }

        .form-item .label-container label {
            font-weight: bold;
        }

    .form-item .input-container {
        padding: 10px;
    }

    .form-item.column50 {
        width: 50%;
    }

    .form-item.column75 {
        width: 75%;
    }

    .form-item.column100 {
        width: 100%;
    }

    .form-item.column25 {
        width: 25%;
    }

    .form-item.column33 {
        width: 33%;
    }

    .form-item.column66 {
        width: 66%;
    }

.form-buttons {
    padding: 10px;
}

    .form-buttons input[type=button] {
        margin-left: 7px;
    }


.form-item-inline {
    margin-bottom: 16px;
}

.form-item_width textarea {
    width: 160px;
}

.form-group .form-item-inline {
    display: table-row;
}

.form-item-inline .form-input {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 10px;
    font-weight: normal;
}

.form-item_ExtraSpace {
    margin-bottom: 20px;
}

.ContactoContainer img, .RedesSocialesContainer img {
    margin-right: 16px;
}

#privacityItem.form-item.publico .enabled {
    background-image: url(../img/icons/publico-enabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#privacityItem.form-item.publico .isDisabled {
    background-image: url(../img/icons/publico-disabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.classificationDescription {
    max-width: 190px;
}

/* OTHER INFO */
.OtherInfoContainer {
    margin-top: 20px;
}

    .OtherInfoContainer .OtherInfoValues {
        display: inline-block;
        width: 100%;
    }

        .OtherInfoContainer .OtherInfoValues .form-item {
            width: 32%;
            display: inline-block;
        }

            .OtherInfoContainer .OtherInfoValues .form-item input {
                width: 110px;
            }

            .OtherInfoContainer .OtherInfoValues .form-item select {
                width: 110px;
            }

/* MEDIDAS */

.MedidasContainer {
    padding: 20px;
    border: 1px solid #ccc;
    clear: both;
    overflow: auto;
    margin-bottom: 20px;
}

.MedidasValues {
    display: inline-block;
}

    .MedidasValues .form-item {
        width: 33%;
        height: 40px;
        margin-bottom: 10px;
        float: left;
    }

        .MedidasValues .form-item input {
            width: 110px;
        }

        .MedidasValues .form-item select {
            width: 110px;
        }

/* ESCAN*/

#eScanHeader {
    margin: 16px 0;
    cursor: pointer;
}

.EscanContainer {
    clear: both;
}

.EscanDescription {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

    .EscanDescription textarea {
        width: 100%;
    }

.EscanBarcodeContainer {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    position: relative;
}

#divBarcode {
    display: none;
    margin: 0 auto;
    width: 50%;
}

#descriptionBarcodeLabel {
    font-size: X-Small;
    font-weight: bold;
}

.ESCANElement {
    width: 100%;
    margin: 10px;
}

#iconNewEscan {
    float: left;
    width: 30%;
}

#barcode {
    position: relative;
    width: 230px;
    top: 25px;
    right: 20px;
    float: right;
    padding: 0px;
    overflow: auto;
}

.barcodeContainer {
    text-align: center;
    top: 10px;
    padding: 0px;
    height: 100px;
    width: 400px;
    background: url(/img/misc/barcode.png) no-repeat;
}

.ContactoContainer {
    padding: 20px;
    border: 1px solid #ccc;
    float: left;
    width: 346px;
    margin-right: 20px;
}

.RedesSocialesContainer {
    padding: 20px;
    border: 1px solid #ccc;
    float: left;
    width: 346px;
    overflow: hidden;
}



/* DESCRIPCIONES */

.DescriptionsContainer {
    padding: 20px;
    border: 1px solid #ccc;
    clear: both;
    overflow: auto;
    margin-bottom: 20px;
}

    .DescriptionsContainer textarea {
        width: 100%;
    }

    .DescriptionsContainer .div-table {
        width: 100%;
    }


/* TAB IMAGES */

#listHazardDangerValueEdit, #listHazardPrudenceValueEdit {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hazardDangerClass {
    margin-bottom: 15px;
}

.productShortInfoContainer {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    overflow: hidden;
}

    .productShortInfoContainer .image-container img {
        max-width: 200px;
        max-height: 100%;
    }

    .productShortInfoContainer .ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
        max-width: 400% !important;
        width: 100% !important;
    }

.productImageContainer {
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 10px;
}

.itemCollapse {
    margin: 16px 0;
    cursor: default;
}

.iconCollapse {
    width: 16px;
    display: inline;
    margin: 5px 8px 0 0;
}

.tabCollapse {
    margin-bottom: 10px;
    cursor: pointer;
}

    .tabCollapse .titleCollapse {
        display: inline;
    }

    .tabCollapse h2, .tabCollapse h3, .tabCollapse h4 {
        display: inline;
    }

    .tabCollapse .elementsCount {
        margin-left: 5px;
    }

.tabCollapseMargin5 {
    margin-top: 5px;
    cursor: pointer;
}

.itemCollapseMarginBottom {
    margin-bottom: 30px;
    cursor: default;
}

.iconCollapse12 {
    width: 12px;
    display: inline;
    margin: 5px 3px 0 0;
}

.iconDiskCollapse {
    width: 12px;
    display: inline;
    margin: 5px 8px 0 0;
    margin-left: 15px;
}

#lblPrincipal, #lblPrivado {
    cursor: pointer;
}

/*#grossWeightUoMEdit{
    width:100px;
}*/

.ProductImages-col1 {
    float: left;
    margin-right: 40px;
    max-width: 190px;
}

.ProductImages-col2 {
    width: 280px;
    float: left;
}

.clearBoth {
    clear: both;
}

#brandImageContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
}

#imagesContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
    position: relative;
}

#pictogramsContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
}

#images360Content .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
    position: relative;
}

#planogramsContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
}

#bannersContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
    position: relative;
}

#videosContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
    position: relative;
}

/*#additionalFieldsContent {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
    position: relative;
}*/

#additionalFieldsData .form-item {
    min-height: 36px;
}

#documentsContent .columns,
#QRImageContent,
#foodInfoLabelContent .columns,
#hazardLabelContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
    padding-left: 30px;
    position: relative;
}

#foodInfoLabelContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
    padding-left: 30px;
}

#hazardLabelContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
    padding-left: 30px;
}

.sellosBorder {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
}

.productImage {
    width: 150px;
    margin-right: 40px;
}

.greyLabel {
    background-color: #f1f1f1;
    padding: 2px 8px;
    border-radius: 4px;
    font-weight: bold;
}

.productMainImage {
    display: block;
    margin: auto;
}

#brandImageContainer .columns img {
    margin-right: 10px;
    cursor: pointer;
}

#logosContainer .columns img {
    margin-right: 10px;
    cursor: pointer;
}

#imagesContainer .form-item.publico .enabled {
    background-image: url(../img/icons/publico-enabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#imagesContainer .form-item.publico .isDisabled {
    background-image: url(../img/icons/publico-disabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#imagesContainer .form-item.principal .enabled {
    background-image: url(../img/icons/principal-enabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#imagesContainer .form-item.principal .isDisabled {
    background-image: url(../img/icons/principal-disabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#pictogramsContainer .form-item.publico .enabled {
    background-image: url(../img/icons/publico-enabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#pictogramsContainer .form-item.publico .isDisabled {
    background-image: url(../img/icons/publico-disabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#pictogramsContainer .form-item.principal .enabled {
    background-image: url(../img/icons/principal-enabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#pictogramsContainer .form-item.principal .isDisabled {
    background-image: url(../img/icons/principal-disabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#planogramsContainer .form-item.publico .enabled {
    background-image: url(../img/icons/publico-enabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#planogramsContainer .form-item.publico .isDisabled {
    background-image: url(../img/icons/publico-disabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#planogramsContainer .form-item.principal .enabled {
    background-image: url(../img/icons/principal-enabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#planogramsContainer .form-item.principal .isDisabled {
    background-image: url(../img/icons/principal-disabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#bannersContainer .form-item.publico .enabled {
    background-image: url(../img/icons/publico-enabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#bannersContainer .form-item.publico .isDisabled {
    background-image: url(../img/icons/publico-disabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#bannersContainer .form-item.principal .enabled {
    background-image: url(../img/icons/principal-enabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#images360Container .form-item.publico .enabled {
    background-image: url(../img/icons/publico-enabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#images360Container .form-item.publico .isDisabled {
    background-image: url(../img/icons/publico-disabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#images360Container .form-item.principal .enabled {
    background-image: url(../img/icons/principal-enabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#images360Container .form-item.principal .isDisabled {
    background-image: url(../img/icons/principal-disabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#bannersContainer .form-item.principal .isDisabled {
    background-image: url(../img/icons/principal-disabled.png);
    height: 24px;
    background-repeat: no-repeat;
}

#documentsContainer .form-item.publico .enabled {
    background-image: url(../img/icons/publico-enabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

#documentsContainer .form-item.publico .isDisabled {
    background-image: url(../img/icons/publico-disabled.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.divZoom {
    position: relative;
}

.imgZoom {
    position: absolute;
    right: 0%;
    bottom: 0%;
    cursor: pointer;
}

.imgQA {
    width: 110px;
    padding-top: 20px;
}

    .imgQA p {
        display: inline;
        margin-left: 3px;
        vertical-align: middle;
    }

        .imgQA p img {
            display: inline;
            vertical-align: middle;
        }

/* IFRAME */

.UnStyledContainer {
    font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
}

.foodInfoMainIframe {
    font-size: 14px !important;
}

.iframeContainer {
    width: 98%;
    font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.iframeHeader {
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
    padding: 6px;
}

.iframeLine {
    border-bottom: 1px solid #f1f1f1;
    margin-top: 5px;
    margin-bottom: 10px;
}

.columns.AddRelGTIN {
    height: 150px;
    margin: 6px;
    width: 265px;
    float: left;
    border: 2px solid #ccc;
    padding: 10px;
    cursor: pointer;
}

.columns.AddRelCertificate, .columns.AddRelLogo {
    height: 100px;
    margin: 6px;
    width: 265px;
    float: left;
    border: 2px solid #ccc;
    padding: 10px;
    cursor: pointer;
}

.columns {
    overflow: hidden !important;
}

.actionButtons a {
    margin-right: 10px;
    cursor: pointer;
}

.imageLogoArea {
    height: 100px;
    width: 100px;
    float: left;
    display: table;
}

    .imageLogoArea .imageLogoContainer {
        display: table-cell;
        vertical-align: middle;
    }

.imageLogoContainer img {
    border-width: 0px;
    width: 100px;
}

#logosContent .columns {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    overflow: auto;
    font-size: 14px;
}

.InfoContainer {
    border: 1px darkgray solid;
    background-color: #d7e2f9;
    margin-bottom: 10px;
}

    .InfoContainer img {
        float: left;
        padding: 10px;
    }

.WarningContainer {
    border: 1px orange solid;
    background-color: #ffd699;
    margin-bottom: 10px;
}

.ErrorContainer {
    border: 1px red solid;
    background-color: #F9D7D8;
    margin-bottom: 10px;
}

    .ErrorContainer img {
        float: left;
        padding: 10px;
    }

    .ErrorContainer .closeButton {
        float: right;
        padding: 10px;
        height: 30px;
        width: 30px;
        cursor: pointer;
    }

.imgdataPicker {
    min-height: 16px;
}

    .imgdataPicker img {
        margin-left: 2px;
        vertical-align: middle;
    }

.dataPicker img {
    margin-left: 2px;
    vertical-align: middle;
}

input.measure-input {
    font-size: 12px;
}

.nowrapText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .nowrapText.imageFilename {
        width: 215px;
    }

    .nowrapText.bannerFilename {
        width: 220px;
    }

    .nowrapText.documentFilename {
        width: 200px;
    }

    .nowrapText.otherSocialNetworks {
        width: 285px;
        display: block;
        float: right;
    }

.imgPlay {
    position: absolute;
    margin-left: 45px;
    margin-top: 15px;
}

/*LOADING*/
#spinnerContainer.spinnerProductTabs {
    text-align: center;
}

    #spinnerContainer.spinnerProductTabs img {
        width: 50px;
    }

#spinnerContainer2.spinnerProductTabs {
    text-align: center;
}

    #spinnerContainer2.spinnerProductTabs img {
        width: 50px;
    }


#hazardSpinner.spinnerProductTabs {
    text-align: center;
}

    #hazardSpinner.spinnerProductTabs img {
        width: 50px;
    }

#foodInfoSpinner.spinnerProductTabs {
    text-align: center;
}

    #foodInfoSpinner.spinnerProductTabs img {
        width: 50px;
    }
/*Overlay*/

.overlay-loading {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: white;
    opacity: 0.6;
}

.spinnerContainerList.spinnerProductTabs {
    text-align: center;
    position: relative;
    height: 100%;
}

    .spinnerContainerList.spinnerProductTabs img {
        width: 50px;
        position: relative;
        top: 35%;
    }

.extendedLabel {
    width: 800px;
    height: 100%;
    border: none;
    overflow: hidden;
}

#extendedLabelSpinner.spinnerProductTabs {
    text-align: center;
}

    #extendedLabelSpinner.spinnerProductTabs img {
        width: 50px;
    }


/*AUDIOVISUAL*/
.audioVisual .title {
    width: 100%;
    margin: 0 0 15px 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

.audioVisual .dateInfo {
    border: solid 1px #ccc;
    margin: 5px 11px;
    padding: 15px 20px;
    float: left;
}

.audioVisual .subTitle.group-title {
    margin: 15px 0 10px 11px;
}

.audioVisualInfo label {
    margin-right: 20px;
}

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

#dialog-message {
    display: none;
}

.audioVisual p {
    font-weight: bold;
    margin: 5px 0px;
    text-align: justify;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 20px;
    background-color: white;
}
/*.audioVisual p:hover {
    overflow:visible;
    }*/
.audioVisual .audioVisualSection {
    /*margin-bottom: 20px;*/
}

#audioVisualBasicInfoContent {
    clear: both;
}

.clearFloat::after {
    content: '';
    display: block;
    clear: both;
}

.audioVisual .audioVisualDataContent {
    margin: 10px 0px;
    border: solid 1px #ccc;
    padding: 10px 20px;
}

.audioVisual .productDescriptionContainer .productEdition,
.audioVisual .productDescriptionContainer .productShortSynopsis,
.audioVisual .productDescriptionContainer .productLongSynopsis,
.audioVisual .productDescriptionContainer .productGenreCode,
.audioVisual .productDescriptionContainer .productStudioNames,
.audioVisual .productDescriptionContainer .productLabelName,
.audioVisual .productDescriptionContainer .productLine,
.audioVisual .productDescriptionContainer .productSpecialFeatures {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.audioVisual .playerDescriptionContainer .playerContentInfo,
.audioVisual .playerDescriptionContainer .playerMinAge,
.audioVisual .playerDescriptionContainer .playerMaxNumPlayers,
.audioVisual .playerDescriptionContainer .playerMinNumPlayers {
    width: 25%;
    float: left;
    margin-bottom: 5px;
}

.audioVisual .playerDescriptionContainer .playerTargetAudience,
.audioVisual .playerDescriptionContainer .playerAgeRange {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}


.audioVisualInfo {
    width: 33%;
    float: left;
    margin-bottom: 5px;
}

hr.diskInfoSeparator {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 15px 0;
}

.diskInfoSectionTitle {
    margin-bottom: 10px;
}

.dialogContributors {
    cursor: pointer;
}

.diskInfoSectionTitle i {
    margin-right: 5px;
}

.diskInfoSectionTitle label {
    font-weight: bold;
}

.diskInfoSectionContainer {
    margin-left: 20px;
}

.diskSong .trackNumber,
.diskSong .trackTime,
.diskSong .trackTitle,
.diskSong .trackContributors {
    width: 25%;
    float: left;
    margin-bottom: 5px;
}

.diskSongsHeader .trackNumber,
.diskSongsHeader .trackTime,
.diskSongsHeader .trackTitle,
.diskSongsHeader .trackContributors {
    width: 25%;
    float: left;
    margin-bottom: 5px;
}



/*END AUDIOVISUAL*/

.columns.sellosBorder {
    position: relative;
}

/*Fin Overlay*/

/*Alert Error*/

.cross-alert {
    width: 50px;
    height: 50px;
}

#additionalFieldsValues textarea {
    width: 50em;
}


.labelInfoFooter {
    color: white;
    font-size: 12px;
    font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
    font-weight: initial;
    vertical-align: top;
}

    .labelInfoFooter :visited {
        color: white !important;
        font-size: 12px !important;
        font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif !important;
        font-weight: initial !important;
        vertical-align: top !important;
    }

    .labelInfoFooter a {
        color: white !important;
        font-size: 12px;
        font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
        font-weight: initial;
        vertical-align: top;
    }

        .labelInfoFooter a:visited {
            color: white !important;
            font-size: 12px !important;
            font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif !important;
            font-weight: initial !important;
            vertical-align: top !important;
        }


.height100 {
    height: 100%;
}

.width100 {
    width: 100%;
}

.width50 {
    width: 50%;
}

.width25 {
    width: 25%;
}

.width33 {
    width: 33%;
}

.iframe360 {
    width: 600px;
    height: 500px;
    border: none;
    display: none;
}

.ListOfSheets label {
    display: inline-block;
    margin: 0 10px 5px 0;
    min-width: 230px;
}

.width14 {
    width: 14px;
}

.width16 {
    width: 16px;
}

.width24 {
    width: 24px;
}

.width32 {
    width: 32px;
}

.no-margins {
    margin: 0;
}

/*PRODUCT LAST VISITED*/
.productLastVisitedContainer {
    width: 173px;
}

    .productLastVisitedContainer .productLastVisitedImageContainer {
        height: 35px;
        float: left;
        width: 40px;
    }

    .productLastVisitedContainer .productLastVisitedInfoContainer {
        height: 35px;
        float: left;
        width: 120px;
        font-size: 10px;
        margin-right: 8px;
    }

        .productLastVisitedContainer .productLastVisitedInfoContainer .productLastVisitedBrand {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 11px;
        }

        .productLastVisitedContainer .productLastVisitedInfoContainer .productLastVisitedDescription {
            height: 24px;
            overflow: hidden;
        }

            .productLastVisitedContainer .productLastVisitedInfoContainer .productLastVisitedDescription .productLastVisitedDescriptionText {
                margin: 0;
                line-height: 12px;
            }

/*END PRODUCT LAST VISITED*/
.divClassAllergen .GridViewStyle tbody tr {
    height: auto;
}

.divClassAllergen div {
    vertical-align: top;
    display: inline-block;
}

.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.absolute-corner-right {
    position: absolute;
    top: 10px;
    right: 10px;
}

.form-hazardBasicInfo {
    width: 50%;
    float: left;
}

    .form-hazardBasicInfo .form-input {
        width: 80%;
        min-height: 18px;
    }

        .form-hazardBasicInfo .form-input input,
        .form-hazardBasicInfo .form-input select {
            width: 100%;
        }

/******* DATAMODEL *******/
.dataModelContainer {
    position: relative;
    min-height: 70px;
    font-size: 14px;
}

    .dataModelContainer select, .dataModelContainer textarea, .dataModelContainer .buttons a {
        font-size: 14px;
    }

    .dataModelContainer .contentBox {
        width: 798px;
    }

.dataModel-FormGroup {
    width: 100%;
    margin: 10px 0;
    clear: right;
    font-size: 14px;
    margin-top: 15px;
}

    .dataModel-FormGroup .title {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 10px;
        width: 100%;
        float: inherit;
    }

    .dataModel-FormGroup .FormRow, .dataModel-FormGroup .FormRow::after {
        content: "";
        clear: both;
        display: table;
        width: 100%;
        /*padding-bottom: 10px;*/
    }

    .dataModel-FormGroup .Form-Column1 {
        width: 54%;
        vertical-align: top;
    }

    .dataModel-FormGroup .Form-Column2 {
        width: 35%;
    }

        .dataModel-FormGroup .Form-Column2 textarea {
            width: 90%;
            margin-top: 10px;
        }

        .dataModel-FormGroup .Form-Column2 input {
            width: 100%;
        }

    .dataModel-FormGroup .Form-Column3.buttons {
        float: right;
        clear: both;
    }


.DMIntegrationStatusContainer {
    width: 100%;
    background-color: #E0EAF1;
    padding: 10px 0;
    margin-bottom: 10px;
}

    .DMIntegrationStatusContainer .Form-Column1 {
        margin: 15px 0 0 0;
        width: 19%;
        vertical-align: top;
    }

    .DMIntegrationStatusContainer .Form-Column2,
    .DMIntegrationStatusContainer .Form-Column3 {
        margin: 15px 0 0 0;
        width: 33%;
        vertical-align: top;
    }

    .DMIntegrationStatusContainer .Form-Column4 {
        margin: 15px;
        width: 9%;
    }

.DataModelHistoryContainer {
    position: relative;
}

    .DataModelHistoryContainer .tableDataModelHistoryLogs {
    }

    .DataModelHistoryContainer .title {
        font-size: 18px;
    }

    .DataModelHistoryContainer #arrowBack {
        cursor: pointer;
        font-size: 25px !important;
    }

.tableDataModelHistoryLogs {
    text-align: center;
    margin: 15px 0;
    font-size: 14px;
}

    .tableDataModelHistoryLogs .div-table-header {
        font-weight: bold;
    }

    .tableDataModelHistoryLogs .div-table-header, .tableDataModelHistoryLogs .div-table-row {
        height: 40px;
    }

    .tableDataModelHistoryLogs .div-table-col {
        padding: 15px;
    }
/******* END DATAMODEL *******/

.centerItem {
    margin: auto;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

    .centerItem label {
        font-weight: bold;
    }

    .centerItem span {
        vertical-align: top;
    }

    .centerItem img {
        width: 20px;
    }

    .centerItem i {
        cursor: pointer;
        font-size: 18px;
        vertical-align: top;
    }

    .centerItem #downloadIcon, .centerItem #btnHistoric {
        font-size: 18px;
        margin-left: 10px;
        vertical-align: top;
        cursor: pointer;
        font-weight: initial;
        color: initial;
    }

    .centerItem #btnCancel {
        margin-left: 10px;
        cursor: pointer;
        font-size: 18px;
        color: #cd3745;
        vertical-align: top;
    }

/*LOADING*/
.loadingContainer {
    position: relative;
}

    .loadingContainer.setMinHeight {
        min-height: 50px;
    }

.loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
    z-index: 5;
}

    .loading img {
        /*Absolute Center*/
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        /*Resize*/
        max-width: 50px;
        max-height: 50px;
    }

.not-overlay-loading img {
    /*Absolute Center*/
    margin: auto;
    position: relative;
    top: 0;
    left: 0;
    /*Resize*/
    max-width: 40px;
    max-height: 40px;
}
/*END LOADING*/


/*MODELO DE DATOS*/
.iconDataModel {
    width: 20px;
}

.titleHistoric {
    display: inline-block;
    margin-left: 20px;
}

/*END MODELO DE DATOS*/

/*PRODUCT CARD - CATALOG*/
.productCardInfo {
    font-weight: bold;
}

    .productCardInfo .gtinContainer {
        margin-bottom: 4px;
    }

    .productCardInfo .tradeMarkContainer {
        padding-left: 4px;
    }

        .productCardInfo .tradeMarkContainer div {
            display: block !important;
        }

    .productCardInfo .brandContainer {
        margin-left: 4px;
    }

        .productCardInfo .brandContainer div {
            /*display: block !important;*/
            /*display: inline-block !important;*/
            margin-top: 4px;
        }

/*modal*/

.ui-dialog.success-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
    top: 1400px;
    position: relative;
}


.carouselIcon {
    margin-left: 30px;
    height: 40px;
    cursor: pointer;
}

.searchGTINTextBox {
    padding-left: 10px;
    width: 289px;
    height: 25px;
    margin: 6px;
}

.wrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.wrapNoPreviusSpace {
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

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

/*Attribute GPC styles*/
#attributesGPC .form-item {
    width: 49%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
}

    #attributesGPC .form-item select {
        width: 93%;
    }

.copyLinkToClipboard {
    opacity: 0;
    position: absolute;
    top: -1000000000000000000000;
}

/*.ui-widget-content a#copiedLink {
    color: #00a3df;
    font-weight: bold;
}*/

.downloadLimit span.leftAlign, .downloadLimitList span.leftAlign {
    margin-left: 10px;
    text-align: left;
}

.downloadLimit input {
    width: 100px;
}

.downloadLimitList {
    text-align: left;
}

    .downloadLimitList .downdloadLimitRadioList {
        width: 33%;
    }

    .downloadLimitList label {
        width: 100px;
        text-align: left;
    }

.rigthAlign {
    text-align: right;
}

.downloadLimitList .downdloadLimitRadioList label:last-child {
    width: 45px;
}

.downloadLimitList .downdloadLimitRadioList span label:last-child {
    width: 65px;
}

.downloadLimitList .downdloadLimitRadioList label:first-child {
    width: 50px;
    margin-right: 0px;
}

.downloadLimitList .downdloadLimitRadioList input {
    width: 20px;
}

.downloadLimitList .downdloadLimitRadioList span {
    width: 110px;
    margin: 0;
}

.downloadLimitList input {
    width: 70px;
}

.RemainingDownload {
    width: 100%;
}

.Dialog.Top {
    top: 0px !important;
}


/*REPORTS DE PROCESOS*/
.ReportsContainer {
    font-size: 14px;
    position: relative;
    min-height: 70px;
}

    .ReportsContainer .title {
        float: none;
    }

    .ReportsContainer .description {
        display: inline;
    }

    .ReportsContainer .buttons {
        display: inline;
        float: right;
    }

        .ReportsContainer .buttons a {
            font-size: 14px;
            cursor: pointer;
        }
/*FIN REPORT DE PROCESOS*/

.minwidth150 {
    min-width: 150px;
}

.marginTop {
    margin-top: 10px;
}

/* AECOCTRADE */
.panel {
    padding: 20px;
    border: 1px solid #ccc;
    clear: both;
    margin-bottom: 20px;
    overflow: auto;
}

    .panel p.form-input {
        margin-top: 0px;
        min-height: 18px;
    }

    .panel textarea {
        width: 100%;
        margin-top: 10px;
    }

    .panel .div-table {
        width: 100%;
    }


.AecocTrade-col1 {
    float: left;
    margin-right: 40px;
    width: 345px;
}

.AecocTrade-col2 {
    width: 280px;
    float: left;
    margin-top: 20px;
}

.AecocTrade-icon {
    float: left;
    margin-right: 15px;
}

.AecocTradeInput {
    width: 300px;
}

.AecocTradeCompanyContainer, .ValidationContainer {
    min-height: 70px;
    position: relative;
    font-size: 14px;
}

    .AecocTradeCompanyContainer .form-container {
        margin-top: 10px;
    }

.attributeContainer {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

    .attributeContainer > attribute-aecoctrade {
        display: block;
        padding: 0 10px;
    }

.shopInfoActions {
    text-align: right;
}

/*FIN AECOCTRADE*/

/*BRAND IMAGES*/
.brandImages.contentBox {
    min-height: 70px;
}

.BrandImagesActionsContainer {
    height: 55px;
    text-align: center;
}

    .BrandImagesActionsContainer button {
        float: right;
        margin-right: 10px;
    }

.BrandImagesContainer brand-image {
    display: inline-block;
    vertical-align: top;
}

.BrandImageItem {
    margin: 8px;
    padding: 15px;
    border: solid 1px #ccc;
    display: inline-block;
    height: 115px;
}

    .BrandImageItem .Thumbnail {
        display: inline-block;
        width: 100px;
    }

        .BrandImageItem .Thumbnail img {
            width: 100px;
            height: 100px;
        }

    .BrandImageItem .Details {
        padding: 15px 15px 5px 15px;
        display: inline-block;
        vertical-align: top;
        max-width: 80px;
    }

        .BrandImageItem .Details .buttons {
            margin-top: 10px;
        }

        .BrandImageItem .Details button {
            display: block;
            margin-top: 3px;
        }

        .BrandImageItem .Details .imageName {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0;
        }

    .BrandImageItem .BrandAlert {
        width: 200px;
    }

        .BrandImageItem .BrandAlert .alertMessage {
            font-size: 10px;
        }

            .BrandImageItem .BrandAlert .alertMessage .alertIcon {
                margin-right: 5px;
            }

            .BrandImageItem .BrandAlert .alertMessage img {
                width: 16px;
            }

/* END BRAND IMAGES*/

/* AECOC TRADE MANAGEMENT */
.AecocTradeManagementContainer {
    min-height: 60px;
    position: relative;
}

.contentBox .form-item .inputContainer {
    width: 400px;
    height: 22px;
}

.contentBox .actionBtn {
    margin-left: 10px;
    font-weight: initial;
}

    .contentBox .actionBtn .imgContainer {
        vertical-align: middle;
    }

    .contentBox .actionBtn .spanContainer {
        margin-left: 5px;
    }

/* END AECOC TRADE MANAGEMENT */

/*FIN INFORME DE CALIDAD*/
.sectionContainer {
    overflow: hidden;
    margin-bottom: 10px;
}

    .sectionContainer .sectionTitle {
        font-size: large;
        font-weight: bold;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                            supported by Chrome and Opera */
    }

        .sectionContainer .sectionTitle .icon {
            width: 14px;
            height: 14px;
            background-origin: content-box;
            background-position: center;
            background-size: 12px;
            background-repeat: no-repeat;
            display: inline-block;
        }

            .sectionContainer .sectionTitle .icon.minusIcon {
                background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MS44NTggNDkxLjg1OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDkxLjg1OCA0OTEuODU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ2NS4xNjcsMjExLjYxM0gyNDAuMjFIMjYuNjljLTguNDI0LDAtMjYuNjksMTEuNDM5LTI2LjY5LDM0LjMxNnMxOC4yNjcsMzQuMzE2LDI2LjY5LDM0LjMxNmgyMTMuNTJoMjI0Ljk1OSAgICBjOC40MjEsMCwyNi42ODktMTEuNDM5LDI2LjY4OS0zNC4zMTZTNDczLjU5LDIxMS42MTMsNDY1LjE2NywyMTEuNjEzeiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
            }

            .sectionContainer .sectionTitle .icon.plusIcon {
                background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MS44NiA0OTEuODYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MS44NiA0OTEuODY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00NjUuMTY3LDIxMS42MTRIMjgwLjI0NVYyNi42OTFjMC04LjQyNC0xMS40MzktMjYuNjktMzQuMzE2LTI2LjY5cy0zNC4zMTYsMTguMjY3LTM0LjMxNiwyNi42OXYxODQuOTI0SDI2LjY5ICAgIEMxOC4yNjcsMjExLjYxNCwwLDIyMy4wNTMsMCwyNDUuOTI5czE4LjI2NywzNC4zMTYsMjYuNjksMzQuMzE2aDE4NC45MjR2MTg0LjkyNGMwLDguNDIyLDExLjQzOCwyNi42OSwzNC4zMTYsMjYuNjkgICAgczM0LjMxNi0xOC4yNjgsMzQuMzE2LTI2LjY5VjI4MC4yNDVINDY1LjE3YzguNDIyLDAsMjYuNjktMTEuNDM4LDI2LjY5LTM0LjMxNlM0NzMuNTksMjExLjYxNCw0NjUuMTY3LDIxMS42MTR6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
            }

    .sectionContainer .sectionArea {
        border: 1px solid #ccc;
        padding: 20px;
        margin-bottom: 20px;
        font-size: 14px;
    }

        .sectionContainer .sectionArea .flex {
            display: flex;
        }

            /*PARA QUE OCUPE EL DOBLE*/
            .sectionContainer .sectionArea .flex .grow2 {
                flex-grow: 2;
            }

            .sectionContainer .sectionArea .flex.column {
                flex-direction: column;
            }


    .sectionContainer .actionsContainer {
        height: 25px;
        padding: 10px 0;
    }

        .sectionContainer .actionsContainer button {
            margin-left: 5px;
        }

/*MI RANKING Y BUSQUEDA - GAMIFICATION*/

.marginTopBasicInfo {
    margin-top: 20px;
}

.marginTopBasicInfoElements {
    margin-top: 5px;
}

.basicInfoHeader {
    font-weight: bold;
}

.darkGrey {
    color: #263238;
}

.black {
    color: #455A64;
}

.header16 {
    font-size: 16px;
}

.header14 {
    font-size: 14px;
}

.multiLanguageContainer {
    background-color: #f7f7f7;
    padding: 10px;
}

.bulletInfoContainer .bulletLink {
    padding: 10px;
}

.multiLanguageSelector {
    height: 27px;
    position: relative;
}

.languagesListContainer {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: white;
}

    .languagesListContainer ul {
        margin: 0;
        padding: 0px;
        list-style-type: none;
    }

        .languagesListContainer ul li {
            display: inline-block;
            padding: 6px;
            cursor: pointer;
            border-style: solid;
            border-color: #ccc;
            border-width: 0px;
        }

            .languagesListContainer ul li.selected {
                border-style: solid;
                border-color: #ccc;
                font-weight: bold;
                background-color: #f7f7f7;
            }

            .languagesListContainer ul li.filled {
                color: #00a3df;
            }

.bulletInfoContainer {
    border: solid 1px #ccc;
    padding: 10px;
}

    .bulletInfoContainer input {
        width: 100%;
        margin: 5px 0;
    }



/* BOOSTRAP UI-SELECT*/
.form-control {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input.form-control, textarea.form-control {
    width: 100%;
    min-height: 33px;
    font-size: 14px !important;
    padding: 6px 10px;
    color: #333;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}


input.form-control.ui-select-search {
    padding: 6px 10px;
}

input[type="search"] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    line-height: 1.5;
    border-radius: 3px;
}

input, button, select, textarea {
    font-family: inherit;
    /*font-size: inherit;*/
    line-height: inherit;
}

button, input, optgroup, select, textarea {
    margin: 0;
    /*font: inherit;*/
    /*color: inherit;*/
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.ui-select-bootstrap > .ui-select-match > .btn {
    /* Instead of center because of .btn */
    text-align: left !important;
    display: flex;
}

.ui-select-match-text {
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.ui-select-container.ui-select-bootstrap.dropdown {
    position: relative;
    text-align: left;
    font-family: "Avenir Next LT Pro Regular", Segoe UI, Arial, Helvetica, sans-serif;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    margin: 1px 7px 5px !important;
    width: 33% !important;
}

.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
    max-width: 400% !important;
    width: auto !important;
    min-width: 100% !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.indentRight {
    margin-left: 20px;
}

.titleWithAdd {
    display: inline-block;
}

.indentChild {
    margin-left: 70px;
}

.repetibleElement {
    padding-top: 10px;
}

.inline-blockImportant {
    display: inline-block !important;
}

.displayBlock {
    display: block;
}

/* END BOOSTRAP UI-SELCT*/

/*BUTTON*/

button.btn .icon {
    font-size: 16px;
    margin: 0;
}

/*END BUTTON*/


/*LEYENDA - GAMIFICATION*/

.mainLegendContainer .legendTitle h3 {
    margin-top: 0px;
}

.mainLegendContainer .legendContainer {
    text-align: center;
    overflow: hidden;
    width: auto;
}

    .mainLegendContainer .legendContainer .legendItem {
        float: left;
        width: 16%;
    }

        .mainLegendContainer .legendContainer .legendItem .legendLabel {
            font-weight: bold;
        }

        .mainLegendContainer .legendContainer .legendItem .legendImage {
            text-align: center;
        }

            .mainLegendContainer .legendContainer .legendItem .legendImage .img {
                padding-top: 10px;
                width: 35px;
                height: 35px;
            }

            .mainLegendContainer .legendContainer .legendItem .legendImage img.noClasificationIcon {
                height: 25px !important;
                width: 46px !important;
                padding-top: 15px !important;
            }

/*FIN LEYENDA - GAMIFICATION*/

/*INFORME DE CALIDAD*/

.qualityReportContainer.contentBox {
    min-height: 70px;
}

.qualityReportContainer .inputFilters input[type=text] {
    width: 100px;
}

.qualityReportContainer .inputFilters div {
    display: inline;
}

.qualityReportContainer .inputFilters .buttons {
    margin-top: 4px;
}

.qualityReportContainer .treeContainer {
    width: 49%;
    margin-top: 10px;
}

.qualityReportContainer .dataPicker {
    margin-left: 55px;
}

    .qualityReportContainer .dataPicker .separator {
        margin: 0px 10px;
    }

.qualityReportContainer .reportContainer {
    min-height: 40px;
}

    .qualityReportContainer .reportContainer .title {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
    }

    .qualityReportContainer .reportContainer table, .qualityReportContainer .reportContainer .titleContainer {
        margin-bottom: 30px;
    }

        .qualityReportContainer .reportContainer .titleContainer .buttons a {
            margin-left: 10px;
        }

.qualityReportContainer .simpleReportTable {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

    .qualityReportContainer .simpleReportTable thead {
        background: #ccc;
    }

        .qualityReportContainer .simpleReportTable thead .largeCol {
            width: 30%;
        }

        .qualityReportContainer .simpleReportTable thead .smallCol {
            width: 10%;
        }


.qualityReportBorderBox {
    border: 0.5px solid darkgrey;
    margin-top: 10px;
    padding: 20px;
}

.qualityReportSpan {
    width: 10%;
    height: 30px;
    line-height: 26px;
    margin-right: 13px;
}

.qualityReportPanel {
    border: 0.5px solid #EEEEEE;
    overflow-y: scroll;
    height: 280px;
}

.downloadIcons .img {
    width: 28px;
    height: 28px;
    padding: 0px 5px;
    cursor: pointer;
}

.qualityReportList {
    margin: 35px 25px 20px 25px;
}

    .qualityReportList .mainTable {
        font-size: 14px;
        border-collapse: collapse;
        width: 100%;
    }

        .qualityReportList .mainTable .mainTableTitles {
            font-weight: bold;
            border-bottom: 1px solid #ADDFF6;
            height: 30px;
        }

        .qualityReportList .mainTable tr td {
            padding: 10px;
        }

        .qualityReportList .mainTable .iconField img {
            width: 20px;
        }

            .qualityReportList .mainTable .iconField img.clickable {
                cursor: pointer;
            }

/*FIN INFORME DE CALIDAD*/

/*MI RANKING Y BUSQUEDA - GAMIFICATION*/

.companyClassificationContainer {
    padding: 20px;
    position: relative;
    min-height: 70px;
}

    .companyClassificationContainer .classification {
        padding: 10px 0;
        position: relative;
    }

        .companyClassificationContainer .classification .classificationPanel {
            border: 0.5px solid #EEEEEE;
            overflow-y: scroll;
            height: 280px;
        }

    /*.companyClassificationContainer .myRankingContainer {
        clear: both;
    }*/

    .companyClassificationContainer .myRankingContainer .rankingData {
        margin: 1em auto;
    }

        .companyClassificationContainer .myRankingContainer .rankingLabel,
        .companyClassificationContainer .myRankingContainer .rankingData .points {
            font-size: medium;
            font-weight: bold;
        }

        .companyClassificationContainer .myRankingContainer .rankingData .rankingImage {
            height: 35px;
            width: 35px;
        }

    .companyClassificationContainer .myRankingContainer .description {
        width: 260px;
        font-size: 13px;
    }

    .companyClassificationContainer .rankingList .rankingTable {
        width: 100%;
        border-collapse: collapse;
    }

        .companyClassificationContainer .rankingList .rankingTable .data {
            font-size: 13px;
            height: 30px;
        }

            .companyClassificationContainer .rankingList .rankingTable .data .myRanking,
            .companyClassificationContainer .rankingList .rankingTable .data .classification {
                text-align: center;
            }

            .companyClassificationContainer .rankingList .rankingTable .data .company {
                text-align: left;
            }

            .companyClassificationContainer .rankingList .rankingTable .data.myCompany {
                border: 1px solid #ffac42;
            }

            .companyClassificationContainer .rankingList .rankingTable .data:nth-child(odd) {
                background-color: #fff;
            }

            .companyClassificationContainer .rankingList .rankingTable .data:nth-child(even) {
                background-color: #eee;
            }

    .companyClassificationContainer .companySearchContainer .searcher {
        height: 20px;
    }

        .companyClassificationContainer .companySearchContainer .searcher input {
            height: 20px;
            margin-top: 3px;
        }

    .companyClassificationContainer .companySearchContainer .actionsContainer {
        padding-top: 0;
    }

.myRankingContainer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/*
    .myRankingContainer .myRankingClassification {
        border: 0.5px solid darkgrey;
        margin-top: 10px;
        padding: 20px;
    }

        .myRankingContainer .myRankingClassification .searcher {
            width: 100%;
        }

        .myRankingContainer .DownloadIcons,
        .myRankingContainer .myRankingClassification .searchIcons {
            float: right;
            text-align: center;
        }

            .myRankingContainer .DownloadIcons .img,
            .myRankingContainer .myRankingClassification .searchIcons .img {
                width: 28px;
                height: 28px;
                padding: 0px 5px;
                cursor: pointer;
            }

        .myRankingContainer .myRankingClassification .classification {
            padding: 10px 0;
        }

            .myRankingContainer .myRankingClassification .classification .classificationPanel {
                border: 0.5px solid #EEEEEE;
                overflow-y: scroll;
                height: 280px;
            }

        .myRankingContainer .myRankingClassification .rankingList .listLength {
            text-align: right;
            font-size: 13px;
            font-weight: bold;
            padding: 4px;
        }

        .myRankingContainer .myRankingClassification .rankingList .pagination {
            font-size: 13px;
            font-weight: bold;
            text-align: center;
        }

        .myRankingContainer .myRankingClassification .rankingList .pagesButtons {
            padding: 3px;
            text-align: center;
            font-size: 13px;
            height: 20px;
            display: inline-block;
        }

            .myRankingContainer .myRankingClassification .rankingList .pagesButtons:hover {
                background-color: deepskyblue;
                color: white;
            }

        .myRankingContainer .myRankingClassification .rankingList .pagesList {
            padding: 5px;
            text-align: center;
            font-size: 13px;
            height: 20px;
            display: inline-block;
        }

        .myRankingContainer .myRankingClassification .rankingList .selectedPage {
            background-color: deepskyblue;
            color: white;
        }*/

.paginationListItems {
    border-top: 1px solid #ccc;
    background-color: #eeeeee;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .paginationListItems li {
        display: inline-block;
        padding: 5px 10px 5px 10px;
        cursor: pointer;
    }

        .paginationListItems li:hover {
            background-color: #54C4EC;
            color: white;
        }

.paginationListItemsSelectedPage {
    background-color: #54C4EC;
    color: white;
}

/*MI RANKING Y BUSQUEDA - GAMIFICATION*/

/*TOP RANKING*/

.companyTopRankingContainer {
    min-height: 70px;
}

    .companyTopRankingContainer .rankingResults {
        padding: 1px;
    }

    .companyTopRankingContainer .companyTable {
        width: 100%;
        border-collapse: collapse;
    }

        .companyTopRankingContainer .companyTable th {
            padding: 10px 0px;
        }

        .companyTopRankingContainer .companyTable .data {
            font-size: 13px;
            height: 30px;
        }

            .companyTopRankingContainer .companyTable .data .myRanking,
            .companyTopRankingContainer .companyTable .data .classification {
                text-align: center;
            }

            .companyTopRankingContainer .companyTable .data .company {
                text-align: left;
            }

            .companyTopRankingContainer .companyTable .data.myCompany {
                border: 1px solid #ffac42;
            }

/*END TOP RANKING*/

/*STRIPPED TABLE*/

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

/*END STRIPPED TABLE*/

.overlay {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: white;
    opacity: 0.6;
}

.overlayContainer {
    position: relative;
}

/*AÑADIR VALIDACIONES*/
#headerLinksValidation {
    display: flex; /* establish flex container */
    flex-direction: row; /* default value; can be omitted */
    flex-wrap: nowrap; /* default value; can be omitted */
    justify-content: space-between; /* switched from default (flex-start, see below) */
    margin: 30px 110px 30px 110px;
    font-size: medium;
}

    #headerLinksValidation a {
        margin-right: 45px;
        padding-left: 5px;
        padding-right: 5px;
    }

        #headerLinksValidation a:active {
            font-size: medium;
        }

.noHoverStyleLink a:hover {
    color: #625257;
    text-decoration: none;
}

.validationForm .validationSection {
    margin-bottom: 25px;
}

    .validationForm .validationSection label {
        font-weight: bold;
    }

    .validationForm .validationSection .inputContainer {
        margin-top: 5px;
    }


.validationFormContainer {
    border-color: #EEEEEE;
    border-style: solid;
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
    background-color: #FFFFFF;
    padding: 5px;
    padding-right: 25px;
    overflow: hidden;
    min-height: 138px;
}

    .validationFormContainer .validationTypeInfoContainer {
        font-style: italic;
        margin: 10px 0px 20px 0px;
    }

        .validationFormContainer .validationTypeInfoContainer span {
            vertical-align: middle;
            margin-left: 5px;
        }

        .validationFormContainer .validationTypeInfoContainer img {
            vertical-align: middle;
            width: 20px;
        }

    .validationFormContainer > div {
        margin: 20px 0px 0px 20px;
    }

    .validationFormContainer .inputContainer {
        margin-top: 20px;
    }

a.validLink {
    color: #0070c9 !important;
    cursor: pointer;
}

a.actualView {
    padding-bottom: 5px;
    border-bottom: 2px solid #cccccc;
}

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

.operatorSelector {
    width: 136px;
}

.lessSVG, .addSVG {
    width: 20px;
    margin-left: 20px;
    cursor: pointer;
}

.validationTableLink {
    color: #00a3df;
    cursor: pointer;
    font-weight: bold;
}

.width380 {
    width: 380px;
}

.width224 {
    width: 224px;
}

.valueColumn {
    /*width: 150px;*/
    margin-left: 20px;
}

    .valueColumn input[type='number'] {
        margin-bottom: 25px;
    }

.imageOperator {
    width: 224px;
    margin-bottom: 25px;
}

.imageValue {
    width: 230px;
    margin-left: 20px;
    margin-bottom: 25px;
}

.imageDensity {
    width: 60%;
    margin-left: 20px;
    margin-bottom: 25px;
}

.validationActionButtons {
    float: right;
    margin-top: 15px;
}

.valueInputExtendedTag {
    width: 136px;
    margin-bottom: 25px;
}

.radio-button {
    width: 20%;
    display: inline-block;
}

.conditionValue {
    width: 230px;
    margin-left: 20px;
    margin-bottom: 25px;
}

.validationSection .jstree {
    max-height: 400px;
    overflow: auto;
    border: 1px solid #c1c1c1;
}

/*Jquery autocomplete*/

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu .ui-menu-item {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

    .ui-menu .ui-menu-item:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-menu .ui-menu-item:active {
        color: #fff !important;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }

    .ui-menu .ui-menu-item .ui-state-active, .ui-menu .ui-menu-item .ui-state-hover {
        text-decoration: none !important;
        background-color: none !important;
        background: none !important;
        border: 1px white solid;
        outline: 0;
        color: black;
    }

    .ui-menu .ui-menu-item:hover *, .ui-menu .ui-menu-item:active * {
        color: white;
        border: 1px #428bca solid;
        outline: 0;
    }

.ui-helper-hidden-accessible {
    display: none;
}

/*FIN AUTOCOMPLETE*/

.conditionsContent {
    padding: 20px 20px 0px 20px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    overflow: auto;
    position: relative;
}

.WarningContainer {
    border: 1px orange solid;
    background-color: #ffd699;
    margin-bottom: 10px;
}

    .WarningContainer .warning-icon {
        float: left;
        padding: 10px;
    }

.validationTable td {
    padding: 3px 8px 3px 8px;
    height: 10px;
}

    .validationTable td img {
        width: 16px;
    }

.validationTable {
    font-size: small;
}


.ValidationContainer .actionsContainer {
    margin-bottom: 20px;
}


.validationSearch {
    display: initial;
}

    .validationSearch input {
        width: 35%;
        margin: 7px;
    }

/*Modal Report Validaciones*/
.reportValidationsLabel {
    margin: 20px 0px 20px 10px;
    width: 100%;
    text-align: left;
    font-weight: bold;
}

.validationDetailModalContainer {
    border: 1px solid #ccc;
    padding-left: 10px;
    margin: 10px 0px 15px 0px;
}

.userOptionsContainer .buttons {
    margin-top: 25px;
    float: right;
}

.resetPasswordContainer {
    height: 350px;
}

    .resetPasswordContainer .form-container {
        padding-top: 15px;
    }

.validationResumeInfo {
    margin-bottom: 15px;
}

.state-checbox input {
    display: block;
    margin: 0 auto;
}

.validationSave {
    margin-right: 32px;
    margin-top: 1px;
}

.pending-message {
    display: inline-block;
    padding-right: 9px;
    margin-top: 2px;
}

    .pending-message img {
        float: left;
        padding: 3px 6px 0px 0px;
        width: 15px;
    }

    .pending-message span {
        margin-top: 2px;
        color: red;
        line-height: 23px;
    }

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.validationSubscriberContainer .actionButtons {
    margin-top: 10px;
}

.resetPasswordContainer .form-container .infoIcon {
    font-size: 16px;
    color: #337ab7;
    padding: 2px 5px;
}

.resetPasswordContainer .form-container .buttons {
    margin-top: 50px;
    float: right;
}


.userOptionsContainer {
    margin-top: 20px;
}

    .userOptionsContainer .form-container {
        padding-top: 15px;
        margin-left: 20px;
    }

        .userOptionsContainer .form-container .infoIcon {
            font-size: 16px;
            color: #337ab7;
            vertical-align: middle;
        }


.basicInfoRestrictedContainer .contentBox, .validationSubscriberContainer.contentBox, .platformsManagementContainer.contentBox {
    min-height: 70px;
}

.languageDisabled {
    display: none !important;
}

.iconValidation {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 4px;
}

input[type=radio].invalid + label {
    color: red;
}

.italicFont {
    font-style: italic;
}

.suscriberTranslationsContainer {
    margin-top: 5px;
}

.multiLanguageContainerSubscriber {
    background-color: #f7f7f7;
    padding: 5px;
}

/**GOOGLE BRAND MAPPING*/

.googleContainer {
    margin: 0px 25px !important;
    display: inline-block;
}

    .googleContainer a {
        display: block;
        width: 150px;
    }


.googleBrandContainer {
    display: block;
    width: auto;
    min-height: 90px;
    height: auto;
    overflow: initial !important;
}

    .googleBrandContainer .flex-grid {
        display: flex;
    }

        .googleBrandContainer .flex-grid .flex-item {
            flex: 1;
            font-weight: bold;
        }

    .googleBrandContainer .brandsSection {
        display: inline-block;
        margin-top: 10px;
        vertical-align: top;
    }

        .googleBrandContainer .brandsSection .firstElement {
            width: 430px;
        }

        .googleBrandContainer .brandsSection .secondElement {
            margin-left: 30px;
            vertical-align: top;
        }

            .googleBrandContainer .brandsSection .secondElement input {
                width: 300px;
            }

        .googleBrandContainer .brandsSection .icons {
            vertical-align: top;
        }

/*** FIN GOOGLE BRAND MAPPING*/

/*** SUSCRIPTION ***/

.suscriptionContainer .treeContainer {
    width: 49%;
    margin-top: 10px;
}

.suscriptionContainer .suscriptionReportPanel {
    border: 0.5px solid #EEEEEE;
    overflow-y: scroll;
    height: 400px;
}

/*** FIN SUSCRIPTION*/


.mappingTemplateCard {
    border: 1px solid #ccc;
    margin: 10px 0;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

    .mappingTemplateCard label {
        font-weight: bold;
    }

    .mappingTemplateCard .name {
        width: 20%;
        float: left;
    }

        .mappingTemplateCard .name p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .mappingTemplateCard .classification {
        width: 40%;
        float: left;
    }

        .mappingTemplateCard .classification .detail {
            margin: 7px 0;
        }

            .mappingTemplateCard .classification .detail p {
                border: solid 1px #ccc;
                border-radius: 5px;
                margin: 0;
                padding: 0px 10px;
                display: inline-block;
            }

    .mappingTemplateCard .actionsContainer {
        position: absolute;
        right: 10px;
        top: 10px;
    }

        .mappingTemplateCard .actionsContainer button {
            min-height: 34px;
        }

            .mappingTemplateCard .actionsContainer button i.fa-exclamation-circle {
                color: red;
            }

        .mappingTemplateCard .actionsContainer .confirm-bubble {
            position: absolute;
            border: 1px solid #ccc;
            top: 42px;
            right: -9px;
        }

            .mappingTemplateCard .actionsContainer .confirm-bubble i {
                padding: 5px;
            }

                .mappingTemplateCard .actionsContainer .confirm-bubble i.fa-check:hover {
                    color: #61ccf0;
                }

                .mappingTemplateCard .actionsContainer .confirm-bubble i.fa-times:hover {
                    color: red;
                }

    .mappingTemplateCard .mappingTemplateBody {
        padding: 10px;
    }


    .mappingTemplateCard.selected {
        background-color: #E0EAF1;
        font-weight: bold;
    }

    .mappingTemplateCard:hover {
        background-color: #E0EAF1;
    }

    .mappingTemplateCard .showMoreLess {
        text-align: center;
    }

/*DROPZONE*/

.dropzone-container {
    padding: 10px;
}

    .dropzone-container .dropzone {
        border-style: dashed;
    }

        .dropzone-container .dropzone .dz-preview .dz-progress {
            top: 100px;
        }

        .dropzone-container .dropzone .dz-message {
            margin: 3em 0;
            font-size: 14px;
            color: rgba(0,0,0,0.3);
            font-weight: bold;
        }

        .dropzone-container .dropzone .dz-preview.dz-file-preview.dz-processing a.dz-remove {
            display: none !important;
        }

        /*RESET Z-INDEX*/
        .dropzone-container .dropzone .dz-preview .dz-image {
            z-index: 1;
        }

        .dropzone-container .dropzone .dz-preview .dz-details, .dropzone-container .dropzone .dz-preview .dz-progress {
            z-index: 2;
        }

        .dropzone-container .dropzone .dz-preview .dz-success-mark,
        .dropzone-container .dropzone .dz-preview .dz-error-mark {
            z-index: 3;
        }

        .dropzone-container .dropzone .dz-preview .dz-error-message {
            z-index: 4;
        }
/*END DROPZONE*/

/*SPEACH BUBBLE*/

.speech-bubble {
    position: relative;
    border-radius: .4em;
}

/*.speech-bubble-top:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
    border-top: 0;
    margin-left: 0px;
    margin-top: -10px;
}*/

.speech-bubble-top:after, .speech-bubble-top:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.speech-bubble-top:after {
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 0px;
}

.speech-bubble-top:before {
    border-bottom-color: #ccc;
    border-width: 11px;
    margin-left: -1px;
}

/*END SPEACH BUBBLE*/
.resetPasswordContainer .form-container .buttons {
    margin-top: 50px;
    float: right;
}



.tabsInputContainers {
    display: inline-block;
    min-height: 14px;
}

/*Filter panel*/
/* Aecocmedia Stylesheet 1.0 */

/*#region Filter_Panel*/
/* Classes */
.contentBoxBase {
    border-width: 20px 0px 0px 0px;
    margin: 17px 0px 0px 0px;
    padding: 0px;
    background: #eeeeee;
    border: 20px solid #eeeeee;
    font-size: 11px;
}

    .contentBoxBase.catalogFilter {
        height: 120px;
        margin-top: 15px;
    }

    .contentBoxBase.myProductsFilter {
        height: 150px;
    }

    .contentBoxBase div {
        background: #ffffff;
    }

.subcontent, .subcontentHoreca {
    padding: 12px;
    float: left;
    margin: 0px 3px 0px 0px;
}

    .subcontent.orderBy, .subcontent.hierarchyPanel, .subcontent.filterPanel, .subcontent.basketPanel {
        height: 105px;
    }

    .subcontentHoreca.orderBy, .subcontentHoreca.hierarchyPanel, .subcontentHoreca.filterPanel, .subcontentHoreca.basketPanel {
        height: 125px;
    }

.orderBy {
    width: 250px;
}

    .orderBy.longFrame {
        width: 352px;
    }

.hierarchyPanel {
    width: 75px;
}

.filterPanel {
    width: 270px;
}

.basketPanel a {
    text-align: left;
}

.subcontent a {
    text-align: left;
}

.hierarchyPanel label {
    font-size: 11px;
}

.sortPanel {
    padding-top: 10px;
}

.dvSortOption {
    border-right: 1px solid #EEEEEE;
    padding: 0px 8px;
}

    .dvSortOption:first-child {
        padding: 0px 8px 0px 8px;
    }

    .dvSortOption:last-child {
        padding: 0px 0px 0px 8px;
        border: none;
    }

.OnlyImagePanel {
    height: 20px;
    margin: 10px 0px 0px 0px;
}

    .OnlyImagePanel span {
        height: 20px;
    }

.spnLabel {
    float: left;
}

.spnValue {
    float: right;
}

.dvAvailability {
    margin: 10px 0px 0px 0px;
}
/* /Classes */

/* Ids */
#dvLayoutList {
    margin: 0px 0px 0px 10px;
}

#dvPBasket {
    width: 140px;
    margin: 0px;
}

#pFilterLeft {
    float: left;
}

#pFilterRight {
    float: right;
}

.display_cell {
    display: table-cell;
    vertical-align: middle;
}

.display_cell_right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 200px;
}
/* /Ids */

/*#endregion Filter_Panel*/

/*End Filter panel*/

/*PRFILE CARDS*/

.card {
    padding: 20px;
    padding-left: 30px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
}

    .card::after {
        content: "";
        clear: both;
        display: table;
    }

    .card .form-item.publico {
        margin-top: 25px;
    }

        .card .form-item.publico div {
            cursor: pointer;
            display: inline-block;
        }

        .card .form-item.publico .enabled {
            background-image: url(../img/icons/publico-enabled.png);
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
        }

        .card .form-item.publico .isDisabled {
            background-image: url(../img/icons/publico-disabled.png);
            width: 24px;
            height: 24px;
            background-repeat: no-repeat;
        }

        .card .form-item.publico .icon {
            font-size: 28px;
            margin: 0;
            vertical-align: sub;
        }

    .card .form-item.principal {
        margin-top: 25px;
    }

        .card .form-item.principal .enabled {
            background-image: url(../img/icons/principal-enabled.png);
            height: 24px;
            background-repeat: no-repeat;
        }

        .card .form-item.principal .isDisabled {
            background-image: url(../img/icons/principal-disabled.png);
            height: 24px;
            background-repeat: no-repeat;
        }

    .card .form-item .titleItem {
        margin-bottom: 10px;
        text-align: left;
    }

    .card .form-input {
        min-height: 16px;
    }

        .card .form-input span, .card .form-item input, .card .form-item textarea {
            color: rgba(80,80,80,.70);
        }

        .card .form-input a:link {
            font-weight: normal;
        }

        .card .form-input textarea {
            width: 100%;
        }

        .card .form-input.measureInfo {
            margin-bottom: 20px;
        }

    .card .filename {
        height: 35px;
        padding: 5px 10px 5px 0px;
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
    }

    .card .row {
        width: 100%;
        float: left;
    }

    .card .column {
        width: 33%;
        float: left;
        min-height: 1px;
    }

        .card .column.column66 {
            width: 66%;
        }

        .card .column.column50 {
            width: 50%;
        }

        .card .column .form-input {
            width: 90%;
        }

    .card .descriptionContainer {
        width: 66%;
        float: left;
        margin-bottom: 20px;
    }

        .card .descriptionContainer .gap {
            width: 98%;
        }

    .card .imageContainer img {
        width: 100px;
    }

    .card .documentImageContainer img {
        width: 70px;
        height: 70px;
    }

    .card .divZoom img:hover {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        cursor: pointer;
        box-shadow: 0 2px 12px 0 rgba(0,0,0,0.35);
    }

    .card input-with-icon {
        display: block;
    }

        .card input-with-icon .icon {
            vertical-align: middle;
            width: 28px;
            text-align: center;
        }

        .card input-with-icon .text {
            vertical-align: middle;
        }

    .card .separator {
        border-right: solid 1px #ccc;
        margin-right: 20px;
    }

.videoCard.columns .videoThumbnail img {
    margin-right: 10px;
    cursor: pointer;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flexCard .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

    .flexCard .row .form-item {
        flex: 1;
    }

        .flexCard .row .form-item:not(:first-child) {
            margin-left: 15px;
        }

    .flexCard .row.no-wrap {
        flex-wrap: nowrap;
    }

.flexCard .column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}

/*END PRFILE CARDS*/

/*MULTI-LANGUAGE*/

.multiLanguageWrapper textarea {
    width: 100%;
}

/*END MULTI-LANGUAGE*/


/*SHIMMER*/

placeholder-shimmer ps-block canvas {
    border-radius: 2px;
    max-height: 50px;
}

placeholder-shimmer .shimmer-transition {
    transition: opacity linear 0.2s;
}

placeholder-shimmer .shimmer-opacity {
    opacity: 0.5;
}

placeholder-shimmer ps-block.shimmerTabs {
    opacity: 0.5;
}

/* DONE FOR IE*/
placeholder-shimmer .menuItemContainer ps-block canvas {
    max-width: 100%;
    min-width: 50px;
    height: 11px;
    max-height: 11px;
}

placeholder-shimmer .row .column .form-item ps-block canvas {
    max-width: 100%;
    min-width: 200px;
    max-height: 30px;
    height: 30px
}


placeholder-shimmer .row .descriptionContainer .form-item ps-block canvas {
    max-width: 100%;
    min-width: 400px;
    max-height: 40px;
    height: 40px
}

/*END IE*/
/*END SHIMMER*/
/*CAROUSEL (NEW)*/
.carousel-container {
    padding: 0 10px;
    margin-right: 15px;
}

    .carousel-container .image-container {
        height: 300px;
        padding: 10px;
    }

        .carousel-container .image-container .image {
            max-width: 100%;
            display: block;
            margin: 0 auto;
            max-height: 300px;
        }

.ui-carousel {
    margin: 0 !important;
}

    .ui-carousel .slide {
        display: table;
    }

        .ui-carousel .slide .carousel-item {
            display: table-cell;
            vertical-align: middle;
        }

    .ui-carousel button.carousel-btn:active {
        background: none;
    }



    .ui-carousel .carousel-next .carousel-btn, .ui-carousel .carousel-prev .carousel-btn {
        cursor: pointer;
    }

.carousel-thumbnail {
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
}

    .carousel-thumbnail ul {
        padding: 0;
        height: 36px;
    }

        .carousel-thumbnail ul li {
            list-style-type: none;
            cursor: pointer;
            margin: 0 4px;
            border: 2px solid #eee;
            display: inline-block;
            height: 25px;
            width: 32px;
            padding: 4px;
        }

            .carousel-thumbnail ul li img {
                height: 100%;
                max-width: 100%;
                display: block;
                margin: 0 auto;
            }

.ui-carousel .carousel-btn {
    z-index: 5 !important;
}

/*END CAROUSEL (NEW)*/
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                       supported by Chrome, Opera and Firefox */
}

/*SLIM SCROLL*/

div [ng-slimscroll] .scroll-item {
    transition: opacity 0.5s linear;
}

    div [ng-slimscroll] .scroll-item.hidden {
        opacity: 0 !important;
    }

/*END SLIM SCROLL*/


/*icons*/
.icon {
    font-size: 25px;
    cursor: pointer;
    margin: 0 5px;
}

    .icon.disabled {
        color: #ccc;
        cursor: auto;
        background: none !important;
    }

    .icon.warningColor {
        color: #F38810;
    }

    .icon.fatalColor {
        color: #FC0023;
    }

.cursorAuto {
    cursor: auto !important;
}

/*Clase para el tooltip*/

#tiptip_content table {
    color: white;
    font-size: 10px
}

.contentContainer {
    position: relative;
}

/*Back to top*/

.backToTopContainer {
    position: fixed;
    margin-left: 960px;
    bottom: 5%;
}

.back-to-top {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background-color: #61ccf0;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .back-to-top span {
        color: white;
        margin: 0;
        position: relative;
        left: 25%;
        top: 25%;
        font-size: 26px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .back-to-top:hover {
        background: #525252;
    }

        .back-to-top:hover span {
            top: 5px;
        }

/*END Back to top*/

/*Error message directive*/

.errorCard {
    border: 1px red solid;
    background-color: #F9D7D8;
    margin-bottom: 10px;
    min-height: 50px;
}

    .errorCard p {
        font-size: 14px;
    }

    .errorCard .pull-left {
        margin: 5px;
    }

        .errorCard .pull-left .icon {
            color: #d90022;
            font-size: 30px;
            cursor: unset;
        }

    .errorCard .pull-right {
        margin: 5px;
    }

        .errorCard .pull-right .icon {
            color: #b7bcc3;
            font-size: 31px;
        }

/*END Error message directive*/


/*Icon Colors*/

.color-instagram {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

.color-twitter {
    color: #00acee !important;
}

.color-youtube {
    color: #c4302b !important;
}

.color-facebook {
    color: #3b5998 !important;
}

.color-google-plus {
    color: #d34836 !important;
}

.color-pinterest {
    color: #c8232c !important;
}

.color-download {
    color: rgb(146, 221, 90) !important;
}

.color-delete {
    color: rgb(217, 88, 93) !important;
}


/* End Icon Colors*/



.flickr {
    background: #ffffff;
    width: 36px !important;
    height: 36px !important;
    position: relative;
    margin: auto;
}

    .flickr:before {
        content: " ";
        width: 8px;
        height: 8px;
        background: #0063dc;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        margin-top: -5px;
        left: 25%;
    }

    .flickr:after {
        content: " ";
        width: 8px;
        height: 8px;
        background: #ff0084;
        position: absolute;
        border-radius: 50%;
        top: 50%;
        margin-top: -5px;
        right: 20%;
    }

/*float*/
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}
/*End float*/