/********
Style Variables
********/






































































































/* Bootstrap */
/* { snippet "shared/libs/bootstrap_css" %} */

/* CSS used in the examples for the Minimal theme */
.bg-cover {
	background-size: cover;
	background-position: center;
}
/* Hero Slide */
.hero_slide .carousel-control-prev,
.hero_slide .carousel-control-next {
	position: absolute;
	background: rgba(0,0,0,.3);
	opacity: 1;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	padding: 0;
	margin: 0;
	left: 30px;
	bottom: 30px;
	top: auto;
	transition:.3s;
}
.hero_slide .carousel-control-next {
	left: 100px;
}
.hero_slide .carousel-control-prev:hover,
.hero_slide .carousel-control-next:hover {
	transition:.3s;
	background: rgba(0,0,0,.8);
}
/* Card */
.card_icon figure {
	background: linear-gradient(to bottom, rgba(246, 247, 247, 1) 65%, rgba(246, 247, 247, 0) 65%);
}
/* Accordeons */
.accordion-icon button:after {
	color: rgba(61, 198, 129, 1);
	content: "";
	display: inline-block;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(225deg);
	transition:.3s;
}
.accordion-icon button.collapsed:after {
	transform: rotate(45deg);
	transition:.3s;	
}
/* Testimonial */
.quote_icon {
	position: relative;
	transform: translateY(-50%);
	margin-bottom: -50px;
}
/* Modals */
.modal.modal_img .close {
	position: absolute;
	right: 10px;
	top: 10px;
}
.modal .close {
	background: white;
	border-radius: 100px;
	width: 35px;
	height: 35px;
	display: flex;
	font-size: 15px;
	margin: 0;
	padding: 0px;
	justify-content: center;
	align-items: center;
	text-shadow: none;
	color: #000;
	opacity: 1;
}
/* CODE COLORS */
/* PrismJS 1.23.0 */
code[class*="language-"],pre[class*="language-"] {font-size: .9em;text-align: left;white-space: pre;word-spacing: normal;word-break: normal;word-wrap: normal;line-height: 1.5;-moz-tab-size: 2;-o-tab-size: 2;tab-size: 2;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}

/* Notifications CSS */
.notifications_btn svg {fill: rgba(68, 76, 96, 1);transition:.3s}
.notifications_btn svg:hover {fill: rgba(61, 198, 129, 1);transition:.3s}
.notifications-badge {width: 10px;height: 10px;border-radius: 100%;}
.notifications_btn .notifications-badge {position: absolute;right: 17px;top: 10px;}
.avatar {height: 40px;width: 40px;background-size: cover;}
.dropdown_user {min-width: 300px;}
.avatar_big {font-size: 20px;width: 50px !important;height: 50px !important;background-size: cover;}
.notification *:last-child {margin-bottom: 0 !important;}
#notifications.modal.right .modal-dialog,
#menu_panel.modal.right .modal-dialog {max-width: 400px;}



/*********************************
Style of libraries used in forms
FORM STRUCTURE
SELECT 2
DROPZONE
*********************************/
/* { % snippet "shared/libs/forms_css" %} */