/*No responsive class*/
.show-responsive{
	display: none;
}
/* Boton de off responsive */
nav.principal-menu .menu_links li.off_menu_links{
	display: none;
}
@media screen and (max-width:900px){
	body{
		overflow-x: hidden;
	}
	.nav-dead-space{
		height: 38px;
	}
	.mojito-neonsign{
		position: relative;
		transform: initial;
		left: initial;
		width: calc(100% + -30px);
		/* display: none !important; */
		margin-bottom: 10px;
		margin-top: -6px;
		margin-left: auto;
		margin-right: auto;
	}
	.mojito-button-input{
		padding-left: 0.5em;
		padding-right: 0.5rem;
	}
	.automaticHorizontalScroll{
		display: none;
	}
	.btn-link.dropdown-toggle{
		background-color: #fff;
	}
	.show-responsive{
		display: inline-block;
	}
	nav.principal-menu .logo{
		float: left;
    	display: block;
	}
	nav.principal-menu .header .float-right{
		width: calc(100vw - 55px);
		margin-right: -2px;
		padding-top: 3px;
		font-size: 0;
		height: 38px;
		overflow: hidden;
	}
	
	.breadcrumb-header .breadcrumb{
		width: auto !important;
	}
	.search{
		max-width: calc(100vw - 96px);
		height: 35px;
	}

	.search:not(.hideSearch) ~ *:not(.btn.search-icon) {
	    display: none;
	}
	
	/**** Menu Desplegable ****/
	nav.principal-menu{
		z-index: 9;
	}
	nav.principal-menu .btn-black{
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	nav.principal-menu .btn-black.open{
		background-color: var(--red);
	}
	nav.principal-menu .btn-black.open::before {
	    content: "";
	    display: block;
	    width: 100vw;
	    height: 100vh;
	    position: absolute;
	    background-color: rgba(0,0,0,0.5);
	    left: 0;
	    top: 40px;
	    z-index: 0;
	}
	nav.principal-menu .btn-black.open i{
		display: block;
		transform: translateY(2px);
	}
	nav.principal-menu .btn-black.open i::before{
		content: "\ee52";
	}
	nav.principal-menu .btn{
		width: 23px;
		height: 23px;
		line-height: 1.5;
		font-size: 18px;
	}
	nav.principal-menu .menu_links{
		display: block;
		position: absolute;
		background-color: #fff;
		left: -73%;
		top: 40px;
		width: 73%;
		height: calc(100vh + -40px);
		overflow: auto;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	nav.principal-menu .menu_links li{
		display: grid;
	}
	nav.principal-menu .menu_links li.off_menu_links{
		display: block;
	}
	nav.principal-menu .menu_links li.off_menu_links a.btn{
		width: initial;
		color: white;
		align-items: center;
		justify-content: center;
	}
	nav.principal-menu .header .float-right > a[title="Salir"]{
		display: none;
	}

	nav.principal-menu .menu_links li.off_menu_links a.btn:after {
	    transform: translateY(-1px);
	    margin-left: 3px;
	}
	
	nav.principal-menu .menu_links li a{
		text-decoration: none !important;
	}
	nav.principal-menu .menu_links a:after{
		content: attr(data-name);
		font-size: 0.9rem;
		display: inline-block;
		vertical-align: text-top;
		margin-left: 8px;
		font-weight: 600;
	}
	nav.principal-menu .menu_links li .submenu{
		visibility: visible;
		opacity: 1;
		position: inherit;
		top: 0;
		box-shadow: none;
		width: 100%;
		border-top: 0;
		grid-row-start: 2;
		
		display: none;
	}
	nav.principal-menu .menu_links li .submenu li{
		padding-left: 23px;
	}
	nav.principal-menu .menu_links li .submenu li.title{
		display: none;
	}
	nav.principal-menu .menu_links li .submenu + a:before{
	    content: "";
	    
	    display: block;
	    position: absolute;
	    right: 20px;
	    top: 10px;
	    
	    border: solid #222;
		border-width: 0 1px 1px 0;
		padding: 3px;
		
		transform: rotate(45deg);
  		-webkit-transform: rotate(45deg);
	}
	
	
	
	.breadcrumb-header #hiHtml{
		display: block;
		position: absolute;
		background-color: var(--c-primary);
		width: 73%;
		left: -73%;
		top: -41px;
		z-index: 999;
		padding: 10px;
		padding-top: 32px;
		border-right: 1px solid #fff;
		
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.breadcrumb-header #hiHtml .cil-user{
		font-size: 4rem;
		position: absolute;
		left: 3px;
		top: 38px;
	}
	.breadcrumb-header #hiHtml .text-name{
		display: block;
		position: absolute;
		left: 62px;
		top: 12px;
		font-weight: bold;
		letter-spacing: 0.2px;
	}
	.breadcrumb-header #hiHtml .float-right{
		padding-left: 52px;
		float: left;
	}
	
	nav.principal-menu .menu_links.open,
	.breadcrumb-header #hiHtml.open{
		left: 0;
		z-index: 1;
	}
	
	
	/****************************************************************/
	/****************************************************************/
	/****************************************************************/
	/******************************************/
	/* Tabla */
	.grillaContenedor:not(.no-responsive) .options .mobile-left, 
	.grillaContenedor:not(.no-responsive) .quickViews,
	div.container-fluid .breadcrumb a{
	    display: none;
	}
	
	
	.grillaContenedor:not(.no-responsive){
		margin-left: -20px;
		margin-right: -20px;
		margin-top: 0;
		padding-top: 0;
		background-color: #f7f7f7;
		width: calc(100% + 38px);
	}

	#form {
	    /* transform: translateY(-10px); */
	}
	
	.grillaContenedor:not(.no-responsive) .options .row div[class*="col"] .mojito-button-unauthorized-label, 
	.grillaContenedor:not(.no-responsive) .options .row div[class*="col"] .mojito-button-disabled-label, 
	.grillaContenedor:not(.no-responsive) .options .row div[class*="col"] .mojito-button-label, 
	.grillaContenedor:not(.no-responsive) .options .row div[class*="col"] a, 
	.grillaContenedor:not(.no-responsive) .grilla i.mojito-button-label{
		vertical-align: middle;
	}
	
	.grillaContenedor:not(.no-responsive) .options .row div[class*="col"] .mojito-button-unauthorized-label, 
	.grillaContenedor:not(.no-responsive) .options .row div[class*="col"] .mojito-button-disabled-label, 
	.grillaContenedor:not(.no-responsive) .options .row div[class*="col"] .mojito-button-label, 
	.grillaContenedor:not(.no-responsive) .options .row div[class*="col"] a, 
	.grillaContenedor:not(.no-responsive) .grilla i.mojito-button-label,
	.grillaContenedor:not(.no-responsive) .quickViews .col-md-12 div[onclick*="javascript"]{
		background-color: #fff;
	}
	.grillaContenedor:not(.no-responsive) .all-content.table > tbody{
		position: relative;
	}
	.grillaContenedor:not(.no-responsive) .all-content.table > tbody > tr > td{
		border: 0;
		background-color: transparent;
	}	
	.grillaContenedor:not(.no-responsive) .all-content.table {
        width:100%;
        display: block;
        margin-bottom: 15px;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table thead {
        display: none;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table .mojito-querytable-data-tr:hover td{
    	background-color: #fff !important;
    	color: #666666 !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr{
    	padding-left: 15px;
    	padding-right: 15px;
    	padding-top: 10px;
    	display: block;
    	background-color: #fff !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr:after{
    	content: "";
		border-bottom: 1px solid #e5e5e5;
		display: block;
		margin-top: 25px;
		margin-left: -20px;
		margin-right: -20px;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr:not(.mojito-querytable-data-detail-tr) td:first-child {
        display: none;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr td.text-primary {
        font-weight: 500;
		font-size: large;
		display: block;
		padding: 15px 3px !important;
		color: #212121;
		line-height: 1.1em;
		text-align: left !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr td.text-primary:after {
    	display: none !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody{
		display: block;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr {
    	position: relative;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr:nth-of-type(2n) {
        background-color: inherit;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr:not(.mojito-list-total-tr):not(.mojito-querytable-total-tr) td.text-primary:after{
    	content: "";
    	display: none;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td {
        display: inline-block;
		vertical-align: middle;
        text-align: left;
        padding: 3px !important;
        font-weight: 300;
    }
    /* .grillaContenedor:not(.no-responsive) .all-content.table tbody td.mojito-querytable-td:empty{ */
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr.mojito-querytable-data-tr>td:empty{
    	display: none !important;
    }
    /* .grillaContenedor:not(.no-responsive) .all-content.table tbody td.mojito-querytable-td:blank, */
    /* .grillaContenedor:not(.no-responsive) .all-content.table tbody td.mojito-querytable-td:-moz-only-whitespace{ */
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr.mojito-querytable-data-tr>td:blank,
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr.mojito-querytable-data-tr>td:-moz-only-whitespace{
	display: none !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr:not(.mojito-querytable-filters-tr) td[data-th]:before {
        content: attr(data-th) ": ";
        display: inline-block;
        text-align:center;
        font-weight: bold;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr:not(.mojito-list-total-tr):not(.mojito-querytable-total-tr):not(.mojito-querytable-filters-tr) td:after {
    	content: "|";
    	display: inline-block;
    	font-weight: bold;
    	padding-left: 3px;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr.mojito-querytable-total-tr{
    	/* display: none; */  /* Para que se vean los totales de las querytable y list en mobile */
    }
    
    /* Action types */
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action"]:after,
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action"]:before{
    	display: none !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action"]{
    	position: absolute;
		right: 15px;
		background-color: #fefefe;
		width: 150px;
		-webkit-box-shadow: 0px 12px 10px 0px rgba(30,30,30,0.5);
		box-shadow: 0px 12px 10px 0px rgba(30,30,30,0.5);
		z-index: 3;
		display: none;
    }
    /* .grillaContenedor:not(.no-responsive) .all-content.table tbody tr > td.mojito-querytable-td[data-type="action"][style*="top: 45px;"]{ */
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr.mojito-querytable-data-tr>td[data-type="action"][style*="top: 45px;"]{
    	-webkit-box-shadow: 0px 0px 10px 0px rgba(30,30,30,0.5);
		box-shadow: 0px 0px 10px 0px rgba(30,30,30,0.5);
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action"] > *{
    	display: block;
		padding: 5px 10px !important;
		background-color: transparent !important;
		color: #444;
		font-weight: 500;
		font-size: 16px;
		text-align: left;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action"] > *:hover{
    	color: #71B6CC !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action"] > *[data-iscolumnactionenabled="false"],
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action"] > *[data-iscolumnactionenabled="false"]:hover{
    	color: #999 !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td.icon-responsive{
    	display: block;
    	position: absolute;
    	font-size: 25px;
		top: 12px;
		right: 5px;
		padding-left: 20px !important;
		padding-right: 20px !important;		
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td.icon-responsive:after{
    	display:none !important;
    }
    
    /* Action-primary types*/
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action-primary"]:before,
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action-primary"]:after{
    	display: none  !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tbody td[data-type="action-primary"]{
    	position: absolute;
		top: 6px;
		padding: 15px 3px !important;
    }
    
    /* Text types */
    .grillaContenedor:not(.no-responsive) .all-content.table tbody tr > td[data-type="text"]::nth-of-type(5){
    	background-color: red !important;
    }
    
    /* tr desplegable de oportunities */
    .grillaContenedor:not(.no-responsive) .all-content.table tr.mojito-querytable-data-detail-tr:before{
    	content: "";
		border-bottom: 1px solid white;
		display: block;
		margin-top: -11px;
		margin-left: -20px;
		margin-right: -20px;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr.mojito-querytable-data-detail-tr td{
    	width: 100%;
    	padding-top: 0px !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr.mojito-querytable-data-detail-tr td:after{
    	display: none !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table > tbody > tr.mojito-columnaction-detail-tr td,
    .grillaContenedor:not(.no-responsive) .all-content.table > tbody > tr.mojito-querytable-data-detail-tr td, 
    .grillaContenedor:not(.no-responsive) .all-content.table > tbody > tr.mojito-querytablemobile-data-detail-tr td{
    	border: 0px !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table > tbody > tr.mojito-columnaction-detail-tr:after{
    	display: none !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table > tbody > tr.mojito-columnaction-detail-tr td[data-type="text"]:not(.text-primary){
    	display: none !important;
    }
    
    
    /********************************/
    /* Botones Header */
    .grillaContenedor:not(.no-responsive) .options{
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-bottom: 8px;
		background-color: #f7f7f7;
		position: relative;
		width: calc(100% - 11px);
		/* width: 100%; */
		text-align: left;
		font-size: 0;
		border: 0;
	}
    .grillaContenedor:not(.no-responsive) .options .mobile-left,
    .grillaContenedor:not(.no-responsive) .quickViews{
    	display: none;
    }
    /*Desactivamos todos los botones del header*/
    .grillaContenedor:not(.no-responsive) .options .no-responsive{
    	display: none !important;
    }
    /*Mostramos solo los que queremos*/
    .grillaContenedor:not(.no-responsive) .options .col-md-9 > input{
    	font-size: 15px;
    	padding-top: 8px;
    	padding-bottom: 8px;
    	margin-right: 2.5px;
    	margin-left: 2.5px;
    	background-color: #fff;
    }
	.grillaContenedor:not(.no-responsive) .options .col-md-9 > select{
	    background-color: #fff !important;
	}
	.grillaContenedor:not(.no-responsive) .options input{
		height: 35px;
	}
    .grillaContenedor:not(.no-responsive) .options input:hover{
    	color: #000;
    }
    .grillaContenedor:not(.no-responsive) .options i{
    	font-size: 20px !important;
		margin-left: 2.5px !important;
		margin-right: 2.5px !important;
		margin-bottom: 5px !important;
		width: 35px !important;
		height: 35px !important;
		line-height: 32px !important;
    }
    .grillaContenedor:not(.no-responsive) .options select{
    	height: 35px !important;
		padding-right: 10px !important;
		width: auto !important;
		background: url(select.png) no-repeat calc(100% + -8px) 50% !important;
    }
    .grillaContenedor:not(.no-responsive) .options .row span{
    	/* display: none; */
    	height: 35px;
    	line-height: 35px;
    	/* padding-left: 3px; */
    	/* padding-right: 3px; */
    }
	.grillaContenedor .options .col-md-9 > i.cil-chevron-double-left-alt,
	.grillaContenedor .options .col-md-9 > i.cil-chevron-double-right-alt{
		display: none !important;
	}

	.grillaContenedor:not(.no-responsive) .options .row span.buttons {
	    display: inline-block;
	    margin-bottom: 6px;
	    -webkit-transition: all 0.2s ease;
	    -moz-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    transition: all 0.2s ease, height 0s;
	    background-color: #fff;
	    width: 35px;
	}

	.grillaContenedor:not(.no-responsive) .options .row span.buttons > * {
	    display: none !important;
		opacity: 0;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	
	.grillaContenedor:not(.no-responsive) .options .row span.buttons.open > * {
	    display: inline-block !important;
	    margin-bottom: 5px !important;
	    margin-top: 0px !important;
	    margin-left: 0 !important;
	    opacity: 1;
	}
	
	.grillaContenedor:not(.no-responsive) .options .row span.buttons.open {
	    display: block;
	    position: relative;
	    background-color: #fff;
	    z-index: 2;
	    width: calc(100% + 10px);
	    /* width: fit-content; */
	    border: 1px solid #ccc;
	    padding-top: 5px;
	    padding-left: 4px;
	    -webkit-box-shadow: 0 0 10px 5px rgb(100 100 100 / 20%);
	    box-shadow: 0 0 10px 5px rgb(100 100 100 / 20%);
	    padding-right: 37px;
	}

	.grillaContenedor:not(.no-responsive) .options .row span.buttons:before {
	    content: "\ec04";
	    font-family: CoreUI-Icons-Solid!important;
	    speak: none;
	    font-style: normal;
	    font-weight: 400;
	    display: flex;
	    font-size: 1.5rem;
	    background-color: var(--c-primary);
	    color: white;
	    height: 35px;
	    width: 34px;
	    align-items: center;
	    justify-content: center;
	    margin-left: 0;
	    margin-bottom: 0px;
	    -webkit-transition: all 0.2s ease;
	    -moz-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    transition: all 0.2s ease;
	}

	.grillaContenedor:not(.no-responsive) .options .row span.buttons.open:before {
	    content: "\ee52";
	    background-color: var(--red);
	    margin-left: auto;
	    height: 20px;
	    width: 20px;
	    font-size: 1rem;
	    position: absolute;
	    right: 7px;
	    margin-bottom: 0;
	    transform: translateY(-50%);
	    top: calc(50% - 2px);
	}

	.grillaContenedor:not(.no-responsive) .options .row span.buttons.open:after{
		display: block;
	}
	
    .grillaContenedor:not(.no-responsive) .options .row div[class*="col"] select[id*="selectedView"]{
    	width: calc(100% + 9px);
		margin-top: 10px;
		margin-bottom: 0px;
		font-size: 13px;
		text-transform: uppercase;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		padding-right: 6px;
		padding-left: 15px;
		font-weight: 500;
		margin-left: -5px;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		padding-top: 12px;
		padding-bottom: 10px;
		display: block;
		position: absolute;
		bottom: -55px;
		left: 0;
    }
    .grillaContenedor:not(.no-responsive) .options .row div[class*="col"] select[id*="selectedView"] option{
    	padding-top: 3px;
		padding-bottom: 3px;
    }
    
    /* Filtros */
    .grillaContenedor:not(.no-responsive) #mojito-querytable-filters-tr.mojito-querytable-filters-tr{
    	display: none;
		position: absolute;
		width: 250px;
		top: 0px;
		right: 16px;
		z-index: 8;
		-webkit-box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 5px 5px 3px rgba(0,0,0,0.2);
		padding-left: 8px !important;
		padding-right: 8px !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
    }
    .grillaContenedor:not(.no-responsive) #mojito-querytable-filters-tr.mojito-querytable-filters-tr td{
    	display: none;
    }
    .grillaContenedor:not(.no-responsive) #mojito-querytable-filters-tr.mojito-querytable-filters-tr td[data-th]{
    	display: block;
    	width: 100%;
		max-width: 100% !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
    }
    .grillaContenedor:not(.no-responsive) #mojito-querytable-filters-tr.mojito-querytable-filters-tr td input{
    	width: 100%;
    	margin-top: 3px;
    	margin-bottom: 3px;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr.filtros{
    	padding: 0;
		position: absolute;
		z-index: 9;
		top: -38px;
		right: 10px;
		background-color: transparent !important;
		font-size: 18px;
		cursor: pointer;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr.filtros td:first-child{
    	display: block !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr#mojito-querytable-filters-tr:after,
    .grillaContenedor:not(.no-responsive) .all-content.table tr.filtros:after,
    .grillaContenedor:not(.no-responsive) .all-content.table tr.filtros td:after{
    	display:none !important;
    }
    .grillaContenedor:not(.no-responsive) .all-content.table tr.filtros a{
    	color: #666;
    }
    .grillaContenedor:not(.no-responsive) .options .row div[class*="col"] select, .all-projects{
    	background: url(select.png) no-repeat calc(100% + -45px) 50%;
    }
    .grillaContenedor:not(.no-responsive) .send-search a.btn{
    	width: 100%;
    	text-transform: uppercase;
    	text-align: center;
    	margin-top: 3px;
    }
    
    /* Detalles  */
    [class*="col"] > .input-entity-button{
		bottom: 1px;
	}
    .mojito-messagelist-div > div{
    	display: block;
    	overflow: hidden;
    }
    .mojito-messagelist-div > div:before,
    .mojito-messagelist-div > div:after{
    	display: none;
    }
    div.mojito-buttonset-labelled-div{
		min-height: 37px;
		padding-bottom: 10px;
	}
	.all-content.table td{
		font-size: 1rem;
	}
	/* .mojito-querytable-td > div{ */
	tr.mojito-querytable-data-tr>td > div{
		display: inline-block;
		vertical-align: middle;
	}
}


/***** GROUP ******/
/*Mobile*/
@media screen and (max-width:900px){
	.group {
	    gap: 5px;
	    flex-direction: column;
	    display: grid;
	    grid-template-columns: repeat(3, 1fr);
	    margin-bottom: 5px;
	}

	.group[data-count="1"]{
		grid-template-columns: repeat(1, 1fr) !important;
	}
	
	.group[data-count="2"]{
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.group[data-count="3"]{
		grid-template-columns: repeat(3, 1fr) !important;
	}
	
	.group[data-count="4"]{
		grid-template-columns: repeat(4, 1fr) !important;
	}
	
	.group > * {
	    /* font-size: .7rem; */
	    line-height: 1.3;
	    margin: 0;
	}
}

/*Mobile*/
@media screen and (max-width:580px){
	.group {
		grid-template-columns: repeat(2, 1fr);
	}
}

/*Mobile*/
@media screen and (max-width:340px){
	.group {
		grid-template-columns: repeat(1, 1fr);
	}
}