﻿/* MODALES*/
.ui-dialog .ui-dialog-titlebar {
    background-color:white;
    border:0px;
    font-family: "Avenir Next LT Pro Regular", Arial, Helvetica, sans-serif;
    text-align:left;
    font-size:14px;
    font-weight :bold;
    color:#525252;
    background-color: #f1f1f1;
}

.ui-dialog .ui-dialog-content {
        font-family: "Avenir Next LT Pro Regular", Arial, Helvetica, sans-serif!important;
        font-size:14px;
}
#imagesFormOptions_ModalDownloadProduct div {
    margin-bottom:6px;
}

.ui-dialog table {
    font-size: 14px;
}

div.group-header {
    margin-top: 20px;
    height: 25px;
    border-bottom: 1px solid #AEE0F7;
    font-size: larger;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    display: table;
    width: 97%;
}
div.group-header > span{
    display:block;
}

.ui-dialog table span {
    font-size: 14px;
}

.ui-dialog .imageSizes .DialogHeader {
    margin-top: 10px;
}

.ui-dialog .ui-dialog-title {
    margin: 0px 10px 10px 10px;
    height: 25px;
    font-size: larger;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    display:table;
    width:97%
}

.ui-widget-content {
    font-family : "Avenir Next LT Pro Regular", Arial, Helvetica, sans-serif, Verdana;
    color : #525252;
    text-align:left;
}

.ui-dialog .ui-dialog-buttonpane
{
     border: 0px;
}
.ui-dialog .ui-dialog-buttonpane button {
    font-family : "Avenir Next LT Pro Regular", Arial, Helvetica, sans-serif, Verdana;
    display: inline;
    /*margin: 0 7px 0 0;*/
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top-color: #eee;
    border-left-color: #eee;
    font-size: 14px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
    overflow: hidden;
    width: 140px; /* 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: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    white-space: nowrap;
    text-align:center;
}

/* BOTON ACEPTAR*/
.buttonOk
{
    color: White !important;
    font-weight: bold !important;
}

/* BOTON CANCEL */
.buttonCancel 
{
    border: 1px solid #eee !important;
}
.buttonCancel :hover, .buttonCancel :focus
{
    background: #fbe3e4 !important;
    border: 1px solid #fbc2c4 !important;
    color: #d12f19 !important;
}

.buttonCancel :active
{
    background-color: #d12f19 !important;
    border: 1px solid #d12f19 !important;
    color: #fff !important;
}

#modalSpinnerContainer img{
    margin: auto;
    display: block;
    width: 55px;
}

#modalSearchSpinnerContainer img{
    margin: auto;
    display: block;
    width: 55px;
}

.modalSpinner img{
    margin: auto;
    display: block;
    width: 55px;
}

.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix
{
    position: initial;
    bottom: 0;
    right: 0;
    clear:both;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix.initial-position
{
    position:initial;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.noclose.fixed-dialog
{
    width:952px !important;
}

.ui-widget-overlay {
    background: #000 !important;
    opacity: .6 !important;
    filter: Alpha(Opacity=30);
}

.noclose .ui-dialog-titlebar .ui-dialog-titlebar-close
{
    display:none;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.noclose{
    width: 60% !important;
    min-width: 50%;
    position: relative;
    margin: 40px auto;
}

/* Download modal */
.DownloadModalBtns {margin: 20px 0;}
.DownloadModalBtns div { margin-right: 20px;}
.modalHeadline {margin:10px 0}

/* Add basket modal */
button#btnShowSelectorModalAddBasket { margin-top: 20px;}

/* CLNode Tree Modal*/
#footer_ModalClNodeTree, #footer_ModalRequestLogoPreload, #footer_ModalUploadFile, #footer_ModalDownloadProduct
, #footer_ModalEmail, #footer_CloseModalEmail
{
    position: inherit;
    clear: both;
}

/* Upload file modal*/
.uploadFileModal .col-left 
{
    float:left;
    width:50%;
}

.uploadFileModal .col-right 
{
    float:left;
    width:50%;
}

.label-block {
    display:block;
}

#descriptionUpload_Video.form-item span, #descriptionUpload_Document.form-item span, #descriptionUpload_Image.form-item span,
#descriptionUpload_Image360.form-item span, #descriptionUpload_Banner.form-item span 
{
    margin-right:30px
}

#modalContainer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto;z-index:2;}
#modalTableContainer{width: 100%;padding: 0;display: table; height: 100%; margin: 0;}
#modalContent{padding: 0; vertical-align: middle; display: table-cell; margin: 0;}
#modalContent .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.noclose{ background-color: #fff; margin: 40px auto; text-align: left; top: 0 !important;}