@import url("elements.css");

/* dialogo AdminAddonPage */


.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}

.panel_centro {
	
	padding: 1em;
	
}

#tabs { 
	
	margin-top: 0.5em;
    position: relative; 
	border: 1px solid #c5c5c5 !important; 
	border-width: 1px  !important; 
	padding: 0.2em 0.2em 0.2em 12.5em !important;
	min-height: calc(100% - 1.5em);
	
} 


#tabs >.ui-tabs-nav, #tabs .left-tabs.ui-tabs-nav { 
    position: absolute; 
    left: 0.25em; 
    top: 0.25em; 
    bottom: 0.25em; 
    width: 12em; 
    padding: 3em 0 0.2em 0.2em; 
} 



#tabs > .ui-tabs-nav li, #tabs .left-tabs.ui-tabs-nav li { 
    right: 1px; 
    width: 100%; 
    border-right: none; 
    border-bottom-width: 1px !important; 
    -moz-border-radius: 4px 0px 0px 4px; 
    -webkit-border-radius: 4px 0px 0px 4px; 
    border-radius: 4px 0px 0px 4px; 
    overflow: hidden; 
} 
#tabs > .ui-tabs-nav li.ui-tabs-selected, 
#tabs > .ui-tabs-nav li.ui-state-active,
#tabs .left-tabs.ui-tabs-nav li.ui-tabs-selected,
#tabs .left-tabs.ui-tabs-nav li.ui-state-active { 
    border-right: 1px solid transparent; 
} 




.ui-tabs-anchor {
	
	cursor:pointer !important;
	
}

#tabs > .ui-tabs-nav li a, #tabs .left-tabs.ui-tabs-nav li a{ 
    float: right; 
    width: 100%; 
    text-align: right; 
	padding: 1em
} 
#tabs > .ui-tabs-panel { 
    height: 40em; 
}

.preview_element{
	
	display:table;
	transform-origin: center left;
	width: 100%;
	position: relative;
	
}

.preview_element .site-menu .menu-tienda{
		
	display: none !important;
		
}	


.scale {
	
	overflow: hidden;
	
}

.btn_elements_SiteNavigation_v {

	display:block;
	width: 132.5px;
	height: auto;
	margin: 8px;
	padding: 8px;
	cursor: pointer;
	border-collapse: separate;
	border: 1px solid #c5c5c5;

}
.btn_elements_SiteNavigation_h {

	display:block;
	width: 285px;
	height: auto;
	margin: 8px;
	padding: 8px;
	cursor: pointer;
	border-collapse: separate;
	border: 1px solid #c5c5c5;

}
.btn_elements_SiteNavigation_h:hover, .btn_elements_SiteNavigation_v:hover {
    box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    -webkit-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    -moz-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
}
.btn_elements_SiteNavigation_h.active, .btn_elements_SiteNavigation_v.active {
    
	box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    -webkit-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    -moz-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    opacity: 1;

}


.btn_elements_Sections {

	display:block;
	width: 285px;
	height: auto;
	margin: 8px;
	padding: 8px;
	cursor: pointer;
	border-collapse: separate;
	border: 1px solid #c5c5c5;

}
.btn_elements_Sections:hover {
    box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    -webkit-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    -moz-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
}
.btn_elements_Sections.active {
    
	box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    -webkit-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    -moz-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    opacity: 1;

}





table.swiche-ele {
	
	margin-top: 15px;
	
}

table.swiche-ele td {

	padding: 20px 0 20px 20px;

}

table.swiche-ele th {

	background-color: #F3F4F5;
	padding: 18px 35px 18px 14px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	
}


.btn_elements {
	
	display:inline-block;
	width: 160px;	
	height: 160px;
	margin: 15px 15px 0px 0px;
	padding: 0px !important;
	position:relative;

}

.btn_elements a{
	
	display:block;
	width: 160px;	
	height: 160px;
	padding: 0px !important;

}

.btn_elements a:hover {
	
	border-radius: 12px;
	box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
	-webkit-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
	-moz-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    opacity: .7;
	

}


.btn_elements:hover {
	
	border-radius: 12px;
	box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
	-webkit-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
	-moz-box-shadow: 0 4px 8px 0 rgb(148, 151, 154);
    opacity: .7;
	

}

.btn_elements.btn_elements_SiteNavigation {
	
	background: url(../img/element.SiteNavigation.png) 0 0 no-repeat;
	background-size: 100% auto;
}

.btn_elements.btn_elements_AddInnerSection {
	
	background: url(../img/AddInnerSection.png) 0 0 no-repeat;
	background-size: 100% auto;
}


.btn_elements.btn_elements_SectionContent {
	
	/*background: url(../img/element.SiteNavigation.png) 0 0 no-repeat;*/
	/*background-size: 100% auto;*/
}

.btn_elements.before{
                                                                                           
	
	border-radius: 12px;
	box-shadow: 0 0px 1px 0 rgb(148, 151, 154);
	-webkit-box-shadow: 0 0px 1px 0 rgb(148, 151, 154);
	-moz-box-shadow: 0 0px 1px 0 rgb(148, 151, 154);
	
}

.btn_elements.before:before{

    color: #aaa;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align: center;	
	
}

.btn_elements.before.SectionContent:before {
    
	content: "Content Sections";

}

.btn_elements.CodePlus:before {
    
	content: "Code Plus";

}

tr.editor.ui-helper-clearfix:before, tr.editor.ui-helper-clearfix:after{
	 
	content: none;
	 
}


/* Fin - dialogo AdminAddonPage */