/* 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;
}

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

select {
    font-size: 12px;
}

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

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;
}


.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;
}

.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.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 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;
}

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

div.accountInfo {
    width: 42%;
}

/* 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 {
    display: inline;
    /*margin: 0 7px 0 0;*/
    background-color: #f5f5f5;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    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-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 {
    padding-right: 0px;
    text-align: center;
}

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


/* 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;
}

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

/* 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%;
    }

    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;
}


@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;
}

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

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


.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;
}

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


/* 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;
    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;
    margin-right: 40px;
    width: 190px;
}

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

/*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;
}

    .hazarCompositionGroup.title {
        height: 25px;
    }

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

    .hazarCompositionGroup .deleteGroupBtn {
        position: absolute;
        top: 15px;
        margin-left: 12px;
        cursor: pointer;
    }

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

#logosBtns {
    margin-right: 15px;
}

.hazardCompositionValues .compositionValue p, .hazardCompositionValues .quantityValue p, .hazardCompositionValues .unitValue p {
    font-weight: bold;
}

.hazardCompositionValues .compositionValue {
    width: 470px;
    margin-right: 15px;
    vertical-align: top;
}

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

.hazardCompositionValues .quantityValue {
    width: 120px;
    margin-right: 15px;
    vertical-align: top;
}

.hazardCompositionValues .unitValue {
    width: 75px;
    vertical-align: top;
}

.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*/


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

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



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

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

.form-input {
    color: #000;
    font-weight: bold;
}

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

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

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

.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 span {
    display:table-row;
}*/

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

.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;
    width: 100%;
}

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

        .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;
    overflow: auto;
    font-size: 14px;
    overflow: hidden;
}

.productImageContainer {
    float: left;
    width: 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 h2 {
        display: inline;
    }

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


#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;
}

#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;
}

#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;
}

#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;
}

#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, #videosContainer .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;
}

.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;
    }

.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.videoFilename {
        width: 175px;
    }

    .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%;
    }

#imagesContent .columns {
    position: relative;
}

#images360Content .columns {
    position: relative;
}


#bannersContent .columns {
    position: relative;
}

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

#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;
}

#documentsContent .columns {
    position: relative;
}

.sellosBorder #Column2 {
    margin-left: 20px;
}

/*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: 125px;
        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*/
.ListOfSheets label {
    display: inline-block;
    margin: 0 10px 5px 0;
    min-width: 230px;
}

.width14 {
    width: 14px;
}
.divClassAllergen .GridViewStyle tbody tr {
    height: auto;
}

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

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

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

.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: 150px;
    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;
}

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

    .dataModel-FormGroup .FormRow {
        width: 100%;
        margin-bottom: 15px;
    }

    .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;
}

    .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;
}

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

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

/*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;
        }

/*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;
}

.sincronizarAecocTrade {
    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 {
    position: relative;
    min-height: 150px;
    font-size: 14px;
}

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

.attributeContainer {
    display: inline-block;
    margin-right: 50px;
    margin-top: 10px;
    vertical-align: top;
}

.shopInfoActions {
    text-align: right;
}

/*FIN AECOCTRADE*/

/*BRAND IMAGES*/
.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;
    }

.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);
}

.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 AECOC TRADE MANAGEMENT */


/* BOOSTRAP UI-SELECT*/
.ui-select-multiple.ui-select-bootstrap {
    height: auto;
    position: relative;
    padding: 3px 3px 0;
}

.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;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    outline: 0;
    margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
    position: relative;
}



.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;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    font-size: 1.6em;
    line-height: .75;
}

.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;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    background-color: transparent !important;
    border: none;
    outline: 0;
    height: 1.666666em;
    margin-bottom: 3px;
    width: auto !important;
}

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

.ui-select-bootstrap > .ui-select-choices, .ui-select-bootstrap > .ui-select-no-choice {
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    margin-top: -1px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    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;
}

/* END BOOSTRAP UI-SELCT*/

.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.editing {
    /*border: solid 1px #ccc;*/
    padding: 10px;
    background-color: #f7f7f7;
}

.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;
    }


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