/**
 * 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);
/* 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');
}

/* 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');
}*/

/* 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;
}

.glyphicon.up:before
{
    content: "\e214";
}

.glyphicon.down:before
{
    content: "\e213";
}




/**
 * --------------------------------------------------
 * 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: #00515b;
    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;
    }
}


/**
 * --------------------------------------------------
 * Icons
 * --------------------------------------------------
 */
/**
 * ##############################
 * Enabled, Status
 * ##############################
 */
/*.enabled .icon::before,
.status-deal .icon::before,
.status-user .icon::before
{
	position: relative;
	font-size: 24px;
	margin-right: 5px;
}*/
/* Enabled */
/* disabled */
/*.enabled.e0 .icon::before
{
	content: "\e053";
}*/
/* enabled */
/*.enabled.e1 > .icon::before
{
	content: "\e052";
}*/
/* Status Deal */
/* draft */
/*.status-deal.s0 .icon::before
{
	content: "\e193";
}*/
/* sent */
/*.status-deal.s1 > .icon::before
{
	content: "\e194";
}*/
/* Status User */
/* disabled */
/*.status-user.s0 .icon::before
{
	content: "\e053";
}*/
/* enabled */
/*.status-user.s1 > .icon::before
{
	content: "\e052";
}*/
/* blocked */
/*.status-user.s2 > .icon::before
{
	top: -1px;
	content: "\e533";
}*/
/* deleted */
/*.status-user.s3 > .icon::before
{
	top: -2px;
	content: "\e017";
}*/


/**
 * --------------------------------------------------
 * 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: 64px;
    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;
}

/**
 * ##############################
 * 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: 54px;
    z-index: 50;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    height: 54px;
    margin-left: 20px;
}

.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 #769D27;
}


/**
 * --------------------------------------------------
 * 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;
}

.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;
    color: #00515b;
    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;
}

/* Hover */
.box-menu > ul li a:hover,
.box-menu > ul li button:hover {
    color: #fff;
    background: #769D27;
}

/* Active */
.box-menu > ul li.active a {
    color: #fff;
    background: #769D27;
}

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

.box-menu .icon::before {
    position: relative;
    top: 3px;
    font-family: 'Glyphicons';
    font-size: 20px;
    margin-right: 0px;
}

/* account */
.box-menu .icon.account::before {
    content: "\e137";
}

/* boxes */
.box-menu .icon.boxes::before {
    top: 2px;
    content: "\e131";
}

/* box-management */
.box-menu .icon.box-management::before {
    top: 2px;
    content: "\e131";
}

/* coupons-tpl */
.box-menu .icon.coupons-tpl::before {
    position: relative;
    display: inline-block;
    font-family: 'Dwicons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    padding: 0;
    margin: 0 5px 0 0;
    content: "\e011";
}

/* customer-feedback */
.box-menu .icon.customer-feedback::before {
    top: 4px;
    content: "\e310";
}

/* dashboard */
.box-menu .icon.dashboard::before {
    content: "\e157";
    margin-right: 8px;
}

/* geolocations */
.box-menu .icon.geolocations::before {
    content: "\e503";
}

/* logout */
.box-menu .icon.logout::before {
    content: "\e204";
    margin-right: 8px;
}

/* loyalty-coupon-tpl */
.box-menu .icon.loyalty-coupon-template::before {
    position: relative;
    display: inline-block;
    font-family: 'Dwicons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    padding: 0;
    margin: 0 5px 0 0;
    content: "\e032";
}

/* managers */
.box-menu .icon.managers::before {
    content: "\e044";
}

/* offers */
.box-menu .icon.offers::before {
    content: "\e067";
}

/* providers */
.box-menu .icon.providers::before {
    top: 2px;
    content: "\e451";
}

/* providers-offers */
.box-menu .icon.providers-offers::before {
    top: 4px;
    content: "\e060";
}

/* pushs */
.box-menu .icon.pushs::before {
    content: "\e422";
}

/* receipts-tpl */
.box-menu .icon.receipts-tpl::before {
    position: relative;
    display: inline-block;
    font-family: 'Dwicons';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    padding: 0;
    margin: 0 5px 0 0;
    content: "\e048";
}

/* shops */
.box-menu .icon.shops::before {
    content: "\e239";
}

/* stats */
.box-menu .icon.stats::before {
    top: 2px;
    content: "\e042";
}


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

/* 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;
    padding: 20px 20px 0 20px;
}

/* 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: 22px;
    right: 22px;
    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;
}

/* Form Label */
.box-search form label {
    font-size: 12px;
    font-weight: 700;
    color: #00515b;
}

.box-search form label .clear-field {
    font-size: 12px;
    font-weight: 400;
    color: #00515b;
    text-decoration: underline;
    margin-left: 5px;
    cursor: pointer;
}

.box-search form label .clear-field:hover {
    color: #769D27;
}

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

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

/* 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;
}

/* 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 #eee;
    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: #00515b;
    border: 1px solid #00515b;
}

/**
 * --------------------------------------------------
 * 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 {
    width: 100%;
    margin-top: auto;
    z-index: 10;
}

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

/**
 * ##############################
 * 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: #769D27;
}

.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;
    /*margin-top: -30px;
    bottom: 15px;
    z-index: 100;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: #769D27;
    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-size: 25px;
    font-family: "Nunito", arial, sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: #769D27;
    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: #fcbf33;
}


/**
 * --------------------------------------------------
 * 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 {
    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 {
    top: 0;
    content: "\e451";
}

.view-h > h1 .icon.provider-offer::before {
    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;
}

.view-h > .subtitle .subtitle_shops {
    font-size: 20px;
    color: #00515b;
    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;
	}
}*/


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

.view.preview .view-c {
    max-width: 440px;
    background: #fff;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
    padding: 20px;
    margin-top: 20px;
}

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

.view.preview .view-c article .art-h > h2 {
    font-size: 24px;
    font-weight: 400;
    color: #769D27;
    border: none;
    padding: 0;
    margin: 0;
}

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

.view.preview .view-c article .art-c .picture img {
    display: block;
    width: 100%;
    max-width: none;
    max-height: none;
}

.view.preview .view-c article .art-c .text span {
    color: #00515b;
}

/*.view.preview .view-c article .art-c .barcode
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.view.preview .view-c article .art-c .barcode-img
{
	margin-top: 5px;
}
.view.preview .view-c article .art-c .barcode-txt > span
{
	color: #000;
	letter-spacing: 6px;
	margin-top: 3px;
}*/

.view.preview .view-f {
    max-width: 400px;
    margin: 20px auto 0 auto;
}


/**
 * --------------------------------------------------
 * 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: 600;
    color: #00515b;
}

article > .art-c h3 .dwicon::before {
    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: "\e453";
}

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

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

/*article > .art-c p
{
	color: #9e9e9e;
}*/
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: 250px;
    height: 250px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

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

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

article.empty > .art-c > div 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;
}

/* article.list > .art-c > ul > li > a:hover
{
	background: rgba(252, 191, 51, 0.2);
}
article.list > .art-c > ul > li.blocked > a:hover,
article.list > .art-c > ul > li.refused > a:hover
{
	background: rgba(204, 0, 0, 0.1);
}
article.list > .art-c > ul > li.deleted > a:hover
{
	background: #f5f5f5;
} */
/* article.list > .art-c > ul > li > a:hover > *
{
	opacity: 0.5;
} */

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

article.list > .art-c > ul > li .li-h > div {
    width: 100%;
    margin-top: 5px;
}

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

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

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: 5px 5px 0 0;
}

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

article.list > .art-c > ul > li .li-h h3,
article.list > .art-c > ul > li .li-h h3 a,
article.list > .art-c > ul > li.deleted .li-h h3,
article.list > .art-c > ul > li.deleted .li-h h3 a {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
    transition: color 0.2s ease;
}

article.list > .art-c > ul > li.deleted .li-h h3,
article.list > .art-c > ul > li.deleted .li-h h3 a {
    color: #bdbdbd;
}

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

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 p {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    color: #9e9e9e;
}

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

article.list > .art-c > ul > li .li-h .li-h-last span.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";
}

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

article.list > .art-c > ul > li .li-c > div {
    width: 100%;
    margin-top: 20px;
}

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

article.list > .art-c > ul > li .li-c .picture {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    border: 3px solid #769D27;
    background: #fff;
    margin: 0;
}

/* article.list > .art-c > ul > li.disabled .li-c .picture
{
	border: 3px solid #bdbdbd;
} */
article.list > .art-c > ul > li.waiting .li-c .picture {
    border: 3px solid #fcbf33;
}

article.list > .art-c > ul > li.blocked .li-c .picture,
article.list > .art-c > ul > li.refused .li-c .picture {
    border: 3px solid #c00;
}

article.list > .art-c > ul > li.deleted .li-c .picture {
    border: 3px solid #bdbdbd;
}

article.list > .art-c > ul > li .li-c .picture img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

article.list > .art-c > ul > li .li-c-main > div {
    margin-top: 5px;
}

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

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

article.list > .art-c > ul > li.deleted .li-c-main p span {
    color: #bdbdbd;
}

article.list > .art-c > ul > li .li-c-main p span.title {
    font-size: 18px;
    font-weight: 700;
}

article.list > .art-c > ul > li .li-c-main p span.short-description {
    font-size: 18px;
}

article.list > .art-c > ul > li .li-c-main p 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: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    background: #f5f5f5;
    padding: 10px 20px;
}

article.list > .art-c > ul > li .li-f > div {
    width: 100%;
    margin-top: 5px;
}

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

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

/**
 * ##############################
 * Content : Stats
 * ##############################
 */


/*
.scrollable
{
	overflow-y: scroll;
	overflow-x: hidden;
	height:50vh;
}
*/

/**
 * ##############################
 * 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 > * > *,
article > .art-btns > * > a {
    margin: 5px 2px 0 0;
}

/**
 * --------------------------------------------------
 * Article (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 460px) {
    /**
	 * ##############################
	 * 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: flex-start;
    }

    article.list > .art-c > ul > li .li-c {
        align-items: center;
    }

    /* Items Header/Content/Footer First */
    article.list > .art-c > ul > li div.li-h-first,
    article.list > .art-c > ul > li div.li-c-first,
    article.list > .art-c > ul > li div.li-f-first {
        width: auto;
        margin-top: 0;
        margin-right: 20px;
    }

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

    /* Items Header/Content/Footer Last */
    article.list > .art-c > ul > li div.li-h-last,
    article.list > .art-c > ul > li div.li-c-last,
    article.list > .art-c > ul > li div.li-f-last {
        width: auto;
        margin-top: 0;
        margin-left: 20px;
    }

    article.list > .art-c > ul > li .li-h .li-h-last {
        justify-content: flex-end;
    }
}


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

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

.form form > .form-fields > .item {
    display: flex;
    flex-flow: column nowrap;
    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: 2px;
    margin-right: 5px;
}

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

.form form > .form-fields > .item.input-file-with-btn > div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.form form > .form-fields > .item.input-file-with-btn > div > input {
    flex: 1;
}

.form form > .form-fields > .item.input-file-with-btn > div > button {
    margin-left: 5px;
}

/* 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;
}


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

.form form > .form-btns > * {
    width: 100%;
}

.form form > .form-btns > * + * {
    margin-top: 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 > .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 #eee;
    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;
}

/* Placeholder */
.form form input::placeholder,
.form form textarea::placeholder {
    color: #9e9e9e;
    transition: opacity 0.2s ease;
}

.form form input:focus::placeholder,
.form form textarea:focus::placeholder {
    opacity: 0;
}

/* 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: #fcbf33;
}

/* 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;
}

/**
 * --------------------------------------------------
 * Form (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 640px) {
    .form form > .form-btns {
        flex-flow: row nowrap;
    }

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

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


/**
 * --------------------------------------------------
 * Buttons
 * --------------------------------------------------
 */
/* Global */
.btn-form,
.btn-form.as-link,
a.btn-link {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    /*max-width: 400px;*/
    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";
}

/* Back */
.btn-form > .btn-back::before,
.btn-link > .btn-back::before {
    top: 2px;
    content: "\e211";
}

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

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

/* Close */
.btn-form > .btn-close::before,
.btn-link > .btn-close::before {
    content: "\e208";
}

/* 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";
}

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

/* 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 {
    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";
}

/* Unblock */
.btn-form > .btn-unblock::before,
.btn-link > .btn-unblock::before {
    content: "\e194";
}

/* 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 jcrop
 * --------------------------------------------------
 */
.form.jcrop #image_jcrop_preview_pane {
    display: none;
    width: 400px;
    height: 400px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    vertical-align: top;
    padding: 0;
    margin: 10px auto 0 auto;
}

.form.jcrop #image_jcrop_preview_pane .preview_container {
    width: 400px;
    height: 400px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.form.jcrop .image_jcrop_source_container {
    display: block;
    vertical-align: top;
    padding: 0;
    margin: 20px auto 0 auto;
}

.form.jcrop .image_jcrop_source {
    display: inline-block;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    padding: 0;
    margin: 0;
}

.form.jcrop .image_jcrop_source img {
    list-style-type: none;
    line-height: 0;
    vertical-align: top;
    background: #fff;
    margin: 0;
}

/**
 * --------------------------------------------------
 * Plugin : jQuery jcrop (Responsive)
 * --------------------------------------------------
 */
/*@media only screen and (min-width: 640px)
{

}*/


/**
 * --------------------------------------------------
 * Plugin : jQuery Maplace
 * --------------------------------------------------
 */
.form .gmap {
    height: 300px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin: 15px 0;
}

.form .gmap .controls {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    outline: none;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    margin-top: 10px;
}

.form .gmap #pac-input {
    width: 100px;
    height: 40px;
    font-family: "Roboto", arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
    background-color: #fff;
    padding: 0 11px 0 13px;
    margin-left: 5px;
}

.form .gmap #pac-input:focus {
    border-color: #4d90fe;
}

/**
 * --------------------------------------------------
 * Plugin : jQuery Maplace (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 500px) {
    .form .gmap #pac-input {
        width: 150px;
    }
}

@media only screen and (min-width: 800px) {
    .form .gmap {
        height: 450px;
    }

    .form .gmap #pac-input {
        width: 300px;
    }
}


/*--------------------------------------------------
 > 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: #769D27;
    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
 * --------------------------------------------------
 */
/* Form */
.form-rb-tree form {
    width: 100%;
    max-width: none;
    margin: 0 auto;
}

.form-rb-tree form > .form-btns {
    border-top: none;
}

/* 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: 15px;
    /*padding: 10px 15px;*/
}

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

/* Item Checkbox */
.rb-tree li > .li-c > .item-checkbox {
    margin-right: 10px;
}

/* Item Name */
.rb-tree li > .li-c > .item-name {
    flex: 1;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
    cursor: pointer;
}

.rb-tree li.checked > .li-c > .item-name {
    font-weight: 400;
    color: #769D27;
}

.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;
}

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

.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,
.rb-tree .trigger.disabled > .icon.checkbox-checked::before {
    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 : jQuery 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 : Box Management
 * --------------------------------------------------
 */
.box-management.view .view-c .art-c > ul > li {
    margin-top: 15px;
}

.box-management.view .view-c .art-c ul > li:first-of-type {
    margin-top: 0;
}

.box-management.view .view-c .art-c > ul > li > a {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    color: #769D27;
    text-decoration: underline;
}

.box-management.view .view-c .art-c > ul > li > a:hover {
    color: #fcbf33;
}

.box-management.view .view-c .art-c .picture-box img {
    max-width: 250px;
    max-height: 250px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}


/**
 * --------------------------------------------------
 * Module : Account
 * --------------------------------------------------
 */
.account .art-c > .pack-description > ul > li {
    font-weight: 700;
    color: #769D27;
}

.account .art-c > .pack-description > ul > li + li {
    margin-top: 5px;
}

.account .art-c > .pack-description > ul > li > ul {
    font-weight: 400;
    color: #00515b;
    margin-left: 15px;
}


/**
 * --------------------------------------------------
 * Module : Coupons Loyalty Tpl
 * --------------------------------------------------
 */
.coupons-tpl.view article > .art-c .picture,
.coupons-loyalty-tpl.view article > .art-c .picture {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    box-shadow: none;
}

.coupons-tpl.view article > .art-c .picture img,
.coupons-loyalty-tpl.view article > .art-c .picture img {
    display: block;
    max-width: 250px;
    max-height: 250px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

.coupons-tpl.view .art-c-title,
.coupons-loyalty-tpl.view .art-c-title {
    font-size: 20px;
    font-weight: 400;
    color: #769D27;
}

.coupons-tpl.view .barcode-img,
.coupons-loyalty-tpl.view .barcode-img {
    margin-top: 5px;
}

.coupons-tpl.view .barcode-img img,
.coupons-loyalty-tpl.view .barcode-img img {
    display: block;
    max-width: 190px;
}

.coupons-tpl.view .barcode-txt,
.coupons-loyalty-tpl.view .barcode-txt {
    letter-spacing: 6px;
    margin-top: 3px;
}

.coupons-tpl.form form .fieldset,
.coupons-loyalty-tpl.form form .fieldset {
    display: flex;
    flex-flow: row wrap;
    justify-content: flext-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #769D27;
    border-bottom: 1px solid #769D27;
    padding-bottom: 2px;
    margin: 30px 0 15px 0;
}

.coupons-tpl.form form #barcode-txt,
.coupons-tpl.form form #op-creation-condition,
.coupons-tpl.form form #op-creation-period,
.coupons-tpl.form form #op-validity-start,
.coupons-tpl.form form #op-validity-end,
.coupons-loyalty-tpl.form form #barcode-txt,
.coupons-loyalty-tpl.form form #op-creation-condition,
.coupons-loyalty-tpl.form form #op-creation-period,
.coupons-loyalty-tpl.form form #op-validity-start,
.coupons-loyalty-tpl.form form #op-validity-end {
    width: 100%;
}

.coupons-tpl.form form #op-creation-condition,
.coupons-tpl.form form #op-validity-start,
.coupons-loyalty-tpl.form form #op-creation-condition,
.coupons-loyalty-tpl.form form #op-validity-start {
    margin-bottom: 10px;
}

.coupons-tpl.form form #barcode-txt > .item,
.coupons-tpl.form form #op-creation-condition > .item,
.coupons-tpl.form form #op-creation-period > .item,
.coupons-tpl.form form #op-validity-start > .item,
.coupons-tpl.form form #op-validity-end > .item,
.coupons-loyalty-tpl.form form #barcode-txt > .item,
.coupons-loyalty-tpl.form form #op-creation-condition > .item,
.coupons-loyalty-tpl.form form #op-creation-period > .item,
.coupons-loyalty-tpl.form form #op-validity-start > .item,
.coupons-loyalty-tpl.form form #op-validity-end > .item {
    display: none;
    margin-top: 10px;
}

.coupons-tpl.form form #barcode-txt > .item > *,
.coupons-tpl.form form #op-creation-condition > .item > *,
.coupons-tpl.form form #op-creation-period > .item > *,
.coupons-tpl.form form #op-validity-start > .item > *,
.coupons-tpl.form form #op-validity-end > .item > *,
.coupons-loyalty-tpl.form form #barcode-txt > .item > *,
.coupons-loyalty-tpl.form form #op-creation-condition > .item > *,
.coupons-loyalty-tpl.form form #op-creation-period > .item > *,
.coupons-loyalty-tpl.form form #op-validity-start > .item > *,
.coupons-loyalty-tpl.form form #op-validity-end > .item > * {
    text-align: left;
}

.coupons-tpl.form form #barcode-txt > .item > * + *,
.coupons-tpl.form form #op-creation-condition > .item > * + *,
.coupons-tpl.form form #op-creation-period > .item > * + *,
.coupons-tpl.form form #op-validity-start > .item > * + *,
.coupons-tpl.form form #op-validity-end > .item > * + *,
.coupons-loyalty-tpl.form form #barcode-txt > .item > * + *,
.coupons-loyalty-tpl.form form #op-creation-condition > .item > * + *,
.coupons-loyalty-tpl.form form #op-creation-period > .item > * + *,
.coupons-loyalty-tpl.form form #op-validity-start > .item > * + *,
.coupons-loyalty-tpl.form form #op-validity-end > .item > * + * {
    margin-top: 5px;
}

.coupons-tpl.form form #barcode-txt input,
.coupons-tpl.form form #op-creation-condition input,
.coupons-tpl.form form #op-creation-condition select,
.coupons-tpl.form form #op-creation-condition textarea,
.coupons-tpl.form form #op-creation-period input,
.coupons-tpl.form form #op-creation-period select,
.coupons-tpl.form form #op-creation-period textarea,
.coupons-tpl.form form #op-validity-start input,
.coupons-tpl.form form #op-validity-start select,
.coupons-tpl.form form #op-validity-start textarea,
.coupons-tpl.form form #op-validity-end input,
.coupons-tpl.form form #op-validity-end select,
.coupons-tpl.form form #op-validity-end textarea,
.coupons-loyalty-tpl.form form #barcode-txt input,
.coupons-loyalty-tpl.form form #op-creation-condition input,
.coupons-loyalty-tpl.form form #op-creation-condition select,
.coupons-loyalty-tpl.form form #op-creation-condition textarea,
.coupons-loyalty-tpl.form form #op-creation-period input,
.coupons-loyalty-tpl.form form #op-creation-period select,
.coupons-loyalty-tpl.form form #op-creation-period textarea,
.coupons-loyalty-tpl.form form #op-validity-start input,
.coupons-loyalty-tpl.form form #op-validity-start select,
.coupons-loyalty-tpl.form form #op-validity-start textarea,
.coupons-loyalty-tpl.form form #op-validity-end input,
.coupons-loyalty-tpl.form form #op-validity-end select,
.coupons-loyalty-tpl.form form #op-validity-end textarea {
    background: #f5f5f5;
}

/* Preview */
.coupons-tpl.view.preview .view-c,
.coupons-loyalty-tpl.view.preview .view-c {
    max-width: 500px;
}

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

.coupons-tpl.view.preview .view-c article .art-h > div,
.coupons-loyalty-tpl.view.preview .view-c article .art-h > div {
    margin-top: 20px;
}

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

.coupons-tpl.view.preview .view-c article .art-h-first .picture,
.coupons-loyalty-tpl.view.preview .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-tpl.view.preview .view-c article .art-h-first .picture img,
.coupons-loyalty-tpl.view.preview .view-c article .art-h-first .picture img {
    display: block;
    width: 100%;
    max-width: 200px;
    max-height: 200px;
}

.coupons-tpl.view.preview .view-c article .art-h-main,
.coupons-loyalty-tpl.view.preview .view-c article .art-h-main {
    flex: 1;
    width: 100%;
}

.coupons-tpl.view.preview .view-c article .art-h-main .title,
.coupons-loyalty-tpl.view.preview .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-tpl.view.preview .view-c article .art-h-main .txt,
.coupons-loyalty-tpl.view.preview .view-c article .art-h-main .txt {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}

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

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

.coupons-tpl.view.preview .view-c article .art-c-first .txt-date-validity,
.coupons-loyalty-tpl.view.preview .view-c article .art-c-first .txt-date-validity {
    color: #9e9e9e;
}

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

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

.coupons-tpl.view.preview .view-c article .art-c-main > div + div,
.coupons-loyalty-tpl.view.preview .view-c article .art-c-main > div + div {
    margin-top: 15px;
}

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

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

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

.coupons-tpl.view.preview .view-c article .art-f .barcode-img,
.coupons-loyalty-tpl.view.preview .view-c article .art-f .barcode-img {
    margin-top: 5px;
}

.coupons-tpl.view.preview .view-c article .art-f .barcode-img img,
.coupons-loyalty-tpl.view.preview .view-c article .art-f .barcode-img img {
    display: block;
    max-width: 250px;
}

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

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

    .coupons-tpl.view.preview .view-c article .art-h > div,
    .coupons-loyalty-tpl.view.preview .view-c article .art-h > div {
        margin-top: 0;
        margin-left: 20px;
    }

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


/**
 * --------------------------------------------------
 * Module : Games
 * --------------------------------------------------
 */

.games.view article > .art-c .picture,
.games.view article > .art-c .picture {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    box-shadow: none;
}

.games.view article > .art-c .picture img,
.games.view article > .art-c .picture img {
    display: block;
    max-width: 250px;
    max-height: 250px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

.games.view .art-c-title,
.games.view .art-c-title {
    font-size: 20px;
    font-weight: 400;
    color: #769D27;
}

.games.view .barcode-img,
.games.view .barcode-img {
    margin-top: 5px;
}

.games.view .barcode-img img,
.games.view .barcode-img img {
    display: block;
    max-width: 190px;
}

.games.view .barcode-txt,
.games.view .barcode-txt {
    letter-spacing: 6px;
    margin-top: 3px;
}

.games.form form .fieldset,
.games.form form .fieldset {
    display: flex;
    flex-flow: row wrap;
    justify-content: flext-start;
    align-items: center;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    color: #769D27;
    border-bottom: 1px solid #769D27;
    padding-bottom: 2px;
    margin: 30px 0 15px 0;
}

.games.form form #barcode-txt,
.games.form form #op-creation-condition,
.games.form form #op-creation-period,
.games.form form #op-validity-start,
.games.form form #op-validity-end,
.games.form form #barcode-txt,
.games.form form #op-creation-condition,
.games.form form #op-creation-period,
.games.form form #op-validity-start,
.games.form form #op-validity-end {
    width: 100%;
}

.games.form form #op-creation-condition,
.games.form form #op-validity-start,
.games.form form #op-creation-condition,
.games.form form #op-validity-start {
    margin-bottom: 10px;
}

.games.form form #barcode-txt > .item,
.games.form form #op-creation-condition > .item,
.games.form form #op-creation-period > .item,
.games.form form #op-validity-start > .item,
.games.form form #op-validity-end > .item,
.games.form form #barcode-txt > .item,
.games.form form #op-creation-condition > .item,
.games.form form #op-creation-period > .item,
.games.form form #op-validity-start > .item,
.games.form form #op-validity-end > .item {
    display: none;
    margin-top: 10px;
}

.games.form form #barcode-txt > .item > *,
.games.form form #op-creation-condition > .item > *,
.games.form form #op-creation-period > .item > *,
.games.form form #op-validity-start > .item > *,
.games.form form #op-validity-end > .item > *,
.games.form form #barcode-txt > .item > *,
.games.form form #op-creation-condition > .item > *,
.games.form form #op-creation-period > .item > *,
.games.form form #op-validity-start > .item > *,
.games.form form #op-validity-end > .item > * {
    text-align: left;
}

.games.form form #barcode-txt > .item > * + *,
.games.form form #op-creation-condition > .item > * + *,
.games.form form #op-creation-period > .item > * + *,
.games.form form #op-validity-start > .item > * + *,
.games.form form #op-validity-end > .item > * + *,
.games.form form #barcode-txt > .item > * + *,
.games.form form #op-creation-condition > .item > * + *,
.games.form form #op-creation-period > .item > * + *,
.games.form form #op-validity-start > .item > * + *,
.games.form form #op-validity-end > .item > * + * {
    margin-top: 5px;
}

.games.form form #barcode-txt input,
.games.form form #op-creation-condition input,
.games.form form #op-creation-condition select,
.games.form form #op-creation-condition textarea,
.games.form form #op-creation-period input,
.games.form form #op-creation-period select,
.games.form form #op-creation-period textarea,
.games.form form #op-validity-start input,
.games.form form #op-validity-start select,
.games.form form #op-validity-start textarea,
.games.form form #op-validity-end input,
.games.form form #op-validity-end select,
.games.form form #op-validity-end textarea,
.games.form form #barcode-txt input,
.games.form form #op-creation-condition input,
.games.form form #op-creation-condition select,
.games.form form #op-creation-condition textarea,
.games.form form #op-creation-period input,
.games.form form #op-creation-period select,
.games.form form #op-creation-period textarea,
.games.form form #op-validity-start input,
.games.form form #op-validity-start select,
.games.form form #op-validity-start textarea,
.games.form form #op-validity-end input,
.games.form form #op-validity-end select,
.games.form form #op-validity-end textarea {
    background: #f5f5f5;
}

/* Preview */
.games.view.preview .view-c,
.games.view.preview .view-c {
    max-width: 500px;
}

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

.games.view.preview .view-c article .art-h > div,
.games.view.preview .view-c article .art-h > div {
    margin-top: 20px;
}

.games.view.preview .view-c article .art-h > div:first-of-type,
.games.view.preview .view-c article .art-h > div:first-of-type {
    margin-top: 0;
}

.games.view.preview .view-c article .art-h-first .picture,
.games.view.preview .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;
}

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

.games.view.preview .view-c article .art-h-main,
.games.view.preview .view-c article .art-h-main {
    flex: 1;
    width: 100%;
}

.games.view.preview .view-c article .art-h-main .title,
.games.view.preview .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;
}

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

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

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

.games.view.preview .view-c article .art-c-first .txt-date-validity,
.games.view.preview .view-c article .art-c-first .txt-date-validity {
    color: #9e9e9e;
}

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

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

.games.view.preview .view-c article .art-c-main > div + div,
.games.view.preview .view-c article .art-c-main > div + div {
    margin-top: 15px;
}

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

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

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

.games.view.preview .view-c article .art-f .barcode-img,
.games.view.preview .view-c article .art-f .barcode-img {
    margin-top: 5px;
}

.games.view.preview .view-c article .art-f .barcode-img img,
.games.view.preview .view-c article .art-f .barcode-img img {
    display: block;
    max-width: 250px;
}

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

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

    .games.view.preview .view-c article .art-h > div,
    .games.view.preview .view-c article .art-h > div {
        margin-top: 0;
        margin-left: 20px;
    }

    .games.view.preview .view-c article .art-h > div:first-of-type,
    .games.view.preview .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: flex-start;
    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: #00515b;
    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 .icon::before {
    font-size: 34px;
    font-style: normal;
    font-weight: normal;
    color: #fff;
}

.dashboard.view article ul li .icon.account::before {
    content: "\e137";
    top: 2px;
}

.dashboard.view article ul li .icon.boxes::before {
    content: "\e131";
}

.dashboard.view article ul li .icon.box-management::before {
    content: "\e131";
}

.dashboard.view article ul li .icon.customer-feedback::before {
    content: "\e310";
    top: 3px;
}

.dashboard.view article ul li .icon.geolocations::before {
    content: "\e503";
}

.dashboard.view article ul li .icon.logout::before {
    content: "\e204";
}

.dashboard.view article ul li .icon.managers::before {
    content: "\e044";
}

.dashboard.view article ul li .icon.offers::before {
    content: "\e067";
    top: 3px;
}

.dashboard.view article ul li .icon.pushs::before {
    content: "\e422";
}

.dashboard.view article ul li .icon.providers::before {
    content: "\e451";
}

.dashboard.view article ul li .icon.providers-offers::before {
    content: "\e060";
    top: 1px;
}

.dashboard.view article ul li .icon.shops::before {
    content: "\e239";
}

.dashboard.view article ul li .icon.stats::before {
    content: "\e042";
}

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

/*
.dashboard.view article ul li #dashboard-shops, #dashboard-account {
     background: #fcbf33;
}
*/

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

/* @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 : Geolocations
 * --------------------------------------------------
 */
.geolocations.view .gmap {
    width: 100%;
    height: 300px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin: 0 auto;
}

/*.geolocations.form .gmap
{
	height: 500px;
	box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
	margin: 15px 0;
}

.geolocations.form .controls
{
	height: 40px;
	border: 1px solid transparent;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	margin-top: 10px;
}

.geolocations.form #pac-input
{
	width: 300px;
	height: 40px;
	font-family: "Roboto", arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	text-overflow: ellipsis;
	background-color: #fff;
	padding: 0 11px 0 13px;
	margin-left: 5px;
}

.geolocations.form #pac-input:focus
{
  border-color: #4d90fe;
}*/


/**
 * --------------------------------------------------
 * Module : Events
 * --------------------------------------------------
 */
/* LIST */
.events.view article.list > .art-c > ul > li .li-h h3 a {
    display: block;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #00515b;
    border-radius: 15px;
    padding: 5px 10px;
    transition: background 0.2s ease;
}

.events.view article.list > .art-c > ul > li .li-h h3 a:hover {
    background: #fcbf33;
}

/* FORM ADD */
.events.form form > .form-fields .fields-infos {
    display: none;
    width: 100%;
}

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

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

.events.form.add > .view-h > .subtitle.presentation {
    font-size: 24px;
    margin-top: 5px;
}

/* Content */
.events.form .form-add .art-c {
    margin-top: 25px;
}

.events.form .form-add .art-c .presentation-txt {
    max-width: 440px;
    margin: 0 auto;
}

.events.form .form-add .art-c .presentation-txt > div {
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
    text-align: justify;
    margin-top: 20px;
}

.events.form .form-add .art-c .presentation-txt > div:first-of-style {
    margin-top: 0;
}

.events.form .form-add .art-c .presentation-txt > div.center {
    text-align: center;
}

.events.form .form-add .art-c .presentation-txt span.highlight {
    font-size: 20px;
    font-weight: 700;
    color: #769D27;
}

.events.form .form-add .art-c .presentation-txt span.nb-txt {
    font-weight: 700;
    color: #00515b;
}

.events.form .form-add .art-c .presentation-txt span.nb {
    font-weight: 700;
    color: #769D27;
}

.events.form .form-add .art-c .picture-preview {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 440px;
    max-height: 440px;
    margin: 25px auto 0 auto;
}


.events.form .form-add .art-c .picture-preview img {
    display: block;
    max-width: 440px;
    max-height: 440px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}


.events.form .form-add .art-c .validation-txt {
    max-width: 440px;
    font-size: 18px;
    font-weight: 400;
    color: #00515b;
    text-align: center;
    margin: 25px auto 0 auto;
}

.events.form .form-add .art-c .validation-txt span.nb-txt {
    font-weight: 700;
    color: #769D27;
}

.events.form .form-add .art-c .rb-tree > li:first-of-type {
    border-top: 1px solid #eee;
}

.events.form .form-add .art-c .item-preview {
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
}

.events.form .form-add .art-c .item-preview-h {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
    background: #f5f5f5;
    padding: 10px 20px;
}

.events.form .form-add .art-c .item-preview-h > .last {
    font-weight: 400;
    color: #fff;
    background: #00515b;
    border-radius: 15px;
    padding: 5px 10px;
    margin-top: 5px;
}

.events.form .form-add .art-c .item-preview-c {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
}

.events.form .form-add .art-c .item-preview-c > * + * {
    margin-top: 20px;
}

.events.form .form-add .art-c .item-preview-c > .first {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.events.form .form-add .art-c .item-preview-c > .main > div + div {
    margin-top: 10px;
}

.events.form .form-add .art-c .item-preview-c .item-picture {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

.events.form .form-add .art-c .item-preview-c .item-picture img {
    display: block;
    width: 100%;
    max-width: 250px;
    max-height: 250px;
}

.events.form .form-add .art-c .item-preview-c .title {
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
}

.events.form .form-add .art-c .item-preview-c .reduction {
    font-size: 16px;
    font-weight: 700;
    color: #769D27;
}

.events.form .form-add .art-c .item-preview-c .description {
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
}

.events.form .form-add .art-c .item-preview-c .period {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #9e9e9e;
}

.events.form .form-add .art-c .item-preview-f {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e;
    background: #f5f5f5;
    padding: 10px 20px;
}

.events.form .form-add .art-c form {
    max-width: none;
}

.events.form .form-add .art-c form > .form-fields,
.events.form .form-add .art-c form > .form-comments {
    max-width: 440px;
    margin: 20px auto 0 auto;
}

.events.form .form-add .art-c form > .form-btns {
    margin-top: 25px;
}

.events.form .form-add .art-c form.form-validation {
    max-width: none;
    margin-top: 25px;
}

.events.form .form-add .art-c form.form-validation > .form-fields {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    max-width: none;
}

.events.form .form-add .art-c form.form-validation > .form-fields > .item {
    width: auto;
    margin: 0 0 0 20px;
}

.events.form .form-add .art-c form.form-validation > .form-fields > .item:first-of-type {
    margin: 0;
}

/**
 * --------------------------------------------------
 * Module : Events (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 400px) {
    .events.form .form-add .art-h {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .events.form .form-add .art-h > div {
        font-size: 16px;
    }

    .events.form .form-add .art-h > div .circle {
        width: 48px;
        height: 48px;
    }
}

@media only screen and (min-width: 600px) {
    .events.form .form-add .art-h {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .events.form .form-add .art-c .item-preview-h {
        flex-flow: row nowrap;
        align-items: center;
    }

    .events.form .form-add .art-c .item-preview-h > .main {
        flex: 1;
    }

    .events.form .form-add .art-c .item-preview-h > .last {
        margin-top: 0;
        margin-left: 20px;
    }

    .events.form .form-add .art-c .item-preview-c {
        flex-flow: row nowrap;
        align-items: flex-start;
    }

    .events.form .form-add .art-c .item-preview-c > * + * {
        margin-top: 0;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 800px) {
    .events.form .form-add .art-h {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}


/**
 * --------------------------------------------------
 * Module : Offers
 * --------------------------------------------------
 */
/* LIST */
.offers.view article.list > .art-c > ul > li .li-h h3 a {
    display: block;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #00515b;
    border-radius: 15px;
    padding: 5px 10px;
    transition: background 0.2s ease;
}

.offers.view article.list > .art-c > ul > li .li-h h3 a:hover {
    background: #fcbf33;
}

/* FORM ADD */
.offers.form .form .art-c form > .form-fields #type-reduction-values,
.offers.form .form-add .art-c form > .form-fields #type-reduction-values {
    width: 100%;
    margin-bottom: 10px;
}

.offers.form .form .art-c form > .form-fields #type-reduction-values > .item,
.offers.form .form-add .art-c form > .form-fields #type-reduction-values > .item {
    display: none;
    margin-top: 10px;
}

.offers.form .form .art-c form > .form-fields #type-reduction-values > .item > * + *,
.offers.form .form-add .art-c form > .form-fields #type-reduction-values > .item > * + * {
    margin-top: 5px;
}

.offers.form .form .art-c form > .form-fields #type-reduction-values input,
.offers.form .form-add .art-c form > .form-fields #type-reduction-values input {
    background: #f5f5f5;
}

.offers.form.add > .view-h > .subtitle.presentation {
    font-size: 24px;
    margin-top: 5px;
}

/* Content */
.offers.form .form-add .art-c {
    margin-top: 25px;
}

.offers.form .form-add .art-c .presentation-txt {
    max-width: 440px;
    margin: 0 auto;
}

.offers.form .form-add .art-c .presentation-txt > div {
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
    text-align: justify;
    margin-top: 20px;
}

.offers.form .form-add .art-c .presentation-txt > div:first-of-style {
    margin-top: 0;
}

.offers.form .form-add .art-c .presentation-txt > div.center {
    text-align: center;
}

.offers.form .form-add .art-c .presentation-txt span.highlight {
    font-size: 20px;
    font-weight: 700;
    color: #769D27;
}

.offers.form .form-add .art-c .presentation-txt span.nb-txt {
    font-weight: 700;
    color: #00515b;
}

.offers.form .form-add .art-c .presentation-txt span.nb {
    font-weight: 700;
    color: #769D27;
}

.offers.form .form-add .art-c .picture-preview {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 440px;
    max-height: 440px;
    margin: 25px auto 0 auto;
}

.offers.form .form-add .art-c .picture-preview img {
    display: block;
    max-width: 440px;
    max-height: 440px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}


.offers.form .form-add .art-c .validation-txt {
    max-width: 440px;
    font-size: 18px;
    font-weight: 400;
    color: #00515b;
    text-align: center;
    margin: 25px auto 0 auto;
}

.offers.form .form-add .art-c .validation-txt span.nb-txt {
    font-weight: 700;
    color: #769D27;
}

.offers.form .form-add .art-c .rb-tree > li:first-of-type {
    border-top: 1px solid #eee;
}

.offers.form .form-add .art-c .item-preview {
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
}

.offers.form .form-add .art-c .item-preview-h {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
    background: #f5f5f5;
    padding: 10px 20px;
}

.offers.form .form-add .art-c .item-preview-h > .last {
    font-weight: 400;
    color: #fff;
    background: #00515b;
    border-radius: 15px;
    padding: 5px 10px;
    margin-top: 5px;
}

.offers.form .form-add .art-c .item-preview-c {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
}

.offers.form .form-add .art-c .item-preview-c > * + * {
    margin-top: 20px;
}

.offers.form .form-add .art-c .item-preview-c > .first {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.offers.form .form-add .art-c .item-preview-c > .main > div + div {
    margin-top: 10px;
}

.offers.form .form-add .art-c .item-preview-c .item-picture {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

.offers.form .form-add .art-c .item-preview-c .item-picture img {
    display: block;
    width: 100%;
    max-width: 250px;
    max-height: 250px;
}

.offers.form .form-add .art-c .item-preview-c .title {
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
}

.offers.form .form-add .art-c .item-preview-c .reduction {
    font-size: 16px;
    font-weight: 700;
    color: #769D27;
}

.offers.form .form-add .art-c .item-preview-c .description {
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
}

.offers.form .form-add .art-c .item-preview-c .period {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #9e9e9e;
}

.offers.form .form-add .art-c .item-preview-f {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e;
    background: #f5f5f5;
    padding: 10px 20px;
}

.offers.form .form-add .art-c form {
    max-width: none;
}

.offers.form .form-add .art-c form > .form-fields,
.offers.form .form-add .art-c form > .form-comments {
    max-width: 440px;
    margin: 20px auto 0 auto;
}

.offers.form .form-add .art-c form > .form-btns {
    margin-top: 25px;
}

.offers.form .form-add .art-c form.form-validation {
    max-width: none;
    margin-top: 25px;
}

.offers.form .form-add .art-c form.form-validation > .form-fields {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    max-width: none;
}

.offers.form .form-add .art-c form.form-validation > .form-fields > .item {
    width: auto;
    margin: 0 0 0 20px;
}

.offers.form .form-add .art-c form.form-validation > .form-fields > .item:first-of-type {
    margin: 0;
}

/**
 * --------------------------------------------------
 * Module : Offers (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 600px) {
    .offers.form .form-add .art-c .item-preview-h {
        flex-flow: row nowrap;
        align-items: center;
    }

    .offers.form .form-add .art-c .item-preview-h > .main {
        flex: 1;
    }

    .offers.form .form-add .art-c .item-preview-h > .last {
        margin-top: 0;
        margin-left: 20px;
    }

    .offers.form .form-add .art-c .item-preview-c {
        flex-flow: row nowrap;
        align-items: flex-start;
    }

    .offers.form .form-add .art-c .item-preview-c > * + * {
        margin-top: 0;
        margin-left: 20px;
    }
}


/**
 * --------------------------------------------------
 * Module : Providers Offers
 * --------------------------------------------------
 */
.providers-offers.view .art-h h2.title {
    font-size: 28px;
    font-weight: 700;
    color: #769D27;
    text-align: center;
    border-bottom: none;
    padding-bottom: 0;
}

.providers-offers.view .art-c.offer {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
}

.providers-offers.view .art-c.offer > div {
    margin-top: 20px;
}

.providers-offers.view .art-c.offer > .text > div + div {
    margin-top: 10px;
}

.providers-offers.view .art-c.offer > .text span.description {
    font-size: 18px;
    font-weight: 400;
    color: #00515b;
}

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

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

.providers-offers.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;
}

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

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

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

/**
 * --------------------------------------------------
 * Module : Providers Offers (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 810px) {
    .providers-offers.view .art-c.offer {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .providers-offers.view .art-c.offer > .picture {
        width: auto;
        margin-right: 20px;
    }

    .providers-offers.view .art-c.offer > .text {
        flex: 1;
        border-top: 1px solid #769D27;
        padding: 20px;
    }
}


/**
 * --------------------------------------------------
 * Module : Pushs
 * --------------------------------------------------
 */
.pushs.view .form {
    width: 100%;
    padding: 0;
}

.pushs.view .form form .item input {
    max-width: 200px;
}

.pushs.view .form form .field-space {
    height: 15px;
}

.pushs.view .form form .form-btns > * {
    flex: none;
}


/**
 * --------------------------------------------------
 * Module : Restoration Menus
 * --------------------------------------------------
 */
/* LIST */
.restoration-menus.view article.list > .art-c > ul > li .li-h h3 a {
    display: block;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    background: #00515b;
    border-radius: 15px;
    padding: 5px 10px;
    transition: background 0.2s ease;
}

.restoration-menus.view article.list > .art-c > ul > li .li-h h3 a:hover {
    background: #fcbf33;
}

/* FORM ADD */
.restoration-menus.form form > .form-fields .fields-infos {
    display: none;
    width: 100%;
}

.restoration-menus.form form > .form-fields .fields-infos .item {
    margin-top: 10px;
}

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

.restoration-menus.form.add > .view-h > .subtitle.presentation {
    font-size: 24px;
    margin-top: 5px;
}

/* Content */
.restoration-menus.form .form-add .art-c {
    margin-top: 25px;
}

.restoration-menus.form .form-add .art-c .presentation-txt {
    max-width: 440px;
    margin: 0 auto;
}

.restoration-menus.form .form-add .art-c .presentation-txt > div {
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
    text-align: justify;
    margin-top: 20px;
}

.restoration-menus.form .form-add .art-c .presentation-txt > div:first-of-style {
    margin-top: 0;
}

.restoration-menus.form .form-add .art-c .presentation-txt > div.center {
    text-align: center;
}

.restoration-menus.form .form-add .art-c .presentation-txt span.highlight {
    font-size: 20px;
    font-weight: 700;
    color: #769D27;
}

.restoration-menus.form .form-add .art-c .presentation-txt span.nb-txt {
    font-weight: 700;
    color: #00515b;
}

.restoration-menus.form .form-add .art-c .presentation-txt span.nb {
    font-weight: 700;
    color: #769D27;
}

.restoration-menus.form .form-add .art-c .picture-preview {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 440px;
    max-height: 440px;
    margin: 25px auto 0 auto;
}

.restoration-menus.form .form-add .art-c .picture-preview img {
    display: block;
    max-width: 440px;
    max-height: 440px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

.restoration-menus.form .form-add .art-c .validation-txt {
    max-width: 440px;
    font-size: 18px;
    font-weight: 400;
    color: #00515b;
    text-align: center;
    margin: 25px auto 0 auto;
}

.restoration-menus.form .form-add .art-c .validation-txt span.nb-txt {
    font-weight: 700;
    color: #769D27;
}

.restoration-menus.form .form-add .art-c .rb-tree > li:first-of-type {
    border-top: 1px solid #eee;
}

.restoration-menus.form .form-add .art-c .item-preview {
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.1);
}

.restoration-menus.form .form-add .art-c .item-preview-h {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #00515b;
    background: #f5f5f5;
    padding: 10px 20px;
}

.restoration-menus.form .form-add .art-c .item-preview-h > .last {
    font-weight: 400;
    color: #fff;
    background: #00515b;
    border-radius: 15px;
    padding: 5px 10px;
    margin-top: 5px;
}

.restoration-menus.form .form-add .art-c .item-preview-c {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
}

.restoration-menus.form .form-add .art-c .item-preview-c > * + * {
    margin-top: 20px;
}

.restoration-menus.form .form-add .art-c .item-preview-c > .first {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.restoration-menus.form .form-add .art-c .item-preview-c > .main > div + div {
    margin-top: 10px;
}

.restoration-menus.form .form-add .art-c .item-preview-c .item-picture {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

.restoration-menus.form .form-add .art-c .item-preview-c .item-picture img {
    display: block;
    width: 100%;
    max-width: 250px;
    max-height: 250px;
}

.restoration-menus.form .form-add .art-c .item-preview-c .title {
    font-size: 18px;
    font-weight: 700;
    color: #00515b;
}

.restoration-menus.form .form-add .art-c .item-preview-c .reduction {
    font-size: 16px;
    font-weight: 700;
    color: #769D27;
}

.restoration-menus.form .form-add .art-c .item-preview-c .description {
    font-size: 16px;
    font-weight: 400;
    color: #00515b;
}

.restoration-menus.form .form-add .art-c .item-preview-c .period {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #9e9e9e;
}

.restoration-menus.form .form-add .art-c .item-preview-f {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 14px;
    font-weight: 400;
    color: #9e9e9e;
    background: #f5f5f5;
    padding: 10px 20px;
}

.restoration-menus.form .form-add .art-c form {
    max-width: none;
}

.restoration-menus.form .form-add .art-c form > .form-fields,
.restoration-menus.form .form-add .art-c form > .form-comments {
    max-width: 440px;
    margin: 20px auto 0 auto;
}

.restoration-menus.form .form-add .art-c form > .form-btns {
    margin-top: 25px;
}

.restoration-menus.form .form-add .art-c form.form-validation {
    max-width: none;
    margin-top: 25px;
}

.restoration-menus.form .form-add .art-c form.form-validation > .form-fields {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    max-width: none;
}

.restoration-menus.form .form-add .art-c form.form-validation > .form-fields > .item {
    width: auto;
    margin: 0 0 0 20px;
}

.restoration-menus.form .form-add .art-c form.form-validation > .form-fields > .item:first-of-type {
    margin: 0;
}

/**
 * --------------------------------------------------
 * Module : Restoration Menus (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 400px) {
    .restoration-menus.form .form-add .art-h {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .restoration-menus.form .form-add .art-h > div {
        font-size: 16px;
    }

    .restoration-menus.form .form-add .art-h > div .circle {
        width: 48px;
        height: 48px;
    }
}

@media only screen and (min-width: 600px) {
    .restoration-menus.form .form-add .art-h {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .restoration-menus.form .form-add .art-c .item-preview-h {
        flex-flow: row nowrap;
        align-items: center;
    }

    .restoration-menus.form .form-add .art-c .item-preview-h > .main {
        flex: 1;
    }

    .restoration-menus.form .form-add .art-c .item-preview-h > .last {
        margin-top: 0;
        margin-left: 20px;
    }

    .restoration-menus.form .form-add .art-c .item-preview-c {
        flex-flow: row nowrap;
        align-items: flex-start;
    }

    .restoration-menus.form .form-add .art-c .item-preview-c > * + * {
        margin-top: 0;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 800px) {
    .restoration-menus.form .form-add .art-h {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}


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

.secure.view article.form .art-f {
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.secure.view article.form .art-f .btn-link {
    background: #00515b;
}

.secure.view article.form .art-f .btn-link.signup {
    background: #769D27;
}

.secure.view article.form .art-f .btn-link:hover {
    background: #fcbf33;
}


/**
 * --------------------------------------------------
 * Module : Shops
 * --------------------------------------------------
 */
.shops.view .gmap {
    width: 100%;
    height: 300px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin: 0 auto;
}

.shops.form .gmap {
    height: 300px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
    margin: 15px 0;
}

/**
 * --------------------------------------------------
 * Module : Shops (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 800px) {
    .shops.form .gmap {
        height: 450px;
    }
}


/**
 * --------------------------------------------------
 * Module : Signup
 * --------------------------------------------------
 */
/* Button Send Email */
.signup.form > .view-btns > form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}

.signup.form form {
    max-width: none;
}

.signup.form form > .form-fields,
.signup.form form > .form-comments {
    max-width: 440px;
    margin: 20px auto 0 auto;
}

.signup.form form > .form-btns {
    margin-top: 25px;
}

/* Form Picture */
.signup.form .art-c .picture-preview {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 440px;
    max-height: 440px;
    margin: 25px auto 0 auto;
}

.signup.form .art-c .picture-preview img {
    display: block;
    max-width: 440px;
    max-height: 440px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

.signup.form .item.pack-description {
    display: none;
}

.signup.form .item.pack-description > ul > li {
    font-weight: 700;
    color: #769D27;
}

.signup.form .item.pack-description > ul > li + li {
    margin-top: 5px;
}

.signup.form .item.pack-description > ul > li > ul {
    font-weight: 300;
    font-style: italic;
    color: #999;
    margin-left: 15px;
}


.signup.view.form .subtitle {
    font-size: 14px;
    color: #00515b;
    text-align: center;
    font-weight: bold;
}


.signup.view.form .view-h h1 {
    font-size: 20px;
    color: #00515b;
    text-align: center;
    font-weight: bold;
}

/*
/*
.view-h > .subtitle  .subtitle_shops
{
	font-size: 20px;
	color: #00515b;
	text-align: center;
}
*/

/* Form Shops */
.shops.form .art-c .picture-preview {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 440px;
    max-height: 440px;
    margin: 25px auto 0 auto;
}

.shops.form .art-c .picture-preview img {
    display: block;
    max-width: 440px;
    max-height: 440px;
    box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
}

.shops.form .item.pack-description {
    display: none;
}

.shops.form .item.pack-description > ul > li {
    font-weight: 700;
    color: #769D27;
}

.shops.form .item.pack-description > ul > li + li {
    margin-top: 5px;
}

.shops.form .item.pack-description > ul > li > ul {
    font-weight: 300;
    font-style: italic;
    color: #999;
    margin-left: 15px;
}


/**
 * --------------------------------------------------
 * Module : Stats
 * --------------------------------------------------
 */
/*
table {
    width: 100%;
    display:block;
}
thead {
    display: block;
    width: 100%;
    height: 20px;
}
tbody td, thead th {
    width: 20%;

}

tbody {
   	height: 200px;
    	display: block;
    	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
*/

/* article with table */
.stats.view article.table tbody {
    overflow-y: auto;
    display: block;
    height: 50vh;
    width: 100%;
}

.stats.view article.table thead {
    display: block;
}

/* table */
.stats.view article.table table {
    width: 100%;
}

/* table */
.stats.view article {
    overflow-x: auto;
}

/* tr */
.stats.view article table tr {
    vertical-align: top;
}

.stats.view article table tr:nth-child(even) {
    background: #f5f5f5;
}

/* th */
.stats.view article table th {
    font-size: 12px;
    font-weight: 600;
    color: #00515b;
    border: 1px solid #f5f5f5;
    padding: 10px;
    width: 25%;
}

/* td */
.stats.view article table td {
    font-size: 14px;
    padding: 10px;
    width: 25%;
}

.stats.view article table td.disabled {
    color: #aaa;
}


/* article with table */
.articles-points.view article.table tbody {
    overflow-y: auto;
    display: block;
    height: 50vh;
    width: 100%;
}

.articles-points.view article.table thead {
    display: block;
}

/* table */
.articles-points.view article.table table {
    width: 100%;
}

.articles-points.view article {
    overflow-x: auto;
}

/* tr */
.articles-points.view article table tr {
    vertical-align: top;
}

.articles-points.view article table tr:nth-child(even) {
    background: #f5f5f5;
}

/* th */
.articles-points.view article table th {
    font-size: 12px;
    font-weight: 600;
    color: #00515b;
    border: 1px solid #f5f5f5;
    padding: 10px;
    width: 10%;
}

/* td */
.articles-points.view article table td {
    font-size: 14px;
    padding: 10px;
    width: 10%;
}

.articles-points.view article table td.disabled {
    color: #aaa;
}

.articles-points.view article table td input[type=text] {
    width: 80%;
    text-align: right;
    border: none;
    background: transparent;
    padding-right: 5%;
}

.articles-points.view article table td input[type=text]:focus {
    border: 3px solid #769D27;
}

.articles-images-validation {

}


/**
 * --------------------------------------------------
 * Module : Surveys
 * --------------------------------------------------
 */
.surveys.view .art-c > div > ul > li > div {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.surveys.view .art-c > div > ul > li > div:hover {
    background: #f5f5f5;
}

.surveys.view .art-c > div > ul > li > div > .txt {
    flex: 1;
    width: 100%;
    font-weight: 700;
}

.surveys.view .art-c > div > ul > li > div > .btns {
    margin-left: 10px;
}

.surveys.view .art-c > div > ul > li > div > .btns > form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
}

.surveys.view .art-c > div > ul > li > div > .btns > form > * + * {
    margin-left: 10px;
}

.surveys.view .art-c > div > ul > li > ul {
    margin: 10px 20px 15px 20px;
}

.surveys.view .art-c > div > ul > li > ul > li + li {
    margin-top: 5px;
}

.surveys.view .art-c > div > ul > li > ul > li > div {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.surveys.view .art-c > div > ul > li > ul > li > div:hover {
    background: #f5f5f5;
}

.surveys.view .art-c > div > ul > li > ul > li > div > .txt {
    flex: 1;
    width: 100%;
}

.surveys.view .art-c > div > ul > li > ul > li > div > .btns > form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    margin-left: 10px;
}

.surveys.view .art-c > div > ul > li > ul > li > div > .btns > form > * + * {
    margin-left: 10px;
}

.surveys.view .art-c > div > ul form button {
    color: #9e9e9e;
}

.surveys.view .art-c > div > ul form button:hover {
    color: #fcbf33;
}


.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*display: grid;*/
    /*grid-template-columns: repeat(4, 120px);*/
    /*justify-content: center;*/
    /*column-gap: 10px;*/
    /*row-gap: 10px;*/
    /*padding: 10px;*/
}

.gallery_item {
    margin: 10px;
}

.gallery img {
    width: 120px;
    height: 120px;
}

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

/*
    On reprend les propriétés lors de l'affichage..
 */
div.menu-div > div > p {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/**
	Commun
 */
.faToIconWrapper
{
    font-size: 34px;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    position:relative;
    /*top:17px;*/
}


/**
 * ckeditor
 **/

#cke_description
{
		width:100%;
}

.deewee-loader
{
	margin:auto;
  border: 8px solid #00515b;
  border-radius: 50%;
  border-top: 8px solid #99cc33;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
	display:block;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.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;
}


.icon.stats::before
{
    content: "\e046";
}


.icon.vehicles::before
{
    content: "\e720";
    line-height: inherit;
}