/**
 * Copyright (c) 2016 - Today. All rights reserved.
 * Author		: Benjamin Retel [benjamin@rbcreation.fr]
 * Company		: rbCREATION [http://www.rbcreation.fr]
 * Filename		: styles.css
 * Description	: Global styles of the site
 * Version		: 1.0
 * History		:
 * 01 Jul. 2016 - Version 1.0 - First Release
 * 30 May 2017 - Last Release
 */

/**
 * --------------------------------------------------
 * Fonts
 * --------------------------------------------------
 */
/* Pacifico */
/*@import url(https://fonts.googleapis.com/css?family=Pacifico);*/
/* Nunito */
@import url(https://fonts.googleapis.com/css?family=Nunito:700);
/* Roboto */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);
/* Dwicons */
/*@font-face
{
	font-family: 'Dwicons';
	src:url('../../../../all/dwicons/fonts/dwicons.eot');
	src:url('../../../../all/dwicons/fonts/dwicons.eot?#iefix') format('embedded-opentype'),
		url('../../../../all/dwicons/fonts/dwicons.woff') format('woff'),
		url('../../../../all/dwicons/fonts/dwicons.ttf') format('truetype'),
		url('../../../../all/dwicons/fonts/dwicons.svg#dwicons') format('svg');
}*/
/* Glyphicons */
@font-face {
    font-family: 'Glyphicons';
    src: url('../../../../all/glyphicons/fonts/glyphicons-regular.eot');
    src: url('../../../../all/glyphicons/fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),
    url('../../../../all/glyphicons/fonts/glyphicons-regular.woff2') format('woff2'),
    url('../../../../all/glyphicons/fonts/glyphicons-regular.woff') format('woff'),
    url('../../../../all/glyphicons/fonts/glyphicons-regular.ttf') format('truetype'),
    url('../../../../all/glyphicons/fonts/glyphicons-regular.svg#glyphiconsregular') format('svg');
}

/* Glyphicons-social */
@font-face {
    font-family: 'Glyphicons Social';
    src: url('../../../../all/glyphicons-social/fonts/glyphicons-social-regular.eot');
    src: url('../../../../all/glyphicons-social/fonts/glyphicons-social-regular.eot?#iefix') format('embedded-opentype'),
    url('../../../../all/glyphicons-social/fonts/glyphicons-social-regular.woff2') format('woff2'),
    url('../../../../all/glyphicons-social/fonts/glyphicons-social-regular.woff') format('woff'),
    url('../../../../all/glyphicons-social/fonts/glyphicons-social-regular.ttf') format('truetype'),
    url('../../../../all/glyphicons-social/fonts/glyphicons-social-regular.svg#glyphicons_socialregular') format('svg');
}

/* Icons */
.glyphicon::before,
.icon::before {
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    padding: 0;
    margin: 0;
}


/**
 * --------------------------------------------------
 * Init
 * --------------------------------------------------
 */
/* All */
*, *:before, *:after {
    box-sizing: border-box;
}

/* Html */
html {
    height: 100%;
    /* Font size for rem unity : 16px * 62.5 / 100 = 10px */
    /* Ex : 1rem = 10px | 1.4rem = 14px */
    font-size: 62.5%;
    margin: 0 auto;
    padding: 0;
}

/* Body */
body {
    height: 100%;
    font-family: "Roboto", arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: black;
    text-align: center;
    background: #fff;
    padding: 0;
    margin: 0 auto;

}

/* No Scroll */
.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

/* Site */
.site {
    width: 100%;
    height: 100%;
}

.container {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 100%;
}

/* Global */
a,
article,
h1,
h2,
h3,
h4,
header,
img,
li,
p,
nav,
section,
span,
ul {
    word-wrap: break-word;
    margin: 0;
    padding: 0;
}

/* a */
a,
a:link,
a:visited,
a:hover {
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    color: #769d27;
    cursor: pointer;
    transition: color 0.2s ease;
}

a:hover {
    color: #fcbf33;
}

/* img */
img {
    border-width: 0;
    border-style: none;
    list-style-type: none;
    line-height: 0;
}

/* li */
li {
    list-style: none;
    text-align: left;
}

/* Clear float */
.clear-float-both {
    clear: both;
}

.clear-float-left {
    clear: left;
}

.clear-float-right {
    clear: right;
}

/* Txt */
span.comment {
    font-style: italic;
    color: #9e9e9e;
}


/**
 * --------------------------------------------------
 * Overlay
 * --------------------------------------------------
 */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

/**
 * --------------------------------------------------
 * Overlay (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 1000px) {
    .site.menu-open .overlay {
        background: rgba(0, 0, 0, 0);
        cursor: default;
    }
}


/**
 * --------------------------------------------------
 * Box Header
 * --------------------------------------------------
 */
.box-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    height: 54px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

/**
 * ##############################
 * Top
 * ##############################
 */
.box-header > .header-top {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 54px;
    background: #00515b;
    padding: 0;
    margin: 0;
    flex-direction: column;
}

/**
 * ##############################
 * Button Home
 * ##############################
 */
.box-header > .header-top > .btn-home {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
    background: #f5f5f5;
    cursor: pointer;
}

.box-header > .header-top > .btn-home a {
    display: block;
    margin: 3px 0 0 3px;
    transition: opacity 0.2s ease;
}

.box-header > .header-top > .btn-home a:hover {
    opacity: 0.8;
}

.box-header > .header-top > .btn-home a img {
    display: block;
    width: 48px;
    height: 48px;
}

/**
 * ##############################
 * Logo
 * ##############################
 */
.box-header > .header-top > .logo {
    z-index: 100;
    background: #fcbf33;
    border-radius: 50%;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin-top: 10px;
}

.box-header > .header-top > .logo img {
    display: block;
    width: 84px;
    height: 84px;
    transition: opacity 0.2s ease;
}

.box-header > .header-top > .logo:hover img {
    opacity: 0.8;
}

/**
 * ##############################
 * User Picture
 * ##############################
 */
/*.box-header > .header-top > .user-picture
{
	z-index: 100;
	background: #fcbf33;
	border-radius: 50%;
	background: #fff;
	box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
	margin: 10px;
}

.box-header > .header-top > .user-picture img
{
	display: block;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	border: 3px solid #769d27;
	transition: opacity 0.2s ease;
}
.box-header > .header-top > .user-picture:hover img
{
	opacity: 0.8;
}*/

/**
 * ##############################
 * Back
 * ##############################
 */
.back {
    position: fixed;
    top: 0;
    left: 60px;
    z-index: 50;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 54px;
}

.back a.btn-back {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transition: color 0.2s ease, background 0.2s ease;
}

.back a.btn-back:hover {
    color: #00515b;
    background: rgba(255, 255, 255, 1);
}

.back a.btn-back.icon::before {
    content: "\e225";
    font-size: 20px;
}

/**
 * ##############################
 * Bottom
 * ##############################
 */
.box-header > .header-bottom {
    width: 100%;
    height: 10px;
    background: #fff;
    border-bottom: 5px solid #99cc33;
}


/**
 * --------------------------------------------------
 * Box Menu
 * --------------------------------------------------
 */
/**
 * ##############################
 * Button
 * ##############################
 */
.btn-box-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 54px;
    color: #fff;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
		text-align:center;
}

.btn-box-menu:hover {
    color: #769d27;
}

/* Icon */
.btn-box-menu > .icon::before {
    position: relative;
    top: 14px;
    content: "\e159";
    font-size: 24px;
}

/**
 * ##############################
 * Container
 * ##############################
 */
.box-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -250px;
    z-index: 200;
    width: 250px;
    background: #fff;
    border-right: 2px solid #769d27;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    transition-duration: 0.3s;
}

.site.menu-open .box-menu {
    transform: translateX(-250px);
}

/**
 * ##############################
 * Items
 * ##############################
 */
.box-menu > ul li a,
.box-menu > ul li.active a,
.box-menu > ul li button {
    display: block;
    white-space: nowrap;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 15px 12px 15px;
    margin: 0;
    transition: background 0.2s ease, color 0.2s ease;
}

.box-menu > ul li a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.box-menu > ul li a > * + * {
    margin-left: 7px;
}

.box-menu > ul li a > .txt {
    flex: 1;
}

.box-menu > ul li button {
    text-align: left;
    border: none;
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 15px 14px 15px;
    cursor: pointer;
}

/* Icons */
.box-menu .dwicon::before {
    display: block;
    font-size: 20px;
}


/**
 * --------------------------------------------------
 * Box Content
 * --------------------------------------------------
 */
.box-content {
    flex: 1;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    padding-top: 54px;
}

/* Space for modules with Big Logo */
.box-content .space-for-logo {
    width: 100%;
    height: 20px;
}


/**
 * --------------------------------------------------
 * Box Message
 * --------------------------------------------------
 */
.box-message {
    position: relative;
    width: 100%;
    background: #fff;
		text-align:center;
}

/* Text */
.box-message .msg {
    font-size: 16px;
    font-weight: 400;
    padding: 20px;
}

.box-message .msg a {
    font-size: 16px;
}

/* Button close */
.box-message > .btn-box-msg-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.2);
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease;
}

.box-message > .btn-box-msg-close:hover {
    color: #222;
}

.box-message > .btn-box-msg-close .icon::before {
    top: 2px;
    content: "\e208";
}

.box-message .msg > * + * {
    margin-top: 10px;
}

.box-message .btns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.box-message .btns .btn-form.as-link {
    font-size: 12px;
    color: #999;
}

.box-message .btns .btn-form.as-link:hover {
    color: #222;
}

/* TYPE : error */
.box-message .msg.error {
    background: #fdd;
    color: #c00;
}

.box-message .msg.error a {
    color: #c00;
}

/* TYPE : success */
.box-message .msg.success {
    background: #dfd;
    color: #090;
}

.box-message .msg.success a {
    color: #090;
}

/* TYPE : info */
.box-message .msg.info {
    background: #cef;
    color: #06c;
}

.box-message .msg.info a {
    color: #06c;
}

.box-message .msg a:hover {
    color: #222;
}

/* Icons */
.box-message > .msg .icon::before {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.box-message > .msg.error .icon::before {
    content: "\e505";
}

.box-message > .msg.success .icon::before {
    content: "\e207";
}

.box-message > .msg.info .icon::before {
    content: "\e196";
}


/**
 * --------------------------------------------------
 * Box Search
 * --------------------------------------------------
 */
.box-search {
    width: 100%;
    margin-top: 20px;
}

/**
 * ##############################
 * Button
 * ##############################
 */
.box-search .btn-box-search {
    width: 100%;
    /*height: 31px;*/
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background: #769d27;
    border: none;
    box-shadow: 0px 0px 2px 0px rgba(000, 000, 000, 0.2);
    padding: 0 5px;
    cursor: pointer;
}

.box-search .btn-search:hover {
    background: #fcbf33;
}

/* Icon */
.btn-box-search > .icon::before {
    position: relative;
    top: 4px;
    content: "\e028";
    margin-right: 4px;
}

/**
 * ##############################
 * Form
 * ##############################
 */
.box-search form {
    display: none;
    background: #f5f5f5;
    padding: 15px;
}

.site.search-open .box-search form {
    display: block;
}

/* Form Fields */
.box-search form > .form-fields {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin-top: 15px;
}

.box-search form > .form-fields:first-of-type {
    margin-top: 0;
}

.box-search form > .form-fields > .item {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.box-search form > .form-fields > .item + .item {
    margin-top: 10px;
}

.box-search form > .form-fields > .item > * {
    width: 100%;
    text-align: left;
}

.box-search form > .form-fields > .item > * + * {
    margin-top: 5px;
}

/* checkbox */
.box-search form > .form-fields > .item.checkbox-label,
.box-search form > .form-fields > .item.radio-label {
    flex-flow: row nowrap;
}

.box-search form > .form-fields > .item + .item.checkbox-label,
.box-search form > .form-fields > .item + .item.radio-label {
    margin-top: 15px;
}

.box-search form > .form-fields > .item.checkbox-label > input[type="checkbox"],
.box-search form > .form-fields > .item.checkbox-label > input.checkbox,
.box-search form > .form-fields > .item.radio-label > input[type="radio"],
.box-search form > .form-fields > .item.radio-label > input.radio {
    width: auto;
    margin-top: 3px;
    margin-right: 5px;
}

.box-search form > .form-fields > .item.checkbox-label > * + *,
.box-search form > .form-fields > .item.radio-label > * + * {
    flex: 1;
    margin-top: 0;
}

/*.box-search form > .form-fields > .item.checkbox
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.box-search form > .form-fields > .item.checkbox .field-checkbox
{
	width: auto;
	margin-top: 5px;
}
.box-search form > .form-fields > .item.checkbox label
{
	margin-left: 7px;
}*/

/* Form Buttons */
.box-search form > .form-btns {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.box-search form > .form-btns > * {
    flex: 1;
}

.box-search form > .form-btns > * + * {
    margin-left: 5px;
}

/* Label */
.box-search form label {
    font-size: 14px;
}

/* Fields */
.box-search form input,
.box-search form select {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    text-align: left;
    outline-style: none;
    background: #fff;
    border: 1px solid #cfcfcf;
    box-shadow: none;
    padding: 5px;
    margin: 0;
    transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
}

.box-search form select {
    padding: 4px;
}

.box-search form input:focus,
.box-search form select:focus {
    color: #252525;
    border: 1px solid #252525;
}

/**
 * --------------------------------------------------
 * Box Search (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 1000px) {
    /**
     * ##############################
     * Button
     * ##############################
     */
    .box-search > .btn-box-search {
        display: none;
    }

    /**
     * ##############################
     * Form
     * ##############################
     */
    .box-search form {
        display: block;
        margin-top: 15px;
    }

    /* Form Fields */
    .box-search form > .form-fields {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0;
    }

    .box-search form > .form-fields > .item {
        flex: 1;
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: center;
        width: auto;
    }

    .box-search form > .form-fields > .item + .item {
        margin-top: 0;
        margin-left: 5px;
    }
}


/**
 * --------------------------------------------------
 * Box Pagination
 * --------------------------------------------------
 */
/**
 * ##############################
 * Container
 * ##############################
 */
.box-pagination {
    width: 100%;
    max-width: 1000px;
    font-size: 16px;
    color: #00515b;
    margin-top: 20px;
}

/* Form */
.box-pagination form {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

/* Form Fields */
.box-pagination form > div {
    width: 100%;
}

/* Buttons */
.box-pagination form > div:nth-child(2) {
    margin-top: 20px;
}

/**
 * ##############################
 * Fields
 * ##############################
 */
.box-pagination .form-fields {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.box-pagination .form-fields > .item {
    width: 100%;
}

.box-pagination .form-fields > .item + .item {
    margin-left: 20px;
}

.box-pagination form input,
.box-pagination form select {
    display: block;
    width: 100%;
    height: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    text-align: left;
    outline-style: none;
    background: #fff;
    border: 1px solid #eee;
    padding: 0 5px;
    margin: 0;
    transition: color 0.2s ease;
}

.box-pagination form select {
    padding: 4px;
}

.box-pagination form input:focus,
.box-pagination form select:focus {
    color: #00515b;
}

/**
 * ##############################
 * Buttons
 * ##############################
 */
.box-pagination .btns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.box-pagination.bottom .btns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.box-pagination .btns a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #fff;
    text-decoration: none;
    border-radius: 50%;
    background: #769d27;
    margin-left: 5px;
    cursor: pointer;
    transition: background 0.2s ease;
}

.box-pagination .btns a:first-of-type {
    margin-left: 0;
}

.box-pagination .btns a:hover {
    background: #fcbf33;
}

.box-pagination .btns a.disabled {
    background: #f5f5f5;
    cursor: default;
}

.box-pagination .btns .icon::before {
    top: 1px;
    margin-left: 1px;
}

.box-pagination .btns .icon.first::before {
    content: "\e225 \e225";
    letter-spacing: -7px;
    margin-right: 7px;
}

.box-pagination .btns .icon.last::before {
    content: "\e224 \e224";
    letter-spacing: -7px;
    margin-right: 7px;
}

.box-pagination .btns .icon.next::before {
    content: "\e224";
}

.box-pagination .btns .icon.previous::before {
    content: "\e225";
}

/**
 * --------------------------------------------------
 * Box Pagination (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 460px) {
    /**
     * ##############################
     * Container
     * ##############################
     */
    /* Form */
    .box-pagination form {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    /* Form Fields */
    .box-pagination form > div:first-of-type {
        width: auto;
    }

    /* Buttons */
    .box-pagination form > div:nth-child(2) {
        width: auto;
        margin-top: 0;
        margin-left: 20px;
    }
}


/**
 * --------------------------------------------------
 * Box Footer
 * --------------------------------------------------
 */
.box-footer {
    position: absolute;
    width: 100%;
    margin-top: auto;
}

/**
 * ##############################
 * Top
 * ##############################
 */
.box-footer > .footer-top {
    width: 100%;
    height: 10px;
    background: #fff;
    border-top: 5px solid #99cc33;
}

/**
 * ##############################
 * Bottom
 * ##############################
 */
.box-footer > .footer-bottom {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 27px;
    background: #00515b;
    padding: 0;
    margin: 0;
}

.box-footer > .footer-bottom > .content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    max-width: 1000px;
    padding: 15px 0;
    margin: 0 auto;
}

.box-footer > .footer-bottom > .content > div {
    flex: 1;
    text-align: center;
    padding: 15px;
    margin: 0;
}

.box-footer > .footer-bottom > .content > div > h4 {
    display: block;
    font-size: 24px;
    font-weight: 400;
    color: #99cc33;
}

.box-footer > .footer-bottom > .content > div > p span {
    display: block;
    font-weight: 400;
    color: #fff;
    margin-top: 5px;
}

.box-footer > .footer-bottom > .copyright span {
    display: block;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 10px 0;
}

/**
 * ##############################
 * Info
 * ##############################
 */
.box-footer > .footer-bottom > .btn-info {
    position: absolute;
    bottom: 17px;
    z-index: 100;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: #99cc33;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    /*box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);*/
}

.box-footer > .footer-bottom > .btn-info > a {
    display: block;
    width: 38px;
    height: 38px;
    font-family: "Nunito", sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: #99cc33;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: color 0.2s ease, background 0.2s ease;
}

.box-footer > .footer-bottom > .btn-info > a:hover {
    background: #99cc33;
}


/**
 * --------------------------------------------------
 * View
 * --------------------------------------------------
 */
.view {
    width: 100%;
    max-width: 1000px;
    text-align: left;
    padding: 0 20px 40px 20px;
    margin: 0 auto;
}

/**
 * ##############################
 * Header
 * ##############################
 */
.view-h {
    width: 100%;
    padding-top: 15px;
}

.view-h > h1 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    color: #00515b;
}

.view-h > h1 .dwicon::before {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.view-h > h1 .icon::before {
    font-size: 22px;
    margin-right: 5px;
}

/*.view-h > h1 .icon.account::before
{
	top: 2px;
	content: "\e137";
}*/
.view-h > h1 .icon.box::before {
    content: "\e131";
}

.view-h > h1 .icon.interest::before {
    content: "\e001";
}

.view-h > h1 .icon.merchant::before {
    content: "\e453";
}

/*.view-h > h1 .icon.offer::before
{
	content: "\e066";
}*/
/*.view-h > h1 .icon.offers::before
{
	content: "\e067";
}*/
/*.view-h > h1 .icon.provider::before
{
	content: "\e451";
}*/
/*.view-h > h1 .icon.provider-offer::before
{
	top: 2px;
	content: "\e060";
}*/
/*.view-h > h1 .icon.push::before
{
	content: "\e422";
}*/
.view-h > h1 .icon.shop::before {
    content: "\e239";
}

/*.view-h > h1 .icon.stats::before
{
	content: "\e042";
}*/

/* Subtitle */
.view-h > .subtitle {
    font-size: 18px;
    color: #769d27;
    text-align: center;
}

/* Txt */
.view-h > .txt {
    font-size: 16px;
    color: #9e9e9e;
    text-align: center;
    margin-top: 2px;
}

.view-h > .txt .comment {
    font-style: italic;
}

.view-h > .txt .icon::before {
    top: 1px;
    margin-right: 5px;
}

.view-h > .txt .icon.accepted::before {
    content: "\e207";
}

.view-h > .txt .icon.add::before {
    content: "\e433";
}

.view-h > .txt .icon.crop::before {
    content: "\e094";
}

.view-h > .txt .icon.disabled::before {
    top: 2px;
    content: "\e208";
    color: #C00;
}

.view-h > .txt .icon.edit::before {
    content: "\e031";
}

.view-h > .txt .icon.enabled::before {
    content: "\e207";
    color: #0C0;
}

.view-h > .txt .icon.provider::before {
    top: 0;
    content: "\e451";
}

.view-h > .txt .icon.published::before {
    content: "\e223";
}

.view-h > .txt .icon.refused::before {
    top: 2px;
    content: "\e198";
}

.view-h > .txt .icon.signin::before {
    content: "\e205";
}

.view-h > .txt .icon.waiting::before {
    top: 2px;
    content: "\e055";
}

/* Buttons */
.view-h > .btns > * {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.view-h > .btns > * > * {
    margin: 5px 2px 0 2px;
}

/**
 * ##############################
 * Content
 * ##############################
 */
.view-c {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;
}

.view.form.jcrop > .view-c {
    max-width: 600px;
}

/**
 * ##############################
 * Footer
 * ##############################
 */
.view-f {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin-top: 20px;
}

/**
 * ##############################
 * Buttons
 * ##############################
 */
.view-btns {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.view-btns form {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/**
 * --------------------------------------------------
 * View (Responsive)
 * --------------------------------------------------
 */
/*@media only screen and (min-width: 1000px)
{
	.view
	{
		padding: 0 0 40px 0;
	}
}*/


/**
 * --------------------------------------------------
 * Article
 * --------------------------------------------------
 */
article {
    width: 100%;
    margin-top: 20px;
}

/**
 * ##############################
 * Header
 * ##############################
 */
article > .art-h {
    width: 100%;
}

article > .art-h > h2 {
    display: block;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    color: #769d27;
    border-bottom: 1px solid #769d27;
    padding-bottom: 2px;
}

/**
 * ##############################
 * Content
 * ##############################
 */
article > .art-c > div {
    margin-top: 10px;
}

/* article > .art-c > .btns
{
	margin-top: 5px;
} */
article > .art-c > .btns > *,
article > .art-c > div > .btns > * {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

article > .art-c > .btns > * > * {
    margin: 5px 2px 0 0;
}

article > .art-c > div > .btns > * > * {
    margin: 2px 10px 0 0;
}

article > .art-c h3 {
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
}

article > .art-c h3 .dwicon::before {
    font-size: 18px;
    margin-right: 5px;
}

article > .art-c h3 .icon::before {
    top: 2px;
    margin-right: 5px;
}

article > .art-c h3 .icon.box::before {
    content: "\e131";
}

article > .art-c h3 .icon.geolocation::before {
    content: "\e503";
}

article > .art-c h3 .icon.label::before {
    content: "\e224";
}

article > .art-c h3 .icon.merchant::before {
    content: "\e453";
}

article > .art-c h3 .icon.offer::before {
    content: "\e066";
}

article > .art-c h3 .icon.provider::before {
    top: 1px;
    content: "\e451";
}

article > .art-c h3 .icon.provider-offer::before {
    top: 3px;
    content: "\e060";
}

article > .art-c h3 .icon.push::before {
    content: "\e422";
}

article > .art-c h3 .icon.shop::before {
    content: "\e239";
}

article > .art-c h3 .icon.tag::before {
    content: "\e268";
}

article > .art-c p.center {
    text-align: center;
}

article > .art-c p span.comment {
    font-style: italic;
}

article > .art-c p span.warning {
    font-style: italic;
    color: #c00;
}

article > .art-c > .picture {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

article > .art-c > .picture img {
    display: block;
    max-width: 160px;
    max-height: 160px;
}

/* MAP */
article .art-c > .map .gmap {
    width: 100%;
    height: 250px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin: 0 auto;
}

article .art-c > .map .gmap .marker-html > h3 {
    font-size: 14px;
    font-weight: 700;
    color: #00515b;
}

article .art-c > .map .gmap .marker-html > p {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    color: #00515b;
    margin-top: 15px;
}

article .art-c > .map .gmap .marker-html > p:first-of-type {
    margin-top: 0;
}

/* TAGS */
article > .art-c .tags {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 -10px;
    width: 100%;
}

article > .art-c .tags > span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #00515b;
    border-radius: 2px;
    padding: 3px 5px;
    margin: 10px 0 0 10px;
}

/**
 * ##############################
 * Content Empty
 * ##############################
 */
article.empty > .art-c > div {
    background: #f5f5f5;
    padding: 50px 30px;
    margin-top: 0;
}

article.empty > .art-c p {
    font-style: italic;
    color: #9e9e9e;
    text-align: center;
}

/**
 * ##############################
 * Content List
 * ##############################
 */
/* Items */
article.list > .art-c > ul > li {
    border: 1px solid #eee;
    margin-top: 20px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    transition: opacity 0.2s ease, border 0.2s ease;
}

article.list > .art-c > ul > li:first-of-type {
    margin-top: 0;
}

article.list > .art-c > ul > li.disabled {
    opacity: 0.5;
    box-shadow: none;
}

article.list > .art-c > ul > li.waiting {
    background: rgba(252, 191, 51, 0.1);
    box-shadow: none;
}

article.list > .art-c > ul > li.blocked,
article.list > .art-c > ul > li.refused {
    background: rgba(204, 0, 0, 0.1);
    box-shadow: none;
}

article.list > .art-c > ul > li.deleted {
    opacity: 0.5;
    background: #eee;
    box-shadow: none;
}

article.list > .art-c > ul > li:hover {
    opacity: 1;
    border: 1px solid #00515b;
}

article.list > .art-c > ul > li > a {
    display: block;
    text-decoration: none;
}

/* Items Header */
article.list > .art-c > ul > li .li-h {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    background: #f5f5f5;
    padding: 10px;
}

article.list > .art-c > ul > li .li-h-first,
article.list > .art-c > ul > li .li-h-main,
article.list > .art-c > ul > li .li-h-last {
    width: 100%;
}

article.list > .art-c > ul > li .li-h .btns {
    margin-top: -10px;
}

article.list > .art-c > ul > li .li-h .btns > * {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

article.list > .art-c > ul > li .li-h .btns > * > * {
    font-size: 14px;
    font-weight: 400;
    color: #00515b;
    text-decoration: underline;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s ease;
    margin: 10px 10px 0 0;
}

article.list > .art-c > ul > li .li-h .btns > * > *:hover {
    color: #fcbf33;
}

article.list > .art-c > ul > li .li-h .title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    text-decoration: none;
}

article.list > .art-c > ul > li .li-h .title > * + * {
    margin-left: 5px;
}

article.list > .art-c > ul > li .li-h .title .li-h-icon {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

article.list > .art-c > ul > li .li-h .title .li-h-icon .dwicon::before {
    font-size: 20px;
}

article.list > .art-c > ul > li .li-h .title .li-h-txt {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

article.list > .art-c > ul > li .li-h .title .li-h-txt h3 {
    display: table;
    width: 100%;
    table-layout: fixed;
}

article.list > .art-c > ul > li .li-h .title .li-h-txt h3 span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

article.list > .art-c > ul > li .li-h .li-h-last {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

article.list > .art-c > ul > li .li-h .li-h-last > * + * {
    margin-left: 10px;
}

article.list > .art-c > ul > li .li-h .li-h-last .txt {
    font-size: 14px;
    font-weight: 400;
}

article.list > .art-c > ul > li .li-h-last .icon::before {
    top: 2px;
    font-size: 16px;
    color: #999;
}

article.list > .art-c > ul > li .li-h-last .icon.accepted::before {
    content: "\e207";
}

article.list > .art-c > ul > li .li-h-last .icon.disabled::before {
    content: "\e208";
    color: #C00;
}

article.list > .art-c > ul > li .li-h-last .icon.enabled::before {
    content: "\e207";
    color: #0C0;
}

article.list > .art-c > ul > li .li-h-last .icon.refused::before {
    content: "\e198";
}

article.list > .art-c > ul > li .li-h-last .tag {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #769d27;
    border-radius: 2px;
    padding: 3px 5px;
    margin-top: 10px;
}

/* Items Content */
article.list > .art-c > ul > li .li-c {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
}

article.list > .art-c > ul > li .li-c-first,
article.list > .art-c > ul > li .li-c-main,
article.list > .art-c > ul > li .li-c-last {
    width: 100%;
}

article.list > .art-c > ul > li .li-c .tags {
    position: absolute;
    top: 20px;
    left: -10px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    color: #fff;
}

article.list > .art-c > ul > li .li-c .tags > span {
    background: #769d27;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    margin-top: 5px;
}

article.list > .art-c > ul > li .li-c .tags > span:first-of-type {
    margin-top: 0;
}

article.list > .art-c > ul > li .li-c .picture {
    display: none;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 80px;
    height: 80px;
    border: 1px solid #769d27;
    margin: 0 20px 0 0;
}

article.list > .art-c > ul > li .li-c .picture img {
    display: block;
    width: 78px;
    height: 78px;
}

article.list > .art-c > ul > li .li-c-main {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

article.list > .art-c > ul > li .li-c-main .title {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    border: 2px solid #769d27;
    border-radius: 15px;
    padding: 5px 10px;
}

article.list > .art-c > ul > li .li-c-main span.txt {
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
}

article.list > .art-c > ul > li .li-c-main span.date {
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e;
}

article.list > .art-c > ul > li .li-c-main span.comment {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #9e9e9e;
}

/* Items footer */
article.list > .art-c > ul > li .li-f {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 10px 0;
    margin: 0 10px;
}

article.list > .art-c > ul > li .li-f .tags {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    margin: -10px 0 0 -10px;
    width: 100%;
}

article.list > .art-c > ul > li .li-f .tags > span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #00515b;
    border-radius: 2px;
    padding: 3px 5px;
    margin: 10px 0 0 10px;
}

/* article.list > .art-c > ul > li .li-f .tags > span:nth-of-type(n+4)
{
	display: none;
} */

/**
 * ##############################
 * Content List Menu
 * ##############################
 */
/* Items */
article.list-menu > .art-c > ul > li {

    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

article.list-menu > .art-c > ul > li:first-of-type {
    border-top: 1px solid #e0e0e0;
    margin-top: 0;
}

article.list-menu > .art-c > ul > li a {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-height: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
    text-decoration: none;
    padding: 0 5px;
    cursor: pointer;
}

article.list-menu > .art-c > ul > li a:hover {
    background: rgba(252, 191, 51, 0.2);
}

article.list-menu > .art-c > ul > li .li-c {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 2px 0;
}

article.list-menu > .art-c > ul > li .li-c-first {
    margin-right: 10px;
}

article.list-menu > .art-c > ul > li .li-c-first div .dwicon:before {
    display: block;
    font-size: 36px;
}

article.list-menu > .art-c > ul > li .li-c-main {
    flex: 1;
}

article.list-menu > .art-c > ul > li .li-c-main div {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

article.list-menu > .art-c > ul > li .li-c-main div.title {
    font-size: 16px;
    color: #00515b;
}

article.list-menu > .art-c > ul > li .li-c-main div.subtitle {

    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 12px;
    color: #9e9e9e;
}

article.list-menu > .art-c > ul > li .li-c-main div.subtitle > span {
    margin-right: 5px;
}

article.list-menu > .art-c > ul > li .li-c-last {
    margin-left: 20px;
}

article.list-menu > .art-c > ul > li .li-c-last div .icon:before {
    display: block;
    font-size: 20px;
}

article.list-menu > .art-c > ul > li .li-c-last div .icon.default:before {
    content: "\e224";
}

/**
 * ##############################
 * Footer
 * ##############################
 */
article > .art-f {
    width: 100%;
    margin-top: 20px;
}

article.form > .art-f {
    max-width: 440px;
    text-align: center;
    margin: 20px auto 0 auto;
}

article > .art-f > div + div {
    margin-top: 10px;
}

article .art-f p span {
    color: #00515b;
}

article .art-f p span.comment {
    font-style: italic;
}

article .art-f p span.warning {
    font-style: italic;
    color: #c00;
}

/**
 * ##############################
 * Buttons
 * ##############################
 */
article > .art-btns {
    margin-top: -5px;
}

article > .art-btns > * {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

article > .art-btns > * > * {
    margin: 5px 2px 0 0;
}

/**
 * --------------------------------------------------
 * Article (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 320px) {
    /**
     * ##############################
     * Content List
     * ##############################
     */
    /* Items Header/Content/Footer */
    article.list > .art-c > ul > li .li-h,
    article.list > .art-c > ul > li .li-c,
    article.list > .art-c > ul > li .li-f {
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
    }

    /* Items Header/Content/Footer First */
    article.list > .art-c > ul > li .li-h-first,
    article.list > .art-c > ul > li .li-c-first,
    article.list > .art-c > ul > li .li-f-first {
        width: auto;
    }

    /* Items Header/Content/Footer Main */
    article.list > .art-c > ul > li .li-h-main,
    article.list > .art-c > ul > li .li-c-main,
    article.list > .art-c > ul > li .li-f-main {
        flex: 1;
    }

    /* Items Header/Content/Footer Last */
    article.list > .art-c > ul > li .li-h-last,
    article.list > .art-c > ul > li .li-c-last,
    article.list > .art-c > ul > li .li-f-last {
        width: auto;
    }

    article.list > .art-c > ul > li .li-h-last .tag {
        margin-top: 0;
        margin-left: 10px;
    }

    article.list > .art-c > ul > li .li-c .picture {
        display: flex;
    }

    article.list > .art-c > ul > li div.li-c-main .title {
        width: auto;
    }

    /**
     * ##############################
     * Content List Menu
     * ##############################
     */
    article.list-menu > .art-c > ul > li .li-c-main div.subtitle {
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
    }
}

@media only screen and (min-width: 800px) {
    /**
     * ##############################
     * Content
     * ##############################
     */
    article .art-c > .map .gmap {
        height: 350px;
    }
}


/**
 * --------------------------------------------------
 * Form
 * --------------------------------------------------
 */
.form form {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
}

/**
 * ##############################
 * Form Fields
 * ##############################
 */
.form form > .form-fields {
    display: flex;
    flex-flow: column nowrap;
    -moz-justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.form form > .form-fields > .item {
    display: flex;
    flex-flow: column nowrap;
    -moz-justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.form form > .form-fields > .item.checkbox-label,
.form form > .form-fields > .item.radio-label {
    flex-flow: row nowrap;
}

.form form > .form-fields > .item + .item {
    margin-top: 10px;
}

.form form > .form-fields > .item + .item.checkbox-label,
.form form > .form-fields > .item + .item.radio-label {
    margin-top: 15px;
}

.form form > .form-fields > .item > * {
    text-align: left;
}

.form form > .form-fields > .item > * + * {
    margin-top: 5px;
}

.form form > .form-fields > .item.checkbox-label > input[type="checkbox"],
.form form > .form-fields > .item.checkbox-label > input.checkbox,
.form form > .form-fields > .item.radio-label > input[type="radio"],
.form form > .form-fields > .item.radio-label > input.radio {
    width: auto;
    margin-top: 3px;
    margin-right: 5px;
}

.form form > .form-fields > .item.checkbox-label > * + *,
.form form > .form-fields > .item.radio-label > * + * {
    flex: 1;
    margin-top: 0;
}

/* Large space between 2 fields */
.form form > .form-fields > .field-space {
    height: 25px;
    margin-top: 0;
}

/* Item Error Message */
.form form > .form-fields .item-error-message {
    width: 100%;
    text-align: center;
    margin: 10px 0 5px 0;
}

/**
 * ##############################
 * Recaptcha
 * ##############################
 */
.form form .item.recaptcha.error {
    border: 1px solid #c00;
    padding: 15px;
}

.form form .item.recaptcha .g-recaptcha {
    margin: 0 auto;
}

.g-recaptcha.error {
    border: 2px solid #c00;
}

/**
 * ##############################
 * Form Buttons
 * ##############################
 */
.form form > .form-btns {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    padding-top: 15px;
    margin-top: 15px;
}

.form form > .form-btns > * {
    flex: 1;
}

.form form > .form-btns > * + * {
    margin-left: 5px;
}

/**
 * ##############################
 * Label | Sub-Label
 * ##############################
 */
.form form label {
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
}

.form form label > .txt-optional {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    color: #999;
}

.form form label > .label-link {
    font-size: 14px;
    color: #999;
    text-decoration: underline;
    cursor: pointer;
}

.form form label > .label-link:hover {
    color: #fcbf33;
}

.form form > .form-fields > .item .sub-label,
.form form > .form-fields > .item .sub-label a {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-top: 0;
}

.form form > .form-fields > .item .sub-label a:hover {
    color: #fcbf33;
}

/**
 * ##############################
 * Fields
 * ##############################
 */
/* Global */
.form form input,
.form form .multiselect-container .btn-multiselect,
.form form select,
.form form textarea {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    text-align: left;
    outline-style: none;
    background: #fff;
    border: 1px solid #cfcfcf;
    box-shadow: none;
    padding: 8px;
    margin: 0;
    transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
}

/*.form form input[type="checkbox"],
.form form input.checkbox,
.form form input[type="radio"],
.form form input.radio
{
	width: 15px;
	height: 15px;
	padding: 0;
}*/
.form form textarea {
    height: 100px;
}

/* Focus */
.form form input:focus,
.form form .multiselect-container .btn-multiselect:focus,
.form form select:focus,
.form form textarea:focus {
    color: #00515b;
    border: 1px solid #00515b;
}

/* Error */
.form form input.error,
.form form .multiselect-container .btn-multiselect.error,
.form form select.error,
.form form textarea.error {
    border: 1px solid #c00;
}

.form form > .form-fields > .item.checkbox-label .checkbox.error + label {
    border: 1px solid #c00;
    padding: 5px;
}

/* Datetime */
.form form .item > .form-item-datetime {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.form form .item > .form-item-datetime > .date {
    flex: 3;
}

.form form .item > .form-item-datetime > .time {
    flex: 1;
}

.form form .item > .form-item-datetime > .time.hour {
    margin-left: 10px;
    margin-right: 5px;
}

.form form .item > .form-item-datetime > .time.min {
    margin-left: 5px;
}

/* Form Multiselect */
span.multiselect-native-select {
    position: relative;
    width: 100%;
}

span.multiselect-native-select select {
    display: none;
}

.form form .multiselect-container {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Multiselect Button */
.form form .multiselect-container .btn-multiselect > .caret {
    position: absolute;
    top: 19px;
    right: 16px;
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid #000;
}

/* Multiselect Content */
.form form .multiselect-container .dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    background: #fff;
    border: 1px solid #cfcfcf;
    list-style: none;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    padding: 10px;
    margin: 2px 0 0 0;
}

.form form .multiselect-container.open > .dropdown-menu {
    display: block;
}

/* Multiselect Filter */
.form form .multiselect-container > .dropdown-menu > .multiselect-filter > .input-group {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.form form .multiselect-container > .dropdown-menu > .multiselect-filter .glyphicon-search {
    display: none;
}

.form form .multiselect-container > .dropdown-menu > .multiselect-filter .multiselect-clear-filter {
    display: block;
    width: 28px;
    height: 28px;
    background: #769d27;
    border: none;
    padding: 4px 7px;
    margin: 0 0 0 5px;
    cursor: pointer;
}

.form form .multiselect-container > .dropdown-menu > .multiselect-filter .multiselect-clear-filter::before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons';
    content: "\e208";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.form form .multiselect-container > .dropdown-menu > .multiselect-filter .multiselect-clear-filter:hover {
    background: #ffc951;
}

/* Multiselect Items */
.form form .multiselect-container > .dropdown-menu > li > a {
    position: relative;
    display: block;
    list-style: none;
    text-decoration: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.form form .multiselect-container > .dropdown-menu > li > a:hover,
.form form .multiselect-container > .dropdown-menu > li > a:focus {
    background: rgba(252, 191, 51, 0.4);
}

.form form .multiselect-container > .dropdown-menu > .active > a,
.form form .multiselect-container > .dropdown-menu > .active > a:hover,
.form form .multiselect-container > .dropdown-menu > .active > a:focus {
    display: block;
    background: rgba(153, 204, 51, 0.6);
    list-style: none;
    text-decoration: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.form form .multiselect-container > .dropdown-menu > li.multiselect-group > a > label {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    color: #00515b;
    font-weight: 600;
    background: #e0e0e0;
    padding: 5px 0;
    margin: 0;
}

.form form .multiselect-container > .dropdown-menu > li.multiselect-group > a > label > input {
    width: auto;
    margin-right: 5px;
}

.form form .multiselect-container > .dropdown-menu > li.multiselect-group > a > .caret-container {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid #000;
    cursor: pointer;
}

.form form .multiselect-container > .dropdown-menu > li > a > label.checkbox {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    color: #00515b;
    margin: 0;
    padding: 5px 15px;
    cursor: pointer;
}

.form form .multiselect-container > .dropdown-menu > li > a > label.checkbox > input {
    width: auto;
    margin-right: 5px;
}

/**
 * ##############################
 * Form Comments
 * ##############################
 */
.form form .form-comments {
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
    color: #999;
    margin-top: 20px;
}


/**
 * --------------------------------------------------
 * Buttons
 * --------------------------------------------------
 */
/* Global */
.btn-form,
.btn-form.as-link,
a.btn-link {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 31px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #769d27;
    border: none;
    padding: 0 10px;
    margin: 0;
    cursor: pointer;
    transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
}

.btn-form.as-link {
    color: #00515b;
    text-decoration: underline;
    background: none;
    padding: 0;
}

.btn-form > * + *,
.btn-form.as-link > * + *,
a.btn-link > * + * {
    margin-left: 5px;
}

/* Hover */
.btn-form:hover,
a.btn-link:hover {
    background: #fcbf33;
    border: none;
}

.btn-form.as-link:hover {
    color: #fcbf33;
    background: none;
}

/* Icons */
.btn-form > .icon::before,
.btn-link > .icon::before {
    top: 2px;
}

/* Accept */
.btn-form > .btn-accept::before,
.btn-link > .btn-accept::before {
    content: "\e207";
}

/* Add */
.btn-form > .btn-add::before,
.btn-link > .btn-add::before {
    content: "\e433";
}

/* Administrators */
.btn-form > .btn-administrators::before,
.btn-link > .btn-administrators::before {
    content: "\e044";
}

/* Block */
.btn-form > .btn-block::before,
.btn-link > .btn-block::before {
    top: 3px;
    content: "\e192";
}

/* Cancel */
.btn-form > .btn-cancel::before,
.btn-link > .btn-cancel::before {
    content: "\e200";
}

/* Crop */
.btn-form > .btn-crop::before,
.btn-link > .btn-crop::before {
    content: "\e094";
}

/* Offers */
.btn-form > .btn-offers::before,
.btn-link > .btn-offers::before {
    content: "\e067";
}

/* Delete */
.btn-form > .btn-delete::before,
.btn-link > .btn-delete::before {
    content: "\e017";
}

/* Disable */
.btn-form > .btn-disable::before,
.btn-link > .btn-disable::before {
    content: "\e053";
}

/* Down */
.btn-form > .btn-down::before,
.btn-link > .btn-down::before {
    content: "\e602";
}

/* Edit */
.btn-form > .btn-edit::before,
.btn-link > .btn-edit::before {
    content: "\e031";
}

/* Enable */
.btn-form > .btn-enable::before,
.btn-link > .btn-enable::before {
    content: "\e052";
}

/* Geolocation */
.btn-form > .btn-geolocation::before,
.btn-link > .btn-geolocation::before {
    content: "\e503";
}

/* Mail */
.btn-form > .btn-mail::before,
.btn-link > .btn-mail::before {
    content: "\e011";
}

/* Next */
.btn-form > .btn-next::before,
.btn-link > .btn-next::before {
    content: "\e224";
}

/* Previous */
.btn-form > .btn-previous::before,
.btn-link > .btn-previous::before {
    content: "\e225";
}

/* Publish */
.btn-form > .btn-publish::before,
.btn-link > .btn-publish::before {
    content: "\e223";
}

/* Push */
.btn-form > .btn-push::before,
.btn-link > .btn-push::before {
    content: "\e422";
}

/* Refuse */
.btn-form > .btn-refuse::before,
.btn-link > .btn-refuse::before {
    content: "\e198";
}

/* Reset */
.btn-form > .btn-reset::before,
.btn-link > .btn-reset::before {
    content: "\e082";
}

/* Rights */
.btn-form > .btn-rights::before,
.btn-link > .btn-rights::before {
    top: 3px;
    content: "\e045";
}

/* Save */
.btn-form > .btn-save::before,
.btn-link > .btn-save::before {
    content: "\e207";
}

/* Search */
.btn-form > .btn-search::before,
.btn-link > .btn-search::before {
    content: "\e028";
}

/* Send */
.btn-form > .btn-send::before,
.btn-link > .btn-send::before {
    content: "\e422";
}

/* Show */
.btn-form > .btn-show::before,
.btn-link > .btn-show::before {
    content: "\e052";
}

/* Up */
.btn-form > .btn-up::before,
.btn-link > .btn-up::before {
    content: "\e601";
}


/**
 * --------------------------------------------------
 * Plugin : jQuery Crooper
 * --------------------------------------------------
 */
.form.crop .crop-src {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin: 0 auto;
    max-width: 600px;
}

.form.crop .crop-src img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}


/*--------------------------------------------------
 > Plugin : jQuery UI Datepicker
--------------------------------------------------*/
.ui-datepicker {
    display: none;
    width: 250px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    padding: 5px;
}

/* HEADER */
.ui-datepicker .ui-datepicker-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    background: #00515b;
    font-size: 16px;
    font-weight: normal;
    color: #ccc;
    padding: 5px;
}

/* BUTTONS PREV AND NEXT */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: relative;
    width: 25px;
    height: 25px;
    color: #fff;
    background: #769d27;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    order: 1;
    margin-right: auto;
}

.ui-datepicker .ui-datepicker-next {
    order: 3;
    margin-left: auto;
}

.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
    position: relative;
    top: 4px;
    display: inline-block;
    font-family: 'Glyphicons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    padding: 0;
    margin: 0 0 0 1px;
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "\e225";
}

.ui-datepicker .ui-datepicker-next:before {
    content: "\e224";
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    background: #fcbf33;
    margin: 0;
    padding: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
    margin: 0;
    padding: 0;
}

.ui-datepicker .ui-datepicker-title {
    order: 2;
    flex: 1;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    /*font-size: 1em;
    margin: 1px 0;*/
    width: 81px;
    border: 0px solid #ccc;
    padding: 3px;
    margin: 0 0 0 5px;
}

.ui-datepicker .ui-datepicker-title select:first-of-type {
    margin: 0;
}

/*.ui-datepicker select.ui-datepicker-month-year
{
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year
{
	width: 49%;
}*/
/* CONTENT */
.ui-datepicker table {
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
    margin: 0;
}

.ui-datepicker th {
    background: #f0f0f0;
    border: 1px solid #ccc;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 5px;
}

.ui-datepicker td {
    border: 0;
    margin: 0;
    padding: 0;
}

.ui-datepicker td span,
.ui-datepicker td a:link,
.ui-datepicker td a:visited,
.ui-datepicker td a:hover {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #363636;
    text-align: right;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 5px;
}

.ui-datepicker td a:hover,
.ui-datepicker td.ui-datepicker-current-day a {
    color: #fcbf33;
    background: #efefef;
    border: 1px dashed #cfcfcf;
}

.ui-datepicker td.ui-datepicker-today a {
    border: 0px solid #ccc;
    color: #769d27;
}

.ui-datepicker td.ui-datepicker-unselectable span {
    color: #ccc;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


/*--------------------------------------------------
 > Plugin : jQuery UI Addon Datetimepicker
--------------------------------------------------*/
/*.ui-timepicker-div .ui-widget-header
{
	margin-bottom: 8px;
}
.ui-timepicker-div dl
{
	text-align: left;
}
.ui-timepicker-div dl dt
{
	float: left;
	clear:left;
	padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd
{
	margin: 0 10px 10px 40%;
}
.ui-timepicker-div td
{
	font-size: 90%;
}
.ui-tpicker-grid-label
{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide
{
	display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input
{
	background: none;
	color: inherit;
	border: none;
	outline: none;
	border-bottom: solid 1px #555;
	width: 95%;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus
{
	border-bottom-color: #aaa;
}

.ui-timepicker-rtl
{
	direction: rtl;
}
.ui-timepicker-rtl dl
{
	text-align: right;
	padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt
{
	float: right;
	clear: right;
}
.ui-timepicker-rtl dl dd
{
	margin: 0 40% 10px 10px;
}*/

/* Shortened version style */
/*.ui-timepicker-div.ui-timepicker-oneLine
{
	padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt
{
	display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label
{
	display: block;
	padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl
{
	text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div
{
	display:inline-block; margin:0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before
{
	content:':';
	display:inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before
{
	content:'.';
	display:inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before
{
	display: none;
}*/


/**
 * --------------------------------------------------
 * Plugin : Plugin rb-tree
 * --------------------------------------------------
 */
/* Default */
.rb-tree ul {
    display: none;
}

.rb-tree li {
    display: block;
    width: 100%;
    /*transition: 0.2s ease;*/
}

/* Open */
.rb-tree li.open > ul {
    display: block;
    margin-left: 20px;
    margin-right: 20px;
}

/**
 * ##############################
 * Loading
 * ##############################
 */
.rb-tree .ct-loading {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: #f0f0f0;
    padding: 30px;
}

.rb-tree .ct-loading > .loading {
    width: 31px;
    height: 31px;
    background: url(../img/ajax-loader.gif);
}

/**
 * ##############################
 * Options
 * ##############################
 */
.rb-tree .top-options {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}

.rb-tree .top-options > * {
    margin-left: 5px;
}

/**
 * ##############################
 * Items
 * ##############################
 */
/* Root */
.rb-tree > li {
    border-bottom: 1px solid #eee;
    /*box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin-top: 15px;*/
}

.rb-tree > li:first-of-type {
    border-top: 1px solid #769d27;
    margin-top: 0;
}

.rb-tree > li.parent.open,
.rb-tree > li.child.open {
    /*padding-bottom: 15px;*/
}

/* No items */
.rb-tree > li.empty {
    font-size: 16px;
    font-style: italic;
    color: #9c9c9c;
    text-align: center;
    background: #f0f0f0;
    padding: 30px;
    box-shadow: none;
}

.rb-tree > li.empty > .text {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

/* All */
.rb-tree > li li {
    border-left: 1px dotted #e0e0e0;
    border-right: 1px dotted #cecece;
}

.rb-tree li > .li-c {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 15px;
    /*padding: 10px 15px;*/
}

.rb-tree li > .li-c:hover {
    background: rgba(252, 191, 51, 0.2);
}

/* Item name */
.rb-tree li > .li-c > .item-name {
    flex: 1;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #5c5c5c;
    cursor: pointer;
}

.rb-tree li ul li .li-c .item-name
{
    color:#5c5c5c; 
	font-weight:500;
}

.rb-tree li > .li-c > .item-name > .icon.label::before {
    top: 1px;
    color: #769d27;
    margin-right: 5px;
}

.rb-tree li.parent > .li-c > .item-name > .icon.label::before {
    content: "\e067";
}

.rb-tree li.parent.open > .li-c > .item-name > .icon.label::before {
    color: #00515b;
}

.rb-tree li.child > .li-c > .item-name > .icon.label::before {
    content: "\e066";
}

/* Item options */
.rb-tree li > .li-c > .item-options {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
}

.rb-tree li > .li-c > .item-options > * {
    margin-left: 10px;
}

/* Li Add */
.rb-tree li.add {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 15px;
}

/**
 * ##############################
 * Triggers
 * ##############################
 */
/* Add | Delete | Drag and Drop | Down | Edit | Up */
.rb-tree li .trigger {
    font-size: 14px;
    font-weight: 400;
    color: #00515b;
    cursor: pointer;
}

.rb-tree li .trigger:hover {
    color: #769d27;
}

.rb-tree li .trigger > .icon::before {
    top: 1px;
}

.rb-tree li .trigger > .icon.add::before {
    content: "\e191";
    margin-right: 5px;
}

.rb-tree li .trigger > .icon.checkbox-checked::before {
    content: "\e153";
    font-size: 24px;
    color: #769d27;
    margin-right: 5px;
    margin-bottom: 8px;
}

.rb-tree li .trigger > .icon.checkbox-unchecked::before {
    content: "\e154";
    font-size: 24px;
    margin-right: 5px;
    margin-bottom: 8px;
}

.rb-tree li .trigger > .icon.delete::before {
    content: "\e017";
}

.rb-tree li .trigger > .icon.down::before {
    content: "\e602";
}

.rb-tree li .trigger > .icon.drag-and-drop::before {
    content: "\e187";
    margin-right: 10px;
}

.rb-tree li .trigger > .icon.edit::before {
    content: "\e031";
}

.rb-tree li .trigger > .icon.expand::before {
    content: "\e368";
    font-size: 22px;
}

.rb-tree li.open > div .trigger > .icon.expand::before {
    content: "\e370";
    font-size: 22px;
}

.rb-tree li .trigger > .icon.up::before {
    content: "\e601";
}

/**
 * ##############################
 * Disabled
 * ##############################
 */
.rb-tree li.disabled .li-c > .item-name,
.rb-tree li.parent.disabled .li-c > .item-name > .icon::before,
.rb-tree li.parent.open.disabled .li-c > .item-name > .icon::before,
.rb-tree li.disabled .li-c > .item-name > .icon::before,
.rb-tree li.disabled .li-c > .item-options,
.rb-tree li.disabled .trigger,
.rb-tree li .trigger.disabled:hover,
.rb-tree .trigger.disabled {
    color: #cfcfcf;
}

.rb-tree li .trigger.disabled {
    cursor: default;
}

/**
 * ##############################
 * Sortable
 * ##############################
 */
.rb-tree li.placeholder {
    color: #ffc951;
    border: 4px dashed #cfcfcf;
    background: #f0f0f0;
    box-shadow: none;
}


/**
 * --------------------------------------------------
 * Plugin : Plugin tree-multiselect
 * --------------------------------------------------
 */
.tree-multiselect {
    display: table;
    width: 100%;
    border: 1px solid #e0e0e0;
}

.tree-multiselect > div.selections,
.tree-multiselect > div.selected {
    display: inline-block;
    vertical-align: top;
    display: table-cell;
    padding: 15px;
}

.tree-multiselect > div.selections {
    width: 60%;
    border-right: 1px solid #e0e0e0;
}

.tree-multiselect > div.selections.no-border {
    border-right: none;
}

.tree-multiselect > div.selected > div.item {
    padding: 2px 5px;
    border-radius: 2px;
    background: #EAEAEA;
}

.tree-multiselect div.section {
    border-left: 1px solid #769d27;
    margin-top: 15px;
}

.tree-multiselect > div.selections div.item {
    border-left: 1px dotted #cecece;
    margin-left: 10px;
}

.tree-multiselect > div.selections div.item label {
    cursor: pointer;
}

.tree-multiselect > div.selected.ui-sortable > div.item:hover {
    cursor: move;
}

.tree-multiselect div.section > div.section,
.tree-multiselect div.section > div.item {
    margin-left: 20px;
}

.tree-multiselect div.title,
.tree-multiselect div.item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
}

.tree-multiselect div.title {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #769d27;
    padding: 5px;
    cursor: pointer;
}

.tree-multiselect div.title:hover {
    background: #fcbf33;
}

.tree-multiselect div.item {
    padding: 5px 10px;
}

.tree-multiselect div.selected div.item + div.item {
    margin-top: 5px;
}

.tree-multiselect div.selected div.item {
    font-size: 14px;
    font-weight: 400;
}

.tree-multiselect div.title > span.collapse-section {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    background: #00515b;
    margin-right: 5px;
}

.tree-multiselect input[type=checkbox] {
    width: auto;
    margin-right: 5px;
}

.tree-multiselect span.remove-selected,
.tree-multiselect span.description {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    background: #769d27;
    margin-right: 5px;
    cursor: pointer;
}

.tree-multiselect span.remove-selected:hover {
    background: #fcbf33;
}

.tree-multiselect span.description:hover {
    cursor: help;
}

.tree-multiselect div.temp-description-popup {
    background: #EAEAEA;
    padding: 5px;
    border: 2px solid #676767;
    border-radius: 3px;
}

.tree-multiselect span.section-name {
    font-size: 12px;
    font-weight: 600;
    font-style: italic;
    color: #00515b;
    margin-left: auto;
}

.tree-multiselect .auxiliary {
    display: table;
    width: 100%;
}

.tree-multiselect .auxiliary input.search {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    color: #999;
    text-align: left;
    outline-style: none;
    background: #fff;
    border: 1px solid #cfcfcf;
    box-shadow: none;
    padding: 8px;
    margin: 0;
    transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
}

.tree-multiselect .auxiliary input.search:focus {
    color: #00515b;
    border: 1px solid #00515b;
}

.tree-multiselect .auxiliary .select-all-container {
    display: table-cell;
    text-align: right;
}

.tree-multiselect .auxiliary .select-all-container span.select-all,
.tree-multiselect .auxiliary .select-all-container span.unselect-all {
    padding-right: 5px;
    margin-right: 5px;
}

.tree-multiselect .auxiliary .select-all-container span.select-all:hover,
.tree-multiselect .auxiliary .select-all-container span.unselect-all:hover {
    cursor: pointer;
}

.tree-multiselect .auxiliary .select-all-container span.select-all {
    border-right: 2px solid #D8D8D8;
}


/**
 * --------------------------------------------------
 * Module : Coupons
 * --------------------------------------------------
 */
/* List Coupons */
.coupons.view article.list-coupons > .art-c > .delimiter {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #00515b;
    padding: 10px;
    margin: 20px 0;
}

.coupons.view article.list-coupons > .art-c > ul {
    margin-top: 20px;
}

.coupons.view article.list-coupons > .art-c > ul:first-of-type {
    margin-top: 0;
}

.coupons.view article.list-coupons > .art-c > ul > li {
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    margin-top: 20px;
    transition: opacity 0.2s ease, border 0.2s ease;
}

.coupons.view article.list-coupons > .art-c > ul > li:first-of-type {
    margin-top: 0;
}

.coupons.view article.list-coupons > .art-c > ul > li.disabled {
    opacity: 0.6;
    border: 1px solid #eee;
    box-shadow: none;
}

.coupons.view article.list-coupons > .art-c > ul > li.get {
    background: #f9f9f9;
}

.coupons.view article.list-coupons > .art-c > ul > li:hover {
    opacity: 1;
    border: 1px solid #00515b;
}

.coupons.view article.list-coupons > .art-c > ul > li > a {
    display: block;
    text-decoration: none;
}

/*.coupons.view article.list-coupons > .art-c > ul > li > a:hover
{
	background: rgba(252, 191, 51, 0.2);
}*/

.coupons.view article.list-coupons > .art-c > ul > li .li-c {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-c-main {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-c-main .picture {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-c-main .picture img {
    display: block;
    max-width: 100px;
    max-height: 100px;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-c-main .picture .tag-loyalty {
    position: absolute;
    font-size: 14px;
    top: 7px;
    left: -7px;
    color: #fff;
    background: #769d27;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    padding: 4px 8px;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-c-main .txt {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-c-main .txt > .title {
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    border: 2px solid #769d27;
    border-radius: 15px;
    padding: 5px 10px;
}

.coupons.view article.list-coupons > .art-c > ul > li.disabled .li-c-main .txt > .title,
.coupons.view article.list-coupons > .art-c > ul > li.get .li-c-main .txt > .title {
    color: #222;
    border: 2px solid #9e9e9e;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-c-main .txt > .txt-target {
    font-size: 16px;
    color: #00515b;
    margin-top: 10px;
}

.coupons.view article.list-coupons > .art-c > ul > li.disabled .li-c-main .txt > .txt-target,
.coupons.view article.list-coupons > .art-c > ul > li.get .li-c-main .txt > .txt-target {
    color: #222;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-c-main .txt > .txt-trigger-condition {
    font-size: 14px;
    color: #9e9e9e;
    margin-top: 5px;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-f {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    background: #f5f5f5;
    padding: 10px 15px;
}

.coupons.view article.list-coupons > .art-c > ul > li .li-f .txt {
    font-size: 14px;
    font-weight: 400;
    color: #00515b;
}

.coupons.view article.list-coupons > .art-c > ul > li.disabled .li-f .txt,
.coupons.view article.list-coupons > .art-c > ul > li.get .li-f .txt {
    color: #222;
}

/* Item */
.coupons.view.item {
    max-width: none;
    height: 100%;
    background: #eee;
    padding: 0px 20px 40px 20px;
    margin: 0;
}

.coupons.view.item > .btns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    height: 34px;
    background: #9e9e9e;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    margin: 20px auto 0 auto;
}

.coupons.view.item > .btns form {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.coupons.view.item > .btns form > a,
.coupons.view.item > .btns form > button {
    width: 34px;
    height: 34px;
    color: #fff;
    background: none;
    padding: 0;
    transition: color 0.2s ease, background 0.2s ease;
}

.coupons.view.item > .btns form > a:hover,
.coupons.view.item > .btns form > button:hover {
    background: #769d27;
}

.coupons.view.item .view-c {
    max-width: 500px;
    background: #fff;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    padding: 20px;
}

.coupons.view.item .view-c article {
    margin-top: 0;
}

.coupons.view.item .view-c article .art-h {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.coupons.view.item .view-c article .art-h > div {
    margin-top: 20px;
}

.coupons.view.item .view-c article .art-h > div:first-of-type {
    margin-top: 0;
}

.coupons.view.item .view-c article .art-h-first .picture {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-shadow: none;
}

.coupons.view.item .view-c article .art-h-first .picture img {
    display: block;
    width: 100%;
    max-width: 200px;
    max-height: 200px;
}

.coupons.view.item .view-c article .art-h-main {
    flex: 1;
    width: 100%;
}

.coupons.view.item .view-c article .art-h-main .title {
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
    text-align: center;
    border: 2px solid #769d27;
    border-radius: 15px;
    padding: 5px 10px;
}

.coupons.view.item .view-c article .art-h-main .txt {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}

.coupons.view.item .view-c article .art-c-first {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 20px;
}

.coupons.view.item .view-c article .art-c-first .txt {
    font-size: 16px;
    color: #00515b;
    text-align: center;
}

.coupons.view.item .view-c article .art-c-first .txt-date-validity {
    color: #9e9e9e;
}

.coupons.view.item .view-c article .art-c-first .txt-nb-use {
    font-size: 12px;
    color: #9e9e9e;
}

.coupons.view.item .view-c article .art-c-main {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}

.coupons.view.item .view-c article .art-c-main > div + div {
    margin-top: 15px;
}

.coupons.view.item .view-c article .art-c-main .txt-terms {
    font-size: 12px;
    color: #9e9e9e;
}

.coupons.view.item .view-c article .art-f {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}

.coupons.view.item .view-c article .art-f > div + div {
    margin-top: 15px;
}

.coupons.view.item .view-c article .art-f .barcode {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.coupons.view.item .view-c article .art-f .barcode-img {
    margin-top: 5px;
}

.coupons.view.item .view-c article .art-f .barcode-img img {
    display: block;
    width: 100%;
    max-width: 250px;
    height: auto;
}

.coupons.view.item .view-c article .art-f .barcode-txt > span {
    color: #000;
    letter-spacing: 6px;
    margin-top: 3px;
}

.coupons.view.item .view-c article .art-f .btns {
    padding-top: 3px;
}

.coupons.view.item .view-c article .art-f .btns form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.coupons.view.item .view-c article .art-f .btns form > * {
    flex: 1;
    height: 34px;
}

@media only screen and (min-width: 500px) {
    .coupons.view.item .view-c article .art-h {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: flex-start;
    }

    .coupons.view.item .view-c article .art-h > div {
        margin-top: 0;
        margin-left: 15px;
    }

    .coupons.view.item .view-c article .art-h > div:first-of-type {
        margin-top: 0;
        margin-left: 0;
    }
}


/**
 * --------------------------------------------------
 * Module : Dashboard
 * --------------------------------------------------
 */
.dashboard.view > .view-c {
    width: 220px;
}

.dashboard.view article ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
}

.dashboard.view article ul li {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    width: 110px;
    height: 115px;
    text-align: center;
    padding: 0 5px;
    margin-top: 20px;
}

.dashboard.view article ul li a,
.dashboard.view article ul li button.logout {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    text-decoration: none;
    background: #99cc33;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.dashboard.view article ul li a:hover,
.dashboard.view article ul li button.logout:hover {
    background: #fcbf33;
    box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.2);
}

.dashboard.view article ul li .dwicon::before {
    font-size: 40px;
    color: #fff;
}

.dashboard.view article ul li .txt {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #00515b;
    text-decoration: none;
    text-align: center;
    word-wrap: normal;
    padding-top: 2px;
}

/**
 * --------------------------------------------------
 * Module : Dashboard (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 330px) {
    .dashboard.view > .view-c {
        width: 100%;
    }
}

/* @media only screen and (min-width: 440px)
{
	.dashboard.view > .view-c
	{
		width: 440px;
	}
} */

/* @media only screen and (min-width: 550px)
{
	.dashboard.view > .view-c
	{
		width: 550px;
	}
} */


/**
 * --------------------------------------------------
 * Module : Events
 * --------------------------------------------------
 */
/* Item */
.events.view.item article > .art-c.content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.events.view.item article > .art-c.content > div {
    margin-top: 20px;
}

.events.view.item article > .art-c.content > div:first-of-type {
    margin-top: 0;
}

.events.view.item article > .art-c.content .title {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    border: 2px solid #769d27;
    border-radius: 15px;
    padding: 5px 10px;
}

.events.view.item article > .art-c.content .title span.date {
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e;
}

.events.view.item article > .art-c span.description {
    font-size: 18px;
}

/**
 * --------------------------------------------------
 * Module : Events (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 560px) {
    .events.view.item article > .art-c.content {
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    .events.view.item article > .art-c.content > div {
        margin-top: 0;
    }

    .events.view.item article > .art-c.content > div + div {
        margin-left: 20px;
    }
}


/**
 * --------------------------------------------------
 * Module : Offers
 * --------------------------------------------------
 */
/* MENU | LIST INTERESTS */
.offers.view .menu-offers,
.offers.view .list-interests {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #f5f5f5;
    padding: 0;
    margin: 30px auto 0 auto;
}

.offers.view .menu-offers li,
.offers.view .list-interests li {
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}

.offers.view .menu-offers li:first-of-type,
.offers.view .list-interests li:first-of-type {
    margin-top: 0;
}

.offers.view .menu-offers li a,
.offers.view .list-interests li a {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
    text-decoration: none;
    padding: 0 5px;
    cursor: pointer;
}

.offers.view .menu-offers li a:hover,
.offers.view .list-interests li a:hover {
    background: rgba(252, 191, 51, 0.2);
}

.offers.view .menu-offers li a .txt,
.offers.view .list-interests li a .txt {
    flex: 1;
}

.offers.view .list-interests li a .txt {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
}

.offers.view .list-interests li a .txt .more {
    font-size: 12px;
    color: #999;
}

.offers.view .menu-offers li a .icon,
.offers.view .list-interests li a .icon {
    width: 40px;
    height: 40px;
    color: #fff;
    background: #769d27;
    border-radius: 50%;
    margin-right: 10px;
}

.offers.view .list-interests li a .icon {
    color: #769d27;
    background: #fff;
    border: 1px solid #769d27;
}

.offers.view .list-interests li a .dwicon {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #769d27;
    background: #fff;
    border: 1px solid #769d27;
    border-radius: 50%;
    margin-right: 10px;
}

.offers.view .menu-offers li a .icon::before,
.offers.view .list-interests li a .icon::before {
    top: 8px;
    font-size: 22px;
    margin-left: 9px;
}

.offers.view .menu-offers li a .icon.all::before {
    top: 9px;
    content: "\e067";
    margin-left: 10px;
}

.offers.view .menu-offers li a .icon.interests::before {
    top: 9px;
    content: "\e001";
    margin-left: 10px;
}

.offers.view .menu-offers li a .icon.favorites::before {
    top: 10px;
    content: "\e013";
    margin-left: 10px;
}

.offers.view .menu-offers li a .icon.location::before {
    content: "\e503";
}

.offers.view .menu-offers li a .icon.news::before {
    top: 9px;
    content: "\e356";
}

.offers.view .menu-offers li a .icon.search::before {
    content: "\e028";
}

.offers.view .list-interests li a .icon.default::before {
    top: 8px;
    content: "\e224";
    margin-left: 10px;
}

.offers.view .menu-offers li a .icon.arrow,
.offers.view .list-interests li a .icon.arrow {
    width: auto;
    height: auto;
    background: none;
    border: none;
    margin-right: 0;
    margin-left: auto;
}

.offers.view .menu-offers li a .icon.arrow::before,
.offers.view .list-interests li a .icon.arrow::before {
    top: 2px;
    content: "\e224";
    color: #00515b;
    font-size: 18px;
    margin-right: 0;
}

/* List */
.offers.view .list-offers {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 30px auto 0 auto;
}

.offers.view .list-offers li {
    width: 100%;
    border: 1px solid #769d27;
    margin-top: 15px;
}

.offers.view .list-offers li:first-of-type {
    margin-top: 0;
}

.offers.view .list-offers li.no-data {
    font-size: 16px;
    font-style: italic;
    color: #999;
    border: 1px solid #f5f5f5;
    padding: 50px;
}

.offers.view .list-offers li a,
.offers.view .list-offers li a:hover {
    color: #00515b;
    text-decoration: none;
}

.offers.view .list-offers li .li-h {
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
    background: #769d27;
    padding: 10px 15px;
}

.offers.view .list-offers li .li-h .dwicon.offer::before {
    top: 1px;
    margin-right: 5px;
}

.offers.view .list-offers li .li-c {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    padding: 5px;
}

.offers.view .list-offers li .li-c .ct1 .picture > img {
    display: block;
    width: 150px;
    height: 150px;
}

.offers.view .list-offers li .li-c .ct2 {
    flex: 1;
    width: 100%;
    margin-left: 15px;
}

.offers.view .list-offers li .li-c .ct2 p span {
    color: #00515b;
}

.offers.view .list-offers li .li-f {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    border-top: 1px solid #00515b;
    padding: 5px 0;
    margin: 0 5px;
}

.offers.view .list-offers li .li-f .ft1 {
    flex: 1;
    width: 100%;
    font-weight: 700;
    color: #00515b;
}

.offers.view .list-offers li .li-f p span {
    color: #00515b;
}

.offers.view .list-offers li .li-f .icon.merchant::before {
    top: 1px;
    content: "\e453";
    margin-right: 5px;
}

/* Item */
.offers.view.item article > .art-c.content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.offers.view.item article > .art-c.content > div {
    margin-top: 20px;
}

.offers.view.item article > .art-c.content > div:first-of-type {
    margin-top: 0;
}

.offers.view.item article > .art-c.content .title {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    border: 2px solid #769d27;
    border-radius: 15px;
    padding: 5px 10px;
}

.offers.view.item article > .art-c.content .title span.date {
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e;
}

.offers.view.item article > .art-c span.description {
    font-size: 18px;
}

.offers.view.item article > .art-c span.reduction {
    font-size: 18px;
    font-weight: 700;
    color: #769d27;
    margin-bottom: 3px;
}

/**
 * --------------------------------------------------
 * Module : Offers (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 560px) {
    .offers.view.item article > .art-c.content {
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    .offers.view.item article > .art-c.content > div {
        margin-top: 0;
    }

    .offers.view.item article > .art-c.content > div + div {
        margin-left: 20px;
    }
}


/**
 * --------------------------------------------------
 * Module : Receipts
 * --------------------------------------------------
 */
/* Menu */
.receipts.view article ul.receipts-menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 220px;
    margin: 0 auto;
}

.receipts.view article ul.receipts-menu li {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    width: 110px;
    height: 115px;
    text-align: center;
    padding: 0 5px;
    margin-top: 20px;
}

.receipts.view article ul.receipts-menu li a,
.receipts.view article ul.receipts-menu li button.logout {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    text-decoration: none;
    background: #769d27;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.receipts.view article ul.receipts-menu li a:hover,
.receipts.view article ul.receipts-menu li button.logout:hover {
    background: #fcbf33;
    box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.2);
}

.receipts.view article ul.receipts-menu li .dwicon::before {
    font-size: 40px;
    color: #fff;
}

.receipts.view article ul.receipts-menu li .txt {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
    text-decoration: none;
    text-align: center;
    word-wrap: normal;
    margin-top: 5px;
}

/* List Receipts */
.receipts.view article.list-receipts > .art-c > ul {
    margin-top: 20px;
}

.receipts.view article.list-receipts > .art-c > ul:first-of-type {
    margin-top: 0;
}

.receipts.view article.list-receipts > .art-c > ul > li {
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    margin-top: 20px;
    transition: opacity 0.2s ease, border 0.2s ease;
}

.receipts.view article.list-receipts > .art-c > ul > li:first-of-type {
    margin-top: 0;
}

.receipts.view article.list-receipts > .art-c > ul > li:hover {
    opacity: 1;
    border: 1px solid #00515b;
}

.receipts.view article.list-receipts > .art-c > ul > li > a {
    display: block;
    text-decoration: none;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .picture {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .picture img {
    display: block;
    max-width: 100px;
    max-height: 100px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .picture .tags {
    position: absolute;
    top: 7px;
    left: -7px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    color: #fff;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .picture .tags div + div {
    margin-top: 5px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .picture .tag-expanse-report,
.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .picture .tag-warranty {
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    padding: 4px 8px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .picture .tag-expanse-report {
    background: #36f;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .picture .tag-warranty {
    background: #c0c;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .txt {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .txt > .title {
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    border: 2px solid #769d27;
    border-radius: 15px;
    padding: 5px 10px;
}

.receipts.view article.list-receipts > .art-c > ul > li.disabled .li-c-main .txt > .title,
.receipts.view article.list-receipts > .art-c > ul > li.get .li-c-main .txt > .title {
    color: #222;
    border: 2px solid #9e9e9e;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .txt > .txt-price {
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
    margin-top: 10px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-c-main .txt > .txt-date {
    font-size: 14px;
    color: #9e9e9e;
    margin-top: 5px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-f {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    background: #f5f5f5;
    padding: 2px 15px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-f-main {
    flex: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-f-main > div {
    margin-right: 10px;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-f-main .txt {
    font-size: 14px;
    font-weight: 400;
    color: #00515b;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-f-last form {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-f-last form > button {
    width: 34px;
    height: 34px;
    font-size: 16px;
    color: #00515b;
    background: none;
    padding: 0;
    transition: color 0.2s ease, background 0.2s ease;
}

.receipts.view article.list-receipts > .art-c > ul > li .li-f-last form > button:hover {
    background: #e0e0e0;
}

/* Item */
.receipts.view .rb-tree li.cat-expanse-report .li-c > .item-name,
.receipts.view .rb-tree li.cat-expanse-report .trigger,
.receipts.view .rb-tree li.cat-expanse-report .trigger > .icon.checkbox-checked::before {
    color: #36f;
}

.receipts.view .rb-tree li.cat-warranty .li-c > .item-name,
.receipts.view .rb-tree li.cat-warranty .trigger,
.receipts.view .rb-tree li.cat-warranty .trigger > .icon.checkbox-checked::before {
    color: #c0c;
}

.receipts.view .map .gmap {
    width: 100%;
    height: 500px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin: 20px auto 0 auto;
}

.receipts.view .map .gmap .marker-html > h3 {
    font-size: 14px;
    font-weight: 700;
    color: #00515b;
}

.receipts.view .map .gmap .marker-html > p {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    color: #00515b;
    margin-top: 15px;
}

.receipts.view .map .gmap .marker-html > p:first-of-type {
    margin-top: 0;
}

.receipts.view .map .gmap .marker-html > p a {
    font-size: 14px;
    font-weight: 400;
    color: #427fed;
    text-decoration: none;
}

.receipts.view .map .gmap .marker-html > p a:hover {
    text-decoration: underline;
}


/* List */
/*.receipts.view article.list > .art-c > ul > li .li-c .picture
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	border: 3px solid #769d27;
	background: #fff;
	margin: 0;
	overflow: hidden;
}
.receipts.view article.list > .art-c > ul > li .li-c .picture img
{
	display: block;
	width: auto;
	height: auto;
	min-height: 86px;
	border-radius: 0;
}

.receipts.view article.list .li-c .categories
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.receipts.view article.list .li-c .categories .cat-expanse-report
{
	font-size: 14px;
	font-weight: 400;
	color: #36f;
}
.receipts.view article.list .li-c .categories .cat-warranty
{
	font-size: 14px;
	font-weight: 400;
	color: #c0c;
}

.receipts.view .rb-tree > li:first-of-type
{
	border-top: 0;
}

.receipts.view .rb-tree li.cat-expanse-report .li-c > .item-name,
.receipts.view .rb-tree li.cat-expanse-report .trigger,
.receipts.view .rb-tree li.cat-expanse-report .trigger > .icon.checkbox-checked::before
{
	color: #36f;
}

.receipts.view .rb-tree li.cat-warranty .li-c > .item-name,
.receipts.view .rb-tree li.cat-warranty .trigger,
.receipts.view .rb-tree li.cat-warranty .trigger > .icon.checkbox-checked::before
{
	color: #c0c;
}

.receipts.view .map .gmap
{
	width: 100%;
	height: 500px;
	box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
	margin: 20px auto 0 auto;
}
.receipts.view .map .gmap .marker-html > h3
{
	font-size: 14px;
	font-weight: 700;
	color: #00515b;
}
.receipts.view .map .gmap .marker-html > p
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 14px;
	font-weight: 400;
	color: #00515b;
	margin-top: 15px;
}
.receipts.view .map .gmap .marker-html > p:first-of-type
{
	margin-top: 0;
}

.receipts.view .map .gmap .marker-html > p a
{
	font-size: 14px;
	font-weight: 400;
	color: #427fed;
	text-decoration: none;
}
.receipts.view .map .gmap .marker-html > p a:hover
{
	text-decoration: underline;
}*/


/**
 * --------------------------------------------------
 * Module : Restaurants
 * --------------------------------------------------
 */
/* Item */
.restaurants.view.item article > .art-c.content {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.restaurants.view.item article > .art-c.content > div {
    margin-top: 20px;
}

.restaurants.view.item article > .art-c.content > div:first-of-type {
    margin-top: 0;
}

.restaurants.view.item article > .art-c.content .title {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    border: 2px solid #769d27;
    border-radius: 15px;
    padding: 5px 10px;
}

.restaurants.view.item article > .art-c.content .title span.date {
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e;
}

.restaurants.view.item article > .art-c span.description {
    font-size: 18px;
}

/**
 * --------------------------------------------------
 * Module : Restaurants (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 560px) {
    .restaurants.view.item article > .art-c.content {
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    .restaurants.view.item article > .art-c.content > div {
        margin-top: 0;
    }

    .restaurants.view.item article > .art-c.content > div + div {
        margin-left: 20px;
    }
}


/**
 * --------------------------------------------------
 * Module : Secure
 * --------------------------------------------------
 */
/* Buttons */
/*.secure.form form .btn-form
{
	height: 40px;
}*/

/* Button Send Email */
.secure.form > .view-btns > form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
   
}

/* Text "OR" */
.secure.form form .form-or {
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
    margin-top: 20px;
}

/* Socials button */
.secure.form form .form-btn-socials {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-top: none;
    padding: 0;
    margin-top: 20px;
}

.secure.form form .form-btn-socials > button {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background: #00515b;
    height: 40px;
    padding: 0;
    margin: 15px 0 0 0;
}

.secure.form form .form-btn-socials > button:first-of-type {
    margin: 0;
}

.secure.form form .form-btn-socials > button:hover {
    background: #fcbf33;
}

.secure.form form .form-btn-socials > button.facebook {
    /*background: #3664a2;*/
}

.secure.form form .form-btn-socials > button.facebook:hover {
    /*background: rgba(54, 100, 162, 0.9);*/
}

.secure.form form .form-btn-socials > button.google {
    /*background: #db4437;*/
}

.secure.form form .form-btn-socials > button.google:hover {
    /*background: rgba(219, 68, 55, 0.9);*/
}

/* Icons */
.secure.form form .form-btn-socials > button .btn-icon {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    background: #fff;
    margin-left: 1px;
}

.secure.form form .form-btn-socials > button .btn-signin-facebook::before {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-family: "Glyphicons Social";
    content: "\e031";
    color: #3664a2;
    font-size: 24px;
}

.secure.form form .form-btn-socials > button .icon.btn-signin-google {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    background: url("../img/google-logo.png") no-repeat;
    background-size: 30px 30px;
}

/*.secure.form form .form-btn-socials > button .btn-signin-google::before
{
	top: 0;
	font-family: "Glyphicons Social";
	content: "\e003";
	color: #db4437;
	font-size: 24px;
}*/

/* Txt */
.secure.form form .form-btn-socials > button .btn-txt {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 38px;
}


/**
 * --------------------------------------------------
 * Module : Signup
 * --------------------------------------------------
 */
/* Form */
.signup.form form .form-btn-more-info {
    border-top: none;
    padding-top: 0;
    margin-bottom: 30px;
}

.signup.form form .form-fields-more-info {
    display: none;
    margin-top: 10px;
}


/* Form */
/*.signup.view .art-c form
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}*/

/* Parts */
/*.signup.view .art-c form > div
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}
.signup.view .art-c form > div:first-of-type
{
	margin-top: 0;
}*/

/* Texts */
/*.signup.view .art-c form > div > p
{
	font-size: 16px;
	text-align: center;
}*/

/* Buttons */
/*.signup.view .art-c form button
{
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	background: #769d27;
	height: 40px;
	padding: 0;
	margin: 15px 0 0 0;
}
.signup.view .art-c form .part2 button
{
	background: #00515b;
}
.signup.view .art-c form button:hover
{
	background: #fcbf33;
}*/

/*.signup.view .art-c form .part2 button.facebook
{
	background: #3664a2;
}
.signup.view .art-c form .part2 button.facebook:hover
{
	background: rgba(54, 100, 162, 0.9);
}

.signup.view .art-c form .part2 button.google
{
	background: #db4437;
}
.signup.view .art-c form .part2 button.google:hover
{
	background: rgba(219, 68, 55, 0.9);
}*/

/* Icons */
/* .signup.view .art-c form button .btn-icon
{
	position: absolute;
	top: 1px;
	left: 1px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	background: #fff;
}
.signup.view .art-c form .part1 button .btn-signup::before
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	font-family: "Glyphicons";
	content: "\e007";
	color: #769d27;
	font-size: 24px;
	margin-right: 1px;
}
.signup.view .art-c form .part2 button .btn-signup-facebook::before
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	font-family: "Glyphicons Social";
	content: "\e031";
	color: #3664a2;
	font-size: 24px;
}
.signup.view .art-c form .part2 button .icon.btn-signup-google
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background: url("../img/google-logo.png") no-repeat;
	background-size: 30px 30px;
} */
/*.signup.view .art-c form .part2 button .btn-signin-google::before
{
	top: 0;
	font-family: "Glyphicons Social";
	content: "\e003";
	color: #db4437;
	font-size: 24px;
}*/

/* Txt */
/*.signup.view .art-c form button .btn-txt
{
	flex: 1;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	height: 38px;
}*/

/**
 * --------------------------------------------------
 * Module : Signup (Responsive)
 * --------------------------------------------------
 */
/*@media only screen and (min-width: 600px)
{
	.signup.view .art-c form
	{
		width: 420px;
	}
}*/

/* Adresses */
.distance {
    color: white;
    background-color: #769d27;
    position: absolute;
    top: 2px;
    left: -2px;
    padding: 5px;
}

/* Shopping */
.shopping_short_desc {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    /*align-items: flex-start;*/
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    padding: 5px 10px;
}

div.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

div.gallery_item {
    margin: 10px;
    width: 180px;
}

div.gallery_img_container {
    position: relative;
    width: 100%;
    height: 180px;
}

div.gallery_img_container img {
    width: 100%;
    height: auto;
    /* vertical align */
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

div.gallery_desc {
    /*border: 1px solid;*/
    padding: 15px;
    text-align: center;
}

@media (max-width: 576px) {
    div.gallery_item {
        width: 140px;
    }

    div.gallery_img_container {
        height: 140px;
    }
}

div.shopping_top_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

@media (min-width: 576px) {
    div.shopping_top_container {
        justify-content: flex-start;
    }
}

div.shopping_picture {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: auto;
    /*box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);*/
}

div.shopping_picture img {
    width: 100%;
    height: auto;
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

div.shopping_contact {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
    /*border: 2px solid #769d27;*/
    /*border-radius: 15px;*/
    padding: 5px 10px;
    margin: 10px;
}


div.icon {
    display: inline-block;
    /*color:white;*/
    width: 30px;
    height: 30px;
    font-size: 20px;
    /*background-color:black;*/
    text-align: center;
}

div.interest {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #00515b;
    border-radius: 2px;
    padding: 3px 5px;
    margin: 5px;
}

div.tag {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #769d27;
    border-radius: 2px;
    padding: 3px 5px;
    margin: 5px;
}

div.tag_distance {
    color: #769d27;
    border: 2px solid #769d27;
    position: relative;
    text-align: center;
    padding: 5px;
}

/**
Search spot
 */

.spotDiv {
    margin: 5px;
    padding: 10px;
}

.spotSelected {
    background-color: #E0F0C1;
}

.aFordiv, .aFordiv:visited, .aFordiv:link, .aFordiv:active, .aFordiv:hover, .aFordiv:focus {
    color: #00515b;
    text-decoration: none;
    outline: 0;
}

/**
    New icon usage..
    Just to counter standard css..
 */
.view-h > h1 .rawdwicon::before {
    position: initial;
    top: initial;
    margin-right: initial;
}

.btn-box-account {
    position: absolute;
    top: 0;
    right: 50px;
    width: 64px;
    height: 54px;
    color: #fff;
    cursor: pointer;
		text-align:center;
    transition: background 0.2s ease, color 0.2s ease;
}

.btn-box-scan
{
    position: absolute;
    top: 14px;
    right: 120px;
    width: 25px;
    height: 25px;
    color: #fff;
    cursor: pointer;
    text-align:center;
    transition: background 0.2s ease, color 0.2s ease;
   display:none;
}

/*
@media (min-width: 576px) {
    div.shopping_top_container {
        justify-content: flex-start;
    }
}
*/

.btn-box-account-icon {
    position: relative;
    top: 14px;
    font-size: 24px;
}


#btnCities
{
  border-radius: 10px;
  border: 4px double #cccccc;
}

.btn-box-cart
{
		right:90px;
		text-align:initial;
}

.btn-box-cart-icon
{
		position:relative;
		color:white;
		font-size:31px;
		top:10px;
		left:17px;
}

.basket-badge
{
    position:absolute;
    border-radius: 50%;
    width:22px;
    height:22px;
    background-color: #99cc33;
    font-size:18px;
    left:24px;
    top:6px;
    font-weight:700;
    color: white;
    text-align:center;
   /* line-height:20px;*/
}

.basket-plus
{
		position:absolute;
		width:24px;
		height:24px;
		text-align:center;
		line-height:24px;
		font-weight:700;
		font-size:19px;
		top:-5px;
		right:9px;
}


.icon-oeil::before
{
    font-family: 'Glyphicons';
    content: "\e052";
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 24px;
	background-color:#00515b;
	height:42px;
	width:35px;
	color:#ffffff;
}

.icon-oeil-close::before
{
    font-family: 'Glyphicons';
    content: "\e053";
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 24px;
	background-color:#00515b;
	height:42px;
	width:35px;
	color:#ffffff;
}



#birthdate
{
    color:#000;
}


#birthdate::-webkit-inner-spin-button
{
    color:#000;
    display: none;
}

#birthdate::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.date-input
{
    color:#00515b;
	border: none;
	border-bottom: 1px solid #ced4da;
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0; 
}

.date-input::-webkit-inner-spin-button,
.date-input::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
}

.date-input::placeholder {
    font-size: smaller;
}


.li-h-info-bulle
{
    background-color:#ff6c6c;
    color:white;
    font-weight:700;
    border-radius:100%;
    font-size:11px;
    aspect-ratio: 1 / 1;
    text-align:center;
    display:flex;
    align-items:center;
    padding:2px;
    position:absolute;
    right: 25px;
}