.sortable_small_card
{
	height: 150px !important;
	border: 1px solid #92c0f9 !important;
	border-radius: 4px !important;
	width: 96% !important;
	overflow: hidden !important;
	background:white;
	margin-bottom: 10px;
	margin-left: 18px;
	cursor: ns-resize;
	padding: 0px !important;
}

.sortable_small_card .row.info,
.sortable_small_card h1.titulo,
.sortable_small_card p.msj-disabled,
.sortable_small_card .components_buttons,
.sortable_small_card .row.imgs_rand_cont
{display: none !important;}

.sortable_small_card .shadown_tansparent
{
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 999999;
}

.sortable_small_card .container-comp.componente
{
	padding-top: 0px !important;
	transition: 0s;
}

.selc-pag-p i#ico_
{
	position: absolute;
    float: right;
    font-size: 1.5em !important;
    right: 5px;
    color: #007bff;
    font-weight: bold;
    background-color: #FFF;
    border-radius: 100%;
    z-index: 1;
    height: 20px;
    top: -5px;

}
.selc-pag-p i#ico_ ~ span{
	height: 30px;
    position: absolute;
    background: #fff;
    right: 0px;
    z-index: -15;
    border-radius: 4px;
    font-size: 16px;
    color: rgba(0,0,0,0.6);
    padding: 2px 30px 2px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    top: -8px;
}

.full-div
{
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 9999999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.m_c_maker .modal-dialog .modal-content
{
	overflow: hidden;
}


.m_c_maker .modal-dialog.tab-2{
	display: flex; 
	max-width: 1000px;
	transition: 0.7s;
}

.m_c_maker .modal-dialog.tab-2 .modal-content .modal-body ul#page-list-carousel{
	transition: 0.7s;
	width: 100% !important;
	padding: 10px;
	background:
    rgba(255,255,255,0.3);
    border-radius: 4px;
    max-height: 600px;
    overflow: hidden;
    overflow-y: scroll;
}
.m_c_maker .modal-dialog.tab-2 .modal-content .modal-body ul#page-list-carousel li:hover{
	z-index: 0 !important;
}
.m_c_maker .modal-dialog.tab-2 .modal-content .modal-body ul#page-list-carousel li img{
	max-width: 55px;
	border-radius: 100%;
}
.m_c_maker .modal-dialog.tab-2 .modal-content .modal-body ul#page-list-carousel li label{
	margin-left: 10px;
}

.m_c_maker .modal-dialog.tab-2 .modal-content .modal-body ul#page-list-carousel li span{
	position: absolute;
	left: 95%;
	color: red;
    cursor: pointer;
    top: -15px;
    font-size: 1.3rem;
}

.row-tabs-maker
{
  	transition: 0.5s;
  	width: 208%;
  	padding: 0;
  	right: 0%;
  	position: relative;
}

#nav-tabContent-c-maker
{
	max-height: 500px;
  	transition: 0.5s;
  	/*width: 200%;*/
  	padding: 0;
  	right: 0%;
	overflow: hidden;
	overflow-y: hidden;
	overflow-y: scroll;
}

.row-tabs-maker .mod-search-pag #area_pags
{
	height: 440px;
	background-color: #f8f9fa;
	overflow: hidden;
	overflow-y: scroll;
	margin-top: 10px;
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3);
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 10px;
}

.m_c_maker .modal-dialog.tab-2 .mod-search-pag button#crea_carousel label:after{
	content: "Crear carrusel ";
}

.m_c_maker .modal-dialog.tab-2.edit-mode .mod-search-pag button#crea_carousel label:after{
	content: "Actualizar ";
}

.m_c_maker .modal-dialog.tab-2 .modal-content .modal-body #tabs div .row-tabs-maker
{
	right: 104%;
	overflow-y: hidden;
	max-height: 620px;
}

.m_c_maker .modal-dialog .modal-content .modal-header{
	border: none !important;
}

.m_c_maker .modal-dialog .modal-content .modal-header h1:after{
	content: "Agregar componentes";
}
.m_c_maker .modal-dialog.tab-2 .modal-content .modal-header h1:after{
	content: "Crear carrusel de páginas";
}
.m_c_maker .modal-dialog.tab-2.edit-mode .modal-content .modal-header h1:after{
	content: "Editar carrusel de páginas";
}

.m_c_maker .modal-dialog.tab-2.cost-mode .modal-content .modal-header h1:after{
	content: "Crear carrusel de costos";
}
.m_c_maker .modal-dialog .modal-content .modal-footer button:after{
	content: "Cancelar";
}

.m_c_maker .modal-dialog.tab-2.edit-mode .modal-content .modal-footer button:after{
	content: "Cancelar edición";
}

.m_c_maker .modal-dialog.tab-2 .modal-content .modal-footer button:after{
	content: "Cancelar y regresar";
}


.m_c_maker .modal-dialog.tab-2 .modal-content .carousel-type{
	display: block;
}
/*.m_c_maker .modal-dialog.tab-2.edit-mode .modal-content .carousel-type,*/
.m_c_maker .modal-dialog.tab-2.cost-mode .modal-content .carousel-type
{
	display: none;
}



.theme-paq-0 .paq_header{background-color: #6C5B7B !important;}
.theme-paq-0 .recx{border:9px solid #6C5B7B !important; background-color: #6C5B7B !important;}
.theme-paq-0 .btn-primary.btn-contact-info{border-color: #6C5B7B !important;background-color: #6C5B7B !important;}

.theme-paq-1 .paq_header{background-color: #E8175D !important;}
.theme-paq-1 .recx{border:9px solid #E8175D !important; background-color: #E8175D !important;}
.theme-paq-1 .btn-primary.btn-contact-info{border-color: #E8175D !important;background-color: #E8175D !important;}

.theme-paq-2 .paq_header{background-color: #FC913A !important;}
.theme-paq-2 .recx{border:9px solid #FC913A !important; background-color: #FC913A !important;}
.theme-paq-2 .btn-primary.btn-contact-info{border-color: #FC913A !important;background-color: #FC913A !important;}

.theme-paq-3 .paq_header{background-color: #45ADA8 !important;}
.theme-paq-3 .recx{border:9px solid #45ADA8 !important; background-color: #45ADA8 !important;}
.theme-paq-3 .btn-primary.btn-contact-info{border-color: #45ADA8 !important;background-color: #45ADA8 !important;}

.theme-paq-4 .paq_header{background-color: #51e2f5 !important;}
.theme-paq-4 .recx{border:9px solid #51e2f5 !important; background-color: #51e2f5 !important;}
.theme-paq-4 .btn-primary.btn-contact-info{border-color: #51e2f5 !important;background-color: #51e2f5 !important;}

.theme-paq-5 .paq_header{background-color: #f75990 !important;}
.theme-paq-5 .recx{border:9px solid #f75990 !important; background-color: #f75990 !important;}
.theme-paq-5 .btn-primary.btn-contact-info{border-color: #f75990 !important;background-color: #f75990 !important;}

.theme-paq-6 .paq_header{background-color: #ff5733 !important;}
.theme-paq-6 .recx{border:9px solid #ff5733 !important; background-color: #ff5733 !important;}
.theme-paq-6 .btn-primary.btn-contact-info{border-color: #ff5733 !important;background-color: #ff5733 !important;}

.theme-paq-7 .paq_header{background-color: #f55aff !important;}
.theme-paq-7 .recx{border:9px solid #f55aff !important; background-color: #f55aff !important;}
.theme-paq-7 .btn-primary.btn-contact-info{border-color: #f55aff !important;background-color: #f55aff !important;}

.theme-paq-8 .paq_header{background-color: #35da53 !important;}
.theme-paq-8 .recx{border:9px solid #35da53 !important; background-color: #35da53 !important;}
.theme-paq-8 .btn-primary.btn-contact-info{border-color: #35da53 !important;background-color: #35da53 !important;}

/*.item-component:hover .paq-pag-desc{
	opacity: 1;
}*/

.item-component .paq-pag-desc{
	background: linear-gradient(to bottom, #fff,rgba(255,255,255,0.5), transparent);
	position: absolute;
	z-index: 99;
	width: 100%;
	/*opacity: 0;*/
	transition: 0.4s;
	height: 50%;
}

.item-component .paq-pag-desc img{
	width: 60px !important;
	border-radius: 100%;
	border: 2px solid #fff;
}

.bubble-not{
	padding: 1px 4px 1px 4px;
	background: red;
	height: 20px;
	min-width: 20px;
	position: absolute;
	border-radius: 30px;
	top: 0;
	right: 0;
	color: white;
	font-size: 0.75rem;
	text-align: center;
	cursor: pointer;
}

.owl-nav
{
	display: contents;
	position: absolute;
	top: 0;
	/*height: 85%;*/
	margin-top: 0px !important;
}
.owl-nav button[class^='owl']
{
	color: white !important;
	border: none !important;
	text-shadow: 0px 0px 5px black;
	font-size: 1.4rem;
	top: 0;
	outline: none;
	height: 85%;
	position: absolute;
}

@media(min-width: 577px) and (max-width: 768px)
{
	.owl-nav button[class^='owl']{/*top: 33%;*/ font-size: 1.6rem !important;}
}
@media(min-width: 100px) and (max-width: 576px)
{
	.owl-nav button[class^='owl']{/*top: 36%;*/font-size: 2rem !important;}
}
.owl-nav button[class^='owl']:hover{background-color: transparent !important; }
.owl-nav button.owl-next{
	right: 0 !important;
	float: right;
}
.owl-nav button.owl-prev{
	left: 0 !important;
	float: left;
}
.owl-dots{padding-top: 5px;}


.sub_menu_bar a
{
	height: 75px;
	width: 75px;
	border-radius: 100%;
	/*background-color: #0069d9;*/
	color: #fff !important;
	border: unset !important;
	text-align: center;
	/*margin-right: 0.5em;*/
	display: block;
	overflow: hidden;
}
/*.sub_menu_bar a[class^='item-sec']:hover{overflow: visible;}
.sub_menu_bar a[class^='item-sec']:hover p.content-sec
{
  position: absolute;
  width: 140px;
  height: 150px;
  transform: (-50%);
  left: -42%;
  top: -20%;
  font-weight: 600;
  font-size: 1rem;
}*/
.sub_menu_bar a p
{
	line-height: 1.15em;
	font-size: 15px;
	margin: auto;
	padding-top: 0.75rem;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.9);
}

.sub_menu_bar a p i
{
	font-size: 1.5em;
}


.bg-color-1{background-color:  #fbc733;}
.bg-color-2{background-color:  #ff420b;}
.bg-color-3{background-color:  #a0000c;}
.bg-color-4{background-color:  #c81ebc;}
.bg-color-5{background-color:  #8b2cd2;}
.bg-color-6{background-color:  #021bb3;}
.bg-color-7{background-color:  #92c0f9;}
.bg-color-8{background-color:  #c81ebc;}
.bg-color-9{background-color:  #fbc733;}
.bg-color-10{background-color:  #ff420b;}
.bg-color-11{background-color:  #a0000c;}
.bg-color-12{background-color:  #c81ebc;}
.bg-color-13{background-color:  #8b2cd2;}
.bg-color-14{background-color:  #021bb3;}
.bg-color-15{background-color:  #92c0f9;}
.bg-color-16{background-color:  #c81ebc;}
.bg-color-17{background-color:  #fbc733;}
.bg-color-18{background-color:  #ff420b;}
.bg-color-19{background-color:  #a0000c;}
.bg-color-20{background-color:  #c81ebc;}
.bg-color-21{background-color:  #8b2cd2;}
.bg-color-22{background-color:  #021bb3;}
.bg-color-23{background-color:  #92c0f9;}
.bg-color-24{background-color:  #c81ebc;}

.c_b_upDown
{
	position: absolute;
	top: -100%;
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 100%;
	margin: auto;
	align-content: center;
	display: grid;
	padding: 15px;
	transition: 0.3s;
}
.c_b_upDown.active{
	top: 0%;
}

.comp-add
{
	overflow: hidden;
	position: relative;
	padding-left: 5px !important;
	padding-right: 5px !important;
	cursor: pointer;
}

img[class^="img_contenido"]
{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	cursor: pointer;;
}

.box_html.uneditable
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

 /*.note-statusbar,.note-toolbar.panel-heading
 {
 	display: none;
 }*/

 .note-editor.note-frame
 {
 	border: none !important;
 }

 .note-editable
 {
 	padding: 0 !important;
 	background-color: transparent !important;
 	overflow: hidden !important;
 }


 .editable_item
 {
 	overflow: hidden;
 	position: relative;
 }

.text-hover-img-white
{
	border-radius: 1em;
	background-color: rgba(255,255,255,0.7);
}

.text-hover-img-black
{
	border-radius: 1em;
	background-color: rgba(0,0,0,0.1);
}

.hover_edit
{
	transition: 0.5s;
	/*border-radius: 5px;*/
	position: relative;
}

.hover_edit.empty
{
	min-height: 30px;
	background-color: rgba(127,179,227,0.5);
	margin-bottom: 0.25rem !important;
}

/*input{padding: 5px !important;}*/

.editable_item_img,.changeable_img
{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.hover_edit:hover{
	background: rgba(0, 0, 0, 0.4);
}

.text-edit-txt
{
	border-radius: 25px;
	padding: 3px 3px 3px 5px;
	/*display: inline-block;*/
	margin-bottom: 0px !important;
	line-height: 1.2; 
	text-align: center;
}
 
.text-edit-txt .icon_edit
{
	top: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	left: 0 !important;
	margin: auto !important;
	width: 100% !important;
	height: 23px !important;
}
 
.icon_edit
{
	position: absolute;
	top: 5px;
	color: #FFF;
	font-size: 20px;
	left: 7px;
	font-weight: 600;
	cursor: pointer;
	display: none;
	transition: 0.5s;
/*	float: right;*/
	z-index: 2;
}

.portada1 .icon_edit{
	left: unset !important;
	right: 10px;
	box-shadow: 0px 0px 4px 1px rgba(255, 255, 255,0.5);
}


.icon_edit .fa{
	text-shadow: 0px 0px 5px black;
}

.input_edit
{
	background-color: rgba(0,0,0,0.1);
	padding: 3px 3px 3px 5px;
	border: 0.5px solid rgba(0,0,0,0.1);
	border-radius: 15px;
	width: 100%;
	text-align: center;;
}

.itEdit_nom{
	position: relative;
	line-height: 1.1;
	margin-bottom: 0px !important;
	padding: 3px 10px 10px 10px;
	margin-left: 10px;
	margin-right: 10px;
}

h1.itEdit_nom
{
	font-size: 1.6em !important;
}
.ico_edit_img{
	/*top: -35px;*/
	height: 100%;
	top: -100%;
	display: grid;
	align-content: center;
	font-size: 14px;
	transition: 0.3s all;
	padding: 5px;
	color: white;
	width: 100%;
	background-color: rgba(0,0,0,0.7); 
	/*font-size: 1em;*/
	/*cursor: pointer;*/
}

.ico_edit_img label:hover{
	cursor: pointer;
}

.container
{
	transition: 0.3s;
}

@media (min-width: 768px) and (max-width: 991px)
{
 .container
 {
 	max-width: 100% !important;
 	padding-right: 5% !important;
 	padding-left: 5% !important;
 }
}
 
@media(min-width: 100px) and (max-width: 768px)
{
	 .container{
	 	max-width: 100% !important;
		padding-right: 20px;
		padding-left: 12px;
	}
}

.container-comp.componente .components_buttons{
	position: absolute;
	right: 20px;
	z-index: 99;
	top: 0;
}

.item_component
{
	/*position: absolute;*/
	/*background-color: rgba(0,0,0,0.5);*/
	background-color: #FFF;
	left: -50%;
	/*color: #FFF;*/
	transition: 0.5s;
	border-radius: 20px;
	padding:  0px 10px 0px 10px !important;
	cursor: pointer;
	z-index: 2;
	top: 10px;
	margin-top: 20;
}

.container-comp.componente{
	position: relative !important;
	transition: 0.5s;
}

.container-comp.componente .components_buttons .item_component.hide-show i{
	font-family: FontAwesome;
	font-style: normal;
}

.container-comp.componente .components_buttons .item_component.hide-show i:after{
	content: "\f06e";
	color: #0069d9;
}

.container-comp.componente.disabled .components_buttons .item_component.hide-show i:after{
	content: "\f070";
	/*color: #6c757d;*/
	color: black;
}

.container-comp.componente.disabled
{
	opacity: 0.6;
}

.container-comp.componente p.msj-disabled{
	text-align: left;
}

.container-comp.componente.disabled p.msj-disabled:after{
	content: "(Sólo tú puedes ver esté componente)";
	display: block !important;
}

.nav-link
{
	padding: 0.35rem 0.5rem 0.5rem 0.5rem !important;
	font-size: 1rem !important;
	color: #555 !important;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 800 !important;
}

.dropdown-submenu .dropdown-menu{
  top: 0;
  left: 98% !important;
  position: absolute !important;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.navbar.navbar-expand-lg .container::-webkit-scrollbar {
    display: none;
}

.navbar.navbar-expand-lg .container
{
	overflow: hidden;
	overflow-x: scroll;
}

{

}

.navbar-nav.menu-cats
{
	width: 100%;
	height: 100%;
	display: inline-block;
	white-space: nowrap;
}

.dropdown-menu.first
{
	position: fixed !important;
}

.nav-item
{
	display: inline-block;
	width: max-content;
}

.components_buttons .l-pag-edit
{
	/*position: absolute;*/
	left: -50%;
	color:#0069d9;
	cursor: pointer;
}
.for-card-page i { font-weight: 800; }

@media(max-width: 978px)
{
	.submenu
	{
		margin-top: 40px;
		height: 55px !important;
	}	

	.nav-link
	{
		font-size: 1.3rem !important;
	}
}

#menu-secs.owl-carousel-menu-secs{
	height: 39px;
}

#menu-secs.owl-carousel.dots-off .owl-dots{
	display: none;
}

#menu-secs.owl-carousel-menu-secs .owl-nav button[class^="owl"]{
	font-size: 20px !important;
}


.own-page.configuration-buttons{
	position: fixed;
	z-index: 9999;
	top: 70px;
	left: 10px;
}

.own-page.configuration-buttons .btn{
	display: block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.5);
    font-weight: 600;
    margin-bottom: 8px;
    transition: 0.4s;
    overflow: hidden;
    font-size: 16px;
}

.own-page.configuration-buttons .btn span{
	opacity: 0;
	transition: 0.4s;
}

.own-page.configuration-buttons .btn:hover{
	width: 125px !important;
	transition: 0.4s;
}

.own-page.configuration-buttons .btn:hover span{
	opacity: 1;
	transition: 0.4s;
}