/** Put your styles here */
.color-line {
    background: #f7f9fa linear-gradient(to right, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%) no-repeat scroll 50% 100% / 100% 6px;
    height: 6px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
}

.sidebar {
    padding-bottom: 10px;
/*
    overflow-y: auto;
    overflow-x: hidden;
*/
}
a {
    color: #333;
}
a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #81b248;
}

.h2, h2 {
    font-size: 30px;
}
.h3, h3 {
    font-size: 17px;
}

.h6, h6 {
    font-size: 16px;
}

h6 p{
    font-size: 12px;	
	}

h4.hotlink_advice{
	font-size: 14px;
	color: #e13e3e;	
	}

p{
font-weight: normal;	
	}

.title h2{
font-weight: bold;	
	}

.contentBody h1{
font-size: 26px;
font-weight: bold;
	}

.contentBody h2{
font-size: 23px;
    font-weight: bold;
	}
.loadingassitantresult h2{
    font-size: 23px;
    font-weight: bold;	
	}

.contentBody h3{
	font-size: 20px;
    font-weight: normal;
}

.box-body.payfail{
	width:50%;
	}

/** Only vertical resize */
textarea { resize: vertical; }

.notmagin{
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	}


.rightPadding{
	padding: 0 15px 0 0 !important;
	}

.bottommagin{
	margin: 0 0 15px 0 !important;
	}
.topmargin{
	margin: 15px 0 0 0 !important;	
	}
.topmarginplus{
	margin: 30px 0 0 0 !important;	
	}

.box.box-solid{
    border-top: 0;
    float: left;	
	}

.evaluateSeoBtn{
margin: 15px 10px;	
	}
.btn-superback.magiaBtnSpace{
	margin: 25px 22px 0 0;
    float: right;
	}


.avatarpreviewblock{
max-width: 350px;	
	}

.avatarpreviewblock img{
	}

p.error{
	border-color: #dd4b39;
	color: red;
    box-shadow: none;
	display:none;
	margin: 0 0 0 13px;
	}

span.advice_small{
color: #f51313;	
	}

#folder_label{
float: right;	
	}
.bubble h2{
	font-size: 20px;
    font-weight: bold;
	width: 100%;
    float: left;
	}
.bubble h3{
	font-size: 17px;
    float: left;
    margin: 5px 0 10px 0;
    width: 100%;
	}

.floatbreaker {
    clear: both;
    display: block;
}
/** hiden */

.right{
	float:right;
	}

.left{
	float:left;
	}
.center{
	margin-left:auto;
	margin-right:auto;
	float: none;
	}
.text-center{
text-align:center;
	}

fieldset{
	min-width:320px;
	}

.textright{
 text-align: right;
 }

.bold{
	font-weight:bold;
	}

h4.logout{
	text-align: center;
	font-size: 29px;
    font-weight: normal;
	}
h4.logout i{
	display: block;
    font-size: 239px;
	}

h4 span {
	font-size: 14px;
    font-weight: normal;
	}

.h5, h5 {
    font-size: 14px;
    line-height: 150%;
}

h3.notinscribers{
    color: #999;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-style: oblique;	
	}


p.medium{
    color: #666;
    font-size: 14px;	
	}

p.small.clock{
  background-color: #ffed00;
    padding: 1px 2px;	
	}

p.minusadvice{
max-width: 350px;
    background-color: #f39c12;
    border-radius: 15px;
    padding: 15px;
    color: #fff;	
	}
p.minusadvice a{
font-weight:bold;
color: #fff;
}

.put-center{
	float: none;
    text-align: center;
	}

.hiden{
	display:block;
	}

.nohiden{
	display:none !important;
	}

hr.menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 10px;
    margin-top: 10px;
}


hr.special {
	margin-bottom: 0;
    margin-top: 10px;
    padding: 0;
	}

hr.strong {
    border: thin solid #cecece;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 0;
	float: left;
    width: 100%;
}

.disabled-link {
    pointer-events: none; /* Desactiva clics */
    color: gray; /* Cambia el color para indicar que está deshabilitado */
    text-decoration: none; /* Opcional, para eliminar el subrayado */
}

.bg-white{
  background-color: #fff;	
	}
h1.headersection{
	display: inline;
    font-family: 'Asap', Helvetica, sans-serif;
    font-size: 30px;
    font-style: oblique;
    font-weight: bold;
    margin: 0;	
	}

h1.statsheader{
	display: inline;
    font-family: 'Asap', Helvetica, sans-serif;
    font-size: 30px;
    font-style: oblique;
    font-weight: bold;
    margin: 0 0 0 0;	
	}

.content-header > h1.west{
	color: red;
    display: block;
    font-family: "Asap",Helvetica,sans-serif;
    font-size: 25px;
    font-style: oblique;
    font-weight: bold;
    margin: 10px 25px 15px 10px;
	}

.content-header > h1{
	position:relative;
	display: inline;
    font-family: 'Asap', Helvetica, sans-serif;
    font-size: 30px;
    font-style: oblique;
    font-weight: bold;	
	position:relative;
	margin-left:0;
	}


p.tabletitle{
    font-size: 18px;
    font-weight: bold;
	margin: 7px 0 0;		
	}
p.tableleyend {
    float: left;
    font-size: 12px;
    margin: 5px 0 20px;
	width:100%
}
h2.error{
	color:#dd4b39;
	}

.main-footer{
	font-size: 11px;
    font-weight: normal;	
/*    position: absolute;
    bottom: 0;
*/
    width: 100%;	

	}

.main-footer strong{
    font-weight: normal;	
	}
.main-footer strong a{
	color:#666;
	}


/** NEW PAGINATION */

.pagination {
    margin: 10px 0;
}

.pagination>li {
    display: inline;
    margin: 0 0 0 10px;
    float: left;
    border-radius: 43px;
    display: block;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-radius: 18px;
    color: #fff;
	background-color: #57980b;
    border-color: #407206;
}
.pagination>li>a {
    background: #fafafa;
    color: #666;
    border-radius: 18px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 18px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #57980b;
    border-color: #407206;
	border-radius: 25px;
}


#delete{
	cursor:pointer;
	color:#666;
	}
#delete:hover{
	color:#000;
	}
/** error page */

.error-v4{
	
	}
.error-v4 h1{
 font-size: 50px;
    font-weight: bold;	
	}
.error-v4.sorry{
	
	}

.tableprice{
    font-size: 17px;
    font-weight: normal;	
	}

.price_annual{
	display:none;
	}
.priceswrapper{
	width: 100%;
    display: block;
    float: left;
    text-align: center;	
	}

.priceswrapper .boxerprices{
width: auto;
    max-width: 500px;
    margin: 0 auto 10px auto;
    background-color: #f1f4f9;
    border-radius: 29px;
    padding: 14px 8px 0 0;	
	}

label.prices_mode{
	width: auto;
    padding: 10px 20px;
    background-color: #f1f4f9;
    border-radius: 15px;
    margin: 0 0 15px 15px;
	color:#666;
	}

label.prices_mode.active{
    background-color: #c0392b;
	color:#fff;
	}

label.prices_mode .yearly{
	width: auto;
    padding: 10px 20px;
    background-color: #f1f4f9;
    border-radius: 15px;
    margin: 0 0 15px 0px;	
	}

label span.lowprice{
	background-color: blueviolet;
    padding: 5px;
    font-size: 10px;
    color: #fff;
    border-radius: 10px;
	}

/** ******************** */
.col-headerblock-12 {
	width: 100%;
	position:relative;
	padding:0;
	margin:0;
	float: left;
	}


/** IA WIDGETS */
.box.box-widget.widget-ia-2{
	box-shadow: 3px 4px 10px 0 #7a70701c !important;
	float: left;
	border-radius: 7px;
	overflow: hidden;
	min-height: 280px;
    min-width: 100%;
    max-height: 280px;
    max-width: 330px;
	}
.widget-ia-2 .widget-ia-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 20px;
	float: left;
	 width: 100%;
}
.widget-ia-2 .widget-ia-header .widget-ia-image{
	width: auto;
	float: left;
	max-width: 65px;
	}
.widget-ia-2 .widget-ia-image > img
{
  width: 45px;
  height: 45px;
  float: left;
	border: 1px solid #333;
}

.widget-ia-2 .widget-ia-header h3.widget-ia-name{
	width: 60%;
    float: left;
    margin: 4px 0 0 14px;
    padding: 0;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
	}


.widget-ia-2 .widget-ia-footer{
    color: #333;
	background-color:#fff;
	width: 100%;
    float: left;
    text-align: left;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 9px;	
	}

.widget-ia-2 .widget-ia-footer h5.widget-ia-desc{
	width: 100%;
	float: left;
	color: #333;
	font-size: 14px;
	min-height: 100px;
	max-height: 100px;
	}


.widget-ia-2 .widget-ia-footer span.addfavourites{
    float: right;
    width: auto;
    height: auto;
    cursor: pointer;
    margin: 11px 0 0 0;
    padding: 0;
}
.widget-ia-2 .widget-ia-footer span.addfavourites.unselected{
	display:none;
}

.widget-ia-2 .widget-ia-footer span.addedfavourites{
    float: right;
    width: auto;
    height: auto;
    cursor: pointer;
    margin: 11px 0 0 0;
    padding: 0;
}
.widget-ia-2 .widget-ia-footer span.addedfavourites svg{
	fill: red;
}
.widget-ia-2 .widget-ia-footer span.addedfavourites.unselected{
	display:none;
}


/** ANALISIS*/

table.analitics {
    border: 1px solid #f4f4f4;
    width: 93%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 0;
}

table.analitics th, table.analitics td {
    padding: 8px; /* Espaciado interno */
    text-align: left; /* Alineación del texto */
    border: 1px solid #ddd; /* Bordes de las celdas */
}
table.analitics th {
    background-color: #f2f2f2; /* Fondo de la cabecera */
    font-weight: bold;
}
table.analitics td {
    white-space: nowrap; /* Evita que el contenido se rompa en varias líneas */
}

.chart-container {
    width: 100%; /* Asegura que el contenedor ocupe todo el ancho */
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
}

.ct-chart {
    min-width: 1500px; /* Ajusta el ancho mínimo del gráfico */
}

.ct-series-a .ct-bar {
	stroke: #d1d9ba; /* Color azul para AVG TF-IDF */
}
.ct-series-b .ct-bar {
	stroke: #8db61e; /* Color rojo para TF-IDF máx. */
}

.ct-chart {
    min-width: 800px; /* Reduce el ancho mínimo del gráfico para más compacidad */
    height: 300px; /* Reduce la altura del gráfico */
}

/* Ajustar el grosor de las barras */
.ct-series-a .ct-bar,
.ct-series-b .ct-bar {
    stroke-width: 10px; /* Ajusta el grosor de las barras */
}
.ct-bar {
    stroke-width: 8px; /* Reduce el grosor de las barras para hacerlas más compactas */
}
.ct-major-twelfth>svg {
     left: 30px;
}

/** table ideas report */

.blockideasresult{
	
	}

table.ideasreport {
    border: 0 solid #fff;
    width: 93%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse; /* Quita espacios entre celdas */
    table-layout: fixed; /* Las columnas se ajustan al tamaño disponible */
    margin-bottom: 0;
}

table.ideasreport th, table.ideasreport td {
    padding: 8px; /* Espaciado interno */
    text-align: left; /* Alineación del texto */
    border: 0 solid #fff; /* Bordes de las celdas */
    word-wrap: break-word; /* Asegura que el texto largo se ajuste */
}
table.ideasreport th {
    background-color: #fff; /* Fondo de la cabecera */
    font-weight: bold;
    text-align: left; /* Texto alineado a la izquierda */
    word-wrap: break-word; /* Asegura que el texto largo se ajuste */
}
table.ideasreport td {
    white-space: break-spaces; /* Evita que el contenido se rompa en varias líneas */
}

table.ideasreport td label{
    font-weight: bold;
    font-size: 16px;
}
table.ideasreport td p.mini{
	width: 100%;
	max-width: 100%;
    float: left;
    margin: 7px 0 0 0;
    font-size: 13px;
}

table.ideasreport td .checkbox{
    max-width: 94%;
    float: left;
}

.select2-container {
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 35px;
}
/** IA ASISTANTS */
/** IA WIDGETS */

.box.box-assist.assist-ia-2{
/*	box-shadow: 3px 4px 10px 0 #7a70701c !important;*/
	-webkit-box-shadow: rgba(17,17,26,.05) 0px 4px 16px, rgba(17,17,26,.05) 0px 8px 32px;
    box-shadow: rgba(17,17,26,.05) 0px 4px 16px, rgba(17,17,26,.05) 0px 8px 32px;
	float: left;
	border-radius: 7px;
	overflow: hidden;
    min-height: 250px;
    min-width: 250px;
    max-height: 250px;
    max-width: 250px;
	transition-duration: 0.5s;
	}

.box.box-assist.assist-ia-2:hover{
	cursor:pointer;
	background-color:#e8f0d1;
	}

/* Cambia la posición del pseudo-elemento al hacer hover */
.boxeffect:hover::before {
  top: 100%; /* Mueve el pseudo-elemento hacia abajo, creando el efecto */
}

.assist-ia-2 .assist-ia-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 20px 20px 0 20px;
	float: left;
	 width: 100%;
	text-align: center;
}
.assist-ia-2 .assist-ia-header .assist-ia-image{
	width: auto;
	max-width: 65px;
    margin: 0 auto;
	}
.assist-ia-2 .assist-ia-image > img
{
    width: 45px;
    height: 45px;
    float: left;
    border: 1px solid #333;
    padding: 6px;
}

.assist-ia-2 .assist-ia-header h3.assist-ia-name{
	width: 100%;
    float: left;
    margin: 4px 0 0 0;
    padding: 0;
    color: #333;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
	}


.assist-ia-2 .assist-ia-footer{
    color: #333;
	width: 100%;
    float: left;
    text-align: left;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 9px;	
	}

.assist-ia-2 .assist-ia-footer h5.assist-ia-desc{
	width: 100%;
	float: left;
	color: #333;
	font-size: 14px;
	min-height: 100px;
	max-height: 100px;
	}

.assist-ia-2 .assist-ia-footer span.addfavourites{
    float: right;
    width: auto;
    height: auto;
    cursor: pointer;
    margin: -10px 2px 0 0;
    padding: 0;
    z-index: 5000;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.assist-ia-2 .assist-ia-footer span.addfavourites.unselected{
	display:none;
}

.assist-ia-2 .assist-ia-footer span.addedfavourites{
    float: right;
    width: auto;
    height: auto;
    cursor: pointer;
    margin: -10px 2px 0 0;
    padding: 0;
    z-index: 5000;
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.assist-ia-2 .assist-ia-footer span.addedfavourites svg{
	fill: red;
}
.assist-ia-2 .assist-ia-footer span.addedfavourites.unselected{
	display:none;
}


.nestable-lists{
	display: block;
 	clear: both;
    position: relative;
	width: 100%;
    padding: 0 0 30% 0;
	margin: 0 0 25px 0;
	}
.nestable-lists .dd{
	position: relative;
  display: block;
}
.nestable-lists ol.dd-list{
	display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
	}
.nestable-lists ol li{
margin: 0 25px 0 0;
    float: left;	
	}

.nestable-lists ol .dd-placeholder{ 
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 250px;
    border: 1px dotted #999;

}
.nestable-lists ol li.dd-item{
	position: relative;
    display: block;
}


/** ASSISTANT NOT FORM */

.helpicon{
    display: block;
    width: auto;
    float: right;
    font-size: 12px;
    margin: 3px 0 0 3px;
	}
.helpicon svg{
    width: 15px;
    height: auto;
	}

.notbg{
	background-color:transparent !important;	
	}

div.assistantform .formblock label {
    font-size: 20px;
    margin: 0;
}

div.assistantform .formblock #contenttext {
    font-size: 14px;
    margin: 0 0 0 7px;
    font-weight: normal;
}

div.assistantform .formblock label.mini {
	font-size: 15px;
    margin: 8px 0;
}

div.assistantform .formblock p.explain {
	font-size: 14px;
    margin: 0 0 4px 0;
}

div.assistantform .formblock textarea{
    margin: 0 0 10px 0;	
	}

div.assistantform .formblock .el-switch-sm {
    font-size: 10px;
}

div.assistantform .formblock .el-switch-sm {
    font-size: 10px;
}
div.assistantform .formblock .el-switch .swichlabel {
    font-size: 15px;
    font-weight: normal;
    vertical-align: top;
    margin: 0 0 0 5px;
}

div.assistantform .formblock .el-switch .el-switch-style {
    top: 4px;
}

div.assistantform .formblock .btn-zelachat-file {
	background-color: #fff;
    color: #fff;
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
	overflow: hidden;
}


div.assistantform .formblock form.dropzone{
    background-color: #333;
    border-radius: 5px;
    width: 32px;
    margin: 0 0 0 0;
	float: left;
	}

div.assistantform .formblock .filetexts{
	color: #333;
    font-size: 15px;
    text-align: left;
    margin: 0 0 0 6px;
    display: block;
    float: left;
    width: 75%;
    max-width: 75%;
    overflow: hidden;
	}


div.assistantform .formblock #zelachat-file div.textareaicon{
	background-color: #333;
	color:#fff;
    float: left;
    border-radius: 5px;
    padding: 1px 5px;
}
div.assistantform .formblock .btn-zelachat-file i#erasefile {
    position: absolute;
    left: -5px;
    top: -5px;
    background-color: aliceblue;
    color: red;
}
/** ***************** */

.uploadmeimage{
width: 250px;
    float: right;	
	}

.uploadmeimage .btn-importfilebox-file {
    background-color: #fff;
    color: #fff;
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
}
.uploadmeimage .btn-importfilebox-file form.dropzone {
    background-color: #333;
    border-radius: 5px;
    width: 32px;
    margin: 0 0 0 0;
    float: right;
}
.uploadmeimage .btn-importfilebox-file .filetexts {
	color: #333;
    float: right;
    margin: 0 9px 0 10px;
    font-size: 14px;
}
.uploadmeimage .btn-importfilebox-file:active{
box-shadow: none;	
	}

/** ************* */
div.assistantsend .btn:hover{
	color:#fff;
	background-color: #000;
}


.assistantblockleft{
	min-height: 550px;
/*    max-height: 550px;*/
    background-color: #fff;
    padding: 10px;
    border-radius: 15px;
    margin: 0 15px 0 0;
	}

.assistantblockright{
	background: #fff;
    float: left;
    display: block;
	min-height: 550px;
/*	max-height: 650px;*/
	border-left: 1px solid #eee;
	padding: 1em;
    position: relative;
    overflow: hidden;
	}

.assistantblockright .loadingassitantresult{
    padding: 0 0 2em;
    height: calc(85vh - 55px - 2em - 25px* 2 - 0.5em - 3em);
    overflow: auto;
    background-color: transparent;
    position: relative;
	width:100%;
	}


.assistantblockright a.goBottom {
    color: #fff;
    position: absolute;
    bottom: 94px;
    right: 40px;
    opacity: 0.5;
}
.assistantblockright .goBottom {
    width: 37px;
    display: block;
    height: 37px;
    background-color: #cecece;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    z-index: 5500;
}


.assistantblockright .note-editor.note-frame {
    border: 0 solid rgba(0, 0, 0, .2);
}
.assistantblockright .note-editor.note-frame .note-statusbar {
   display:none;
}

.assistantblockright .note-editor.note-frame .note-editing-area .note-editable {
    font-size: 18px;
    font-weight: normal;
}

/* assitant results  */

h1.startchatbox{
	color:#8db61e;
    font-size: 1.2em;
    text-align: center;
    margin: 15px auto 30px auto;
    width: 100%;
    font-weight: bold;
    float: left;
	}

h1.startchatbox p{
	color: #333;
    font-size: 14px;
    width: 100%;
    font-weight: normal;
    margin: 10px 0 0 0;
}

h1.audiosadvice{
	color:#8db61e;
    font-size: 1.2em;
    text-align: left;
	margin: 0 0 10px 0;
    width: 100%;
    font-weight: bold;
    float: left;
	}
p.audiosadvice{
	
	}
.toolassistatntresultbox{
    text-align: right;
    float: left;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	}
.toolassistatntresultbox.noline{
    border-bottom: 0 solid #eee;
}

.toolassistatntresultbox .btn-superback.download{
	float: right;
	}

.toolassistatntresultbox p.helptext{
width: 100%;
    float: left;
    text-align: left;
    font-size: 13px;	
	}


#loadingassitantresult{

	}

.assistantblockright .resultround{
    width: 170px;
    background-color: #e2edc7;
    margin: 0 auto;
    border-radius: 87px;
	padding: 41px 32px;
	display:none;
	z-index: 25000;
    position: fixed;
    left: 59%;
	}

.assistantblockright .resultround.youtube{
    background-color: #C62626;
	color:#fff;
	}

.assistantblockright .resultround.webrevision{
    background-color: #f39c12;
	color:#fff;
	}

.assistantblockright .resultround.audiofussion{
    background-color: #f39c12;
	color:#fff;
	}


.assistantblockright .loadingMagiaResult .resultround{
	position: absolute;
    top: 50px;
    left: 36%;
    z-index: 25000;
	}


.assistantblockright .resultround svg.loadingIcon{
	width: 70px;
    height: 70px;
    margin: -12px 0 0 30px;
    display: inline-block;
}
.assistantblockright .resultround span{
	width: 100%;
    display: block;
    text-align: center;
    margin: -12px 0 0 0;
}

/** searchingProgress progress */

.assistantblockright .searchingProgress{
    width: 170px;
    background-color: #81b248;
	margin: 0 auto;
    border-radius: 87px;
    padding: 52px 32px;
    display: none;
    text-align: center;
	}

.assistantblockright .loadingMagiaResult .searchingProgress{
	position: absolute;
    top: 50px;
    left: 36%;
    z-index: 25000;
	}


.assistantblockright .searchingProgress svg.loadingIcon{
    width: 96px;
    height: 55px;
    margin: -20px 0 0 0;
    display: inline-block;
}
.assistantblockright .searchingProgress span{
	width: 100%;
    display: block;
    text-align: center;
    margin: -12px 0 0 0;
}

/** AnalizerTextProgress progress */
.assistantblockright .AnalizerTextProgress{
    width: 170px;
    background-color: #9da9b9;
	margin: 0 auto;
    border-radius: 87px;
    padding: 52px 32px;
    display: none;
    text-align: center;
	}

.assistantblockright .loadingMagiaResult .AnalizerTextProgress{
	position: absolute;
    top: 50px;
    left: 36%;
    z-index: 25000;
	}


.assistantblockright .AnalizerTextProgress svg.loadingIcon{
    width: 96px;
    height: 55px;
    margin: -20px 0 0 0;
    display: inline-block;
}
.assistantblockright .AnalizerTextProgress span{
	width: 100%;
    display: block;
    text-align: center;
    margin: -12px 0 0 0;
}



/** ReadingFileProgress progress */
.assistantblockright .ReadingFileProgress{
    width: 170px;
    background-color: #d78379;
	margin: 0 auto;
    border-radius: 87px;
    padding: 52px 32px;
    display: none;
    text-align: center;
	}

.assistantblockright .loadingMagiaResult .ReadingFileProgress{
	position: absolute;
    top: 50px;
    left: 36%;
    z-index: 25000;
	}


.assistantblockright .ReadingFileProgress svg.loadingIcon{
    width: 96px;
    height: 55px;
    margin: -20px 0 0 0;
    display: inline-block;
}
.assistantblockright .ReadingFileProgress span{
	width: 100%;
    display: block;
    text-align: center;
    margin: -12px 0 0 0;
}


/** label progress */
.animatedProgress{
    max-width: 220px;
    width: 210px;
    background-color: #e2edc7;
    border-radius: 7px;
    padding: 18px 0 0 0;
    display: block;
    height: 36px;
    float: left;
    margin: 7px 0 0 0;
    overflow: hidden;
    position: relative;
	}

.animatedProgress svg{
	width: 50px;
    margin: 0 auto;
    padding: 0;
    display: block;
    float: left;
    position: absolute;
    top: -8px;
    left: 15px;
	}
.animatedProgress span{
    width: auto;
    display: block;
    text-align: left;
    margin: -12px 0 0 59px;
	}

/** reading progress */

.readingProgress{
    max-width: 220px;
    width: 210px;
    background-color: #f59e05;
    border-radius: 7px;
    padding: 18px 0 0 0;
    display: block;
    height: 36px;
    float: left;
    margin: 7px 0 0 0;
    overflow: hidden;
    position: relative;
	}

.readingProgress svg{
	width: 50px;
    margin: 0 auto;
    padding: 0;
    display: block;
    float: left;
    position: absolute;
    top: -8px;
    left: 15px;
	}
.readingProgress span{
    width: auto;
    display: block;
    text-align: left;
    margin: -12px 0 0 59px;
	}

/** loading icon for texstedito */


.note-editor.note-airframe .resultround{
    width: 170px;
    background-color: #e2edc7;
    margin: 0 auto;
    border-radius: 87px;
	padding: 41px 32px;
	display:none;
	}

.note-editor.note-airframe .resultround{
	position: absolute;
    top: 50px;
    left: 36%;
    z-index: 25000;
	}


.note-editor.note-airframe svg.loadingIcon{
	width: 70px;
    height: 70px;
    margin: -12px 0 0 30px;
    display: inline-block;
}

.note-editor.note-airframe .resultround span{
	width: 100%;
    display: block;
    text-align: center;
    margin: -12px 0 0 0;
}


/** searching */

.note-editor.note-airframe .searchingProgress{
    width: 170px;
    background-color: #81b248;
    margin: 0 auto;
    border-radius: 87px;
	padding: 41px 32px;
	display:none;
	}

.note-editor.note-airframe .searchingProgress{
	position: absolute;
    top: 50px;
    left: 36%;
    z-index: 25000;
	}

.note-editor.note-airframe .searchingProgress span{
	width: 100%;
    display: block;
    text-align: center;
    margin: -12px 0 0 0;
}


.note-editor.note-airframe .animatedProgress svg {
    width: 50px;
    margin: 0 auto;
    padding: 0;
    display: block;
    float: left;
    position: absolute;
    top: -17px;
    left: 15px;
}

/* modal off imagen */

.note-editor.note-airframe .modal-content {
    border-radius: 20px;
}

.modal-header {
    border-bottom-color: #f4f4f4;
    background-color: #e8f0d1;
    border-radius: 15px 15px 0 0;
}

.note-editor.note-airframe .modal-content .note-image-btn{
    background-color: #444;	
	}

.note-editor.note-airframe .modal-content .note-group-select-from-files .form-control-file{
    padding: 10px;
    background-color: #e8f0d1;
    border-radius: 8px;	
	}
.note-editor.note-airframe .modal-content .note-group-select-from-files .form-control-file btn{
}

/**/
.icheckbox_minimal-green span.leyend{
font-weight: normal;
    margin: 0 0 0 15px;	
	}


/* WIZARD STEPS */

.wizardblock{
width: 100%;
    float: left;
    margin: 0 0 20px 0;
    padding: 0;	
	}

.wizard-list {
  display: flex;
  justify-content: space-between; /* Espacio igual entre los elementos */
  padding: 0; /* Eliminar el padding predeterminado del ul */
  list-style: none; /* Eliminar los puntos de la lista */
  margin: 0; /* Eliminar el margen predeterminado del ul */
}

.wizard-list li {
    background-color: #ecf0f5;
    width: 50px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    margin: 0 8px;
    padding: 0;
    border-radius: 54px;
}

.wizard-list li.active {
	background-color: #e8f0d1;
}

.wizard-list .number {
	margin: 5px 0 0 0;
    padding: 0;
  font-size: 2em; /* Tamaño grande para el número */
  font-weight: bold; /* Negrita para el número */
}

.wizard-list .explain {
  font-size: 1em; /* Tamaño normal para la palabra */
}

.wizardspace{
margin: 15px 0 0 0;	
	}

.tfidf_advice_box{
    width: 100%;
    float: left;
    background-color: #e8f0d1;
    margin: 0 0 0 0;
    padding: 10px 15px;
    border-radius: 15px;
    font-weight: bold;
	}

.tfidfleyend{
    width: 100%;
    margin: 30px 0 0 0;
    float: left;	
	}

.tfidfleyend h3{
	font-weight: bold;
    margin: 0 0 10px 0;	
	}

.tfidfleyend p{
	
	}

.tfidf_advice_box.magia{
float: none;
}

a.skipthislink{
float: right;
text-decoration:none;	
color:#333;
	}
a.skipthislink:hover{
	color:#000;
	text-decoration:underline;
	}

.assitantTemplate p.loadmodel{
font-weight: bold;
    margin: 15px 0 8px 0;	
	}
.assitantTemplate p.explain{
margin: 0 0 10px 0 !important;	
	}

/** ideas list */

p.loadidealist_select_advice{
    width: 100%;
    float: left;
    text-align: center;
    margin: 45px 0 0 0;
    font-size: 16px;	
	}

.ideaslistMenu {
width: 100%;
    float: left;
    margin: 0 0 7px 0;
}

.ideaslistMenu h3 {
    font-weight: bold;
    margin: 0 0 2px 0;
}

.ideaslistMenu p.listexplainintro {
    font-size: 12px;
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
}
.ideaslistMenu p.report {

}

.ideaslistMenu .addidealistbtn{
    width: auto;
    float: right;
    margin: -66px 0 0 0;
}
.ideaslistMenu .addidealistbtn a{
    border-radius: 15px;
    padding: 30px 0 0 0;
	background-color:#ecf0f5;
}

.ideaslistMenu .addidealistbtn a:hover{
	background-color:#e8f0d1;
}
.ideaslistMenu .addidealistbtn a svg{
    width: 50px;
    height: 50px;
    margin: 0 0 0 0;
    padding: 6px 0 0 0;
}
.ideaslistMenu .addidealistbtn a svg:hover{

}

.ideaslistBlock{
width: 100%;
    float: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 6px 10px 0;
    max-height: 700px;
    overflow-y: scroll;	
	}

.ideaslistBlock .idealabel{
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    padding: 9px 20px 9px 10px;
    border-radius: 15px;
	background-color:#ecf0f5;
	}

.ideaslistBlock .idealabel:hover{
	background-color:#e8f0d1;
}

.ideaslistBlock .idealabel.loader{
	background-color:#e8f0d1;
}

.ideaslistBlock .idealabel .contentLeft{
    width: 70%;
    float: left;
    margin: 0;
    padding: 0;	
	}

.ideaslistBlock .idealabel a{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 8px 0;
    width: 100%;
    float: left;
    color: #333;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 1px 0;
	}
.ideaslistBlock .idealabel a:hover{
	color: #57980b;
}

.ideaslistBlock .idealabel .contentLeft p.mini{
	margin: 0;
    width: 100%;
    float: left;
    font-size: 12px;
    color: #999;	
	}

.ideaslistBlock .idealabel .actionicons{
    width: 20%;
    float: right;
    margin: 0;
    padding: 5px 0 0 0;	
	}
.ideaslistBlock .idealabel .actionicons a{
	float: right;
    width: auto;
    margin: 0 0 0 5px;
    padding: 0;
	border:0;
	}

.ideaslistBlock .idealabel .actionicons a:hover{
	color:81b248;
	}

.ideaslistBlock .idealabel .actionicons a svg{
	
	}
.ideaslistBlock .idealabel .actionicons a svg:hover{
		color:#81b248;
	}

/** btns */

.actionicons .btn.btnlistspecial{
    width: 25px;
    float: right;
    margin: 0;
    padding: 0;	
	background-color: transparent;
	}

.actionicons .btn.btnlistspecial:hover{
    background-color: transparent;
    border: 0;
    color: #81b248;	
	}

.actionicons .btn.btnlistspecial:focus{
	border:0;
	}

.actionicons .btn.btnlistspecial svg{
	
	}


/** client list */

.ideaslistMenu p.clientlistspecial {
    font-size: 12px;
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
}

.ideaslistMenu .addclientbtn {
	font-size: 12px;
    width: auto;
    float: right;
    margin: -10px 0 0 0;
    padding: 0;
}



.clientsHeaders{
    width: 100%;
    float: left;	
    margin: 0 0 0 0;
    padding: 0;
}

.clientsHeaders p.clientlistspecial{
	width: 50%;
    float: left;	
	}

.clientsHeaders button{
    margin: 0 0 10px 0;	
	}

.clientlistBlock {
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 6px 10px 0;
}
.clientlistBlock .clientlabel {
    width: 250px;
    max-width: 250px;
    float: left;
    margin: 0 0 10px 10px;
    padding: 9px 20px 9px 10px;
    border-radius: 15px;
    background-color: #fff;
    border: 1px solid #cecece;
}

.clientlistBlock .clientlabel a {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 8px 0;
    width: 100%;
    float: left;
    color: #333;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 1px 0;
}
.clientlistBlock .clientlabel a:hover {
    color:#57980b;
}

.clientlistBlock .clientlabel a svg{
	    width: 22px;
    height: 22px;
    margin: 0 3px -5px 0;
}

.clientlistBlock .clientlabel.loader {
    background-color: #e8f0d1;
}

#clientConfigwrapper{
    width: 100%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	
	}

#clientConfigwrapper .clientmediaconfigbox{
    width: 100%;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom: 1px solid #eee;
	}

#clientConfigwrapper .clientmediaconfigbox label.client{
    font-size: 16px;
    text-align: left;	
	}


#clientConfigwrapper .clientmediaconfigbox .configmediawrapper{
	
	}

#clientConfigwrapper .clientmediaconfigbox .configmediawrapper .mediaconfig{
	
	}



.clientresult.wrapeer{
width: 100%;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #eee;
    padding: 0 0 8px 0;
	}

.clientresult.wrapeer .resultround{
	width: 100%;
    vertical-align: middle;	
	}

.clientresult.wrapeer .resultround svg.loadingIcon{
	
	}
.clientresult  table{
	border:0;
	}
.clientresult table tbody tr td{
	border:0;
	}
	
.swichicon {
    float: left;
}
.swichicon svg{

	}
#folder_box{
margin: 0 0 15px 0;	
	}
#link_box{
margin: 10px 0 15px 0;	
	}

.clientsblockleft {
    min-height: 550px;
    /* max-height: 550px; */
    background-color: #fff;
    padding: 10px;
    border-radius: 15px;
    margin: 0 15px 0 0;
}


.clientsheaders{
	width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    float: left;
    border-bottom: 1px solid #eee;	
	}

.clientsheaders label{
    float: right;
    width: auto;
    margin: 15px 0 0 0;	
	}

.clientsheaders btn{
	
	}

.contentLeft .iconsmedia{
    width: 100%;
	float:left;
	margin:0;
	padding:0;
	font-size: 13px;
	height: 30px;
	}

.contentLeft p.mini{
float: left;	
	}


/** client list */
.contentLeft .iconsmedia .icon.make{
	background-size: 16px;
    background-image: url(../img/make.png);
    background-repeat: no-repeat;
    width: 16px;
    float: left;
	}

/**/

.medialistmenu{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;	
	}


.medialistmenu .mediacomponent{
    width: 100%;
    margin: 0 0 10px 0;
    float: left;
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 0;	
	}


.medialistmenu .mediacomponent .icon{
	width: 50px;
    height: 50px;
    margin: 0 0 0 0;
    float: left;
	}

.medialistmenu .mediacomponent .icon.zapier{
    background-size: 50px;
	background-image: url(../img/zapier.png);
	}

.medialistmenu .mediacomponent .icon.make{
    background-size: 50px;
	background-image: url(../img/make.png);
	}

.medialistmenu .mediacomponent .icon svg{
	}

.medialistmenu .mediacomponent .text {
    width: auto;
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin: 16px 0 0 6px;	
	}
.medialistmenu .mediacomponent .text a{
	color:#333;
	}

.medialistmenu .mediacomponent .text a:hover{
	color:#57980b;	
	}



.mediaConfigWarpper{
	width: 100%;
    float: left;
    margin: 60px 0 0 0;
    padding: 0;	
	}

.mediaConfigWarpper .header{
	width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0 0 13px 0;
    border-bottom: 1px solid #eee;
	}

.mediaConfigWarpper .header label{
font-size: 20px;
    float: left;	
	}

.mediaConfigWarpper .header p.mediaexplain{
	width: 100%;
    float: left;	
	}

.mediaConfigWarpper .configmedia{
	width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0;		
	}

.mediaConfigWarpper .configmedia .webhookbox{
	background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    padding: 3px 0 3px 7px;
    margin: 0;
	}

.mediaConfigWarpper .configmedia .webhookbox span{
	}

.mediaConfigWarpper .endpointsocial{
    width: 100%;
    float: left;
    margin: 10px 0 0 0;	
	}

.mediaConfigWarpper .configmedia label{
font-size: 20px;
    margin: 0 0 20px 0;
}
.mediaConfigWarpper .configmedia .sociallink{
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
/*    border-bottom: 1px solid #eee;*/
}
.mediaConfigWarpper .configmedia .sociallink .linkname{
    margin: 0;
    padding: 0;
    float: left;
    font-size: 15px;
}

.mediaConfigWarpper .configmedia .sociallink .btn.btnlistspecial{
    background: transparent;
    width: 10px;
    height: 10px;
    float: left;
    margin: -2px 0 0 8px;
    padding: 0;
}

.mediaConfigWarpper .endpointsocial .btn.btnlistspecial{
    height: 37px;
    margin: 5px 0 0 0;	
	}
.mediaConfigWarpper .endpointsocial .btn.btnlistspecial svg{
    width: 20px;
    margin: 0;
    padding: 0;	
	}

.social_config_advice_wrapper{
width: 90%;
    margin: 0 0 0 20px;	
	}
.social_config_advice_wrapper h2{
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    float: left;
    margin: 15px 0 15px 0;	
	}
.social_config_advice_wrapper label{
margin: 10px 0 20px 0;	
	}
.social_config_advice_wrapper p{
	
	}

.social_config_advice_wrapper .sociallink{
width: 100%;
    float: left;
    margin: 10px 0;
	}

.social_config_advice_wrapper .sociallink span.linkname{
    font-size: 18px;
    float: left;
    font-weight: bold;
	}

.social_config_advice_wrapper .sociallink p{

	}


.social_config_advice_wrapper .sociallink .btn.btnlistspecial{
    background: transparent;
    width: 10px;
    height: 10px;
    float: left;
    margin: -2px 0 0 8px;
    padding: 0;
}


/* twitter response*/

.twitter_response_wrapper{
	width: 250px;
    margin: 80px auto;
    border: 1px solid #cecece;
    padding: 10px 15px;
    border-radius: 14px;
    display: block;
	}

.twitter_response_wrapper danger{
	
	}

.twitter_response_wrapper .xlogotipe{
    width: 100%;
    text-align: center;
    margin: 8px 0 12px 0;
    float: left;	
	}
.twitter_response_wrapper .xlogotipe svg{
margin: 0 0 0 0;
    float: right;	
	}
.twitter_response_wrapper .xlogotipe img{
width: 150px;
    float: left;
    margin: 0;	
	}

.twitter_response_wrapper p{
	
	}
.twitter_response_wrapper a{
	
	}



/** MAGIA */
#boxbodymagia{

	}

.assistantblockright .loadingMagiaResult{
    padding: 0 0 2em;
    height: calc(85vh - 55px - 2em - 25px* 2 - 0.5em - 3em);
    overflow: auto;
    background-color: transparent;
    position: relative;
	width:100%;
	float: left;
	}

.assistantblockright .loadingMagiaResult.onlytext{
    height: 100% !important;
    overflow: inherit !important;
	}


.loadingMagiaResult .blockideasresult{
    width: 95%;
    float: left;
    margin: 0 0 0 30px;	
	}
.loadingMagiaResult .blockideasresult .checkbox {
	    margin: 0 0 15px 0;	
	}

.loadingMagiaResult .blockideasresult .checkbox .barspace {
	    margin: 0 0 30px 0;	
	}

.loadingMagiaResult .blockideasresult label{
	font-weight: bold;
	}

.loadingMagiaResult .blockideasresult label span.leyend{
	font-weight: normal;
	margin: 0 0 0 14px;
	}

.loadingMagiaResult .option-div {
	font-size: 16px;
    font-weight: bold;
	padding: 10px;
	margin: 5px;
	border: 1px solid #ccc;
	cursor: pointer;
	position: relative;
    float: left;
    width: 100%;
}

.loadingMagiaResult .selected {
	background-color: #e8f0d1;
}

.loadingMagiaResult .check-icon {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url('check-icon.png') no-repeat center center / contain;
}

.loadingMagiaResult .selected .check-icon {
		display: block;
	}

#magia_nextbtn {
display: none;
	}


/*** tf-idf */
.assistantblockright #loadingTFIDFResult{
    padding: 0 0 2em;
    background-color: transparent;
    position: relative;
	width:100%;
	float: left;
	display:block;
	}

.assistantblockright .loadingTFIDFResult{
    padding: 0 0 2em;
    height: auto;
    overflow: auto;
    background-color: transparent;
    position: relative;
	width:100%;
	float: left;
	}

.assistantblockright .loadingTFIDFContent{
    padding: 0 0 2em;
    height: auto;
    overflow: auto;
    background-color: transparent;
    position: relative;
	width:100%;
	float: left;
	}


/** to queue */
.assistantblockright .loadingQueueResult{
    padding: 0 0 2em;
    height: auto;
    overflow: auto;
    background-color: transparent;
    position: relative;
	width:100%;
	float: left;
	}

.assistantblockright #loadingQueueResult {
    padding: 0 0 2em;
    background-color: transparent;
    position: relative;
    width: 100%;
    float: left;
    display: block;
}


/***/

.loadingTFIDFResult .blockideasresult{
    width: 98%;
    float: left;
    margin: 0 0 0 10px;	
	}
/** ideas batery result */
.loadingTFIDFResult .blockideasresult #ideasbaterylist {
	margin: 0 0 30px 0;
    border-bottom: 1px solid #eee;
    width: 100%;
    float: left;
	}

.loadingTFIDFResult .blockideasresult .checkbox {
	margin: 10px 0;
    border-bottom: 0 solid #eee;
    width: 100%;
    float: left;
	}

.loadingTFIDFResult .blockideasresult .checkbox .barspace {
	    margin: 0 0 30px 0;	
	}

.loadingTFIDFResult .blockideasresult label{
	font-weight: bold;
	width: 100%;
	}




.loadingTFIDFResult .blockideasresult #ideasbaterylist .ideabtnblock {
    width: 100%;
	float:left;
	margin:0;
	padding:0;
    line-height: 0;
}
.loadingTFIDFResult .blockideasresult #ideasbaterylist .ideabtnblock a{
    width: auto;
    float: right;
    margin: -15px 0 0 5px;
    padding: 0;
	width: 25px;
	color:#333;
}
.loadingTFIDFResult .blockideasresult #ideasbaterylist .ideabtnblock a:hover{
	color:#81b248;
}
.loadingTFIDFResult .blockideasresult #ideasbaterylist .ideabtnblock a svg{
	width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    float: right;
}

.loadingTFIDFResult .blockideasresult #ideasbaterylist .ideabtnblock .iconstatus{
display:none;
	}
.loadingTFIDFResult .blockideasresult #ideasbaterylist .ideabtnblock .iconstatus.inprogress{
	display: block;
    text-align: center;
    margin: -15px 0 0 0;
    color: #F60;
    width: auto;
    float: right;
	}
.loadingTFIDFResult .blockideasresult #ideasbaterylist .ideabtnblock .iconstatus.published{
    display: block;
	text-align: center;
    margin: -15px 0 0 0;
	color:#090;
    width: auto;
    float: right;	
	}


.loadingTFIDFResult .blockideasresult label span.leyend{
	font-weight: normal;
	margin: 0 0 0 14px;
	}

.topmarginbar{
margin: 8px 0 0 0 !important;	
	}

.loadingTFIDFResult .blockideasresult .checkbox .active_icon{
	    margin: 0 0 0 0;	
	}
.loadingTFIDFResult .blockideasresult .checkbox .active_icon svg{
    margin: 0 0 0 0;
    padding: 0;
    float: right;
    width: auto;
	}

.loadingTFIDFResult .blockideasresult .checkbox .active_icon a{
color: #333;
}

.loadingTFIDFResult .blockideasresult .checkbox .active_icon a:hover{
color: #666;
}


.loadingTFIDFResult .blockideasresult .checkbox .addedchecks{
	margin: 5px 0 15px 21px;
    float: left;	
	}
.loadingTFIDFResult .blockideasresult .checkbox .addedchecks .added_concepts{
width: 100%;
    float: left;
    margin: 0 0 0 20px;	
	}


.loadingTFIDFResult .option-div {
	font-size: 16px;
    font-weight: bold;
	padding: 10px;
	margin: 5px;
	border: 1px solid #ccc;
	cursor: pointer;
	position: relative;
    float: left;
    width: 100%;
}

.loadingTFIDFResult .selected {
	background-color: #e8f0d1;
}

.loadingTFIDFResult .check-icon {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url('check-icon.png') no-repeat center center / contain;
}

.loadingTFIDFResult .selected .check-icon {
		display: block;
	}

#barChart {
    max-width: 100%; /* Ajustar al ancho del contenedor */
    height: auto; /* Permitir ajustar la altura automáticamente */
}
/** end tf-idf */

.blocktitlesresult{
    float: left;
    width: 98%;
    max-width: 98%;
    margin: 20px 0 0 0;
    padding: 0;	
	}

/** GALERYH FOR MAGIA IMAGE GENERARATOR */
.blocktitlesresult .gallery-container {
    max-width: 775px;
	width:100%;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    float: left;
	padding:0;
}

.blocktitlesresult .image-gallery {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
	width:100%;
}

.blocktitlesresult .image-gallery li {
	flex: 1 1 calc(18.333% - 20px);
    margin: 10px;
    box-sizing: border-box;
    border: 2px solid transparent;
    transition: border 0.3s ease;
}

.blocktitlesresult .image-gallery li.action,
.blocktitlesresult .image-gallery li.selected {
	border: 10px solid #8db61e;
    overflow: hidden;
}

.blocktitlesresult .image-gallery img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: transform 0.3s ease;
}

.blocktitlesresult .image-gallery img:hover {
    transform: scale(1.05);
}

.blocktitlesresult .image-gallery li a{
	color:#333;
	}


#editOneIdeaModalContent label.mini{
    width: auto;
}

.marcado{
background-color: #e8f0d1 !important;	
	}


#magia_imgnextbtn{
	display:none;
	}
#magia_outlinesnextbtn{
	display:none;
	}

.outlinesresult{
width: 100%;
    float: left;
    margin: 0;
    padding: 0;	
	}

.outlinesresult ul.outlines{
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    background-color: #ecf0f5;
    padding: 10px 0 0 0;
    padding: 10px 20px 10px 30px;
    border-radius: 5px;
	cursor:pointer;
	}
.outlinesresult ul.outlines.selected{
    background-color: #e8f0d1;
	}

.outlinesresult ul.outlines li{
	
	}
.outlinesresult p{
	margin: 20px 0 5px 0;
    font-weight: bold;
    width: 100%;
    float: left;
	}



@media (max-width: 768px) {
    .blocktitlesresult .image-gallery li {
        flex: 1 1 calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    .blocktitlesresult .image-gallery li {
        flex: 1 1 100%;
    }
}

/*** */


/** IA TOOLS */

.assistantblockright .loadingtoolsresult{
    padding: 0 0 2em;
    height: calc(85vh - 55px - 2em - 25px* 2 - 0.5em - 3em);
    overflow: auto;
    background-color: transparent;
    position: relative;
    width: 100%;
	}

/* audiolist*/
.assistantblockright .loadingtoolsresult.audiolist{
    width: 100%;
    float: left;
	}
.assistantblockright .loadingtoolsresult.audiolist .audioitem{
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    text-align: left;
	}


.assistantblockright .loadingtoolsresult.audiolist .audioitem label.audio{
	float: left;
    margin: 19px 15px 0 0;
	}

.assistantblockright .loadingtoolsresult.audiolist .audioitem label.audio audio{

	}

/** ************ NEW DOCUMETN */

.alltools{
    width: 100%;
    float: left;
    text-align: left;
	margin: 15px 0 15px 0;
	}
.alltools .panel-collapse{
	border-bottom: 1px solid #eee;
    padding: 0 0 10px 0;
    float: left;
    width: 100%;
	}

.alltools .microphone{ 
    width: auto;
    float: right;
}
.alltools .microphone button{ 
	border: 0;
    background-color: #fff;
	float: left;
	color: #333;
}
.alltools .microphone button.stopBtn {
    display: none;
    color: red;
}

.importfilebox{
	width: 100%;
    float: left;
    text-align: left;
    margin: 15px 0 15px 0;
    -webkit-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.10);
    border-radius: 7px;
    padding: 25px;
	}


.btn-superback.newcontent{
    float: right;
	}
p.newcontent{
    float: right;	
	}

.alltools .selectFolder{
	width: auto;
    float: left;
	}

.alltools .selectFolder p{
	float: left;
    margin: 6px 9px 0 0;
    font-size: 15px;
    font-weight: bold;
	}
.alltools .selectFolder select{
    max-width: 200px;
    float: left;
	}

.alltools a.btntools{
	color: #fff;
    stroke: #fff;
    max-width: 35px;
    max-height: 35px;
    float: left;
    margin: 0 0 0 10px;
    padding: 6px 12px 0 6px;
	}

.alltools a.btntools svg{
	background-color:transparent;
    stroke: #fff;
	}

.alltools a.btntools svg:hover{
-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.21);
box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.21);	
	}

/** HELP INTEGRATE */

.panel-collapse h2{
font-size: 20px;
    font-weight: bold;	
	}

.col-md-12.trendsprofileexplain{
margin: 0 0 20px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
	}
.col-md-12.trendsprofileexplain select{
width: 65%;	
	}

#trendsconcept{
	display:block;
	}
#timehours_general{
	display:block;	
	}
#timehours{
	display:none;	
	}

/* Tu otro div (barra de herramientas personalizada) */
#iaTools {
    position: sticky;
    top: 110px;
    z-index: 1000;
    background: white;
    margin-left: 20px; /* Ajusta según el diseño de la página */
 	width: 100%; /* Ancho de la barra lateral */
 	max-width: 500px; /* Ancho de la barra lateral */
    /*height: 100vh; /* Altura completa de la ventana */
	height: 100%;
    overflow-y: auto; /* Hacer que el contenido sea desplazable si es muy largo */
    z-index: 999;
}

/* customize scroll bar */

/* Personalizar scrollbar para navegadores WebKit (Chrome, Safari, Edge moderno) */
#iaTools {
    scrollbar-width: thin; /* Para Firefox */
    scrollbar-color: #555 #9cc36d; /* Color del scrollbar para Firefox (manija y fondo) */
}

#iaTools::-webkit-scrollbar {
    width: 8px; /* Ancho del scrollbar */
}

#iaTools::-webkit-scrollbar-track {
    background: #9cc36d; /* Color del fondo del scrollbar */
}

#iaTools::-webkit-scrollbar-thumb {
    background-color: #555; /* Color de la manija (thumb) */
    border-radius: 10px; /* Bordes redondeados */
}

#iaTools::-webkit-scrollbar-thumb:hover {
    background-color: #333; /* Color más oscuro al pasar el ratón */
}

/**/

.newdoctitle{
    margin: 10px 0 15px -15px;	
	}

.newdoctitle label.metalabel{
    font-weight: normal;
    margin: 0 0 0 15px;
    font-size: 12px;
    text-transform: uppercase;
	}

.newdoctitle input.metalabel{
	font-size: 15px;
    margin: 0 0 0 14px;
    background-color: #ecf0f5;
    width: 98%;
	}

.newdoctitle span.seowarning{
	margin: 0 0 0 14px;
	}

.newdoctitle #seowarning{
	margin: 0 0 0 14px;
    color: #e96f6f;	
	display:none;
	}

h4.advanceOption.seotags{
	
	}

#imageusertext{
	display:none;
	}

.toplayer.seotags {
    width: auto;
    margin: -27px 20px 0 0 !important;
    float: right;
    background-color: #ecf0f5;
    z-index: 25;
    position: relative;
    padding: 2px 7px 0 10px;
    border-radius: 7px 7px 0 0;
}

.toplayer.seotags .box-header.with-border.seotags{
	
	}

.toplayer.seotags .box-header.with-border.seotags h4.advanceOption.seotags{
margin: 5px 3px 3px 0;	
	}

.toplayer.seotags .box-header.with-border.seotags h4.advanceOption.seotags a{
	
	}

.toplayer.seotags .box-header.with-border.seotags h4.advanceOption.seotags a svg{
	
	}


.microphonebox{ 
    width: auto;
    float: right;
}
.microphonebox button{ 
	border: 0;
    background-color: #fff;
	float: left;
	color: #333;
}
.microphonebox button.stopBtn {
    display: none;
    color: red;
}


.col-md-12.seotags {
    width: 96%;
    margin: 0 0 0 17px !important;
    padding: 0 30px;
    border-top: 1px solid #ecf0f5;
}

.newdoctitle input{
    border: 0;
    font-size: 25px;
    font-weight: normal;	
	}

.newdoccontent{
width: 100%;
    height: 100%;
    min-height: 650px;
    margin: 0 0 0 0;
    float: left;
/*    max-height: 650px;	*/
	}

.newdoctitle textarea.contentart{
    border: 0;
    font-size: 30px;
    font-weight: bold;	
	resize: none;
	overflow:hidden;
	}

.newdoccontent textarea{
	
	}

div.newdoccontent > div > div.note-editing-area > div.note-editable h1, div.newdoccontent > div > div.note-editing-area > div.note-editable h2, div.newdoccontent > div > div.note-editing-area > div.note-editable h3{
	font-weight:bold;	
	}

.note-editor.note-airframe .note-editing-area .note-editable{
	min-height: 400px;
	}

.note-editor.note-airframe .note-editing-area .note-editable a{
    color: #579f04;
    text-decoration: underline;	
	}
.note-editor.note-airframe .note-editing-area .note-editable a:hover{
color:#999;		
	}

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

/* summernote */

.note-editor.note-airframe {
	border: 1px solid #eee;
    padding: 10px 10px;
/*    height: calc(85vh - 55px - 2em - 25px* 2 - 0.5em - 3em);*/
	height:100%;
	min-height: 550px;
/*    overflow: auto;*/
    position: relative;
    width: 100%;
}


#toolProgress{
    background-color: yellow;
    width: 38px;
    height: 19px;
    display: block;
    position: relative;
    overflow: hidden;
	display:none;
	}

#toolProgress svg{
width: 44px;
    height: 44px;
    margin: -12px 0 0 6px;
    display: inline-block;
	}


.note-popover {
    position: absolute !important; /* Aseguramos que el popover sea relativo al contenedor */
    z-index: 1050; /* Ajustamos el z-index para evitar problemas de superposición */
    transform: none !important; /* Evitamos transformaciones que desplacen la posición */
}

.toolsvg{
	padding: 0;
    margin: 0;
    position: relative;
    float: left;
/*	display: none;*/
	}
.toolsvg .letter{
	font-size: 17px;
	font-weight: bold;
    float: right;
    margin: 2px 0 0 0;
    padding: 0;
	height: 20px;
}

.toolsvg .letter span{
	font-size: 14px;
	font-weight: bold;
}
.toolsvg svg{
overflow: hidden;
    width: 45px;
    margin: 1px -9px 0 -14px;
    padding: 0;
    float: left;	
	}
.note-popover.popover .popover-content a {
    font-weight: bold;
    font-size: 15px;
}


/* Estilo del desplegable del botón IA */
.dropdown-ia-tools {
    min-width: 180px; /* Ancho mínimo */
    border: 1px solid #ddd; /* Borde gris claro */
    border-radius: 4px; /* Bordes redondeados */
    background-color: #fff; /* Fondo blanco */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra */
    padding: 5px 0; /* Espaciado interno */
    font-size: 14px; /* Tamaño de fuente */
    z-index: 1050; /* Asegura que el menú esté sobre otros elementos */
}

.dropdown-ia-tools .note-dropdown-item {
    padding: 8px 15px; /* Espaciado cómodo */
    color: #333; /* Color del texto */
    text-decoration: none; /* Sin subrayado */
    display: block; /* Elemento en bloque */
    line-height: 1.5; /* Altura de línea */
}

.dropdown-ia-tools .note-dropdown-item:hover {
    background-color: #f1f1f1; /* Fondo gris claro al pasar el cursor */
    color: #000; /* Texto negro */
}

/* Flecha desplegable en el botón */
.note-icon-caret {
    border-top: 0 solid #333;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    display: inline-block;
    margin-left: -4px;
    vertical-align: middle;
}

.content-advice{
	
	}

#word-char-counter {
    margin-top: 0;
    font-size: 14px;
    color: #555;
	width: auto;
    float: right;
    padding: 10px;
    text-align: right;
}

.content-advice p.error{
    width: auto;
    float: left;	
	margin: 10px 0 0 0;
	}
.content-advice p.error p{
    width: auto;
    float: left;	
	}


/** folders */

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

.foldersmenu #containertableresult{

}

.foldersmenu #containertableresult .pagination{
margin: 10px 0 0 0;
}

.foldersmenu .folderwrapper{
/*    overflow-y: scroll;*/
	height: 200px;
    max-height: 200px;
    min-height: 200px;
}

.folderHeaders{
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 0 0 5px 0;	
	}
.folderHeaders label{
    font-size: 20px;
	}

.folderHeaders a{
	width: auto;
    display: block;
    float: right;
    vertical-align: middle;
    color: #fff;
    font-size: 15px;
    background-color: #333;
    padding: 5px 10px;
    border-radius: 7px;
}

.folderHeaders a:hover{
    background-color: #000;
}

.folderHeaders a svg{
	stroke: #fff;
    width: 17px;
    margin: 0 0 0 8px;
    float: right;
	}

.foldersmenu .onefolder{
    width: 235px;
    height: 117px;
    border: 1px solid #cecece;
    float: left;
    margin: 15px 15px 6px 6px;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 3px 4px 10px 0 #7a70701c !important;
    -webkit-box-shadow: rgba(17,17,26,.05) 0px 4px 16px, rgba(17,17,26,.05) 0px 8px 32px;
    box-shadow: rgba(17,17,26,.05) 0px 4px 16px, rgba(17,17,26,.05) 0px 8px 32px;
	background-color: #f3f8e8;
	}
.foldersmenu .onefolder:hover{
	/* cursor: pointer;*/
    background-color: #e8f0d1;
	}

.foldersmenu .onefolder .foldericon{
    width: 35px;
    height: auto;
    float: left;
	margin: 0 8px 0 3px;
	}
.foldersmenu .onefolder .foldericon svg{
    width: 35px;
    height: auto;
    float: left;
    stroke: #000;
}

.foldersmenu .onefolder .foldercontent {

	}

.foldersmenu .onefolder .foldercontent .title{
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    max-height: 33px;
    line-height: 110%;
    margin: 3px 0 4px 0;
	}

.foldersmenu .onefolder .foldercontent .title a{
	text-decoration:none;
	color:#000;
/*	font-size: 14px;*/
}
.foldersmenu .onefolder .foldercontent .title a:hover{
	text-decoration:none;
	color:#666
}

.foldersmenu .onefolder .foldercontent .foldertools{
    float: left;
    width: 100%;
    border-top: 1px solid #cecece;
	}

.foldersmenu .onefolder .foldercontent .foldertools .btn-group{
	float: right;
    margin: 7px 10px 0 0;
    width: 100%;
    text-align: right;
	}

.foldersmenu .onefolder .foldercontent .foldertools a svg{
	    stroke: #000;
		width: 22px;
		height: auto;
	}
.foldersmenu .onefolder .foldercontent .foldertools a svg:hover{
	    stroke: #407206;
	}
.foldersmenu .onefolder .foldercontent .foldertools span{
    float: left;
    margin:0 10px 0 10px;
	font-size: 12px;
    width: 100%;
	}

.deletemodal label.mini{
	width: 100%;
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
	}
.deletemodal h3{
	width: 100%;
    margin: 10px 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;	
	}

/** colores del modal para carpetas */

/* Selector principal */
.color-selector {
    position: relative;
    display: inline-block;
}

.color-selector label{
    float: left;
    margin: 4px 10px 0 6px;
}
/* Cuadro principal */
.selected-color-box {
    width: 60px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
	float: right;
}

/* Pop-up */
.color-popup {
	position: absolute;
    top: -165px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 105;
    width: 255px;
}

.color-popup.hidden {
    display: none;
}

/* Estilos para los colores */
.color-picker input[type="radio"] {
    display: none;
}

.color-picker label {
    display: inline-block;
    width: 30px !important;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border 0.2s ease-in-out;
}

.color-picker input[type="radio"]:checked + label {
    border: 2px solid #000; /* Resaltar color seleccionado */
}



/** files */

.articlesmenu{
/*
	min-height: 450px;
    max-height: 450px;
    height: 450px;
*/
    float: left;
    margin: 0 0 0 0;
	width: 100%;
	}

.articlesHeaders{
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 0 0 5px 0;	
	}

.articlesHeaders label{
    font-size: 20px;
    width: auto;
/*	max-width: 245px;*/
	}

.articlesHeaders label svg{
margin: 2px 5px 0 15px;
    float: left;
	}

.articlesmenu .notefolders{
    margin: 5px 0 0 0;
}
.articlesmenu .notefolders p.mini{
font-size: 14px;
    margin: 0 0 0 0;
}

.articlesHeaders .searchbox{
width: 30%;
    max-width: 350px;
    float: right;
    margin: 0 10px 0 0;
}
/** LAYOUT CHANGE VISTA */

.seelayout{
    width: 55PX;
    max-width: 350px;
    float: right;
    margin: 40px 20px 0 0;
}

.seelayout a{

}

.seelayout a svg{

}
/**/

.articlesHeaders a.newcontent{
	width: auto;
    display: block;
    float: right;
    vertical-align: middle;
    color: #fff;
    font-size: 15px;
    background-color: #333;
    padding: 5px 10px;
    border-radius: 7px;
}
.articlesHeaders a.newcontent svg {
    stroke: #fff;
    width: 17px;
    margin: 0 0 0 8px;
    float: right;
}

.articles{
	min-height: 450px;
    max-height: 450px;
    width: 100%;
    float: left;

	}

.articlesmenu #containertableresultarticles{}

.articlesmenu .articlewrapper {
	height: 100%;
    float: left;
    border-radius: 5px;
    padding: 0 6px;
    margin: 0;
	width: 100%;
    min-height: 100px;
}

/** table contents */

.table{
    table-layout: auto;
    width: 100%; /* Esto asegura que la tabla ocupe todo el ancho disponible */	
	}
.table td.icon-cell {
    width: 1%;
    white-space: nowrap; /* Evita que el contenido haga saltos de línea */
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
padding: 15px 0;
	}
table > tbody > tr > td, .table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0 solid #ddd;
    text-align: left;
}
.table > tbody > tr > th{
    border-top: 0 solid #ddd;
	}


.table.table-hover.articlecontent{
	border-top: 0;
	border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #f4f4f4;
	padding: 15px 0;	
	}

.table.table-hover.contentslist tr, .table.table-hover.articlecontent td{
	border-left: 0;
    border-right: 0;
    border-bottom: 0;
	border-top: 1px solid #eee;	
	}
.table.table-hover.articlecontent td:hover{
	background-color: #e8f0d1;
}

.table .articlecontent.title{
    width: 100%;
    display: block;
    float: left;
}

.table .articlecontent.title a {
    text-decoration: none;
    color: #333;
    font-size: 17px;
    font-weight: bold;
    line-height: 100%;
}

.table.articlecontent .folderinfo {
    float: left;
    margin: 0 10px 0 0;
    font-size: 12px;
    width: 100%;
    left: 10px;
}

.table.articlecontent .foldericonlist{
    width: 100%;
    float: left;
	text-align: center;
	}

.table.table-hover.articlecontent td.tdfolder{
    width: 100%;
    float: left;
	}


.table.articlecontent .foldericonlist a {
    width: 100%;
    float: left;
	text-align: center;
	}

.table.articlecontent .foldericonlist a svg{
    transform: scale(1.2); /* Aumenta el tamaño al doble */
    transform-origin: center; /* Escala desde el centro */
    /*float: left;*/
	margin: 0 auto;
    opacity: 0.6;
	}

.table.articlecontent .foldericonlist a svg:hover{
    opacity: 1;
}
.table.articlecontent .foldericonlist svg{
	margin: 0 auto;	
	}

.table-hover tbody tr:hover {
    background-color: #e8f0d1; /* Cambia este color según tu necesidad */
}

.table.articlecontent .iconssocial{
    width: 100%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}

.table.articlecontent .iconssocial .iconbox{
    display: block;
    float: left;
    width: auto;
    margin: 0 5px 0 0;
	position:relative;
	}

.table.articlecontent .iconssocial .iconbox span.numberlabel{
	font-size: 10px;
    font-weight: bold;
    padding: 1px 3px;
    margin: 4px -5px 0 0;
    vertical-align: top;
    background-color: #333;
    color: #fff;
    float: left;	
	}

.table.articlecontent .iconssocial .iconbox span.numberlabel__TIPOBAG{
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
    margin: 0;
    vertical-align: top;
    background-color: #333;
    color: #fff;
    border-radius: 0;
    z-index: 4500;
    position: absolute;
    top: 0;
    right: 0;	
	}
.table.articlecontent .iconssocial .iconbox svg{
	
	}

#tab_info .folderinfo{
	width: 100%;
    float: left;
    margin: 0 0 0 0;
	}
#tab_info .info_tab{
	
	}
#tab_info .info_tab h3{
	
	}
#tab_info .info_tab p{
	
	}


/***/
.articlesmenu .articlewrapper.ui-sortable{
    border: 2px dashed #ccc;
    background-color: #f9f9f9;	
	}

ui-sortable-placeholder sortable-placeholder{
    width: 100%;
    float: left;
	height:100%;
	min-height:200px;	
	}

.sortable.placeholder{
	height: 100%;
	}

.sortabledisabled {
    pointer-events: none;
    opacity: 0.5;
}

.articlesmenu .onearticle {
	position:relative;
	width: 200px;
    height: 150px;
    border: 1px solid #eee;
    float: left;
    margin: 15px 15px 6px 6px;
    /*overflow: hidden;*/
    border-radius: 5px;
    padding: 5px;
    box-shadow: 3px 4px 10px 0 #7a70701c !important;
    -webkit-box-shadow: rgba(17,17,26,.05) 0px 4px 16px, rgba(17,17,26,.05) 0px 8px 32px;
    box-shadow: rgba(17,17,26,.05) 0px 4px 16px, rgba(17,17,26,.05) 0px 8px 32px;
}

.articlesmenu .onearticle.list_layout{
width: 280px;
    height: 200px;	
	}
.articlesmenu .onearticle.list_layout .articlecontent {
    float: left;
    max-width: 100%;
}

.articlesmenu .onearticle.list_layout .iconssocial {
    width: 100%;
    display: block;
    float: left;
    margin: 5px 0 7px 0;
}

.articlesmenu .onearticle.list_layout .iconssocial .iconsocialTitle {
font-weight: bold;
}

.articlesmenu .onearticle .articlecontent .foldertools foldericonlist{
	
	}

.articlesmenu .onearticle.audiolist{
	    width: 314px;
}

.articlesmenu .onearticle.list_layout .iconssocial .iconbox {
    display: block;
    float: left;
    width: auto;
    margin: 0 5px 0 0;
    position: relative;
}
.articlesmenu .onearticle.list_layout .iconssocial .iconbox span.numberlabel {
    font-size: 10px;
    font-weight: bold;
    padding: 1px 3px;
    margin: 4px -5px 0 0;
    vertical-align: top;
    background-color: #333;
    color: #fff;
    float: left;
}



.articlesmenu .onearticle.audiolist .foldertools {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.articlesmenu .onearticle.audiolist .foldertools .audiomove{
    width: 25px;
    height: 25px;
    float: left;	
	}

.articlesmenu .onearticle.audiolist .foldertools .audiomove svg{
	
	}

.articlesmenu .onearticle.audiolist .foldertools .audioitem{
	width: 99px;
    float: left;
    margin: 0;
    padding: 0;
    height: 25px;
}
.articlesmenu .articlewrapper .sortable-placeholder {
    height: 100%;
}


.articlesmenu .onearticle.audiolist .foldertools .audioitem p.audiotitle{
	max-width: 50%;
    float: left;
    overflow: hidden;
	font-weight: bold;
	height: 18px;	
	}

.articlesmenu .onearticle.audiolist .foldertools .audioitem .btn-group{
	max-width: 40%;
    float: right;
	}

.articlesmenu .onearticle.audiolist.iavoice{
	height: 95px;
    width: 140px;
	margin: 10px 8px;
	}
.articlesmenu .onearticle.audiolist.iavoice audio {
    display: inline-block;
    vertical-align: baseline;
    width: 125px;
}


.articlesmenu .onearticle:hover {
/*    cursor: pointer;*/
    background-color: #e8f0d1;
}

.articlesmenu .onearticle .articlecontent {
	float: left;
	max-width: 200px;
	}

.articlesmenu .onearticle .articlecontent .title{
	max-width: 100%;
    max-height: 63px;
    float: left;
    overflow: hidden;
	}

.articlesmenu .onearticle .articlecontent .title a {
    text-decoration: none;
    color: #333;
	font-size: 17px;
    font-weight: bold;
	line-height: 100%;
}

.articlesmenu .onearticle .articlecontent .title a:hover {
    color: #000;
}

.articlesmenu .onearticle .articleicon {
	float: left;
    margin: 0 8px 0 3px;
}

.articlesmenu .onearticle .articleicon svg {
    width: 28px;
    height: auto;
    float: left;
/*    stroke: #666;*/
    margin-top: 4px;
}

.articlesmenu .onearticle .reporticon {
    float: left;
    margin: 7px 0 0 4px;
	color: #81b248;
}

.articlesmenu .onearticle .articlecontent .foldertools {
	float: left;
    width: 100%;
    border-top: 1px solid #cecece;
    position: absolute;
    bottom: 0;
}

.articlesmenu .onearticle .articlecontent .foldertools .btn-group {
    float: right;
    margin: 7px 10px 0 0;
}
.articlesmenu .onearticle .articlecontent .foldertools span {
    float: left;
    margin: 8px 10px 0 10px;
    font-size: 12px;
}

.articlesmenu .onearticle .articlecontent span.folderinfo {
    float: left;
    margin: 8px 10px 0 0;
    font-size: 12px;
    bottom: 42px;
    position: absolute;
    width: 100%;
    left: 10px;
}


.articlesmenu .onearticle .articlecontent .foldertools a svg {
/*    stroke: #81b248;*/
    width: 24px;
    height: auto;
}
.articlesmenu .onearticle .articlecontent .foldertools a svg:hover {
    stroke: #407206;
}


.articlesmenu .onearticle .articlecontent .titlefiles{
	font-weight: bold;
    max-width: 100%;
    max-height: 63px;
    float: left;
    display: block;
    width: 90%;
    word-break: break-all;
}

.articlesmenu .onearticle .articlecontent .titlefiles a{
	font-weight: bold;
    max-width: 100%;
    max-height: 63px;
    float: left;
    display: block;
    width: 90%;
    word-break: break-all;
}

.articlesmenu .onearticle .articlecontent.toreport .titlefiles {
	font-weight: bold;
    max-width: 100%;
    max-height: 63px;
    float: left;
    display: block;
    width: 100%;
    word-break: break-all;
}

.articlesmenu .onearticle .articlecontent.toreport .titlefiles a{
	font-weight: bold;
    max-width: 100%;
    max-height: 63px;
    float: left;
    display: block;
    width: 100%;
    word-break: break-all;
	color:#333;
}

.articlesmenu .onearticle .articlecontent.toreport .titlefiles a:hover{
	color:#666;
}

.articlesmenu .onearticle.audiolist{
	height: 160px;
	overflow: hidden;
	}

.articlesmenu .onearticle.audiolist .articlecontent{
	float: left;
	width: 100%;
	max-width:100%;
	}

.articlesmenu .onearticle.audiolist .articlecontent .titlefiles{
	width: 100%;
	}

.articlesmenu .onearticle.audiolist .titlefiles .audioitem{
}

.articlesmenu .onearticle.audiolist .titlefiles .audioitem audio{

	}
.articlesmenu .onearticle.audiolist .articlecontent div.folderinfo{
float: left;
    float: left;
    margin: 17px 10px 0 0;
    font-size: 12px;
    width: 100%;
}

.articlesmenu .onearticle.audiolist .articlecontent .titlefiles .audioitem label.audio{
	max-width: 100%;
    max-height: 20px;
    overflow: hidden;
    float: left;
}


.articlesmenu .onearticle.audiolist.toloadspecial{
    height: 135px;
    overflow: hidden;	
	
	}
.articlesmenu .onearticle.audiolist.toloadspecial .articlecontent{
	
	}
.articlesmenu .onearticle.audiolist.articlecontent.toloadspecial .titlefiles{
	
	}
.articlesmenu .onearticle.audiolist .articlecontent .titlefiles .audioitem label.preloadudio{
    max-width: 100%;
    max-height: 20px;
    overflow: hidden;
    float: left;
	margin: 0 0 7px 7px;	
	}
.foldertools a{
    width: auto;
    display: block;
    float: right;
margin: 0 5px 0 0;
}

.alltools .exportbox {
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
    float: left;
    display: block;
border-bottom: 1px solid #eee;
}

.alltools .exportbox .exportbtns{
float: left;
    margin:9px 0 5px 0;
    width: 100%;
}

.alltools .exportbox .exportbtns .selectablesOpt{
	margin: 9px 10px 8px 0;
    width: 100%;
    float: left;
	}
.alltools .exportbox .exportbtns .el-switch.el-switch-sm {
	font-size: 60%;
}
.alltools .exportbox .exportbtns .el-switch .swichlabel{
    font-size: 13px;
}

.alltools .exportbox label.exportlabel{
	width: 100%;
    float: left;
    text-align: left;
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}
.alltools .exportbox p.versionlabel{
font-size: 12px;
    margin: 0;
}

label.toolshead{
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: 1px solid #407206;
    color: #407206;
    padding: 0 0 5px 0;
	margin: 0 0 10px 0;	
	}

.importfilebox .btn-importfilebox-file {
    background-color: #fff;
    color: #fff;
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
}

.importfilebox .btn-importfilebox-file form.dropzone {
    background-color: #333;
    border-radius: 5px;
    width: 32px;
    margin: 0 0 0 0;
    float: left;
}
.importfilebox .btn-importfilebox-file .filetexts{
    color: #333;	
	float:left;
	text-align: left;
    margin: 0 0 0 10px
	}

.dz-preview {
	display:none;
	}


label.toolshead.iatools{
	margin: 25px 0 10px 0;	
	}

.btn-superback.tools{
margin: 0 12px 0 0;	
	}

label.toolshead a.btn-superback.backtool{
	float: right;
    font-size: 14px;
    padding: 3px 6px;
    margin: -10px 10px 0 0;
	}

.selectFolderheader{
     max-width: 450px;
    float: left;
	}
.selectFolderheader p.mini{
    width: auto;
    margin: 8px 10px 0 0;
    float: left;	
	}

.selectFolderheader select{
    max-width: 160px;
    float: left;	
	}

.btn-superback.backtool.backhistory{
    float: right;	
	margin: 0 10px 0 0;		
	}

.versionlabel .el-switch.searchonlinelabel{
	    margin: 8px 27px 0 10px;
	}


label.tools{
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 0;
	margin: 20px 0 10px 0;	
	}

label.tools {
    width: 100%;
    float: left;
    text-align: left;
    border-bottom: 1px solid #eee;
    padding: 0 0 5px 0;
	margin: 20px 0 10px 0;	
	}

.versionlabel{
margin: 15px 0 0 -10px;	
	}
.versionlabel p{
font-size: 12px;
margin: 0;
}

p.loadversion{
font-size: 12px;
margin: 7px 0 0 0;
width:100%;
float:left;	
	}
.asterisc{
	color: red;
    font-size: 20px;
    margin-top: -2px;
    float: left;
    max-height: 5px;
    font-weight: bold;	
	}

.btn-default.tools {
    background-color: #d5e5c2;
    color: #333;
    border-color: #abcb85;
	margin: 0 0 0 10px;
	font-size: 15px;
    float: left;
}
.btn-default.tools svg{
    float: left;
    width: 19px;
    height: auto;	
	}

.btn-default.tools:hover {
    background-color: #abcb85;
}

.alltools .selectFolder.tools select {
    max-width: 237px;
    float: left;
}

.alltools .selectFolder.tools select hr{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 10px;
    margin-top: 10px;
}


.alltools .selectFolder.tools select#seoaction{
    max-width: 237px;
    float: left;
}


.alltools .versionlabelbox{
    width: 100%;
    margin: 15px 0 0 0;
    padding: 0 0 0 0;
	float: left;
    display: block;
	}
.alltools .versionlabelbox label.versionlabel{
margin: 0 0 0 0;
	font-weight: normal;
	}
.alltools .versionlabelbox .versionlabelname{
	margin: 0 0 0 0;
	overflow: hidden;
    max-height: 40px;
	font-weight: bold;
	}
.alltools .versionlabelbox .createatlabel{
	color: #666;
    float: left;
    margin: 0 0 0 0;
    width: 100%;
    font-size: 12px;	
	}


.col-md-12.tools {
    margin: 0 0 0 0;
    padding: 0;
}

.versionlabel .el-switch{
float: left;
    margin: 0 27px 0 0;	
	}

.btn-default.keepversion {
    font-size: 14px;
    padding: 3px 5px;
    float: left;
    margin: -4px 0 6px 0;
;
}
.btn-default.keepversion svg{
    width: 15px;
    float: left;
    margin: -2px 0 0 0;
    padding: 0;	
	}


/* FOR IA ACTION OVER TEXT*/

.btn-default.toolsaction {
    background-color: #d5e5c2;
    color: #333;
    border-color: #abcb85;
    margin: 0 0 0 10px;
    font-size: 15px;
    float: left;
}

.btn-default.toolsaction:hover {
    background-color: #abcb85;
}

/** ACTIONS BTN AND ICONS */
.btn-default.toolsaction span.actionicon{
    display:none; 
    margin:0 auto;
  }

.btn-default.toolsaction span.actionicon svg{
    margin:0 auto;
   /* transition: all 1s;*/
    width: 19px;
    height: auto;
  }


/** special social versions */

.specialversionsbox{
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    padding: 0;	
	}

.btn-default.specialactions {
    background-color: #fff;
    color: #333;
    border: 1px solid #eee;
    margin: 0 10px 0 0;
    font-size: 15px;
    float: left;
	width: 40px;
    height: 40px;
	padding: 0;
}

.btn-default.specialactions:hover {
    background-color: #eee;
}

.btn-default.specialactions span.meicon{
    margin: 0 auto;
    /* transition: all 1s; */
    width: 100%;
    height: auto;
    display: block;
    float: left;
  }

.btn-default.specialactions span.meicon svg{
margin: 0 auto;
    /* transition: all 1s; */
    width: 38px;
    height: 38px;
  }

.specialversionsbox p.labelxplain {
    font-size: 12px;
    margin: -9px 0 0 0;
    float: left;
	width:100%;
}

.specialversionsbox p.versionlabel {
    font-size: 12px;
    margin: 15px 0 0 0;
    float: left;
	width:100%;
}


/* versiones cargadas */

.specialversionsbox .specialVers{
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    padding: 9px 0 0 0;
    border-top: 1px solid #eee;
	}

.specialversionsbox .specialVers .vericon{
    float: left;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
	}

.specialversionsbox .specialVers .vericon svg{
    width: 24px;
    height: 24px;
	}

.specialversionsbox .specialVers .vertitle{
	float: left;
    margin: 4px 0 0 0;
	max-width:90%;
	}
.specialversionsbox .specialVers .vertitle a{
	float: left;
	color:#333;
	}
.specialversionsbox .specialVers .vertitle a:hover{
	color:#81b248;
	}


.specialversionsbox .specialVers .verdelete{
    margin: 4px 0 0 0;
    width: auto;
    display: block;
    float: right;
	}

.specialversionsbox .specialVers a.btn{
	background-color: transparent;
    padding: 0;
    margin: 0;
    float: right;
	}
.specialversionsbox .specialVers a.btn svg{
	
	}

/**/
.btn-default.toolsaction.translation {
    float: right;
    margin: 0 20px 0 0;
	background-color: #d5e5c2;
}

.btn-default.toolsaction.loading-start span.named{
    display: none;  
    opacity: 0;
}
.btn-default.toolsaction.loading-start span.actionicon{
    display: block;
    opacity: 1;
}

.btn-default.seoaction{
    margin: 0 0 0 15px;
  }
.btn-default.seoaction span.seoactionicon{
    display:none; 
    margin:0 auto;
  }

.btn-default.seoaction span.named svg{
    margin:0 auto;
   /* transition: all 1s;*/
    width: 19px;
    height: auto;
  }

.btn-default.seoaction.loading-start span.named{
    display: none;  
    opacity: 0;
}
.btn-default.seoaction.loading-start span.seoactionicon{
    display: block;
    opacity: 1;
}


/** audios generation */

.audiosGeneration {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding: 20px;
	width: 100%;
    float: left;
    margin: 20px 0 40px 0;
	min-height:250px;
}
.audiosGeneration .headerpic{
	font-size: 15px;
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
	}


.audiosGeneration .onearticle.audiolist{
width: 330px;	
	}
.audiosGeneration .onearticle {
    position: relative;
    width: 200px;
    height: 150px;
    border: 1px solid #cecece;
    float: left;
    margin: 15px 15px 6px 6px;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 3px 4px 10px 0 #7a70701c !important;
    -webkit-box-shadow: rgba(17,17,26,.05) 0px 4px 16px, rgba(17,17,26,.05) 0px 8px 32px;
    box-shadow: rgba(17,17,26,.05) 0px 4px 16px, rgba(17,17,26,.05) 0px 8px 32px;
}
.audiosGeneration .onearticle .articlecontent {
    float: left;
    max-width: 200px;
}
.audiosGeneration .onearticle .articlecontent .titlefiles {
    font-weight: bold;
    max-width: 100%;
    max-height: 63px;
    float: left;
    display: block;
    width: 90%;
    word-break: break-all;
}
.audiosGeneration .onearticle .articlecontent .foldertools {
    float: left;
    width: 100%;
    border-top: 1px solid #cecece;
    position: absolute;
    bottom: 0;
}
.audiosGeneration .onearticle .articlecontent .foldertools .btn-group {
    float: right;
    margin: 7px 10px 0 0;
}
.audiosGeneration .onearticle .articlecontent .foldertools a svg {
    stroke: #81b248;
    width: 22px;
    height: auto;
}

/* REPRODUCTOR DE AUDIO*/

audio::-webkit-media-controls-enclosure {
    overflow: hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% - 40px);
}
/* ************ */

/** dowload file */

a#downloadfile {
	color: #333;
	}
a#downloadfile:hover {
	color: #81b248;
	}

/** imagen generation */
.imagesGeneration {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding: 20px;
	width: 100%;
    float: left;
    margin: 0 0 0 0;
}
.imagesGeneration .headerpic{
	font-size: 15px;
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
	}

.imagesGeneration ul {
	list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: left;
    flex-direction: row;
}

.imagesGeneration li {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100px;
    width: 100%;
}

.imagesGeneration .imagePreview {
    max-width: 100%;
    max-height: 100px;
    border-radius: 5px;
    overflow: hidden;	
	}

.imagesGeneration .imagePreview img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.imagesGeneration .iconsbatery {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 8px;
}

.imagesGeneration .iconsbatery a {
    text-decoration: none;
    color: inherit;
}

.imagesGeneration .icon {
    width: 24px;
    height: 24px;
}

.imagevision{
    width: 100%;
    float: left;
    margin: 20px 0 0 0;	
	}

.imagevision img{
    width: auto;
    max-width: 100%;
    float: left;
    margin: 0;
    padding: 0;	
	}

/*-- --- */

label.headertool{
width: 100%;
    float: left;
    margin: 5px 0 10px 0;	
	}

.alltools .selectFolder.iaenlarge{
    width: 100%;
    margin: 10px 0 10px 0;	
	}

.form-control.iaenlarge{
	width: 33%;
    float: left;
    margin: 0 10px 0 0;
}


/* ---------------------------------- */
/* Aumentar padding de las opciones en el desplegable */
select.form-control option {
	padding: 10px;
	margin: 5px 0 !important;
	font-size: 15px;
	float: left;
	display: block;
}

select.form-control option.divisor {
color:#8db61e;
font-weight:bold;
font-size:12px;
}

select.form-control option span.voiceexplain {
}

/* Aumentar padding de las opciones en el desplegable */
select.form-control option:hover {
	background-color: #e8f0d1 !important; /* Gris claro */
	color: #333; /* Color del texto (opcional, ajusta según lo que necesites) */
}
/* ---------------------------------- */







/* ---------------------------------- */
.loadingiconbtn{
    background-color: #d5e5c2;
    color: #333;
    border-color: #abcb85;
    margin: 0 0 0 10px;
    font-size: 15px;
    float: left;
    width: 100px;
    border-radius: 6px;
    width: 100px;
    height: 29px;
    padding: 0;
    position: relative;
	}
.loadingiconbtn svg{

}



/** from advance stats */

.col-headerblock-12.blocktoselectadvance {
  border-bottom: 1px dotted #b1e200;
    float: left;
    margin: 10px 0;
    padding: 0 10px 15px;
    width: 100%;
	}
p.blocktoselectadvance{
 font-size: 15px;
    margin: 5px 0;	
	}

.col-headerblock-10 {
	width: 83.3333%;
	position:relative;
	padding:0;
	margin:0;
	float: left;	
	}

.col-headerblock-8 {
	width: 66.6667%;
	position:relative;
	padding:0;
	margin:0;
	float: left;	
	}

.col-headerblock-4 {
	width: 33.3333%;
	position:relative;
	padding:0;
	margin:0;	
	float: left;
	}

.col-headerblock-2 {
	width: 16.6667%;
	position:relative;
	padding:0;
	margin:0;	
	float: left;
	}

.content-header .col-headerblock-10 > h1 {
    font-size: 24px;
    margin: 0;
}

.superrating{
   display: block;
    float: right;
    margin: 0 15px 0;
    text-align: center;
	}

.superrating .rounder{
    border: 1px dotted #666;
    border-radius: 38px;
    color: #333;
    font-size: 24px;
    margin: 0 10px;
    padding: 5px 6px;
    text-align: center;
	background-color:transparent !important;
	}

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

h4.box-title.boxmail{
 font-size: 14px;	
	}
.norevised{
	font-weight:bold;
	color:#333;
	}
.norevised a{
	font-weight:bold;
	color:#333;
	}

.box-block{
	background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    border-top: 0 solid #fff;
    box-shadow: none;
    margin-bottom: 20px;
    padding: 10px 0 0 11px;
    width: 100%;
	height: 100%;
    min-height: 750px;
	}

.box-block.payfail{
	height: auto;
    min-height: auto;	
}

.box-block.pricesgroup{
	background-color:#ecf0f5!important;
    padding: 0 0 0 11px;
}
/** I icon color */

.grey {
	color: #999 !important;
}
.success {
	color: #00a65a  !important;
}
.warning {
	color: #e08e0b !important;
}
.danger {
	color: #dd4b39 !important; 
}

.skin-black-light .main-header > .navbar {
  /*  background-color: #9bce17;*/
  background-color: #f9fafc;
}
/* LOGO */
.skin-black-light .main-header > .logo {
    background-color: #e8f0d1;
    border-bottom: 0 solid transparent;
    border-right: 0 solid #000;
    color: #333;
}

/** public logo */

.public-loco{
 display: block;
    margin: 50px 0 0 50px;	
	}

/** MENU */
.main-menu .dropdown-menu {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 0;
    left: 0;
    margin: 0;
    position: relative;
    visibility: visible;
    z-index: inherit;
}
.main-menu .dropdown-menu {
    background: #6aa6d6 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0 4px 4px 0;
    box-shadow: none;
    float: none;
    left: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 2001;
}
.main-menu .dropdown-menu {
    visibility: visible;
}

.main-menu .dropdown-menu {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 0;
    left: 0;
    margin: 0;
    position: relative;
    visibility: visible;
    z-index: inherit;
}
.main-menu .dropdown-menu > li > a {
    color: #f0f0f0;
    padding: 9px 15px 9px 40px;
}
/* ABRIR Y EDITAR CUANDO HAGAMOS MODO OSCURO */
li.dropdown.panelmode{
	display:none;
	}

li.dropdown.versionlabel{
    margin: 15px 15px 0 0;
    color: #333;
	}


li.user-menu{
 border-left: 1px solid #eee;
    border-right-width: 0;	
	}
span.usernameheader{
   display: block;
    line-height: 20px;
    padding: 15px;	
	}


.skin-black-light .treeview-menu > li > a.active{
    color: #000;
	font-weight:bold;
}

.lenghavailale{
 font-size: 12px;	
	}


/** user menu tabs */

.navbar-nav > .user-menu > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    padding: 1px 0 0;
    min-width: auto;
    width: 130px;
}

.navbar-nav > .user-menu > .dropdown-menu li{
padding: 5px 0;
}

.navbar-nav > .user-menu > .dropdown-menu li a{
   color: #444;
    padding: 0 12px;
}

.navbar-nav > .user-menu > .dropdown-menu li a:hover{
background-color:#B1E200;
}

.sidebar-menu > li.account{
	display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 0;
    text-align: left;
    width: 100%;
	margin: 0px 0 0 20px;
    color: #848484;
	}
.sidebar-menu > li{
	width: 100%;	
	position: relative;
    margin: 0px 0 5px 0;
    padding: 0;
    float: left;
	}
.sidebar-menu>li>a {
    padding: 4px 5px 5px 15px;
    display: block;
    float: left;
    width: 100%;
}

.sidebar-menu>li>a span.avatar-menu {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.sidebar-menu>li>a span.avatar-menu img.menuavatar{
width: 100%;
	}

.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a,.skin-black-light .sidebar-menu > li > a.active{
background-color:#e8f0d1;
}


/* MENU ICONS from https://tabler.io/icons */

.skin-black-light .sidebar-menu > li > a svg.icon{
float: left;	
	}
.skin-black-light .sidebar-menu > li > a span{
float: left;
margin: 3px 0 0 7px;
	}

.sidebar-menu .treeview-menu>li {
    margin: 5px 0 0 10px;
    width: 100%;
    float: left;
}

.sidebar-menu .treeview-menu>li.minili {
    margin: 0 0 0 10px;
    width: 100%;
    float: left;
}

.skin-black-light .treeview-menu > li > a svg{
    float: left;
    width: 20px;	
	}

.skin-black-light .treeview-menu > li > a span{
    float: left;
    margin: 2px 0 0 6px;
    font-size: 15px;	
	}
/** Profile page */

.profile_settings_header{
    border-bottom: 1px solid #eee;
    display: block;
    margin-bottom: 25px;
    padding: 0 5px;	
	}
.profile_settings_header h2{
	display: inline;
    font-family: 'Asap', Helvetica, sans-serif;
    font-size: 30px;
    font-style: oblique;
    font-weight: bold;
    margin: 15px 0 0;
	}
.profile_settings_header p{
   color: #737373;
    font-size: 13px;
    margin: 3px 0 5px 2px;	
	}

.profile_settings_header.warningadvice{
    border: 1px solid red;
    display: block;
    margin-bottom: 25px;
    border-radius: 14px;
    padding: 10px;
	}
.profile_settings_header.warningadvice h4{
font-weight: bold;
    color: red;
	margin: 0;
}
.profile_settings_header.warningadvice p{
font-size: 14px;
    color: #333;
	}

/** PROGRESS BAR */

#progressbar{
    display: none;
	}
#progressbaritem{
    display: none;
	}

.form_error_label {
	background-color: #c26565;
    color: #fff;
    display: none;
    font-size: 12px;
    left: 0;
    margin: 6px 0;
    padding: 5px;
}
.form_error_label p{
	 margin: 0;
	}

.has-error{
	border-color: #dd4b39;
    box-shadow: none;
}

.help-block {
    color: #737373;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.help-warning {
	color: #333;
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 12px;
}

#avatarprogressbar{
	    display: none;
	}

#updateavatarrerror{
	    display: none;
	}

#errorBox{
	display:none;		
	}
#itemerrorbox{
	display:none;		
	}
/** account infobox color */

.account-box{
	background-color: #f9fafc;
    border: 1px dotted #cecece;
    border-radius: 0;
    display: block;
    font-size: 19px;
    font-weight: bold;
    max-width: 300px;
    padding: 15px;
    width: 100%;
	margin: 15px 0;
	float: left;
	}

.account-box-text {
	
	}
.account-box .account-box-minitext {
	font-size: 12px;
    font-weight: normal;
    width: 100%;
    float: left;
    margin: 0 0 0 0;	
	}

.account-box.free{
    border-left: 4px solid #5BBC2D;
}
.account-box.pro{
    border-left: 4px solid #DB9C05;
}
.account-box.premium{
    border-left: 4px solid #2D83BC;
}
.account-box.platinum{
    border-left: 4px solid #2D3F51;
}

.btn-app.btn-warning {
	background-color: #f39c12;
    border-color: #e08e0b;
    color: #fff;
    font-size: 13px;
	float: left;
    margin: 22px 0 0 10px;
}
.btn-app.btn-warning:hover {
	background-color: #cb8009;
}

.discspacebox h5 span.tokenpendingbtn{
	float: right;
    max-width: 155px;
    margin: 0;
	}
.btn-app.btn-tokenspending {
    background-color: #f34e12;
    border-color: #e00f0b;
    color: #fff;
    font-size: 13px;
    float: right;
    margin: 0 0 0 0;
    padding: 6px;
	width: 100%;
	height: auto;
}
.btn-app.btn-tokenspending:hover {
	background-color: #e00f0b;
}



.btn-app.btn-changeplan {
	background-color: #f39c12;
    border-color: #e08e0b;
    color: #fff;
    font-size: 13px;
    margin: 22px 0 0 10px;
}

.btn-app.btn-changeplan span{
	width: 100%;
    display: block;
}

.btn-app.btn-changeplan svg{
	margin: -4px 0 0 0;
	width: 100%;
    display: block;
}


.btn-app.btn-changeplan:hover {
	background-color: #cb8009;
}

.btn-app.btn-renove {
    background-color: #00C0EF;
    border-color: #1491b0;
    color: #fff;
    font-size: 13px;
    margin: 22px 0 0 10px;
}
.btn-app.btn-renove span{
	width: 100%;
    display: block;
}

.btn-app.btn-renove svg{
	margin: -4px 0 0 0;
	width: 100%;
    display: block;
}

.btn-app.btn-renove:hover {
	background-color: #1491b0;
}

.btn-app.btn-repay {
    background-color: #00a65a;
    border-color: #008d4c;
    color: #fff;
    font-size: 13px;
	margin: 24px auto 0 auto;
}

.btn-app.btn-repay:hover {
    background-color: #008d4c;
}

.btn-block {
    display: block;
    width: auto;
}
.btn-default {
    background-color: #e8f0d1;
    color: #444;
    border-color: #ddd;
}

.btn-back {
    background-color: #e7e7e7;
    color: #444;
    border-color: #ddd;
	width: auto;
    max-width: max-content;
	float: left;
    margin: 5px 10px 0 0;
}

.btn-superback {
    background-color: #444;
    color: #fff;
    border-color: #000;
	width: auto;
    max-width: max-content;
	float: left;
    margin: 5px 10px 0 0;
}

.btn-superback:hover {
	color:#fff;
    background-color: #000;
}

.btn-superback svg{
	stroke: #fff;
    float: left;
    margin: 0 4px 0 0;
	}

.btn-superback.toArticleSave svg{
	stroke: #fff;
    float: left;
    margin: 0 0 0 0;
	}

.btn-superback .btn.focus, .btn-superback .btn:focus, .btn-superback .btn:hover {
    color: #fff;
    background-color: #000;
    text-decoration: none;
}
a.btn.focus.btn-superback, a.btn:focus.btn-superback, a.btn:hover.btn-superback{
    color: #fff;
    background-color: #000;
    text-decoration: none;
}


.btn-danger {
	background-color: #DD6B55;
    border-color: #e00f0b;
    color: #fff;
	width: auto;
    max-width: max-content;
	float: left;
    margin: 5px 10px 0 0;
}

.btn-danger:hover {
	color:#fff;
	background-color: #b53203;
}

.btn-danger svg{
	stroke: #fff;
    float: left;
    margin: 0 4px 0 0;
	}


.btn span.actionicon{
    display: none;	
	}

.btn span.actionicon svg{
	
	}

.btn-superback.download.magia{
	display:none;
	}

.btn-superback.download {
    background-color: #ecf0f5;
    color: #444;
    width: auto;
    max-width: max-content;
    float: left;
    margin: 5px 10px 0 0;
    border-radius: 40px;
    padding: 13px 13px;
    text-align: center;
    border: 1px solid #d2d6de;
}

.btn-superback.download svg{
	stroke: #444;
    float: left;
    margin: 0;
	width: 20px;
    height: auto;
	}
.btn-superback.download .btn.focus, .btn-superback.download .btn:focus, .btn-superback.download .btn:hover {
    color: #444;
    background-color: #dee6ef;
    text-decoration: none;
}
a.btn.focus.btn-superback.download, a.btn:focus.btn-superback.download, a.btn:hover.btn-superback.download{
    color: #444;
    background-color: #dee6ef;
    text-decoration: none;
}


.btn-supersoft .btn.focus, .btn-supersoft .btn:focus, .btn-supersoft .btn:hover {
    color: #333;
    background-color: #abcb85;
    text-decoration: none;
}
a.btn.focus.btn-supersoft, a.btn:focus.btn-supersoft, a.btn:hover.btn-supersoft{
    color: #333;
    background-color: #abcb85;
    text-decoration: none;
}

.outline-item input.form-control{
    width: 80%;
    float: left;
	}

.btn-outlines.add-btn {
    background-color: #e8f0d1;
    color: #333;
    border-color: #000;
    width: 35px;
    max-width: max-content;
    float: left;
    margin: 0 0 0 5px;
	padding: 5px 6px 1px 5px;
    height: 35px;
}
.btn-outlines.add-btn:hover {
    background-color: #d2e3a0;
}
.btn-outlines.remove-btn {
    background-color: #ecf0f5;
    color: #333;
    border-color: #000;
    width: 35px;
    max-width: max-content;
	float: left;
    margin: 0 0 0 5px;
	padding: 5px 6px 1px 5px;
	height: 35px;
}
.btn-outlines.remove-btn:hover {
    background-color: #d6e0ed;
}
.btn-outlines svg{
	padding: 0;
    margin: 0;
    stroke: #333;	
	}
.btn-outlines:hover{
    background-color: #333;
	stroke:#fff
	}
.btn-outlines svg:hover{
	stroke:#fff
	}

.outline-item{
    margin: 10px 0 0 0;
    float: left;
    width: 100%;	
	}

/* assitant btn stopping */

.btn-assitant-stopingprompt{
    float: right;
    display: none;	
	}

/* editor js*/
#editor {
	border: 1px solid #ddd;
	padding: 10px;
	min-height: 300px;
	position: relative;
}

.ce-inline-toolbar {
	z-index: 1000 !important; /* Asegura que el toolbar esté encima de otros elementos */
}

.ce-toolbar__content {
	background-color: #fff; /* Fondo blanco para el toolbar */
	border: 1px solid #ddd; /* Borde visible para el toolbar */
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}



/* FREE PLAN BACK */
.freeplanback{
    margin: 15px 0 0 0;
    text-align: center;	
	}
p.freeplanexplain{
	
	}

.btn-app.btn-backfree {
background-color: #4ea708;
    border-color: #66c307;
    color: #fff;
    font-size: 13px;
    margin: 0 0 0 0;
}

.btn-app.btn-backfree:hover {
	background-color: #6aef00;
}
/**/

.TokenClaim{
	width: 100%;
    float: left;
    margin: 0 0 0 0;	
	}
.TokenClaim p{
	width: auto;
    float: left;
    margin: 11px 20px 0 0;
    font-weight: bold;	
	}
.btn-back.right{
float:left;
}

.btn .label{
	position:absolute;
	font-size: 8px;
    right: 2px;
    top: 0;	
	}

.box {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    border-top: 0 solid #d2d6de;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}

.box-pagination{
	
	}
.layout-boxed.paygateway{
   margin: 0 auto;
    width: 350px;	
	}
/*** tables for boot response */
table {
	border: 1px solid #f4f4f4;
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 0;
}

table  > tbody > tr > td, .table > tbody > tr > th, table  > tfoot > tr > td, table  > tfoot > tr > th, table  > thead > tr > td, table  > thead > tr > th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
	text-align: left;
}


/** prices tables */
.pricing-tables {
    margin: 60px 0 0;
}
.plan {
/*
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #c5c5c5;
    border-image: none;
    border-style: solid;
    border-width: 1px;
*/
    max-width: 23%;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 40px !important;
    text-align: center;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
	box-shadow: 3px 4px 10px 0 #7a70701c;
}
.plan + .plan {
    border-left: medium none;
}
.plan .header {
    margin: 0 -1px;
    padding: 10px 0;
}
.plan .header h3 {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.04em;
    line-height: 40px;
    margin: 5px 0 0 0;
    text-shadow: 0 1px 1px #494949;
    text-transform: uppercase;
}
.plan .header .price {
    color: inherit;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0 0;
}
.plan .header .price span {
    text-transform: uppercase;
}
.plan ul {
    font-size: 14px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.plan ul li {
    font-size: 13px;
    line-height: 18px;
    padding: 12px 0;
    text-shadow: 1px 1px 0 #fff;
}
.plan ul li a.pt-popover {
    border-bottom: 1px dashed #000;
    color: #000;
    position: relative;
}
.plan ul li a.pt-popover:hover {
    text-decoration: none;
}
.plan ul li a.pt-popover::after {
    color: #dddddd;
    content: "";
    font-family: "FontAwesome";
    font-size: 12px;
    left: -15px;
    position: absolute;
    top: 0;
}
.best-value.plan ul li {
    padding: 15px 0;
}
.plan .popover {
    border: medium none;
    border-radius: 0;
    font-size: 13px;
    text-align: center;
    width: 250px;
}
.plan .popover-title {
    background-color: #e84c3d;
    border-radius: 0;
    color: #ffffff;
    font-size: 13px;
    text-shadow: none;
}
.plan .popover-content {
    font-size: 12px;
}
.plan .btn {
    text-shadow: none;
}
.gray .plan {
    background-color: #f1f1f1;
    border-top: 1px solid #c5c5c5;
    box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15);
}
.gray .plan .header {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #cacaca;
    border-radius: 100%;
    height: 150px;
    margin: 15px auto;
    width: 150px;
}
.gray .plan .header h3 {
    color: #e84c3d;
    display: block;
    margin-top: 30px;
}
.gray .plan .header .price {
    font-size: 24px;
    padding-top: 5px;
}
.gray .plan ul {
    background: #f1f1f1 none repeat scroll 0 0;
    border-top: 1px solid #e4e4e4;
}
.gray .plan ul li {
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #f8f8f8;
    color: #333333;
}
.white .plan {
    border-color: #f3f3f3;
}
.white .plan .header {
    background: #e84c3d none repeat scroll 0 0;
    color: #fff;
}
.white .plan .header h3 {
    color: #fff;
}
.white .plan ul {
    background-color: #fbfbfb;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.white .plan ul li {
    border-bottom: 1px solid #f5f5f5;
}
.stripped .header {
    background: #e84c3d none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 0 60px #cd3c2e inset;
    color: #fff;
}
.stripped .header h3 {
    color: #fff;
}
.stripped .plan ul {
    background: #fdfdfd none repeat scroll 0 0;
    box-shadow: 0 0 32px 0 #cacaca inset;
}
.stripped .plan ul li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ececec #ececec;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    color: #666;
}
.stripped .plan ul li:nth-child(2n) {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    box-shadow: 0 0 40px #e4e4e4 inset;
}
@media (min-width: 768px) {
.best-value.plan {
    position: relative;
    top: -30px;
}
}
h3.prices {
    float: none;
}
.plan .header {
    height: 52px;
    margin: 0 -1px;
    padding: 10px 0;
}
.plan .header h3 {
    color: #333;
    display: block;
    font-size: 23px;
    font-weight: 300;
    letter-spacing: 0.04em;
    line-height: 36px;
    margin: 0;
    text-shadow: none;
    text-transform: none;
}
.header.pricestitle {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e9e9e9 #e9e9e9 #f5f5f5;
    border-image: none;
    border-style: solid;
    border-width: 0;
    padding: 8px 0;
}
.yes.fa {
    color: #6b003d;
    font-size: 18px;
}
.none.fa {
    color: #999;
    font-size: 18px;
}
.col-sm-4.plan.description {
    width: 40%;
}
.plan.header.pricestitle {
}
.plan ul li.special {
    color: #000;
    font-size: 13px;
    line-height: 18px;
    padding: 12px;
    text-align: left;
    text-shadow: none;
}
.plan ul li {
    font-size: 13px;
    line-height: 15px;
    padding: 12px 0;
    text-shadow: none;
}
.plan ul li.pricelist {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    padding: 12px;
    text-align: left;
    text-shadow: none;
}
.plan ul li.pricelist.special {
/*	background-color: #f5f5f5;*/
    font-size: 31px;
    font-weight: bold;
    line-height: 18px;
    margin: 17px 0;
    padding: 16px 0 17px;
    text-align: center;
    text-shadow: none;
}

.plan ul li.pricelist.title {
    font-size: 15px;
    font-weight: bold;
    height: 95px;
    line-height: 18px;
    padding: 12px;
    text-align: left;
    text-shadow: none;
}
.plan ul li.pricelist p.small {
    font-size: 11px;
    font-weight: 300;
    margin-top: 5px;
    text-transform: uppercase;
}
.plan ul li.featuresblock {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    height: 1300px;
    padding: 12px;
    text-align: left;
    text-shadow: none;
}
.plan ul li.contrat {
    font-size: 18px;
    font-weight: 300;
}
.plan ul li.contrat a:hover {
    color: #fff;
}
.plan ul li.contrat:hover {
    background-color: #6b003d;
    color: #fff;
}
.plan ul li.featuresblock br {
    margin-bottom: 12px;
}
.plan ul li.featuresblock h5 {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 0;
}

p.price_advicevat{
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	}

/** gatewau */


.gateway{
  font-size: 16px;
    margin: 0 5px;	
	}

.gateway.paypal{
	 color: #0073b7;
	}

.gateway.twocheckout{
	 color: #00a65a;
	}
	
.gateway.bank{
	/* color: #ff851b !important;	*/
	}	

p.small.gateway{
	font-size: 13px;
	font-weight: normal;
    margin: 0 25px;	
	}

p.small.gateway.explain{
	font-size: 12px;
    font-weight: normal;
    margin: 20px 25px;
	}

p.lead.superpay{
   color: green;
    font-size: 32px;
    font-weight: bold;	
	}
p.lead.nopay{
   color: red;
    font-size: 32px;
    font-weight: bold;	
	}

p.small.leyend.homepage{
   font-size: 12px;
    font-weight: normal;
    margin: 0;
	}

p.small.leyend{
   font-size: 12px;
    font-weight: normal;
    margin: 0 0 25px;
	}

.defined_gateway{
margin: 10px 0 25px;	
	}

h1.expired{
	font-weight: bold;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 450px;
    min-width: 320px;
	font-size: 25px;
	}

h1.expired span{
	margin: 3px 0 0 0;
    font-size: 25px;
    float: left;
	}

h1.expired svg{
	font-weight: bold;
    margin: 0 0 0 0;
    text-align: center;
    width: 30px;
    height: auto;
/*    float: left;*/
	}

h2.expired{
    font-weight: bold;
    margin: 0 25px 10px;
    text-align: center;	
    font-size: 20px;
	}

h4.expired{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-align: center;
	}

.btn-app.btn-info {
    background-color: #00c0ef;
    border-color: #00acd6;
	color: #fff;
}


/** contract */

label.prices_terms{
 margin: 0 0 15px;
 padding: 5px 13px;
	}

label.prices_terms.active{
    background-color: #e8f0d1;
    padding: 5px 13px;
    border-radius: 16px;
	}

.pricestime{
   font-size: 22px;
    font-weight: normal;
    margin: 0 0 0 7px;	
	}

.freemount{
   color: red;
    font-size: 16px;
    margin-left: 8px;	
	}


h1.fileadvice{
color: #f77059;
    font-size: 20px;
    font-weight: bold;	
	}

.fileadvice{
margin: 0 0 18px 0;	
	}

.fileadvice a{
	
	}
.fileadvice a:hover{
	
	}

.pricesresume{
	
	}

.pricesresume .prices{
   font-size: 20px;
    margin: 0;	
	}

.pricesresume .prices strong{
	font-size: 14px;
	}

.pricesresume .prices.total{
	background-color: #e8f0d1;
    font-size: 25px;
    margin: 10px 0 15px;
    padding: 8px 21px;
    border-radius: 15px;
    width: 250px;
    text-align: center;
	}


h2.chagentofree{
	color: red;
    font-size: 19px;
    font-weight: bold;
    line-height: 117%;
    margin-left: 8px;	
	}



/** CONTACTO FORM */
#errorloginborecover{
	display:none;		
	}
#successloginborecover{
	display:none;		
	}


/** group list */
.bg-softblue{
background-color: #D6DDE7 !important;	
	}

.small-box.grouplist:hover{
	color:#666;
	text-decoration:none;
	cursor:pointer;
	}

.small-box.grouplist h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0;
    white-space: normal;
}
.small-box.grouplist p {
    font-size: 11px;
}
.small-box.grouplist  > .inner {
    height: 80px;
    padding: 10px;
}

.small-box.grouplist > .small-box-footer {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}



/** *********** NEW ************ */
/*
.btn-group.grouplist {
    border-top: 1px solid #fff;
    display: block;
    margin-top: 7px;
    padding: 7px 12px 17px;
}
*/
.btn-group.grouplist {
    border-top: 1px solid #fff;
    display: block;
    margin-bottom: 0;
    margin-top: 7px;
    padding: 7px 12px 33px 17px;
}

.btn-group.grouplist.blocks.services{
    background-color: #6b6893;
}

.btn-group.grouplist.blocks.employers{
    background-color: #aa5272;
}

.btn-group.grouplist.blocks.locals{
    background-color: #a38e4e;
}

.btn-group.grouplist.blocks.products{
    background-color: #549075;
}

.btn-group.grouplist.blocks.mailbox{
    background-color: #a56e58;
}

.btn-group.grouplist.blocks.discount{
    background-color: #3baaa6;
}
.btn-group.grouplist.blocks.pagediscount{
    background-color: #98bcac;
}

.btn-group.grouplist.blocks.gift{
    background-color: #985fad;
}
.btn-group.grouplist.blocks.raffles{
    background-color: #518794;
}

.btn-group.grouplist.blocks.groups{
    background-color: #004478;
}


.btn-group.grouplist.blocks a{
	background-color: transparent;
    border: medium none;
    color: #cecece;	
	}
.btn-group.grouplist.blocks a:hover{
    color: #fff;	
	}

.small-box{
	box-shadow: none;
	}

/*
.btn-group.grouplist {
	display: block;
    padding: 10px 10px 20px;
}
*/
.btn-group.grouplist a{

	}
.btn-group.grouplist i{
    font-size: 20px;
    padding: 3px;
	}


/* bg-customs */

.color-brown{
	color:#a56e58;
}

.bg-softbrown{
background-color: #efe5e1 !important;	
	}

.bg-softgreen{
background-color: #cbddd5 !important;	
	}
.bg-stronggreen{
background-color: #98bcac !important;	
	}
.bg-softmagenta{
background-color: #e5cbd4 !important;	
	}
.bg-magenta{
background-color: #aa5272 !important;	
	}

.bg-softmarine{
background-color: #d2d1de !important;	
	}
.bg-marine{
background-color: #6b6893 !important;	
	}

.bg-softgrey{
background-color: #ECF0F5 !important;	
	} 

.bg-black{
background-color: #333 !important;	
	} 


/** mail sugest labels */

#noincentive_box{
	display:none;
	}
#discount_box{
	display:none;
	}
#gift_box{
	display:none;
	}
#rafle_box{
	display:none;
	}
#pagesto{
	display:none;	
	}


/* Create reviews */

.typereviewblock{
margin: 25px 0;
	}

.typereviewblock .btn-app{
    font-size: 15px;
    font-weight: bold;
    min-height: 75px;
    min-width: 120px;	
	}

.typereviewblock .btn-app.service{
	background-color: #a6a4be;
	color: #fff;
}

.typereviewblock .btn-app.service:hover{
	background-color: #6b6893;
	color: #fff;
}

.typereviewblock .btn-app.employed{
	background-color: #cc97aa;
	color: #fff;
}
.typereviewblock .btn-app.employed:hover{
	background-color: #aa5272;
	color: #fff;
}

.typereviewblock .btn-app.establish{
	background-color: #c8bb95;
	color: #fff;
}
.typereviewblock .btn-app.establish:hover{
	background-color: #a38e4e;
	color: #fff;
}

.typereviewblock .btn-app.product{
	background-color: #98bcac;
	color: #fff;
}

.typereviewblock .btn-app.product:hover{
	background-color: #549075;
	color: #fff;
}

/* toggle btn */

#pdfoptions{
	display:inline-block;
	}

#loadpdfoptions{
	display:none;
	}

#pdflayout {
    display: block;
    height: 120px;
    margin: 0 0 9px;
    width: 100px;
	}

#pdflayout.mailboxbg {
	background-image: url("../img/layout_pdf.png");
	}


#pdflayout.pagediscountbg {
	background-image: url("../img/discount/pagediscount_layout_pdf.png");
	}

#pdflayout.discountbg {
	background-image: url("../img/discount/discount_layout_pdf.png");
	}

#pdflayout.rafflesbg {
	background-image: url("../img/raffles/raffle_layout_pdf.png");
	}

#pdflayout.a4 {
	background-position:5px 0;
	}

#pdflayout.a5 {
	background-position:-114px 0;
	}

#pdflayout.a7 {
	background-position:-215px 0;
	}

#pdflayout.a8 {
	background-position:-300px 0;
	}

span.small{
   font-size: 13px;
  font-weight: normal;	
	}

/** mailbox and config elemets */

label.configme{
	border-bottom: 2px dotted #b1e200;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 0 3px;	
	}
.formhiden{
	
	}

.footerresponse{
	
	}
.footerresponse .groupone{
	
	}

.footerresponse p{
	display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    width: 70%;	
	}

.footerresponse span{
	
	}
.footerresponse span i{
	color: #666;
    font-size: 22px;
	}


.footerresponse .footermeaction{
	}


#getResponse{
	display:none;
	min-height: 99px;
	}


#evaluatethanks{
	display:none;
	color:#00a65a;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
	}

/** ******** DISCOUNT ****** */

#physical{
	display: block;	
	}
#online{
	display: block;	
	}
#bothshop{
	display: none;	
	}



/** User discount */

.readmoreorless{
	color: #333;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0px;
    text-decoration: underline;
    text-transform: uppercase;
	}
.content_explain{
	border-bottom: 1px solid #cecece;
    font-size: 13px;
    margin: 10px 0 10px;
    padding-bottom: 6px;
    text-align: left;	
	}

.couponbox{
    float: none;
    margin: 0 auto;
    max-width: 400px;

	}

#box-wrapper-discount {
	border-color: #9bce17;
    border-style: dotted;
    border-width: 3px;
    /*box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.3);*/
    margin: 5% auto;
    padding: 20px 20px 5px;
    position: relative;
    width: 100%;
	}

.pricediscountbox{
	
	}
hr.nospace{
    margin:0;
    padding: 0;	
	}
.headertext{
    margin: -6px 0 9px;
    padding: 0;
	}
h5.headertext{
  margin: 0;
    padding: 0;	
	}

h1.discount{
	font-size: 26px;
    font-weight: 800;
	font-style:italic;	
	margin: 10px 0;
	color:#333;
	}

h1.pricediscount{
	color:#C30;
	font-size: 40px;
    font-weight: bold;
	margin: 0;
	}

h1.pricediscount span.dto{
	font-size: 25px;
	}


#mailgetcouponform{
	display:none;
	}


#pricexplain{
	border-bottom: 1px solid #cecece;
	padding: 0 0 5px;
	}

#footerboxexplain {
	margin: 10px 0;
	}

#footerboxexplain p {
  font-weight: bold;
  margin: 0;
	}

#footerboxexplain p.small {
  font-weight: normal;
  margin: 0;

	}

#footerboxexplain p.small.codeshop{
	color: #c30;
    font-size: 14px;
    font-weight: bold;
	}


/** discount page */


.superbox-pagediscount{
	float: none;
    margin: 0 auto;
	max-width: 980px;
	}

#box-wrapper-pagediscount {
    border-color: #9bce17;
    border-style: dotted;
    border-width: 3px;
    border-radius: 0;
    margin: 5% auto;
    padding: 20px 20px 5px;
    position: relative;
    width: 100%;
}


#box-wrapper-pagediscount #boxpicture{
   margin: 0 0 15px;
    height: 170px;
    overflow: -moz-hidden-unscrollable;
}

#box-wrapper-pagediscount #headertext {
 height: 65px;
    overflow: hidden;
}
#box-wrapper-pagediscount h1.discount {
font-size: 16px;
}

#box-wrapper-pagediscount #pricexplain{
	border: 0 none;
	}

.socialbox{
	
	}

.fb_iframe_widget span{
	height: 24px !important;
	}
.datetoday{
  float: right;
    width: auto;	
	}

.homelang.page{
  float: none;
    width: 100%;
	}

.homelang.page ul.condition_nav{
	float:right;
	list-style: outside none none;
}

.homelang.page ul.condition_nav li{
 float: left;
    font-size: 12px;
    margin: 0 11px;
	}


.homelang.page ul.condition_nav li a{
	}


.homelang.page ul.condition_nav li a:hover{
	}








/** select rd */

.checkred{
	 background-color: #FFB7B7;	
	}


/** *** *border-radius 0 */

.widget-user-2 .widget-user-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 20px;
}
.alert {
    border-radius: 12px;
	border: 0;
}
.btn {
    border: 0 solid transparent;
    border-radius: 6px;
	font-size: 16px;
    box-shadow: none;
}

.btn-group-xs > .btn, .btn-xs{
	background-color: #ecf0f5;
	border: 1px solid #b3b8bf;
	border-radius: 17px;
	font-size: 13px;
	padding: 4px 8px;
	}



/** ************** stats ******************* */

label.statshead.homepage{
    margin: 5px 0 10px;	
	}

label.statshead {
	border-bottom: 2px dotted #b1e200;
    color: #666;
    display: block;
    font-family: 'Asap', Helvetica, sans-serif;
    font-size: 23px;
    font-style: oblique;
    font-weight: 300;
    margin: 20px 0 10px;
    padding: 0 0 3px;
}

label.statshead.homepage p.small {
    font-size: 13px;
    width: auto;
    float: right;
    margin: 11px 8px 0 0;
}

.calendarstats{
    width: 100%;
    float: left;
	margin: 0 0 25px 0;
	}
.calendarstats table.calendar{
	max-width: 295px;
	float: left;	
	border: 0;
	}

.calendarstats table.calendar a{
	color: #333;
	}
p.tokenstotalcosumlabel{
	font-size: 15px;
	}

label.foritem {
  border-bottom: 2px dotted #b1e200;
    color: #666;
    display: block;
    font-family: "Asap",Helvetica,sans-serif;
    font-size: 19px;
    font-style: oblique;
    font-weight: bold;
    margin: 20px 0 10px;
    padding: 0 0 3px;
}


.ct-label.ct-horizontal.ct-end {
    font-size: 13px;
}
#linechart .ct-label.ct-vertical.ct-start{
    color: rgba(0, 0, 0, 0.4);
    fill: rgba(0, 0, 0, 0.4);
    font-size: 0.95rem;
    line-height: 1;
}

#linechart .ct-label{
 font-size: 0.95rem;	
	}

/** line class for groups */
	/* */
.ct-series.lineservices{
	}
.ct-series.lineservices .ct-area{
fill: #6b6893;
fill-opacity: 0.2;
	}
.ct-series.lineservices .ct-point{
stroke: #6b6893;
}
.ct-series.lineservices .ct-line{
stroke: #6b6893;
}
	/* */
.ct-series.linelocal{
	}
.ct-series.linelocal .ct-area{
fill: #a38e4e;
fill-opacity: 0.2;
stroke: none;
	}
.ct-series.linelocal .ct-point{
stroke: #a38e4e;
}
.ct-series.linelocal .ct-line{
stroke: #a38e4e;
}

	/* */
.ct-series.lineproducts{
	}
.ct-series.lineproducts .ct-area{
fill: #549075;
fill-opacity: 0.2;
stroke: none;
	}
.ct-series.lineproducts .ct-point{
stroke: #549075;
}
.ct-series.lineproducts .ct-line{
stroke: #549075;
}
	/* */
.ct-series.lineemployer{
	}
.ct-series.lineemployer .ct-area{ 
fill: #aa5272;
fill-opacity: 0.2;
stroke: none;
	}
.ct-series.lineemployer .ct-point{
stroke: #aa5272;
}
.ct-series.lineemployer .ct-line{
stroke: #aa5272;
}
/** **** */
/*** checks readio */

.col-md-2.forchecks {
    width: auto;
}

.col-md-12.forchecks {
	border-bottom: 1px dotted #cecece;
    margin: 0 0 20px;
    padding: 0 0 10px;
    width: auto;
}

/** **/

p.leyend i{
   font-size: 2rem;
    font-weight: bold;
    margin-left: 10px;
	}

p.leyend i.icon-very_bad{
	color:#c0392b	
	}

p.leyend i.icon-bad{
	color:#e67e22	
	}
p.leyend i.icon-normal{
	color:#ffb606	
	}
p.leyend i.icon-good{
	color:#62cb31	
	}
p.leyend i.icon-very_good{
	color:#078318	
	}

/* pie color */

#piechart .ct-series-a .ct-area, #piechart .ct-series-a .ct-slice-pie{
    fill: #078318;	
	}
#piechart .ct-series-b .ct-area, #piechart .ct-series-b .ct-slice-pie{
    fill: #62cb31;
}
#piechart .ct-series-c .ct-area, #piechart .ct-series-c .ct-slice-pie{
    fill: #ffb606;
}
#piechart .ct-series-d .ct-area, #piechart .ct-series-d .ct-slice-pie{
    fill: #e67e22;
}
#piechart .ct-series-e .ct-area, #piechart .ct-series-e .ct-slice-pie{
    fill: #c0392b;
}


#piechart text.ct-label {
    color: rgba(255, 255, 255, 1);
    fill: rgba(255, 255, 255, 0.6);
	font-size: 14px;
    font-weight: normal;
    line-height: 1;
}


.superrating.statsrating{
	display: block;
    float: none;
    height: 100%;
    margin: 42px 15px 0;
    text-align: center;
    width: 100%;
	}

.superrating.statsrating .rounder{
    background-color: transparent !important;
    border: 20px solid #666;
    border-radius: 112px;
    color: #888;
    font-size: 80px;
    font-weight: bold;
    margin: 0 10px;
    padding: 20px 15px;
    text-align: center;
	}


/** horizontal bars */

#forquestions {
margin: 5px 0;	
	}

#forquestions .progress-bar-green{
    background-color: #b1c3d8;
}

.poplinelabel{
	background-color:#333;
	color:#FFF;
	}
.poplinelabel-point{
	background-color:#333;
	color:#FFF;
	}

/*** **/
label.nonsultstats{
	
	}

/** closed account */

.closedaccount{
	
	}

h2.closedaccount{
 color: #3c8dbc;	
	}
h5.closedaccount{
 color: #3c8dbc;
    line-height: 130%;
	}

.closedaccount i{
 font-size: 40px;
 color: #3c8dbc;
	}


h2.closedaccountconfirm{
 color: #d73925;	
	}
h5.closedaccountconfirm{
 color: #d73925;
    line-height: 130%;
	}

.closedaccountconfirm i{
 font-size: 40px;
 color: #d73925;
	}

h5.closedsure{
   font-size: 28px;
    font-weight: bold;
    line-height: 120%;
	}

p.closedsure{
color:#C00;
	}

code {
    padding: 15px 20px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 12px;
    width: 81%;
    display: block;
    margin: 0 auto;
    border: 1px solid #edc6c6;
}

blockquote {
    padding: 10px 20px;
    margin: 20px 0 20px 15px;
    font-size: 17.5px;
    border-left: 5px solid #d2d6de;
    width: 80%;
    background-color: #f4f4f4;
}

.closedmeaccount{
	
	}

h2.closedaccountconfirm.final{
    font-size: 18px;
    font-weight: bold;
    margin:80px 0 4px;
    text-align: center;
	}

h2.closedaccountconfirm.final.closedaccountconfirm i{
 color: #d73925;
    display: block;
    font-size: 40px;
    margin-bottom: 0;
}

h5.openaccountconfirm{
 color: #078318;
    line-height: 130%;
	}

h2.openaccountconfirm.final{
    font-size: 18px;
    font-weight: bold;
    margin:10px 0 4px;
    text-align: center;
 color: #078318;
	}

h2.openaccountconfirm.final.openaccountconfirm i{
 color: #078318;
    display: block;
    font-size: 40px;
    margin-bottom: 0;
}

/** fixpages * */

.fixpagetitle{
 margin: 15px 0;	
	}

h1.fixpagetitle{
	
	}
h2.fixpagetitle{
	border-bottom: 1px dotted #999;
    margin: 15px 0;
	font-size: 25px;
    font-weight: bold;
    padding-bottom: 12px;
	color: #518794;
	}
h3.fixpagetitle{
  color: #666;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 15px;
}
p.fixpagetitle{
	
	}

.fixpagetext{
width:100%;
max-width:600px;	
	}

.fixpageimagesblock{
  margin: 15px 0;	
	}

.fixpagefilesblock{
	margin: 15px 0;
    padding: 0;
	}

.fixpagetext p{
   font-size: 14px;
    font-weight: normal;
    line-height: 156%;
    text-align: left;	
	}

.fixpagetext p img{
	 margin: 10px;
	}


.fixpagetext iframe{
	float: left;
    height: auto;
    margin: 10px;
    max-width: 640px;
    min-height: 360px;
    text-align: left;
    width: 100%;
	}




/** ************************************ */
/** ZELACHAT STYLES *** */

.zelachatwrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
background-color: #e74c3c;
}

.zelachatwrapper {
  width: 100%;
  max-width: 745px;
  margin: 0 auto 0 auto;
  box-sizing: border-box;
  padding: 1em;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.zelchatresponse-box{
	padding: 0 0 2em;
	height: calc(95vh - 55px - 2em - 25px * 2 - .5em - 3em);
	overflow: auto;
	background-color: transparent;
 	position: relative;
}

.zelchatresponse-box .responsecontent{
		position: relative;
		display: flex;
		flex-direction: row;
		margin: 0 0 30px 2px;
		padding: 0 7px 0 0;
	}

.zelchatresponse-box .responsecontent .avatarcontent {
	position: relative;
    width: auto;
    margin: 0 15px 0 2px;
}

.zelchatresponse-box .responsecontent .useravatar::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
}
.zelchatresponse-box .responsecontent .useravatar {
	height: 35px;
	width: 35px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	ms-user-select: none;
	position: relative;
	float:left;
}
.zelchatresponse-box .responsecontent .useravatar img{
	height: 100%;
	width: 100%;	
	}

.zelchatresponse-box .responsecontent .usercontent::before {

}
.zelchatresponse-box .responsecontent .usercontent {
	max-width: 100%;
    align-self: flex-end;
    color: #333;
    width: 100%;
}

.zelchatresponse-box .responsecontent .usercontent .name{
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 3px 0 5px 0;
    width: 100%;
}

.zelchatresponse-box .responsecontent .usercontent .bubble{
white-space:normal;
}

.zelchatresponse-box .responsecontent .usercontent .bubble .userchaticon{
	float: left;
    width: 100%;	
	}

.zelchatresponse-box .responsecontent .usercontent .actionicons{
    margin: 5px 0 0 0;
}

.zelchatresponse-box .responsecontent .usercontent .actionicons a{
color:#999;
margin: 0 5px 0 0;
}

.zelchatresponse-box .responsecontent .usercontent .actionicons a:hover{
color:#333;
}

.zelachatpromt-box{
	background: var(--chat-panel-background);
	border-radius: 12px;
	padding: 0 1em;
	height: 70px;
	margin: 0.5em 0 0;
	background-color: transparent;
    border: 1px solid #cecece;
	position:relative;
}

.zelachatpromt-box p.zeladisclaimer{
	margin: 3px 0 0 0;
    font-size: 11px;
    width: 100%;
    text-align: center;	
	}

.zelachatpromt-box .promt_container{
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 100%;	
		overflow: hidden;	
	}

.zelachatpromt-box .promt_container textarea {
	width: 100%;
	height: 60px;
	max-height: 148px;
    outline: none;
    position: relative;
    background: transparent;
    border: 0;
    resize: none;
    padding: 10px;
    overflow: hidden;
    font-size: 17px;
}
.zelachatpromt-box .promt_container textarea:hover{
	border: none;
	}


.zelachatpromt-box .promt_container .btn-zelachat-send {
	background-color: #333;
    color: #fff;
    float: right;
}

.zelachatpromt-box .promt_container .btn-zelachat-stopingprompt{
	background-color: #333;
    color: #fff;
    float: right;
	display:none;	
	}

.zelachatpromt-box .promt_container .btn-zelachat-file {
	background-color: #333;
    color: #fff;
    float: left;
}


.zelatextTitle{
    position: absolute;
    margin: 14px;
    z-index: 7000;
    background: #fff;
    padding: 5px 13px;
    border-radius: 15px;
	opacity: 0.7;
	}
.zelatextTitle .zelaname{
    font-weight: bold;
    font-size: 2rem;
	}

.zelatextTitle .zelatools{
	cursor: pointer;
    margin: 10px 0 0 4px;
	}
.zelatextTitle .zelatools i{
    font-weight: bold;
    font-size: 2rem;			
	}
.zelatextTitle .thread_idlabel{
    font-weight: normal;
    font-size: 1rem;
    width: auto;
    float: left;
    margin: 0 0 0 0;
	}

/* UPLOAD FILE */
input.hiddeninput{
display:none;
	}

.textareaicon svg{
float: left;
	}
.textareaicon svg path{
/*fill:#fff;*/
	}
#zelachat-file{
	display:none;
	position:relative;
	}

.zelachatpromt-box .promt_container .btn-zelachat-file .textareaicon{
	overflow:hidden;
	}

.zelachatpromt-box .promt_container .btn-zelachat-file i#erasefile{
    position: absolute;
    top: -1px;
    left: 0px;
    cursor: pointer;
	}


.goBottom{
    width: 37px;
    display: block;
    height: 37px;
    background-color: #cecece;
    border-radius: 5px;
    text-align: center;
	cursor:pointer;
	font-size: 26px;
	z-index:5500;
	}


a.goBottom{
	color: #fff;
    position: absolute;
    bottom: 94px;
    right: 30px;
    opacity: 0.5;
	}

a.goBottom:hover{
	color:#333;
	}
.LoadingBox{
	width: 100%;
    float: left;
    margin: 0 0 10px 0;
    font-size: 13px;
    overflow: hidden;
	text-align:center;
}
.LoadingBox svg.loadingIcon{
    width: 60px;
    height:60px;
    margin: 0 auto;
    display: inline-block;
}

/** ASSISTANT */

p.general_disclaimer{
    margin: 10px 0 0 0;
    font-size: 12px;
    width: 100%;
    text-align: center;
    float: left;	
	}


.assitantTemplate p.assitantdisclaimer{
    margin: 15px 0 0 0;
    font-size: 12px;
    width: 100%;
    text-align: center;
    float: left;
	}


.iaprofilechatwrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
background-color: #e74c3c;
}

.iaprofilechatwrapper {
  max-width: 745px;
  margin: 0 auto 0 auto;
  box-sizing: border-box;
  padding: 1em;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.zelchatresponse-box{
	padding: 0 0 2em;
	height: calc(95vh - 55px - 2em - 25px * 2 - .5em - 3em);
	overflow: auto;
	background-color: transparent;
 	position: relative;
}

.zelchatresponse-box .responsecontent{
		position: relative;
		display: flex;
		flex-direction: row;
		margin: 0 0 30px 2px;
		padding: 0 7px 0 0;
	}

.zelchatresponse-box .responsecontent .avatarcontent {
	position: relative;
    width: auto;
    margin: 0 15px 0 2px;
}

.zelchatresponse-box .responsecontent .useravatar::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
}
.zelchatresponse-box .responsecontent .useravatar {
	height: 35px;
	width: 35px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	ms-user-select: none;
	position: relative;
	float:left;
}
.zelchatresponse-box .responsecontent .useravatar img{
	height: 100%;
	width: 100%;	
	}

.zelchatresponse-box .responsecontent .usercontent::before {

}
.zelchatresponse-box .responsecontent .usercontent {
	max-width: 100%;
    align-self: flex-end;
    color: #333;
    width: 100%;
}

.zelchatresponse-box .responsecontent .usercontent .name{
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 3px 0 5px 0;
    width: 100%;
}

.zelchatresponse-box .responsecontent .usercontent .actionicons{
    margin: 5px 0 0 0;
}

.zelchatresponse-box .responsecontent .usercontent .actionicons a{
color:#999;
margin: 0 5px 0 0;
}

.zelchatresponse-box .responsecontent .usercontent .actionicons a:hover{
color:#333;
}

/** IA ASISTANT */

.iaprofilechatpromt-box{
	background: var(--chat-panel-background);
	border-radius: 12px;
	padding: 0 1em;
	height: 70px;
	margin: 0.5em 0 0;
	background-color: transparent;
    border: 1px solid #cecece;
}

.iaprofilechatpromt-box p.iaprofiledisclaimer{
	margin: 3px 0 0 0;
    font-size: 10px;
    width: 100%;
    text-align: center;	
	}

.iaprofilechatpromt-box .promt_container{
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 100%;	
		overflow: hidden;	
	}

.iaprofilechatpromt-box .promt_container textarea {
	width: 100%;
	height: 60px;
	max-height: 148px;
    outline: none;
    position: relative;
    background: transparent;
    border: 0;
    resize: none;
    padding: 10px;
    overflow: hidden;
    font-size: 17px;
}
.iaprofilechatpromt-box .promt_container textarea:hover{
	border: none;
	}


.iaprofilechatpromt-box .promt_container .btn-zelachat-send {
	background-color: #333;
    color: #fff;
    float: right;
}

.iaprofilechatpromt-box .promt_container .btn-zelachat-file {
	background-color: #333;
    color: #fff;
    float: left;
}


.iaprofiletextTitle{
	position: absolute;
    margin: 14px;
    z-index: 7000;
    background: #fff;
    padding: 0;
    border-radius: 4px;
    opacity: 1;
    min-width: 180px;
    max-width: 180px;
-webkit-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.41);
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.41);
	}

.iaprofiletextTitle .bot-header{
	float: left;
    display: block;
    width: 100%;
    min-width: 180px;
    max-width: 180px;
    padding: 10px;
    border-radius: 4px 4px 0 0;
	}

.iaprofiletextTitle .bot-header .iaprofilename{
	font-weight: normal;
    font-size: 1.6rem;
    float: left;
    width: auto;
    margin: 0px 0 0 8px;
    color: #fff;
	}


.iaprofiletextTitle .bot-header .iaavatar{
    max-width: 25px;
    width: 25px;
    display: block;
    float: left;
    overflow: hidden;
    height: 25px;
	}
.iaprofiletextTitle .bot-header .iaavatar img{
width: 100%;
	}

.bot-info-box .internetBot{
    width: 100%;
    float: left;
    margin: 10px 5px;
}
.bot-info-box .internetBot .el-switch-sm{
font-size: 10px;
}
.bot-info-box .internetBot .el-switch-sm .el-switch-style{
    margin: 3px 0 0 2px;
}
.bot-info-box.internetBot .el-switch-sm .swichlabel{
    font-size: 15px;
    font-weight: normal;
    vertical-align: top;
}


.iaprofiletextTitle .bot-header .iaprofiletools{
	cursor: pointer;
    margin: 10px 0 0 4px;
    position: absolute;
    top: 4px;
    right: 12px;
	color: #fff;
	}
.iaprofiletextTitle .bot-header .iaprofiletools i{
    font-weight: bold;
    font-size: 2rem;			
	}
.iaprofiletextTitle .bot-header .thread_idlabel{
    font-weight: normal;
    font-size: 1rem;
    width: auto;
    float: left;
    margin: 0 0 0 0;
	}

#bot-info-box{
	}
.bot-info-box{
	float:left;
	width:100%;
	height:250px;
	display:none;
	overflow-x: hidden;
	}

.bot-info-box .infobox-header{
	width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    margin: 10px auto 0 auto;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #cecece;
    border-top: 1px dotted #cecece;
	}

.bot-info-box .infobox-newchat{
	width: 100%;
	text-align:center;
    margin: 9px 0 0 0;
	}

.bot-info-box .infobox-newchat span{
	width: auto;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    margin: 0 auto;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #333;
    border-radius: 5px;
    text-transform: uppercase;
	}


.bot-info-box .infobox-newchat span i{
margin-right: 4px;
	}


.bot-info-box ul{
	list-style: none;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;	
	}

.bot-info-box  ul li{
    position: relative;
    margin: 5px 0px 0 10px;
    float: left;
    border-bottom: 1px dotted #cecece;
	}
.bot-info-box  ul li.active{
	
	}

.bot-info-box ul#loadchat span.miniload{
    display: block;
	width: 100%;
	text-align:center;
	margin: 20px 0 0 0;
}
.bot-info-box ul#loadchat span.miniload i{
	margin: 0 auto;
	}

.bot-info-box  ul li a{
	color:#333;	
	text-decoration:none;
	font-weight: bold;
	}
.bot-info-box  ul li a:hover{
	color:#999;	
	text-decoration:none;
	}
.bot-info-box  ul li.active a{
	
	}
.bot-info-box  ul li .small{
	color:#999;	
	margin: 0 0 0 0;
	width: 100%;
    float: left;
	}

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

.form-control {
    border-radius: 6px;
    box-shadow: none;
    border-color: #d2d6de;
}

/** ******* Toggle Switch ********************* */

.el-switch .swichlabel{
	font-size: 15px;
	font-weight: normal;
	vertical-align: top;
	margin: 0 0 0 5px;	
	}

.el-switch>input[type="checkbox"]:checked+.el-switch-style {
    background-color: #78a300;
}

.el-switch>input[type="checkbox"]:checked[disabled]+.el-switch-style {
    background-color: #78a300;
}



h4.advanceOption{
	color: #333;
    font-size: 16px;
    font-weight: bold;	
	}
h4.advanceOption svg{
	vertical-align: middle;
	margin: -5px 0 0 0;	
	}

h4.advanceOption a.collapsed{
color: #333;	
	}

h4.advanceOption a{
color: #81b248;	
	}

h4.advanceOption a:hover{
color: #666;	
	}
/*
h4.advanceOption a.collapsed svg{
transition-duration: 0.5s;
transform: rotate(-180deg);
	}
*/
h4.advanceOption a svg {
transition-duration: 0.5s;
    transform: rotate(0deg);
}

h4.advanceOption a[aria-expanded="true"] svg{
transition-duration: 0.5s;
transform: rotate(-180deg);
}

h4.advanceOption.seotags {
    float: right;
    font-size: 14px;
    font-weight: normal;
}

h4.advanceOption.seotags a svg {
    transition-duration: 0.5s;
    transform: rotate(0deg);
    width: 20px;
    stroke: #999;
}

h4.advanceOption.seotags a[aria-expanded="true"] svg{
transition-duration: 0.5s;
transform: rotate(-180deg);
    stroke: #81b248;
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}

.box-header.with-border.dashboardahead {
    border-bottom: 1px solid #f4f4f4;
	background-color:#e8f0d1;
}

.box-header.with-border.contenttools{
    border-bottom: 1px solid #f4f4f4;
    padding: 10px 0 0 0;
	margin: 0 0 0 0;
}

.box-header.with-border.seotags{
    border-bottom: 0 solid #f4f4f4;
    padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.collapse.in {
    margin: 0 0 10px 0;
}


.box-header.with-border.helppestain{
padding: 0;
    margin: 0 0 20px 0;	
	}
h4.advanceOption.helppestain {
    float: left;
    font-size: 14px;
    font-weight: normal;
}
.col-md-12.helppestain {
    width: 100%;
    margin: 0 0 0 0 !important;
    padding: 0;
    border-bottom: 0 solid #ecf0f5;
}


h4.advanceOption.helppestain.voicebasic{
    margin: 10px 10px 10px 0;	
	}
h4.advanceOption.helppestain.voicepro{
    margin: 10px 10px 10px 0;	
	}

/** DASHBOARD BOXES */

.discspacebox{
    width: 100%;
    float: left;
    margin: 0 0 0 0;	
	}
.discspacebox .progress{
    margin: 0 0 0 0;		
	}

.discspacebox h5{
    vertical-align: middle;
    float: left;
    width: 100%;	
	}
.discspacebox h5 span{
	font-size: 15px;
    font-weight: bold;
    margin: 2px 0 0 0;
    float: left;	
	}

.discspacebox h5 svg{
	float: left;
	margin: 0 10px 0 0;	
	}

.discspacebox h5 span.dashboardTokens{
    font-weight: normal;
	margin: 2px 0 0 9px;
}

.promospace{
	
	}

.promospace h6{
    font-weight: bold;	
	}

.promospace p{
	
	}

.promospace p a{
	
	}
.promospace p a:hover{ 
	
	}

.promospace.betatester{
	
	}

.promospace.betatester h6{
    font-weight: bold;
    font-size: 25px;
    color: red;
	}

.promospace.betatester p {
font-size: 16px;	
	}

.promospace.betatester p a{
	
	}
.promospace.betatester p a:hover{ 
	
	}

/** stats chartlist */

        .ct-chart {
            height: 500px; /* Ajusta la altura de la gráfica según sea necesario */
			max-height: 500px;
        }
        .ct-label {
            font-size: 12px; /* Ajusta el tamaño de las etiquetas según sea necesario */
        }
        .ct-series-a .ct-bar {
            stroke-width: 20px; /* Ajusta el grosor de las barras */
            stroke: #e8f0d1; /* Color de las barras */
        }
		.ct-line {
			fill: none;
			stroke-width: 2px;
		}
        .legend {
            list-style: none;
            text-align: left;
        }
        .legend li {
            display: inline-block;
            margin-right: 20px;
        }
        .legend-color-box {
            width: 12px;
            height: 12px;
            display: inline-block;
            margin-right: 5px;
        }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
    font-size: 12px;
	color:#333;
}

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

/** RECAPTCHA */
/*
.rc-anchor-normal .rc-anchor-checkbox-label{
	width: 138px;
	}
.rc-anchor-normal .rc-anchor-content {
    height: 74px;
    width: 192px;
}

.rc-anchor-normal .rc-anchor-pt {
    margin: 4px 26px 0 0;
    padding-right: 2px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 250px;
}
.rc-anchor-normal {
    height: 74px;
    width: 283px;
}
*/

/** ************* video responsive ************ */
/*
.fixpagetext p iframe::before {
position: relative;
padding-bottom: 10.25%;
padding-top: 10px;
overflow: hidden;
}

.fixpagetext p iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}	
*/




/** ASISTANT TEMPLATE */

.assitantTemplate{
	
	}
.assitantTemplate .assitantTemplateHeader{
	
	}

.assitantTemplate .assitantTemplateHeader h4{
	margin: 10px 0 4px 0;
    font-weight: bold;
    font-size: 22px;
	}
.assitantTemplate .assitantTemplateHeader p{
	
	}

.assitantTemplate .microphone{ 
    z-index: 500;
    width: auto;
    float: right;
    display: block;
    position: relative;
}
.assitantTemplate .microphone button{ 
	border: 0;
    background-color: #fff;
	float: left;
	color: #333;
}

.assitantTemplate .microphone button.startBtn:hover{ 
	color:red;
}
.assitantTemplate .microphone button.stopBtn{ 
	display:none;
	color:red;
}

form.assistantform{
	margin: 25px 0 50px 0;
    float: left;
	}

form.assistantform .formblock{
margin: 0 0 15px 0;	
	}

form.assistantform .formblock label{
font-size: 20px;	
margin: 0;
	}

form.assistantform .formblock label span.number{
    font-size: 30px;	
	}
form.assistantform .formblock label span#contenttext{
    font-size: 15px;
    font-weight: normal;	
	}


form.assistantform .formblock p.explain{
	
	}

form.assistantform textarea.warning{
	border: 2px solid red;
	}

form.assistantform .formblock label.mini{
	font-size: 15px;
	}



.irs-from, .irs-to, .irs-single {
font-size: 17px;
top: -10px;
}
form.assistantform .el-switch .el-switch-style {
    font-size: 10px;
}


/** END ASSITANT FORM */


/** MEDIA QUERIES */

@media(max-width: 1280px){
/* CUERPO DEL EDITOR */
.forTabletBodyContent{
margin-left: 0;
	}

.forTabletTools{
margin-left: 0;
	}

.alltools .panel-collapse{
/*width: 84%;	*/
	}

#iaTools {
margin-left: 0;
}
.btn-superback.tools {
  margin: 0 12px 20px 0;
}

.btn-default.keepversion {
 margin: 10px 0 6px 0;
}

.alltools .selectFolder {
  margin: 0 0 15px 0;
}
h1.startchatbox{
margin: 60px auto 30px auto;	
	}

h1.startchatbox p{
    font-size: 14px;
    font-weight: normal;
    color: #333;
    margin: 10px 0;	
	}

.widget-ia-2 .widget-ia-footer h5.widget-ia-desc{
	font-size: 13px;
	}

}

@media(max-width: 1025px){
.plan {
max-width: 47%;
width: 46%;
}
.plan ul li.featuresblock{
height: auto;
	}

#iaTools {
top: 134px;
margin-left: 0;
max-width: 100%;
}
.btn-superback.tools {
    margin: 0 12px 20px 0;
}

.btn-superback.backtool.backhistory {
    float: right;
    margin: -88px 10px 0 0;
}
/* CUERPO DEL EDITOR */
.forTabletBodyContent{
width:100% !important;
float:left;
	}

.forTabletTools{
width:100% !important;
float:left;
margin-top: 50px;
	}

.alltools .panel-collapse{
width: 84%;	
	}

h1.startchatbox{
margin: 60px auto 30px auto;	
	}

.assistantblockleft{
margin: 0 0 0 0;
	}

.assistantblockright{
margin: 0 0 0 0;
	}

} /* END 1025 */

@media(max-width: 1081px){
.assistantblockleft{
margin: 0 0 0 0;
	}

.assistantblockright{
margin: 0 0 0 0;
	}

h1.startchatbox{
margin: 60px auto 30px auto;	
	}
}

@media(max-width: 900px){
.plan {
max-width: 45%;
}
.plan ul li.featuresblock{
height: auto;
	}

.btn-superback.backtool.backhistory {
    float: right;
    margin: 0 10px 0 0;
}

}

@media(max-width: 768px){
.fixpagetext iframe{
    width: 100%;
	height: auto;
    max-width: 670px;
    min-height: 435px;
	}
.plan {
    max-width: initial;
}



}

@media(max-width: 480px){
.fixpagetext iframe{
    width: 100%;
	height: auto;
    max-width: 400px;
    min-height: 300px;
	}
.plan ul li.featuresblock{
height: auto;	
	}

}

@media(max-width: 360px){
.fixpagetext iframe{
   height: auto;
    max-width: 360px;
    min-height: 202px;
    width: 100%;
	}
}


.loadingstats{
	display:none;
	}
.loadingstats i{
    font-size: 25px;
    margin: 0;	
	}


/** dashboard */

.stackedtext{
	font-size: 12px;	
	}

.alert-tutorial{
	background-color: #99cc00;
	color:#fff;
	}
 .alert-tutorial .btn{
	background-color: #759c01;
	color:#fff;
	margin: 16px;
	}



 
 
/** ********************* gallery lightbox ***************** */
				.lightbox { display: none; }
				.fl-page h1,
				.fl-page h3,
				.fl-page h4 {
					font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
					font-weight: 100;
					letter-spacing: 1px;
				}
				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
				.fl-page h1 i { font-style: normal; color: #ddd; }
				.fl-page h1 span { font-size: 30px; color: #333;}
				.fl-page h3 { text-align: right; }
				.fl-page h3 { font-size: 15px; }
				.fl-page h4 { font-size: 2em; }
				.fl-page .jumbotron { margin-top: 2em; }
				.fl-page .btn-download { float: right; margin-top: -40px; }
				.fl-page .btn-default { vertical-align: bottom; }

				.fl-page .row { margin-top: 2em;}

				.fl-page .btn-lg span { font-size: 0.7em; }
				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
				.fl-page .github { margin: 2em 0; }
				.fl-page .github a { vertical-align: top; }

				/* customized gallery */

				.featherlight-gallery2 {
					background: rgba(100,100,100,0.5);
				}
				.featherlight-gallery2 .featherlight-content {
					background: #000;
				}
				.featherlight-gallery2 .featherlight-next:hover,
				.featherlight-gallery2 .featherlight-previous:hover {
					background: rgba(0,0,0,0.5);
				}
				.featherlight-gallery2 .featherlight-next:hover span,
				.featherlight-gallery2 .featherlight-previous:hover span {
					font-size: 25px;
					line-height: 25px;
					margin-top: -12.5px;
					color: #fff;
				}
				.featherlight-gallery2  .featherlight-close {
					background: transparent;
					color: #fff;
					font-size: 1.2em;
				}
				.featherlight-gallery2.featherlight-last-slide .featherlight-next,
				.featherlight-gallery2.featherlight-first-slide .featherlight-previous {
					display: none;
				}

				/* text slide */
				.thumbnail a { text-decoration: none; }
				.blurb {
					display: inline-block;
					width: 150px;
					height: 150px;
				}
				.blurb h2 { text-align: center;}
				.blurb .detail { display: none;}
				.blurb .teaser {
					font-style: italic;
					text-align: center;
				}
				.featherlight .blurb {
					display: inline-block;
					width: 500px;
					height: 300px;
					color: #99f;
				}
				.featherlight .blurb .detail {
					color: #ddf;
					font-size: large;
					display: inherit;
				}
				.featherlight .blurb .teaser { display: none;}

			}
			@media(max-width: 768px){
				.fl-page h1 span { display: block; }
				.fl-page .btn-download { float: none; margin-bottom: 1em; }
			}



















/** PACE */

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #e8f0d1;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 5px;
}

/*
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15px;
  width: 200px;
  background: #fff;
  border: 1px solid #c2e20d;
  overflow: hidden;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 200px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 100%;
  background: #c2e20d;
}

.pace.pace-inactive {
  display: none;
}
*/


/* SmallBox */
#divSmallBoxes {
  position: fixed;
  right: 0;
  top: 50px;
  z-index: 9999;
}
.SmallBox {
  position: absolute;
  right: 5px;
  top: 20px;
  width: 280px;
  color: white;
  z-index: 9999;
  overflow: hidden;
  border: 1px solid transparent;
}

/* ORIGINAL
.SmallBox.animated.fadeInRight {
    background: #fff none repeat scroll 0 0;
    border-color: #bbb;
    border-style: solid;
    border-width: 0 1px 1px;
}
*/
.SmallBox.animated.fadeInRight {
    background: transparent;
    border-color: #bbb;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0px 0px 11px 1px rgba(51,51,51,0.51);
}

/* ORIGINAL
.SmallBox.animated.fadeInRight::before {
background-color: #00a6fc;
	content: "";
    display: block;
    height: 90%;
    left: 2px;
    position: absolute;
    top: 5%;
    width: 6px;
}
*/
.SmallBox.animated.fadeInRight::before {
    background-color: #333;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0%;
    width: 6px;
}


/* ORIGINAL
.SmallBox.animated.fadeInRight.st-error{color:#C62626}
.SmallBox.animated.fadeInRight.st-error::before{background-color:#C62626}

.SmallBox.animated.fadeInRight.st-success{color:#7fae00}
.SmallBox.animated.fadeInRight.st-success::before{background-color:#7fae00}

.SmallBox.animated.fadeInRight.st-info{color:#00a6fc}
.SmallBox.animated.fadeInRight.st-info::before{background-color:#00a6fc}

.SmallBox.animated.fadeInRight.st-warning{color:#c09853}
.SmallBox.animated.fadeInRight.st-warning::before{background-color:#c09853}

.SmallBox.animated.fadeInRight.st-default{color:#333}
.SmallBox.animated.fadeInRight.st-default::before{background-color:#333}
*/
.SmallBox.animated.fadeInRight.st-error{background:#C62626}
.SmallBox.animated.fadeInRight.st-error::before{background-color:#7a0000}

.SmallBox.animated.fadeInRight.st-success{background:#7fae00}
.SmallBox.animated.fadeInRight.st-success::before{background-color:#407206}

.SmallBox.animated.fadeInRight.st-info{background:#00a6fc}
.SmallBox.animated.fadeInRight.st-info::before{background-color:#0275b1}

.SmallBox.animated.fadeInRight.st-warning{background:#ef9507}
.SmallBox.animated.fadeInRight.st-warning::before{background-color:#9f6203}

.SmallBox.animated.fadeInRight.st-default{background:#6e81a1}
.SmallBox.animated.fadeInRight.st-default::before{background-color:#2f4872}



.SmallBox:hover {
  border: 1px solid #fff;
  cursor: pointer;
}
.SmallBox .foto {
  font-size: 50px;
  position: absolute;
  left: 17px;
}
.SmallBox .textoFull {
  width: 93%;
  float: left;
  padding-left: 20px;
}
.SmallBox .textoFoto {
  width: 78%;
  margin: 3px 20px 3px 80px;
  float: left;
}
.miniPic {
  position: absolute;
  bottom: 8px;
  right: 9px;
}
.miniIcono {
  height: 100%;
  font-size: 20px;
}
.SmallBox span {
  font-size: 17px;
  font-weight: 300;
  letter-spacing: -1px;
  display: block;
  margin: 4px 0;
}

.SmallBox span.close{
  margin: 5px 8px 0 0;
}

/* ORIGINAL
.SmallBox p {
    font-weight: 700;
	font-size: 12px;	
    margin-top: 2px;
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 5px;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*/
.SmallBox p {
	font-weight: 300;
    font-size: 13px;
    margin-top: 2px;
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 5px;
    font-family: arial;
    letter-spacing: 0.5px;
}


/* End of SmallBox */

/** ISOTOPE */

.isotope_menu {
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 20px 20px;
}
.isotope_menu .button-group{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;	
	}

.isotope_menu .button-group .button{
	border: 0;
    padding: 5px 9px;
    border-radius: 15px;
    background-color: #f9fafc;	
	}

.isotope_menu .button-group .button.favorite{
	border: 0;
    padding: 5px 9px;
    border-radius: 15px;
    background-color: #edd6c6;	
	}

.isotope_menu .button-group .button.is-checked{
    background-color: #e8f0d1;
	font-weight: bold;	
	}

.isotope-container{
width: 100%;
    float: left;
    margin: 10px 0 0 0;	
	}


/**  DROPZONE FILES */
.dropzonefiles,
.dropzonefiles * {
    box-sizing: border-box;
}

.dropzonefiles {
    min-height: 150px;
	max-height:150px;
    border: 1px dashed rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background: #fff;
    padding: 20px;
}

.dropzonefiles,
td.fc-other-month {
  background-image:-webkit-gradient(linear,left top,right bottom,color-stop(.25,rgba(0,0,0,.03)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(0,0,0,.03)),color-stop(.75,rgba(0,0,0,.03)),color-stop(.75,transparent),to(transparent));
  background-image:-webkit-linear-gradient(135deg,rgba(0,0,0,.03) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.03) 75%,transparent 75%,transparent);
  background-image:-moz-linear-gradient(135deg,rgba(0,0,0,.03) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.03) 75%,transparent 75%,transparent);
  background-image:-ms-linear-gradient(135deg,rgba(0,0,0,.03) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.03) 75%,transparent 75%,transparent);
  background-image:-o-linear-gradient(135deg,rgba(0,0,0,.03) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.03) 75%,transparent 75%,transparent);
  background-image:linear-gradient(135deg,rgba(0,0,0,.03) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.03) 75%,transparent 75%,transparent);
  background-color:#e8f0d1;
  background-size:16px 16px
}

.dropzonefiles.dz-clickable {
    cursor: pointer;
}

.dropzonefiles.dz-clickable * {
    cursor: default;
}

.dropzonefiles.dz-clickable .dz-message,
.dropzonefiles.dz-clickable .dz-message * {
    cursor: pointer;
    margin-top: 3.4%;
	color: #333;
}

.dropzonefiles.dz-started .dz-message {
    display: none;
}

.dropzonefiles.dz-drag-hover {
    border: 1px dashed #4487a5 !important;
}

.dropzonefiles.dz-drag-hover .dz-message {
    opacity: 0.5;
}

.dropzonefiles .dz-preview.dz-file-preview .dz-details,
.dropzonefiles .dz-preview:hover .dz-details {
    opacity: 1;
}

.dropzonefiles .dz-message {
    text-align: center;
    margin: 2em 0;
}

.dropzonefiles .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
}

.dropzonefiles .dz-preview:hover {
    z-index: 1000;
}

.dropzonefiles .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzonefiles .dz-preview.dz-image-preview {
    background: transparent;
}

.dropzonefiles .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.dropzonefiles .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}

.dropzonefiles .dz-preview .dz-remove:hover {
    text-decoration: underline;
}

.fc-state-hover,
.feplugin-ctrls a,
a.fc-event {
    text-decoration: none;
}

.dropzonefiles .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
}

.dropzonefiles .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
}

.dropzonefiles .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}

.dropzonefiles .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}

.dropzonefiles .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzonefiles .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}

.dropzonefiles .dz-preview .dz-details .dz-filename span,
.dropzonefiles .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}

.dropzonefiles .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}

.dropzonefiles .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzonefiles .dz-preview .dz-image img {
    display: block;
}

.dropzonefiles .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzonefiles .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzonefiles .dz-preview .dz-error-mark,
.dropzonefiles .dz-preview .dz-success-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzonefiles .dz-preview .dz-error-mark svg,
.dropzonefiles .dz-preview .dz-success-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}

.dropzonefiles .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropzonefiles .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dropzonefiles .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}

.dropzonefiles .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dropzonefiles .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.dropzonefiles .dz-preview.dz-error .dz-error-message {
    display: block;
}

.dropzonefiles .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}

.dropzonefiles .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: #fff;
}

.dropzonefiles .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}


/** END DROPZONE FILES */

/** MODALS */
.modal-content {
    border-radius: 5px;
    max-width: 350px;
    padding: 0 12px 10px 12px;
	float:left;
}

.modal-content .modalBody{
    padding: 5px;
    margin: 0 0 0 0;	
	}
	
.modal-content .modalBody p.modalTitle{
width: 100%;
    float: left;
    border-bottom: 1px solid #eee;
    padding: 5px;
    margin: 0 0 10px 0;	
	}
.modal-content .modalBody .formblock{
	width: 100%;
    float: left;
    margin: 0 0 15px 0;
    padding: 0;
}

.modal-content .modalBody .formblock table{
border: 0;
}

.modal-content .modalBody p.queuelistnamehead{
	color: #8db61e;
    font-size: 1.2em;
    text-align: center;
    margin: 10px auto 15px auto;
    width: 100%;
    font-weight: bold;
    float: left;
}
.modal-content .modalBody .formblock p.ideatitle{
width: 100%;
    float: left;
    margin: 0 0 5px 0;
    font-weight: bold;
    color: #57980b;
    text-align: center;
    font-size: 17px;
    border-bottom: 1px solid #eee;
    padding: 0 0 10px 0;
	}
.modal-content .modalBody .formblock label{
width: auto;	
	}

/** sweetalert css */

/* Estilo principal de la ventana SweetAlert */
.sweet-alert {
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra suave */
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Fuente sencilla */
    padding: 20px 30px;
    width: 350px !important; /* Ajustar ancho */
    margin: auto; /* Centrar */
    background: #fff; /* Fondo blanco */
    border: 1px solid #ddd; /* Borde sutil */
}

body.stop-scrolling {
    height: 100%;
    overflow: auto;
}

/* Encabezado del modal */
.sweet-alert h2 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* Texto del contenido */
.sweet-alert p {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}

/* Botones de acción */
.sweet-alert .sa-button-container .sa-confirm-button-container,
.sweet-alert .sa-button-container .sa-cancel-button-container {
    display: inline-block;
    margin: 0 5px;
}

.sweet-alert .sa-confirm-button-container button,
.sweet-alert .sa-cancel-button-container button {
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
}

/* Botón de confirmación (Eliminar) */
.sweet-alert .sa-confirm-button-container button {
    background-color: #f97316; /* Naranja */
    border: none;
    color: white;
    font-weight: bold;
}

.sweet-alert .sa-confirm-button-container button:hover {
    background-color: #dc640f;
}

/* Botón de cancelación */
.sweet-alert .sa-cancel-button-container button {
    background-color: #f2f2f2; /* Gris claro */
    border: none;
    color: #555;
}

.sweet-alert .sa-cancel-button-container button:hover {
    background-color: #e6e6e6;
}
/* Reemplazar animación por fade-in */
.sweet-alert {
    animation: fadeIn 0.3s ease-in-out;
}
.sweet-alert button{
font-size: 16px;
padding: 8px 24px;
	}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}


/** menu level */
/*
.sidebar-menu .treeview-menu > li.treeview.active > ul.treeview-menu > li.treeview{
margin: 5px 0 0 10px;
    width: 100%;
    float: left;	
	}
.sidebar-menu > li.treeview.active > ul.treeview-menu > li.treeview:hover{
    background-color: #e8f0d1;	
	}
*/

.skin-black-light .treeview-menu > li > a {
    color: #777777;
    width: 100%;
    float: left;
}

.sidebar-menu li.active>.treeview-menu >li.treeview a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 14px;
    float: left;
    width: 100%;
}

.sidebar-menu li.active>.treeview-menu >li.treeview a:hover{
    /*background-color: #e8f0d1;*/
	}

.sidebar-menu li.active>.treeview-menu >li.treeview.active a {
  /*  background-color: #e8f0d1;*/
    width: 100%;
    float: left;
}


#sidebar-menu > li.treeview > ul > li.treeview > a >.fa-angle-left{
    width: auto;
    top: 50%;
    right: 19px;
	}

#sidebar-menu > li.treeview.active > ul > li.treeview > a >.fa-angle-left{
    width: auto;
    top: 50%;
    right: 19px;
	}
#sidebar-menu > li.treeview.active > ul > li.treeview > a >.fa-angle-down{
    width: auto;
    top: 50%;
    right: 19px;
	}
.sidebar-menu li.active>.treeview-menu >li.treeview.active li{
    margin: 5px 0 0 10px;
    width: 100%;
    float: left;
	}
#sidebar-menu > li.treeview.active > ul > li.treeview.active > ul li a{
    background-color: transparent !important;		
	}

#sidebar-menu > li.treeview.active > ul > li.treeview > ul {
	display:none;
	width: 100%;
	}


.audiobrochurebox{
    width: 100%;
    float: left;
    margin: 0 0 9px 0;
    vertical-align: middle;	
	}


.audiobrochurebox .audioitem{
float: left;
    margin: 10px 15px 10px 0;	
	}

.audiobrochurebox .audioitem label.audiodemo{
    float: left;
    margin: 20px 15px 0 0;	
	}

.audiobrochurebox .audioitem audio{
	
	}
/*** audioplayer */
.custom-audio-player {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 10px;
    float: left;
}

.custom-audio-player label{
min-width: 130px;
}

.custom-audio-player  button {
    padding: 5px 10px;
    cursor: pointer;
    background-color: #57980b;
    color: #fff;
    border: none;
    border-radius: 4px;
}

.custom-audio-player  button:hover {
    background-color: #57980b;
}

.custom-audio-player button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.custom-audio-player  span.currentTime, span.duration {
    font-size: 14px;
    color: #333;
}


.form-control.warning{
border-color: #f39c12;	
	}

/** FACEBOOK SIMULATE */

.facebook_simulate {
    font-family: Arial, sans-serif;
    max-width: 500px;
    margin: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.facebook_simulate .fb_post {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.facebook_simulate .fb_post_header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.facebook_simulate .fb_profile_pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.facebook_simulate .fb_post_info {
    display: flex;
    flex-direction: column;
}

.facebook_simulate .fb_user_name {
    font-weight: bold;
    color: #1877f2;
}

.facebook_simulate .fb_post_time {
    font-size: 12px;
    color: #666;
}

.facebook_simulate .fb_post_content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.facebook_simulate .fb_post_image img {
    width: 100%;
    border-radius: 5px;
}

.facebook_simulate .fb_post_actions {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

.facebook_simulate .fb_post_actions button {
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background 0.3s;
}

.facebook_simulate .fb_like_btn:hover {
    background-color: rgba(24, 119, 242, 0.1);
}

.facebook_simulate .fb_comment_btn:hover {
    background-color: rgba(34, 139, 34, 0.1);
}

.facebook_simulate .fb_share_btn:hover {
    background-color: rgba(255, 165, 0, 0.1);
}

.x_simulate {
    font-family: Arial, sans-serif;
    max-width: 500px;
    margin: auto;
    background-color: #000;
    color: #fff;
    border: 1px solid #222;
    border-radius: 12px;
    box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.1);
    padding: 10px;
}

.x_simulate .x_tweet {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.x_simulate .x_tweet_header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.x_simulate .x_profile_pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #555;
}

.x_simulate .x_tweet_info {
    display: flex;
    flex-direction: column;
}

.x_simulate .x_user_name {
    font-weight: bold;
    color: #1DA1F2;
}

.x_simulate .x_user_handle {
    font-size: 12px;
    color: #888;
}

.x_simulate .x_tweet_content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.x_simulate .x_tweet_image img {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #333;
}

.x_simulate .x_tweet_actions {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    border-top: 1px solid #222;
}

.x_simulate .x_tweet_actions button {
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background 0.3s, color 0.3s;
    color: #888;
}

.x_simulate .x_comment_btn:hover {
    color: #1DA1F2;
    background-color: rgba(29, 161, 242, 0.1);
}

.x_simulate .x_retweet_btn:hover {
    color: #17BF63;
    background-color: rgba(23, 191, 99, 0.1);
}

.x_simulate .x_like_btn:hover {
    color: #E0245E;
    background-color: rgba(224, 36, 94, 0.1);
}

.x_simulate .x_share_btn:hover {
    color: #888;
    background-color: rgba(255, 255, 255, 0.1);
}

.instagram_simulate {
    font-family: Arial, sans-serif;
    max-width: 500px;
    margin: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.instagram_simulate .ig_post {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.instagram_simulate .ig_post_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.instagram_simulate .ig_profile_pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.instagram_simulate .ig_post_info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.instagram_simulate .ig_user_name {
    font-weight: bold;
}

.instagram_simulate .ig_post_time {
    font-size: 12px;
    color: #888;
}

.instagram_simulate .ig_more_options {
    font-size: 18px;
    cursor: pointer;
}

.instagram_simulate .ig_post_image img {
    width: 100%;
    border-radius: 10px;
}

.instagram_simulate .ig_post_actions {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}

.instagram_simulate .ig_post_actions button {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 5px;
    transition: opacity 0.3s;
}

.instagram_simulate .ig_post_actions button:hover {
    opacity: 0.6;
}

.instagram_simulate .ig_post_likes {
    font-size: 14px;
    font-weight: bold;
}

.instagram_simulate .ig_post_caption {
    font-size: 14px;
    line-height: 1.4;
}

.instagram_simulate .ig_post_comments {
    font-size: 12px;
    color: #888;
}

.instagram_simulate .ig_view_comments {
    cursor: pointer;
}

.instagram_simulate .ig_post_add_comment {
    display: flex;
    align-items: center;
    border-top: 1px solid #ddd;
    padding-top: 5px;
}

.instagram_simulate .ig_comment_input {
    flex-grow: 1;
    border: none;
    padding: 5px;
    font-size: 14px;
    outline: none;
}

.instagram_simulate .ig_comment_post_btn {
    background: none;
    border: none;
    font-size: 14px;
    color: #1DA1F2;
    cursor: pointer;
    transition: opacity 0.3s;
}

.instagram_simulate .ig_comment_post_btn:hover {
    opacity: 0.6;
}


.linkedin_simulate {
    font-family: Arial, sans-serif;
    max-width: 500px;
    margin: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.linkedin_simulate .li_post {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.linkedin_simulate .li_post_header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.linkedin_simulate .li_profile_pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.linkedin_simulate .li_post_info {
    display: flex;
    flex-direction: column;
}

.linkedin_simulate .li_user_name {
    font-weight: bold;
    color: #0077b5;
}

.linkedin_simulate .li_user_title {
    font-size: 12px;
    color: #555;
}

.linkedin_simulate .li_post_time {
    font-size: 12px;
    color: #888;
}

.linkedin_simulate .li_post_content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.linkedin_simulate .li_post_image img {
    width: 100%;
    border-radius: 5px;
}

.linkedin_simulate .li_post_stats {
    font-size: 14px;
    color: #555;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.linkedin_simulate .li_post_actions {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
}

.linkedin_simulate .li_post_actions button {
    background: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background 0.3s;
    color: #555;
}

.linkedin_simulate .li_like_btn:hover {
    background-color: rgba(0, 119, 181, 0.1);
}

.linkedin_simulate .li_comment_btn:hover {
    background-color: rgba(0, 119, 181, 0.1);
}

.linkedin_simulate .li_share_btn:hover {
    background-color: rgba(0, 119, 181, 0.1);
}

.linkedin_simulate .li_send_btn:hover {
    background-color: rgba(0, 119, 181, 0.1);
}

.api_simulate {
    font-family: Arial, sans-serif;
    max-width: 600px;
    margin: auto;
}

.api_simulate h2 {
    font-size: 20px;
    margin-bottom: 30px;
	font-weight: bold;
}

.api_simulate .api_meta {
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

.api_simulate .api_meta_item {
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.api_simulate .api_meta_item:last-child {
    border-bottom: none;
}

.api_simulate .api_post_author {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.api_simulate .api_profile_pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #ddd;
}

.api_simulate .api_user_name {
    font-weight: bold;
    font-size: 14px;
}

.api_simulate .api_post_image {
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    border-radius: 0; /* Esquinas rectas */
}

.api_simulate .api_post_image img {
    width: 100%;
    object-fit: cover;
}

.api_simulate .api_post_body {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    resize: vertical;
    margin-top: 10px;
}
.nav-tabs li.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #57980b;
	background-color: #e2edc7;
}
.nav-tabs-custom>.nav-tabs>li.active>a{
	background-color: #e2edc7;	
	}

.info_tab{
    width: 100%;
    float: left;
    margin: 0 0 20px 0;	
	}

.info_tab .editcontenbtn {
width: 100%;
    float: left;
    margin: 0 0 0 0;	
	}
.info_tab .editcontenbtn a{
	
	}

.config_api_wrapper{
    width: 100%;
    float: left;
    margin: 8px 0 0 0;	
	}
.config_api_wrapper label{
	
	}

#publishContent{
    margin: 10px 0 0 0;
    width: 100%;
    float: left;
	}
.publishwrapper{
	width: 100%;
    float: left;
    text-align: center;	
    padding: 15px;
    border-radius: 15px;
	}
.publishwrapper.advice{
	background-color: #e8f0d1;		
	}
#publishContent label{
	}
#publishContent label p.checkp{
	}
.sencontentadvice{
    width: 100%;
    float: left;
    background-color: #e8f0d1;
    margin: 5px 0 10px 0;
    padding: 10px 15px;
    border-radius: 15px;
    font-weight: bold;;
	}


.table.articlecontent .iconssocial .iconbox.notpublished svg{
color: #666;	
	}
	
.table.articlecontent .iconssocial .iconbox.published svg{
color: #81b248;	
	}

.table.articlecontent .foldericonlist a.client{
	
	}
.table.articlecontent .foldericonlist a.client svg{
	fill: #333;
    transform: scale(1.6);	
	}
.table.articlecontent .iconssocial .iconstatus {
    display: block;
	text-align: center;
    margin: 0 0 0 0;
}

.table.articlecontent .iconssocial .iconstatus.inprogress {
    display: block;
	text-align: center;
    margin: 0 0 0 0;
	color:#F60;
}

.table.articlecontent .iconssocial .iconstatus.published {
    display: block;
	text-align: center;
    margin: 0 0 0 0;
	color:#090;
}

label.link_option{

	}

label.link_option .linktext{
font-size: 14px;
    margin: 0 20px 0 0;	
	}

#linkedinAdvice{
	display:none;
	}

/** ideas list config modal */

.modal-content .modalBody.special {
    padding: 5px;
    margin: 0 0 0 0;
	position: relative;
	overflow: hidden;
}




#clienttoideaswarapper{
width:100%;
float:left;
display:none;	
	}
/*
#configwrapper{
width:100%;
float:left;
display: flex;
width: 200%;
transition: transform 0.5s ease;
	}
#btnswrapper{
display:none;	
	}

#config_one{
display:none;
	}
#config_two{
display:none;
	}

.layerconfig{
width: 50%;
max-width: 50%;
display:flex;
transition: transform 0.5s ease;	
	}
*/

#wrapperall{
display:none;
width:100%;
float:left;	
	}

#configwrapper {
    display: flex;
    width: 310%; /* Doble del ancho para permitir el desplazamiento */
    transition: transform 0.5s ease;
}

#config_one {
    width: 34.33%; /* Cada sección ocupa un tercio del contenedor */
    margin: 0 15px 0 0;
    padding: 0;
    box-sizing: border-box;;
}
#config_two {
    width: 34.33%; /* Cada sección ocupa un tercio del contenedor */
    margin: 0 15px 0 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%; /* Asegura que ocupe todo el espacio disponible */
}

#config_three {
    width: 34.33%; /* Cada sección ocupa un tercio del contenedor */
    margin: 0 15px 0 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%; /* Asegura que ocupe todo el espacio disponible */
}

#btngroup{
    margin-top: auto;
}
#btnswrapperNext{
    display: none;
	}
#btnswrapperNextTwo{
    display: none;
	}
.conectionSocial label.onlyicon{
	}
.conectionSocial label.onlyicon span{
    float: left;
    margin: 0;
    padding: 0;
    width: 22px;
	}

/** to one idea*/

#wrapperallIdea{
display:block;
width:100%;
float:left;	
	}

#configwrapper_idea {
    display: flex;
    width: 310%; /* Doble del ancho para permitir el desplazamiento */
    transition: transform 0.5s ease;
}

#config_one_idea {
    width: 34.33%; /* Cada sección ocupa un tercio del contenedor */
    margin: 0 15px 0 0;
    padding: 0;
    box-sizing: border-box;;
}
#config_two_idea {
    width: 34.33%; /* Cada sección ocupa un tercio del contenedor */
    margin: 0 15px 0 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%; /* Asegura que ocupe todo el espacio disponible */
}

#config_three_idea {
    width: 34.33%; /* Cada sección ocupa un tercio del contenedor */
    margin: 0 15px 0 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%; /* Asegura que ocupe todo el espacio disponible */
}

#btnswrapperIdea{
    display: none;
	}
#btnswrapperIdeaNext{
    display: block;
	}
#btnswrapperIdeaNextTwo{
    display: none;
	}

.configlist_queue{
	
	}
/* chart.js */
.legend-color-box {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

#audiobatery{
	
	}

.bootsearchingProgress{
    background-color: #78a300;
    padding: 7px 15px 4px 15px;
    margin: 0;
    color: #fff;
    border-radius: 8px;
    float: left;
	}
.bootsearchingProgress svg{
	overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
    float: left;
}

.bootsearchingProgress span{
	float: left;
    margin: 0 0 0 6px;
    padding: 0;
	
	}

/* bootAnalizerProgress */
.bootAnalizerProgress{
    background-color: #9da9b9;
    padding: 7px 15px 4px 15px;
    margin: 0;
    color: #fff;
    border-radius: 8px;
    float: left;
	}
.bootAnalizerProgress svg{
	overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
    float: left;
}

.bootAnalizerProgress span{
	float: left;
    margin: 0 0 0 6px;
    padding: 0;
	
	}




/** prices list */

li.featuresblock h3{
font-weight: bold;	
	}

a#backanalytics{
	color:#fff;
	background-color: #57980b;
    border-color: #407206;	
	}
a#gotocontent{
	color:#fff;
	background-color: #57980b;
    border-color: #407206;	
	}	

a#backanalytics svg, a#gotocontent svg{	
stroke: #fff;
}


@-moz-document url-prefix() {
  .plan ul li.featuresblock br {
    margin: 0;
  }
}