.catalog-front {
	box-sizing: border-box;
	padding: 20px !important;
}

.catalog-front hr {
	/*margin: 0.5rem;*/
	margin: 0px;
}

.catalog-front .search-bar {
	display: grid;
    grid-template-columns: 1fr;
    align-items: center; /*vertical align*/
}

.catalog-front .search {
	width: 100%;
	/*border-radius: 20px;*/
	border-radius: 2px;
}

.catalog-front .magnifying {
	background-image: url(../icon/magnifying_glass.svg); 
	background-size: contain; 
	background-repeat: no-repeat; 
	background-position: center; 
	width: 100%; 
	height: 25px; 
}

.catalog-front .search::placeholder {
	color: #989898;
}

.catalog-front .line {
	width: 100%;
    background-color: #76c8f8;
    padding: 3px; 
    cursor: pointer;

	border-radius: 3px; 
	border: 1px solid black;
}

.catalog-front .arrow::before {
	width: 15px;
    height: 15px;
    color: white;
    display: inline-block;
}

.catalog-front .arrow.arrow-down::before {
	/* content: "\2965"; */
	content: "v";
}

.catalog-front .arrow.arrow-right::before {
	/* content: "\2964"; */
	content: ">";
}

.c-catalog-front-tag-wrapper {
    padding: 3px; 
    cursor: pointer;

	/* border-radius: 3px; */
	/* border: 1px solid #C7C7C7; */

	width: 200px;
    /* margin-left: 5px; */
}

.catalog-front .tag-filter {
	display: grid;
	grid-template-columns: 50px 1fr;
	align-items: center; /*vertical align*/

	width: 100%;
	/* height: 25px; */

	/* background-color: green; */
	cursor: pointer;

	border-radius: 20px;
}

.catalog-front .tag-filter.on {
	/* background-color: #edffed; */
	/* border: 1px solid #9ef89e; */
}

.catalog-front .tag-filter.off {
	/* background-color: #eeeeee; */
	/* border: 1px solid #ffffff; */
}

.catalog-front .tag-filter .name {
	width: 100%;
}

.catalog-front .switch {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	/* width: 25px; */
	width: 45px;
	height: 25px;
	display: inline-block;
}

.catalog-front .switch.on {
	background-image: url(../icon/switch_on.svg);
}

.catalog-front .switch.off {
	background-image: url(../icon/switch_off.svg);
}

.catalog-front .line.type {
	/* margin-left: 10px; */
}

.catalog-front .line.category {
	margin-left: 10px;
	width: calc(100% - 10px);
	/* border-left: 10px solid transparent; */
}

.catalog-front .product {
	margin-left: 20px;
	width: calc(100% - 20px);
	display: grid;
    grid-template-columns: 120px 1fr;

    /* border: 1px solid #b6b6b6; */
    padding: 5px;
    /* border-radius: 7px; */
}

.catalog-front .product p {
	margin: 0px;
}

.catalog-front .product .image-column {
	text-align: center;
}

.catalog-front .product .image {
	background-repeat: no-repeat;
	background-position: center;
    background-size: 100%;
    width: 120px;
    height: 120px;
}

.catalog-front .product .details {
	padding-top: 5px;
    padding-left: 20px;
    
}

.services-front.views-element-container {
	/* background-color: initial; */
	/* border: none; */
	/* box-shadow: initial; */
}

.services-front .c-services-front-service-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-content: space-around;
	column-gap: 10px;
}

.services-front .c-services-front-service {
	border: 1px solid #a8a8a8;
	border-radius: 20px;
	padding: 10px;
	background-color: white;
	/* transition: all 0.3s ease-out; */
}

/* .services-front .c-services-front-service:hover { */
	/* border: 2px solid #a8a8a8; */
/* } */

.services-front .c-services-front-service.gray {
	background-color: #f4f4f4;
	color: #9f8080;
}

.services-front .c-services-front-service.gray h4,
.services-front .c-services-front-service.gray h3,
.services-front .c-services-front-service.gray h2 {
	color: #9f8080;
}

.services-front .c-services-front-service li {
	margin-bottom: 5px;
}

.catalog-front .button{
	/* width: 100px; */
	text-align: center;

	display: inline-block;
	width: auto;
	padding-block: 3px !important;
	padding-inline: 10px !important;

	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.catalog-front .button.green{
	border: 2px solid #00aa00 !important;
	color: #00aa00;
	cursor: pointer;
}

.catalog-front .button.green:hover {
	background-color: #00cc00 !important;
	border-color: #00cc00 !important;
	color: #000000;
}

.catalog-front .button.gray{
	border: 2px solid #aaaaaa !important;
	color: #aaaaaa;
}

.catalog-front .button.gray:hover {
	background-color: transparent !important;
	border-color: #aaaaaa !important;
	color: #aaaaaa;
}

.services-front .c-services-front-service label {
	display: inline;
}

.services-front .c-services-front-service .price .line {
	margin-bottom: 10px;
}

/* --------------------------------------- */

.manage-emails-front .c-manage-emails-front-email { 
  position: relative;
  transition: all 0.3s ease-out;
  left: 0px;
  opacity: 1;
}

.manage-emails-front .c-manage-emails-front-email input:placeholder-shown { 
	color: #cacaca;
}

.manage-emails-front .c-manage-emails-front-email.closing {
  transition: all 0.15s ease-in;
  left: -300px;
  opacity: 0.05;
}


.manage-emails-front .close {
	background-image: url(../icon/x.svg);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(34%) sepia(78%) saturate(7217%) hue-rotate(352deg) brightness(89%) contrast(129%);

	border: 2px solid rgb(50,80,230);
	border-radius: 0.5rem;
	margin-left: 5px;
}

.manage-emails-front .close:hover { 
	background-color: #ffffff; 
	border-color: #ffffff;
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(320deg) brightness(102%) contrast(103%); 
}

.manage-emails-front .form input{
	width: 400px;
}

.manage-emails-front .input-wrapper {
	display: flex;
}

.manage-emails-front .close {
	display: block;
	height: 34px;
	width: 34px;
}

.manage-emails-front .button {
	white-space: nowrap;
	cursor: pointer;

	margin: calc(.50rem - 2px);
	padding-block: 3px !important;
	display: block;
	background: white;
}

.exposure-front table {
	margin-bottom: 0px;
}

.exposure-front tbody .line {
	position: relative;
    left: 0px;
}

.exposure-front tbody .line.closing {
	left: -300px;
	transition: all 0.7s ease-out;
	opacity: 0.05;
}


.exposure-front tbody .line:nth-child(even) {
	background-color: #f7f7f7;
}

.c-exposure-front-exposure {
    border: 2px solid #d0bfbf;
    margin-bottom: 30px;
    border-radius: 14px;
    overflow: hidden;
}

.course-front .line .background {
	height: 250px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

	border: 1px solid #999;
}

.course-front .line .title h3 {
	margin-bottom: 5px;
}

/*
.course-front .line {
	border-bottom: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: space-around;
	background-color: #f6f6f6;
	height: 40px;
}
*/

.subscription-front .line.header {
	font-weight: bold;
	height: 30px;
}

.subscription-front .line:hover {
	/* background-color: #cc0130; */
	/* color: white; */
}

.subscription-front .line > * {
	display: flex;
	align-items: center;
}

.subscription-front .line > *:first-child {
	padding-left: 10px;
}

.c-catalog-front-service-wrapper {
	border: 1px solid rgba(0,0,0,0.1);
}

.catalog-front .group {
	display: flex;
}

.catalog-front .group .left{
	width: 20%;
	/*border-right: 1px solid rgba(0, 0, 0, .1);*/
	padding-right: 5px;
}

.catalog-front .group .right{
	width: 80%;
	/*border-right: 1px solid rgba(0, 0, 0, .1);*/
}


@media all and (max-width:992px) {
	.lending-front .line {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media all and (max-width:767px) {
	.lending-front .line{
		grid-template-columns: 1fr
	}
}