/**
 * 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
 * 11 Oct. 2018 - Last Update
 */

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










/**
 * --------------------------------------------------
 * H1, H2, H3 ...
 * --------------------------------------------------
 */
/**
 * ##############################
 * H1
 * ##############################
 */
/*h1
{
	display: block;
	font-size: 28px;
	font-weight: 400;
	font-style: normal;
	color: #00515b;
	text-align: center;
	padding: 5px 10px;
	margin: 15px 0 0 0;
}*/

/* Icons */
/*h1 > .icon::before
{
	font-size: 18px;
	margin-right: 5px;
}
h1 > .icon.add::before
{
	content: "\e433";
}
h1 > .icon.edit::before
{
	content: "\e031";
}*/

/**
 * ##############################
 * H2
 * ##############################
 */
/*h2
{
	display: block;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	color: #fcbf33;
	border-bottom: 1px solid #fcbf33;
}*/

/**
 * ##############################
 * H3
 * ##############################
 */
/*h3
{
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
}*/

/* Icons */
/*h3 > .icon::before
{
	position: relative;
	top: 2px;
	margin-right: 5px;
}
h3 > .icon.administrators::before
{
	content: "\e044";
	margin-right: 10px;
}
h3 > .icon.category::before
{
	top: 3px;
	content: "\e073";
}
h3 > .icon.deal::before
{
	content: "\e066";
}
h3 > .icon.mail::before
{
	content: "\e011";
}
h3 > .icon.merchant::before
{
	content: "\e453";
}
h3 > .icon.user-admin::before
{
	content: "\e004";
}*/










/**
 * --------------------------------------------------
 * 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: #f0f0f0;
	background-image: linear-gradient(bottom, #f0f0f0, #fcfcfc 100%);
	padding: 0 10px;
	margin-right: auto;
}

.box-header > .header-top > .btn-home a
{
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #00515b;
	text-decoration: none;
	margin-top: 10px;
}
.box-header > .header-top > .btn-home a:hover
{
	color: #fcbf33;
}

/**
 * ##############################
 * Logo
 * ##############################
 */
.box-header > .header-top > .logo
{
	z-index: 100;
	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;
}

/**
 * ##############################
 * User Picture
 * ##############################
 */
/*.box-header > .header-top > .user-picture
{
	z-index: 100;
	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 #fcbf33;
}*/

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










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

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

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

/* Icons */
.box-menu .icon::before
{
	top: 3px;
	font-size: 18px;
	margin-right: 10px;
}
/* account */
.box-menu .icon.account::before
{
	content: "\e137";
}
/* administrators */
.box-menu .icon.administrators::before
{
	content: "\e044";
}
/* boxes */
.box-menu .icon.boxes::before
{
	content: "\e131";
}
/* dashboard */
.box-menu .icon.dashboard::before
{
	content: "\e157";
	margin-right: 8px;
}
/* geolocations */
.box-menu .icon.geolocations::before
{
	content: "\e503";
}
/* interests */
.box-menu .icon.interests::before
{
	content: "\e001";
}
/* logout */
.box-menu .icon.logout::before
{
	content: "\e204";
	margin-right: 8px;
}
/* merchants */
.box-menu .icon.merchants::before
{
	content: "\e453";
}
/* offers */
.box-menu .icon.offers::before
{
	content: "\e067";
}
/* pushs */
.box-menu .icon.pushs::before
{
	content: "\e422";
}
/* settings */
.box-menu .icon.settings::before
{
	content: "\e138";
}
/* shops */
.box-menu .icon.shops::before
{
	content: "\e239";
}










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

/* 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: #99cc33;
}
.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: #ffc951;
}

/* 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 #cfcfcf;
	box-shadow: none;
	padding: 5px;
	margin: 0;
	transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
}
.box-search form select
{
	padding: 4px;
}
.box-search form input:focus,
.box-search form select:focus
{
	color: #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: #fcbf33;
	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: #ffc951;
}

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

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

/**
 * ##############################
 * Bottom
 * ##############################
 */
.box-footer > .footer-bottom
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 27px;
	background: #00515b;
	padding: 0;
	margin: 0;
}
.box-footer > .footer-bottom > .content
{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	max-width: 1000px;
	padding: 15px 0;
	margin: 0 auto;
}
.box-footer > .footer-bottom > .content > div
{
	flex: 1;
	text-align: center;
	padding: 15px;
	margin: 0;
}
.box-footer > .footer-bottom > .content > div > h4
{
	display: block;
	font-size: 24px;
	font-weight: 400;
	color: #99cc33;
}
.box-footer > .footer-bottom > .content > div > p span
{
	display: block;
	font-weight: 400;
	color: #fff;
	margin-top: 5px;
}
.box-footer > .footer-bottom > .copyright span
{
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 0;
}










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

/* Txt */
.view-h > .txt
{
	font-size: 16px;
	color: #9e9e9e;
	text-align: center;
	margin-top: 2px;
}
.view-h > .txt .comment
{
	font-style: italic;
}
.view-h > .txt .icon::before
{
	top: 1px;
	margin-right: 5px;
}
.view-h > .txt .icon.accepted::before
{
	content: "\e207";
}
.view-h > .txt .icon.add::before
{
	content: "\e433";
}
.view-h > .txt .icon.crop::before
{
	content: "\e094";
}
.view-h > .txt .icon.disabled::before
{
	top: 2px;
	content: "\e208";
	color: #C00;
}
.view-h > .txt .icon.edit::before
{
	content: "\e031";
}
.view-h > .txt .icon.enabled::before
{
	content: "\e207";
	color: #0C0;
}
.view-h > .txt .icon.provider::before
{
	top: 0;
	content: "\e451";
}
.view-h > .txt .icon.published::before
{
	content: "\e223";
}
.view-h > .txt .icon.refused::before
{
	top: 2px;
	content: "\e198";
}
.view-h > .txt .icon.signin::before
{
	content: "\e205";
}
.view-h > .txt .icon.waiting::before
{
	top: 2px;
	content: "\e055";
}

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

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

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

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

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

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










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

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

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

article.list > .art-h > h2
{
	margin-bottom: 20px;
}

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

/* article > .art-c > .btns
{
	margin-top: 5px;
} */
article > .art-c > .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 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 #99cc33;
	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;
}

/**
 * ##############################
 * Footer
 * ##############################
 */
article > .art-f
{
	width: 100%;
	margin-top: 20px;
}
article.form > .art-f
{
	max-width: 440px;
	text-align: center;
	margin: 20px auto 0 auto;
}

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

/*article .art-f p span
{
	color: #00515b;
}*/
article .art-f p span.comment
{
	font-style: italic;
}
article .art-f p span.warning
{
	font-style: italic;
	color: #c00;
}

/**
 * ##############################
 * Buttons
 * ##############################
 */
article > .art-btns
{
	margin-top: -5px;
}
article > .art-btns > *
{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}
article > .art-btns > * > *
{
	margin: 5px 2px 0 0;
}

/**
 * --------------------------------------------------
 * Article (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 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.mw-form
{
	padding: 0;
}
.form.mw-form form
{
	margin-top: 0;
}

/**
 * ##############################
 * Form Fields
 * ##############################
 */
.form form > .form-fields
{
	display: flex;
	flex-flow: column nowrap;
	-moz-justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
.form form > .form-fields > .item
{
	display: flex;
	flex-flow: column nowrap;
	-moz-justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}
.form form > .form-fields > .item.checkbox-label,
.form form > .form-fields > .item.radio-label
{
	flex-flow: row nowrap;
}
.form form > .form-fields > .item + .item
{
	margin-top: 10px;
}
.form form > .form-fields > .item + .item.checkbox-label,
.form form > .form-fields > .item + .item.radio-label
{
	margin-top: 15px;
}
.form form > .form-fields > .item > *
{
	text-align: left;
}
.form form > .form-fields > .item > * + *
{
	margin-top: 5px;
}
.form form > .form-fields > .item.checkbox-label > input[type="checkbox"],
.form form > .form-fields > .item.checkbox-label > input.checkbox,
.form form > .form-fields > .item.radio-label > input[type="radio"],
.form form > .form-fields > .item.radio-label > input.radio
{
	width: auto;
	margin-top: 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-left: 5px;
}

/**
 * ##############################
 * Label | Sub-Label
 * ##############################
 */
.form form label
{
	font-size: 16px;
	font-weight: 400;
	color: #00515b;
}
.form form label > .txt-optional
{
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	color: #999;
}

.form form > .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,
.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 > button: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.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 */
/* Multiselect Container */
.form form .multiselect
{
	position: relative;
	margin: 0;
	padding: 0;
}

/* Multiselect Text */
.form form .multiselect > button > .txt,
.form form .multiselect > button > .txt_none_selected
{
	padding: 0 10px 0 0;
	margin: 0;
}
.form form .multiselect > button > .txt_none_selected
{
	color: #9c9c9c;
}

/* Multiselect Arrow */
.form form .multiselect > button > .arrow
{
	position: absolute;
	top: 20px;
	right: 16px;
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #000;
	/*margin-left: 5px;*/
	/*vertical-align: text-bottom;*/
}

/* Multiselect Content */
.form form .multiselect > .dropdown-menu
{
	position: absolute;
	/*top: 100%;*/
	left: 0;
	z-index: 1000;
	display: none;
	/*float: left;*/
	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 .open > .dropdown-menu
{
	display: block;
}
.form form .multiselect > .dropdown-menu > li > a
{
	display: block;
	list-style: none;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
.form form .multiselect > .dropdown-menu > li > a:hover,
.form form .multiselect > .dropdown-menu > li > a:focus
{
	background: #ececec;
}
.form form .multiselect > .dropdown-menu > .active > a,
.form form .multiselect > .dropdown-menu > .active > a:hover,
.form form .multiselect > .dropdown-menu > .active > a:focus
{
	display: block;
	background: #e0e0e0;
	list-style: none;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
.form form .multiselect > .dropdown-menu > li > a > label.checkbox
{
	display: block;
	color: #222;
	margin: 0;
	padding: 5px 0;
	cursor: pointer;
}

/**
 * ##############################
 * 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: #fcbf33;
	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: #ffc951;
	border: none;
}
.btn-form.as-link:hover
{
	color: #ffc951;
	background: none;
}

/* Disabled */
.btn-form.disabled,
a.btn-link.disabled
{
	background: #ccc;
	cursor: default;
}

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

/* 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";
}
.btn-form > .icon-txt.btn-administrators::before,
.btn-link > .icon-txt.btn-administrators::before
{
	margin-right: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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










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

/**
 * --------------------------------------------------
 * Plugin : jQuery 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 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: #fcbf33;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev
{
	order: 1;
	margin-right: auto;
}
.ui-datepicker .ui-datepicker-next
{
	order: 3;
	margin-left: auto;
}
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before
{
	position: relative;
	top: 4px;
	display: inline-block;
	font-family: 'Glyphicons';
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	padding: 0;
	margin: 0 0 0 1px;
}
.ui-datepicker .ui-datepicker-prev:before
{
	content: "\e225";
}
.ui-datepicker .ui-datepicker-next:before
{
	content: "\e224";
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover
{
	background: #fcbf33;
	margin: 0;
	padding: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span
{
	display: none;
	margin: 0;
	padding: 0;
}
.ui-datepicker .ui-datepicker-title
{
	order: 2;
	flex: 1;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select
{
	/*font-size: 1em;
	margin: 1px 0;*/
	width: 81px;
	border: 0px solid #ccc;
	padding: 3px;
	margin: 0 0 0 5px;
}
.ui-datepicker .ui-datepicker-title select:first-of-type
{
	margin: 0;
}
/*.ui-datepicker select.ui-datepicker-month-year
{
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year
{
	width: 49%;
}*/
/* CONTENT */
.ui-datepicker table
{
	width: 100%;
	font-size: 14px;
	border-collapse: collapse;
	margin: 0;
}
.ui-datepicker th
{
	background: #f0f0f0;
	border: 1px solid #ccc;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 5px;
}
.ui-datepicker td
{
	border: 0;
	margin: 0;
	padding: 0;
}
.ui-datepicker td span,
.ui-datepicker td a:link,
.ui-datepicker td a:visited,
.ui-datepicker td a:hover
{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #363636;
	text-align: right;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 5px;
}
.ui-datepicker td a:hover,
.ui-datepicker td.ui-datepicker-current-day a
{
	color: #fcbf33;
	background: #efefef;
	border: 1px dashed #cfcfcf;
}
.ui-datepicker td.ui-datepicker-today a
{
	border: 0px solid #ccc;
	color: #99cc33;
}
.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 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 : rb-modal-window
 * --------------------------------------------------
 */
.site.mw-open .mw
{
	position: fixed;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	top: 15px;
	right: 15px;
	left: 15px;
	bottom: auto;
	max-height: calc(100vh - 30px);
	z-index: 1000;
	color: #222;
	background: #fff;
}
.site.mw-open .mw-ct-loading
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	padding: 30px;
}
.site.mw-open .mw-ct-loading > .loading
{
	width: 31px;
	height: 31px;
	background: url(../img/ajax-loader.gif);
}

/**
 * ##############################
 * Loading
 * ##############################
 */
.site.mw-open .mw .mw-loading
{
	width: 31px;
	height: 31px;
	background: url(../img/ajax-loader.gif);
}

/**
 * ##############################
 * Header
 * ##############################
 */
.site.mw-open .mw .mw-header
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	background: #e9e9e9;
	padding: 11px;
}
.site.mw-open .mw .mw-header .mw-title
{
	width: 100%;
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
	color: #222;
	text-align: left;
	margin-bottom: 2px;
}
.site.mw-open .mw .mw-header .mw-title > .icon::before
{
	top: 1px;
	margin-right: 5px;
}
.site.mw-open .mw .mw-header .mw-title > .icon.add::before
{
	content: "\e433";
}
.site.mw-open .mw .mw-header .mw-title > .icon.edit::before
{
	content: "\e031";
}
.site.mw-open .mw .mw-header .mw-btn-close
{
	width: 25px;
	height: 25px;
	color: #9c9c9c;
	margin-left: auto;
	cursor: pointer;
	transition: background 0.2s ease;
}
.site.mw-open .mw .mw-header .mw-btn-close:hover
{
	background: #222;
}
.site.mw-open .mw .mw-header .mw-btn-close > .icon::before
{
	top: 3px;
	font-size: 18px;
	content: "\e208";
	margin-left: 1px;
}

/**
 * ##############################
 * Content
 * ##############################
 */
.site.mw-open .mw .mw-content
{
	width: 100%;
	overflow-y: auto;
	box-shadow: none;
}

.site.mw-open .mw .mw-content .article-content
{
	padding: 15px;
}
.site.mw-open .mw.type-form .mw-content .article-content
{
	padding: 0 15px 15px 15px;
}

/**
 * ##############################
 * Message
 * ##############################
 */
.site.mw-open .mw .mw-message
{
	width: 100%;
}
/* Text */
.site.mw-open .mw .mw-message p
{
	font-size: 18px;
	font-weight: 300;
	padding: 15px;
}
/* TYPE : error */
.site.mw-open .mw .mw-message p.error
{
	background: #fdd;
	color: #c00;
}

/**
 * --------------------------------------------------
 * Plugin : rb-modal-window (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 960px)
{
	.site.mw-open .mw
	{
		top: 30px;
		right: 30px;
		left: 30px;
		max-width: 960px;
		margin: 0 auto;

	}
	.site.mw-open .mw.type-form
	{
		max-width: 430px;
	}

	/**
	 * ##############################
	 * Content
	 * ##############################
	 */
	.site.mw-open .mw .mw-content .article-content
	{
		padding: 15px 30px 30px 30px;
	}
}










/**
 * --------------------------------------------------
 * Plugin : rb-tree
 * --------------------------------------------------
 */
/* Default */
.rb-tree ul
{
	display: none;
}
.rb-tree li
{
	display: block;
	width: 100%;
	/*transition: 0.2s ease;*/
}
/* Open */
.rb-tree li.open > ul
{
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}

/**
 * ##############################
 * Loading
 * ##############################
 */
.rb-tree .ct-loading
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	background: #f0f0f0;
	padding: 30px;
}
.rb-tree .ct-loading > .loading
{
	width: 31px;
	height: 31px;
	background: url(../img/ajax-loader.gif);
}

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

/**
 * ##############################
 * Items
 * ##############################
 */
/* Root */
.rb-tree > li
{
	box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
	margin-top: 15px;
}
.rb-tree > li:first-of-type
{
	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 #cecece;
	border-right: 1px dotted #cecece;
}

.rb-tree li > .li-header
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	padding: 10px 15px;
}
.rb-tree li > .li-header:hover
{
	background: rgba(252, 191, 51, 0.2);
}

/* Item name */
.rb-tree li > .li-header > .item-name
{
	flex: 1;
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #00515b;
	cursor: pointer;
}
.rb-tree li > .li-header > .item-name .name-en
{
	display: block;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	color: #9e9e9e;
	margin: 2px 0 0 20px;
}

.rb-tree li > .li-header > .item-name > .icon.label::before
{
	top: 1px;
	color: #99cc33;
	margin-right: 5px;
}
.rb-tree li.parent > .li-header > .item-name > .icon.label::before
{
	content: "\e067";
}
.rb-tree li.parent.open > .li-header > .item-name > .icon.label::before
{
	color: #00515b;
}
.rb-tree li.child > .li-header > .item-name > .icon.label::before
{
	content: "\e066";
}

/* Item options */
.rb-tree li > .li-header > .item-options
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-left: auto;
}
.rb-tree li > .li-header > .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: #fcbf33;
	cursor: pointer;
}
.rb-tree li .trigger:hover
{
	color: #ffc951;
}
.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.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.up::before
{
	content: "\e601";
}

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

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










/**
 * --------------------------------------------------
 * Admin Picture
 * --------------------------------------------------
 */
/* view */
/*.content-admin-picture .user-picture img
{
	display: block;
	width: 250px;
	box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
	margin-top: 15px;
}
.content-admin-picture .btn-bottom
{
	margin-top: 15px;
}*/
/* button crop */
/*.content-admin-picture #btn-crop
{
	display: none;
}*/
/* form crop */
/*.picture-crop.form
{
	width: 600px;
}*/
/* image crop */
/*.picture-crop.form #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;
	margin: 10px auto 0 auto;
	padding: 0;
}
.picture-crop.form #image_jcrop_preview_pane .preview_container
{
	width: 400px;
	height: 400px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.picture-crop.form .image_jcrop_source_container
{
	display: block;
	vertical-align: top;
	margin: 20px auto 0 auto;
	padding: 0;
}
.picture-crop.form .image_jcrop_source
{
	display: inline-block;
	box-shadow: 1px 1px 5px 0px rgba(000, 000, 000, 0.3);
	margin: 0;
	padding: 0;
}
.picture-crop.form .image_jcrop_source img
{
	list-style-type: none;
	line-height: 0;
	vertical-align: top;
	background: #fff;
	margin: 0;
}*/

/**
 * --------------------------------------------------
 * Admin Picture (Responsive)
 * --------------------------------------------------
 */
/*@media only screen and (min-width: 640px)
{
	.content-admin-picture #btn-crop
	{
		display: inline-block;
	}
}*/










/**
 * --------------------------------------------------
 * 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: #fcbf33;
	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: 24px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}
.dashboard.view article ul li .icon.account::before
{
	/* top: 17px; */
	content: "\e137";
}
.dashboard.view article ul li .icon.administrators::before
{
	/* top: 14px; */
	content: "\e044";
	margin-left: 2px;
}
.dashboard.view article ul li .icon.boxes::before
{
	/* top: 17px; */
	content: "\e131";
}
.dashboard.view article ul li .icon.geolocations::before
{
	/* top: 14px; */
	content: "\e503";
	margin-left: 1px;
}
.dashboard.view article ul li .icon.interests::before
{
	/* top: 19px; */
	content: "\e001";
	margin-left: 2px;
}
.dashboard.view article ul li .icon.logout::before
{
	/* top: 1px; */
	content: "\e204";
	margin-left: 2px;
}
.dashboard.view article ul li .icon.merchants::before
{
	/* top: 15px; */
	content: "\e453";
	margin-left: 3px;
}
.dashboard.view article ul li .icon.offers::before
{
	/* top: 19px; */
	content: "\e067";
	margin-left: 2px;
}
.dashboard.view article ul li .icon.packs::before
{
	/* top: 17px; */
	content: "\e227";
	margin-left: -2px;
}
.dashboard.view article ul li .icon.pushs::before
{
	/* top: 17px; */
	content: "\e422";
	margin-left: -5px;
}
.dashboard.view article ul li .icon.settings::before
{
	content: "\e138";
	top: 14px;
}
.dashboard.view article ul li .icon.shops::before
{
	/* top: 16px; */
	content: "\e239";
	margin-left: 1px;
}
.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;
}

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

/*.dashboard.view > article > ul
{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 220px;
	margin: 0 auto;
}
.dashboard.view > article > ul li
{
	display: flex;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items: center;
	width: 110px;
	text-align: center;
	padding: 0 5px;
	margin-top: 30px;
}
.dashboard.view > article > ul li a,
.dashboard.view > article > ul li button.logout
{
	display: block;
	width: 70px;
	height: 70px;
	text-decoration: none;
	background: #fcbf33;
	border: none;
	border-radius: 50%;
	cursor: pointer;
}
.dashboard.view > article > ul li a:hover,
.dashboard.view > article > ul li button.logout:hover
{
	background: #ffc951;
	box-shadow: 0px 0px 10px 0px rgba(000, 000, 000, 0.2);
}
.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
{
	top: 17px;
	content: "\e137";
}
.dashboard.view article ul li .icon.administrators::before
{
	top: 14px;
	content: "\e044";
	margin-left: 2px;
}
.dashboard.view article ul li .icon.boxes::before
{
	top: 17px;
	content: "\e131";
}
.dashboard.view article ul li .icon.geolocations::before
{
	top: 14px;
	content: "\e503";
	margin-left: 1px;
}
.dashboard.view article ul li .icon.interests::before
{
	top: 19px;
	content: "\e001";
	margin-left: 2px;
}
.dashboard.view article ul li .icon.logout::before
{
	content: "\e204";
	top: 1px;
	margin-left: 2px;
}
.dashboard.view article ul li .icon.merchants::before
{
	top: 15px;
	content: "\e453";
	margin-left: 3px;
}
.dashboard.view article ul li .icon.offers::before
{
	top: 19px;
	content: "\e067";
	margin-left: 2px;
}
.dashboard.view article ul li .icon.packs::before
{
	top: 17px;
	content: "\e227";
	margin-left: -2px;
}
.dashboard.view article ul li .icon.pushs::before
{
	top: 17px;
	content: "\e422";
	margin-left: -5px;
}
.dashboard.view article ul li .icon.settings::before
{
	content: "\e138";
	top: 14px;
}
.dashboard.view article ul li .icon.shops::before
{
	top: 16px;
	content: "\e239";
	margin-left: 1px;
}
.dashboard.view > article > ul li .txt
{
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #00515b;
	text-decoration: none;
	text-align: center;
	word-wrap: normal;
	margin-top: 5px;
}*/

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

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

@media only screen and (min-width: 550px)
{
	.dashboard.view > article > ul
	{
		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
{
	width: 100%;
}

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

.geolocations.form form
{
	max-width: 400px;
	margin: 0 auto;
}

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

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

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

/**
 * --------------------------------------------------
 * Module : Geolocations (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 650px)
{
	.geolocations.form
	{
		max-width: 960px;
	}
	.geolocations.form .gmap
	{
		margin: 15px 30px;
	}
}










/**
 * --------------------------------------------------
 * Module : Offers
 * --------------------------------------------------
 */
.offers.form.interests,
.offers.form.geolocations,
.offers.form.shops
{
	width: 100%;
}

.offers.form.interests form,
.offers.form.geolocations form,
.offers.form.shops form
{
	max-width: 960px;
	margin: 15px auto 0 auto;
}

.offers.form form .item.add-offer-text p
{
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	margin-top: 15px;
}

.offers.form form .item.add-offer-text p > span.text-nb
{
	font-weight: 700;
	color: #00515b;
}
.offers.form form .item.add-offer-text p > span.nb
{
	font-weight: 700;
	color: #99cc33;
}










/**
 * --------------------------------------------------
 * Module : Pack
 * --------------------------------------------------
 */
.packs.view article.list > ul .li-c
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.packs.view article.list > ul li:hover
{
	background: none;
}
.packs.view article.list > ul li:hover .li-header
{
	background: #e9e9e9;
}

.packs.view article.list .li-c .btns
{
	margin-top: 15px;
}

.packs.view article.list .li-c ul > li
{
	font-weight: 700;
	color: #99cc33;
}
.packs.view article.list .li-c ul > li + li
{
	margin-top: 5px;
}

.packs.view article.list .li-c ul > li > ul > li
{
	font-weight: 300;
	font-style: italic;
	color: #999;
	margin-left: 15px;
}










/**
 * --------------------------------------------------
 * 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
{
	width: 100%;
}

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

.shops.form form
{
	max-width: 400px;
	margin: 0 auto;
}

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

.shops.form #pac-input
{
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 5px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}

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

/**
 * --------------------------------------------------
 * Module : Shops (Responsive)
 * --------------------------------------------------
 */
@media only screen and (min-width: 650px)
{
	.shops.form
	{
		max-width: 960px;
	}
	.shops.form .gmap
	{
		margin: 15px 30px;
	}
}










/**
 * --------------------------------------------------
 * Plugin tree-multiselect
 * --------------------------------------------------
 */
.tree-multiselect
{
	display: table;
	width: 100%;
	border: 1px solid #e0e0e0;
}
.tree-multiselect > div.selections,
.tree-multiselect > div.selected
{
	display: inline-block;
	vertical-align: top;
	display: table-cell;
	padding: 15px;
}
.tree-multiselect > div.selections
{
	width: 60%;
	border-right: 1px solid #e0e0e0;
}
.tree-multiselect > div.selections.no-border
{
	border-right: none;
}
.tree-multiselect > div.selected > div.item
{
	padding: 2px 5px;
	border-radius: 2px;
	background: #EAEAEA;
}
.tree-multiselect div.section
{
	border-left: 1px solid #99cc33;
	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: #99cc33;
	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: #99cc33;
	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: #222;
	border: 1px solid #222;
}
.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;
}