/* --------------------
*   custom.css
* ---------------------  */
/* Base
______________________________________________________________________________________________*/
/* 
* MelisCommerce [Products] [Text - Add product text]
* Catalogs / Categories
* Added by: Junry fix overflow .overlay-loader @ 15/01/2019
*/
/* d n d */
.melis-ui-outlined .container {
	width: inherit;
}

/*
* Login page
* fixed: http://mantis.melistechnology.fr/view.php?id=3909
*/
.height-plus-sixty,
.login-page {
	height: calc(100vh - 60px);
}

#content #meliscommerce_categories_list_search_input #loader.overlay-loader,
#content #idAddProductText #loader.overlay-loader {
	height: 100%;
}

#idAddProductText.tab-pane.active {
	position: relative;
	overflow: hidden;
}

#idAddProductText.tab-pane.active .row .col-md-12 .row {
	margin: 0;
}
/* End add */

/* padding: 25px; */

.fa.fa-color-green:before {
	color: #72af46;
}
.fa.fa-color-red:before {
	color: #cb4040;
}
.fa.fa-color-orange:before {
	color: #f39a0d;
}

.iframe-content,
.iframe-level-tab,
.myObject {
	border: 0;
}

#content h1.content-heading.page-title {
	padding: 15px;
}

/* Footer
______________________________________________________________________________________________*/
#id_meliscore_footer {
	left: 0;
	width: 100%;
	font-size: 10px;
	line-height: 14px;
	padding: 4px 16px 6px;
	position: fixed;
	z-index: 2;
	background: #f5f5f5;
	bottom: 0;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* SidebarMenuWrap
______________________________________________________________________________________________*/
.sidebar > .sidebarMenuWrapper {
	bottom: 40px;
}

/* Navbar to tabs
______________________________________________________________________________________________*/
.navbar.main.navbar-primary .nav.tabsbar {
	height: 47px;
	border: 0;
}

.navbar.main.navbar-primary .nav > li {
	border-right: 1px solid #ad6565;
	cursor: pointer;
}

.navbar.main.navbar-primary .nav > li .menu-icon .fa {
	padding-right: 5px;
}

.navbar.main.navbar-primary .nav > li.active,
.navbar.main.navbar-primary .nav > li.active:hover,
.navbar.main.navbar-primary .nav > li .dropdown-toggle:hover {
	background-color: #ffffff;
	color: #ad6565;
}
.navbar.main.navbar-primary .nav > li.active > .dropdown-toggle,
.navbar.main.navbar-primary .nav > li.active .dropdown-toggle .fa,
.navbar.main.navbar-primary .nav > li.active .dropdown-toggle:hover,
.navbar.main.navbar-primary .nav > li.active .dropdown-toggle:hover .fa,
.navbar.main.navbar-primary .nav > li .dropdown-toggle:hover,
.navbar.main.navbar-primary .nav > li .dropdown-toggle:hover .fa {
	color: #e61c23 !important;
}

.navbar.main.navbar-primary .nav > li a.close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	background-color: #000000;
	display: none;
	cursor: default;
	text-indent: 5000px;
	overflow: hidden;
	background: none;
}

.navbar.main.navbar-primary .nav > li a.close:before {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	font: 12px/16px "Glyphicons Regular";
	font-style: normal;
	font-weight: normal;
	color: #1d1d1b;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	content: "\E198";
	width: 16px;
	height: 16px;
	color: #000000;
	text-indent: 0;
}
.navbar.main.navbar-primary .nav > li a.close:before {
	color: #555;
}

.navbar.main.navbar-primary .nav > li:hover > a.close {
	display: block;
}

/* main tabs
______________________________________________________________________________________________*/
#id-wrap-maintabs-tabs .menu-bar-options li .fa:before {
	margin-right: 4px;
}
#id-wrap-maintabs-tabs .menu-bar-options li.separator {
	width: 1px;
	position: relative;
}

#id-wrap-maintabs-tabs .menu-bar-options li.separator:before {
	content: "";
	position: absolute;
	display: block;
	top: 5px;
	bottom: 5px;
	width: 1px;
	left: 0;
	border-right: 1px solid #e5e5e5;
}
/*  ============================================= Melis Development CSS =============================================================================  */

body .melis-hide {
	display: none !important;
}
.melis-show-inline {
	display: inline-block;
}
.melis-show {
	display: block;
}

html {
	-webkit-overflow-scrolling: touch;
}

body {
	padding-top: 94px;
	background: #fff;
	position: relative;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.login-page h4.innerAll {
	background: #fff;
}
.login-page .login .main-login-page.placeholder {
	display: block;
	font-size: 12px !important;
	cursor: unset;
	background-color: transparent;
	opacity: 1;
	margin: 0 auto;
}
.login-page .business-logo-container {
	display: inline-block;
	border: 5px solid #fff;
	margin: 60px 0 60px;
	padding: 5px;
	border-radius: 100%;
	box-shadow: inset 0 0 6px #000000;
	background: #fff;
}
.login-page .melis-services-img {
	height: 120px;
	width: 120px;
	border-radius: 41%;
}
.login-page .login .placeholder i {
	margin: 60px 0 60px;
}

.login-page .login form label {
	margin-bottom: 0.5rem;
}

.login-page h4 {
	font-size: 21px;
}

#id_meliscore_login_footer .copy.footer {
	font-size: 14px;
}

.spacing-x2.innerAll,
.spacing-x2 .innerAll,
.spacing-x2 .widget.widget-tabs-vertical .widget-body .tab-content,
.spacing-x2 .box-generic {
	background: #fff;
}
/* Upper Area dataTable Dashboard */
#id_meliscommerce_clients_list_widgets,
#id_MelisCmsProspects_tool_prospects_widgets,
#id_meliscommerce_order_list_widgets {
	padding: 25px 25px 0;
	margin: 0 0 -25px;
}

/* global buttons layout override */
.btn-success {
	background: none;
	color: #72af46;
}
.btn-success:hover {
	background: #72af46;
	border-color: #72af46;
	color: #fff;
}
.btn-danger {
	background: none;
	color: #bd362f;
}
.btn-danger:hover {
	background: #bd362f;
	border-color: #bd362f;
	color: #fff;
}
.btn-info {
	background: none;
	color: #466baf;
}
.btn-info:hover {
	background: #466baf;
	border-color: #466baf;
	color: #fff;
}
.btn-default {
	background: #fafafa;
	border-color: #cecece;
}
.btn-default:hover {
	background: #e7e7e7;
	border-color: #e7e7e7;
	color: #797979;
}

/* left menu*/
.navbar.main.navbar-primary .left-menu {
	position: relative;
	width: 100%;
}
/* sidebar */
.sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li a {
	cursor: pointer;
	padding-left: 10px;
}
.sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li a .fa-tachometer {
	width: 32px;
	height: 32px;
	margin-right: 12px;
	/*padding-top: 4px;*/
}

.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	li.melis-opentools
	a
	.fa-tachometer {
	width: 10px;
	height: auto;
	margin-right: 10px;
}

.sidebar > .sidebarMenuWrapper {
	overflow: auto;
	position: relative;
	top: 0;
}
/*
* Added by: Junry @ 10/09/2018
*/
.sidebar
	> .sidebarMenuWrapper
	> .sideMenu
	li:last-child
	> .collapse.in
	> li:last-child.hasSubmenu {
	margin-bottom: 8px;
}

/*
* fix issue: http://mantis.melistechnology.fr/view.php?id=3589
*/
.sidebar .sideMenu {
	overflow: hidden;
}

/* input character counter */
/* SEO text counter */
.text-counter-indicator {
	font-size: 12px;
	margin-left: 15px;
	letter-spacing: 0.5px;
	font-weight: 600;
	color: #72af46;
}
.text-counter-indicator .fa {
	font-size: 14px;
	margin-right: 4px;
	vertical-align: middle;
	padding-bottom: 1px;
}
.limit {
	color: rgb(255, 0, 0);
}
.filter-bar .limit .dt-length label {
	color: #686868;
}
.melis-seo-desc {
	resize: none;
}

/* accordion layout change */
.sidebar > .sidebarMenuWrapper {
	margin-bottom: 40px;
	-webkit-overflow-scrolling: touch;
}
.sidebar > .sidebarMenuWrapper ul ul li > a[data-bs-toggle="collapse"]:after {
	top: 10px;
}
.sidebar
	> .sidebarMenuWrapper
	ul
	li.active.hasSubmenu
	> a.second-lvl[data-bs-toggle="collapse"]:after {
	top: 16px;
}
.sidebar > .sidebarMenuWrapper > ul .secondlvl-container li a {
	padding-left: 30px;
}

.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	li.active-menu.hasSubmenu
	> a[data-bs-toggle="collapse"] {
	background-color: #e61c23;
}
.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	ul
	li.active-menu.hasSubmenu
	> a[data-bs-toggle="collapse"] {
	background: #3a3a3a;
}
.sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.active-menu.hasSubmenu {
	background-color: #2c2c2c;
}
.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	li.active-menu.hasSubmenu:last-child,
.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	li.active-menu.hasSubmenu:not(:last-child)
	li {
	border: none;
}

.sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.hasSubmenu ul li a {
	float: none !important;
	line-height: 30px !important;
	padding-left: 25px;
}
.sidebar.sidebar-inverse > .sidebarMenuWrapper > ul li.hasSubmenu ul ul li a {
	padding-left: 40px;
}

.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	li.active-menu.hasSubmenu
	ul
	li
	a:hover {
	color: #fff !important;
}
.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	li.active-menu.hasSubmenu
	ul
	li
	a {
	color: #5a5a5a;
}
.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	li.active-menu.hasSubmenu
	ul
	li.active-menu
	> a {
	color: #fff;
}
.sidebar.sidebar-inverse
	> .sidebarMenuWrapper
	> ul
	li.active-menu.hasSubmenu
	ul
	li
	a:hover {
	color: #fff;
	background: #373737;
}
.sidebar
	> .sidebarMenuWrapper
	ul
	li.active-menu.hasSubmenu
	> a[data-bs-toggle="collapse"]:after {
	content: "\f16f";
	top: 21px;
}
.sidebar
	> .sidebarMenuWrapper
	ul
	li.active-menu
	li.active-menu.hasSubmenu
	> a[data-bs-toggle="collapse"]:after {
	top: 16px;
}

/* menu */
/* ---=[ IE 11  FIXES ]=---*/
.sidebar {
	width: 100%;
	position: fixed;
	left: -100%;
	top: 47px;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.sidebar-mini .sidebar {
	left: 0;
	width: 100%;
	display: block;
}
#content {
	padding-bottom: 0;
}
.transition3ms {
	-webkit-transition: 0.3s ease-in-out, margin 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out, margin 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out, margin 0.3s ease-in-out;
	transition: 0.3s ease-in-out, margin 0.3s ease-in-out;
}
#newplugin-cont {
	width: 100%;
	height: 100%;
	position: fixed;
	right: -100%;
	top: 47px;
	z-index: 9999;
	border-right: 1px solid #2c2c2c;
	background: #373737;
	overflow: auto;

	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}
body #newplugin-cont.show-menu {
	right: 0;
}
#newplugin-cont a,
#newplugin-cont span,
#newplugin-cont i {
	color: #fff;
}
#newplugin-cont i,
#newplugin-cont span.langimg-cont {
	width: 30px;
	text-align: center;
	display: inline-block;
	font-size: 18px;
}
#newplugin-cont i:before {
	height: 18px;
	width: 18px;
}
#newplugin-cont span.title {
	color: #fff;
	line-height: 26px;
	padding-left: 10px;
	font-weight: 600;
	text-decoration: none;
	font-size: 13px;
}
#newplugin-cont ul li {
	border-bottom: 1px solid #2c2c2c;
	display: block;
	float: none;
}
#newplugin-cont ul li li {
	padding: 4px 0 8px;
	display: block;
	border-bottom: 1px solid #373737;
}
#newplugin-cont ul li li:last-child {
	padding-bottom: 0;
	border: none;
}
#newplugin-cont #flash-messenger {
	max-height: 300px;
	overflow: auto;
}
#newplugin-cont #id_meliscore_header_flash_messenger span.badge {
	position: absolute;
	left: 30px;
	top: 8px;
	text-align: center;
	padding: 3px 6px;
}
#newplugin-cont li > ul,
#newplugin-cont .ul-cont > li > div {
	padding: 15px;
	background: #2c2c2c;
}
#newplugin-cont #flash-messenger .media-body {
	width: auto;
	color: #fff;
}

#flash-messenger > li {
	cursor: default;
	position: relative;
}
#newplugin-cont #flash-messenger > li .media {
	padding: 5px 10px 10px 35px;
}
#newplugin-cont #melis-messenger-messages:not(.empty-notif) li {
	min-height: 100px;
}
#flash-messenger > li .media {
	margin-top: 0;
	padding: 10px 10px 10px 35px;
}
#flash-messenger > li .media .media-body .text-primary {
	padding-right: 118px;
	display: block;
	line-height: normal;
	margin-bottom: 5px;
	padding-top: 0;
}
#flash-messenger > li .media .media-body .time-email {
	position: absolute;
	top: 10px;
	right: 5px;
}
#flash-messenger > li span.glyphicon {
	position: absolute;
	top: 12px;
	left: 12px;
}

#flash-messenger > li a {
	cursor: default;
	text-decoration: none;
}

/* Dashboard */
.wd-cont .wd-info-cont span {
	display: table-cell;
	vertical-align: middle;
}

/* plugins container hover */
/* #newplugin-cont .ul-cont li:hover ul */
.navbar.main .nav.navbar-right li:hover ul {
	display: block;
	position: static;
	width: 100%;
	border: none;
	float: none;
	box-shadow: none;
}
#newplugin-cont .nav .open > a,
#newplugin-cont .nav > li > a:focus,
#newplugin-cont .nav .open > a:focus,
#newplugin-cont .nav > li > a:hover,
#newplugin-cont .nav .open > a:hover {
	text-decoration: none;
	background-color: #e61c23;
}
#id_meliscore_header .navbar-right li span.title {
	display: none;
}

#newplugin-cont #id_meliscore_header_language ul li.active a {
	background: none;
}
#newplugin-cont #id_meliscore_header_language ul li.active a img {
	margin-right: 8px;
}

/* Role Modal */
#role-fancytree-edit,
#rights-fancytree,
#new-rights-fancytree,
#role-fancytree-new {
	max-height: 300px;
	overflow: auto;
}

/* left menu in header */
/* ---=[ IE 11  FIXES ]=---*/
.navbar.main .left-menu {
	float: left;
	height: 47px;
}
.res-action-container:after,
.navbar-brand:after {
	content: "";
	clear: both;
	display: block;
}
.navbar.main .navbar-right > li a.menu-icon i {
	display: block;
}
.navbar.main .nav > li.notification > a > .badge {
	position: absolute;
	top: 8px;
	left: 18px;
}
.navbar-nav > li > a:not(.menu-icon),
.navbar-nav > li > a .fa:not(.close) {
	position: relative;
}

.navbar.main.navbar-primary {
	border: none;
	width: 100%;
	height: 47px;
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 0;
	z-index: 1000;
	backface-visibility: hidden;
}

.navbar.main.navbar-primary .navbar-brand {
	float: none;
	padding-right: 0;
	border-right: none;
	border-bottom: 1px solid #9e2b2b;
	text-align: center;
}
.navbar.main.navbar-primary .appbrand {
	padding: 0;
}
.navbar.main.navbar-primary .toggle-button i {
	font-size: 24px;
	color: #5a0101;
	transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
}
.navbar.main .toggle-button {
	padding: 0 13px 0 16px;
}
.navbar.main.navbar-primary .appbrand img {
	height: 30px;
	width: 30px;
	position: relative;
	top: -1px;
}
#plugin-menu {
	cursor: pointer;
}

/* main-menu tab - modify menu */
#melis-navtabs-container-outer {
	float: none;
}
.reponsive-menu-tabs {
	height: 40px;
	display: block;
	padding: 8px 10px;
	color: #fff;
	cursor: pointer;

	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
}
.reponsive-menu-tabs span {
	line-height: 26px;
	line-height: 26px;
	letter-spacing: 4px;
	margin-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.reponsive-menu-tabs .fa {
	margin-right: 10px;
}
#tab-arrow-top,
.reponsive-menu-tabs .fa {
	float: right;
	margin-top: 2px;
	font-size: 24px;

	letter-spacing: 0;

	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;

	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}
.reponsive-menu-tabs:hover {
	background: #fff;
}
.reponsive-menu-tabs:hover span,
.reponsive-menu-tabs:hover .fa {
	color: #9e2b2b;
}

/* main tab */
.nav > li > a.tab-element {
	border: none !important;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
}
.nav > li > a.tab-element:hover {
	box-shadow: none;
}

#melis-id-nav-bar-tabs {
	background: #e61c23;
	height: auto;
	display: none;
	width: auto;
}
.navbar #melis-id-nav-bar-tabs > li {
	float: none;
	display: block;
	border-right: none;
	border-bottom: 1px solid #9e2b2b;
	height: auto;
}
.navbar-brand {
	height: 47px;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.melis-tabprev,
.melis-tabnext {
	display: none;
}
.navbar.main.navbar-primary .nav > li a.close {
	width: 48px;
	height: 48px;
	top: 0;
	right: 0;
	border: none;
}
.navbar.main.navbar-primary .nav > li a.close:before {
	font-size: 24px;
	left: 11px;
	top: 15px;
	height: auto;
	width: auto;
}
.navbar.main.navbar-primary .nav > li a.close {
	display: block;
}

/* responsive menu ============================================================================== */
.res-action-container {
	overflow-y: auto;
	max-height: 250px;
	position: relative;
	width: 100%;
	z-index: 101;
}
#res-page-cont {
	border-bottom: 1px solid #9e2b2b;
}
.navbar.main .nav.navbar-right {
	border-top: 1px solid #9e2b2b;
	background: #e61c23;
	height: auto;
	display: none;
}

.navbar.main .nav.navbar-right li:first-child {
	border-left: 1px solid #ad6565;
}
.navbar.main .nav.navbar-right .dropdown-menu {
	border-left: 0px;
}

.navbar.main .nav.navbar-right li {
	height: auto;
	border-bottom: 1px solid #ad6565;
	border-right: none;
}
.navbar.main .dropdown .dropdown-toggle {
	float: none;
}
.navbar.main .nav > li > a .badge {
	float: none;
	top: -6px;
}
.navbar.main .nav > li .dropdown-menu {
	padding-top: 0 !important;
}

#melis-navtabs-container-outer {
	width: 100%;
	background: #e61c23;
	float: none;
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
}
.navbar.main .left-menu {
	/* z-index: 100; */
	z-index: 102; /* fixes on desktop makes the melis platform clickable */
}
.navbar.main #melis-navtabs-container-outer.hide-res-menus {
	margin-top: -47px;
}
.navbar.main #plugins-container.hide-res-menus {
	margin-top: -94px;
}
.move-arrow {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

/* gritter - notifications */
#gritter-notice-wrapper {
	top: 60px;
}
.gritter-top,
.gritter-bottom {
	height: 0;
	background-image: none;
	background-color: #e61c23;
}

.gritter-item {
	padding: 8px 11px;
	background-image: none;
	background-color: #72af46;
	border-radius: 2px;
}
.gritter-close {
	left: initial;
	right: 5px;
}
.gritter-image {
	border-radius: 100%;
}
.gritter-error .gritter-top {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #333;
	opacity: 0.5;
	z-index: -1;
}
.gritter-override {
	top: 40% !important;
	left: 45%;
}

/* notification error overlay */
.melis-modaloverlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	top: 0;
	left: 0;
	opacity: 0.5;
	z-index: 99991;
}
.melis-modal-cont {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99992;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.melis-modal-cont .modal-content {
	padding: 50px 20px 40px;
	width: 300px;
}
.modal-error-cont b {
	margin-bottom: 3px;
	display: block;
}
.modal-error-cont span {
	display: block;
	position: relative;
	padding-left: 12px;
}
.modal-error-cont span .fa {
	position: absolute;
	left: 0;
	top: 8px;

	font-size: 6px;
	color: #e61c23;
	vertical-align: middle;
	padding-right: 5px;
}
.melis-modal-cont .modal-error-cont b {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.melis-modal-cont .modal-content span.btn-primary {
	margin-top: 40px;
	display: block;
}
.melis-modal-cont .delete-page-modal {
	text-align: center;
}
.melis-modal-cont .delete-page-modal span.btn,
.melis-modal-cont .delete-page-modal button {
	width: 160px;
	margin: 0 10px;
}
.melis-modal-cont .modal-content h3,
.melis-modal-cont .modal-content h4 {
	margin-bottom: 30px;
	margin-top: 0;
}
.melis-modal-cont .modal-content p {
	margin-bottom: 4px;
}
/* css hack fix causing blur and flicker modal chrome only */
/* css hack fix causing tooltip blur modal mozilla only */
.modal.in .modal-dialog,
.modal.fade .modal-dialog {
	-webkit-transform: inherit;
	-moz-transform: inherit;
	-o-transform: inherit;
	transform: inherit;
}

/* header container fix */
#meliscore_header_container {
	min-height: 47px;
	height: 47px;
	width: 100%;
	position: fixed;
	top: 0;
	background: #e61c23;
	z-index: 1030;
}

/* content tab fixes */
#melis-id-body-content-load .menubar > li {
	margin: 5px 10px 5px 0;
}
#melis-id-body-content-load .menubar > li a.btn-default {
	border-radius: 3px;
	background: #f3f3f3;
	line-height: 27px;
}
#melis-id-body-content-load .menubar > li a.btn-default:hover {
	background: #fff;
	color: #e61c23;
}

#melis-id-body-content-load
	.menubar
	> li
	a.btn-default:hover
	.displaysettingsicon
	span.fa {
	color: #e61c23;
}

/*
* Added by: Junry @ 10/01/2018
* Fix for top most plugin header is overlapped adding an id selector
* so that it won't conflict with other elements with the same class
*/
.grid-stack-item-content .tab-content > .active {
	margin-top: 0;
}
/*
* Affected as per http://mantis.melistechnology.fr/view.php?id=3849
* 
	@media (min-width: 320px) and (max-width: 767px) {
		.tab-content > .tab-panel-dashboard.active {
			margin-top: 47px;
		}
	}
*/

#content > .innerAll.px2 {
	padding: 0;
}
#content .custom-tab-content {
	padding: 15px;
}
.navbar.main.navbar-primary .nav > li a.close,
.navbar.main.navbar-primary .nav > li a.close:hover {
	border-color: transparent;
	box-shadow: none;
	background: none;
}
/*.navbar.main.navbar-primary .nav > li:hover .dropdown-toggle{
	background: #fff;
	color: #9e2b2b !important;
}
.navbar.main.navbar-primary .nav > li:hover .dropdown-toggle .fa{
	color: #9e2b2b;
}*/

.widget.widget-tabs > .widget-head ul li.active a {
	border-color: transparent;
	border-radius: 0;
	margin: 0;
	box-shadow: none;
	text-shadow: none;
}

/* loader */
#meliscore_leftmenu_identity_container {
	position: relative;
}
.overlay-loader {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9998;
	min-height: 47px;
	height: 100%;
	width: 100%;
	background: #e61c23;
}
/* #content .overlay-loader{
	top: -47px;
}*/
.overlay-loader .loader-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	z-index: 9999;
}
.page-overlay-loader {
	display: block;
	max-width: 500px;
	margin: 8rem auto 10rem;
}
.page-overlay-loader .page-overlay-loader-text {
	width: inherit;
	text-align: center;
	margin-top: -4rem;
}
.page-overlay-loader .page-overlay-loader-text .loader-icon-cog {
	width: 26px;
	height: 26px;
}
.page-overlay-loader .page-overlay-loader-text p {
	display: inline-block;
	color: #fff;
	margin-left: 15px !important;
}
.overlay-loader .loader-icon-cog.spinning-cog,
.overlay-loader .loader-icon.spinning-cog {
	-webkit-animation: spinning-cog 1.3s infinite ease;
	-moz-animation: spinning-cog 1.3s infinite ease;
	-ms-animation: spinning-cog 1.3s infinite ease;
	-o-animation: spinning-cog 1.3s infinite ease;
	animation: spinning-cog 1.3s infinite ease;
}
@media (max-width: 1140px) {
	.page-overlay-loader {
		margin-top: 3rem;
	}
}
@media (max-width: 1024px) {
	.page-overlay-loader {
		margin-top: 1rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.iframe-container
		.widget.widget-tabs.widget-tabs-responsive
		> .widget-head
		ul.nav-tabs
		li {
		/* display: inline-block; */
		border-bottom: 0;
		border-right: 1px solid #e5e5e5;
		border-left: 0;
		float: left;
	}
	.iframe-container
		.widget.widget-tabs.widget-tabs-responsive
		> .widget-head
		ul.nav-tabs
		li
		a {
		height: 71px;
	}
}
/* For tablet */
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.page-overlay-loader {
		margin-top: 7rem;
	}
}
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.page-overlay-loader {
		margin-top: 6rem;
	}
}
@media (max-width: 767px) {
	.iframe-container
		.widget.widget-tabs.widget-tabs-responsive
		> .widget-head
		ul.nav-tabs
		li {
		border-bottom: 1px solid #e5e5e5;
		border-left: 0;
		border-right: 0;
	}
	.iframe-container
		.widget.widget-tabs.widget-tabs-responsive
		> .widget-head
		ul.nav-tabs
		li
		a {
		border-bottom: 0;
	}
}
/* 767px and 576px Portrait */
@media only screen and (min-device-width: 576px) and (max-device-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.page-overlay-loader {
		margin-top: 4rem;
		max-width: 500px;
	}
}
/* 767px and 576px Landscape */
@media only screen and (min-device-width: 576px) and (max-device-width: 767px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.page-overlay-loader {
		margin-top: 0;
		max-width: 350px;
	}
	.page-overlay-loader .page-overlay-loader-text {
		margin-top: -3rem;
	}
}
/* Mobile */
@media only screen and (min-device-width: 320px) and (max-device-width: 576px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.page-overlay-loader {
		margin-top: 0;
		max-width: 350px;
	}
	.page-overlay-loader .page-overlay-loader-text {
		margin-top: -3rem;
	}
}
@media (max-width: 375px) {
	.page-overlay-loader .page-overlay-loader-text {
		margin-top: -3rem;
	}
	.page-overlay-loader {
		margin-top: 6rem;
	}
}
@-webkit-keyframes spinning-cog {
	0% {
		-webkit-transform: rotate(0deg);
	}
	20% {
		-webkit-transform: rotate(-45deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinning-cog {
	0% {
		-moz-transform: rotate(0deg);
	}
	20% {
		-moz-transform: rotate(-45deg);
	}
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes spinning-cog {
	0% {
		-o-transform: rotate(0deg);
	}
	20% {
		-o-transform: rotate(-45deg);
	}
	100% {
		-o-transform: rotate(360deg);
	}
}
@keyframes spinning-cog {
	0% {
		transform: rotate(0deg);
	}
	20% {
		transform: rotate(-45deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes shrinking-cog {
	0% {
		-webkit-transform: scale(1);
	}
	20% {
		-webkit-transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(0);
	}
}
@-moz-keyframes shrinking-cog {
	0% {
		-moz-transform: scale(1);
	}
	20% {
		-moz-transform: scale(1.2);
	}
	100% {
		-moz-transform: scale(0);
	}
}
@-o-keyframes shrinking-cog {
	0% {
		-o-transform: scale(1);
	}
	20% {
		-o-transform: scale(1.2);
	}
	100% {
		-o-transform: scale(0);
	}
}
@keyframes shrinking-cog {
	0% {
		transform: scale(1);
	}
	20% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(0);
	}
}
.overlay-loader .loader-icon.shrinking-cog {
	-webkit-animation: shrinking-cog 0.3s 1 ease forwards;
	-moz-animation: shrinking-cog 0.3s 1 ease forwards;
	-ms-animation: shrinking-cog 0.3s 1 ease forwards;
	-o-animation: shrinking-cog 0.3s 1 ease forwards;
	animation: shrinking-cog 0.3s 1 ease forwards;
}

/* page tab fixes */
.widget {
	margin-bottom: 0;
}
.widget.widget-tabs > .widget-head ul li.active a {
	font-weight: 400;
}
.page-head-container ul li a,
#sidebar-menu {
	cursor: pointer;
}
.container-level-a
	.widget.widget-tabs.widget-tabs-responsive
	> .widget-head
	ul
	li {
	display: inline-block;
	border-bottom: none;
	border-right: 1px solid #e5e5e5;
	/* border-left: 1px solid #e5e5e5; */
}
.widget.widget-tabs.widget-tabs-responsive > .widget-head ul {
	border: none;
}
.widget-tabs .nav-tabs > li > a.glyphicons {
	margin-right: 0;
}
.widget.widget-tabs-icons-only-2
	> .widget-head
	ul
	li
	a.glyphicons:hover
	i:before {
	color: #e61c23;
}
.container-level-a
	.tooltabmodal
	.widget.widget-tabs.widget-tabs-responsive
	> .widget-head
	ul
	li {
	display: block;
	float: none;
}
.menubar > li.active > a,
.menubar > li.open > a {
	font-weight: normal;
}

.displaysettingsicon span.fa {
	padding: 3px;
}
.dropdown-menu span.fa {
	color: #e61c23;
	width: 20px;
	display: inline-block;
	position: relative;
	top: 1px;
}
.display-settings span.fa-mobile {
	font-size: 20px;
}
.display-settings span.fa-tablet {
	font-size: 17px;
}
.displaysettings-container li.active span.fa.fa-color-red:before,
.displaysettings-container li.active:hover span.fa.fa-color-red:before {
	color: #fff;
}
.menubar > li.active > a,
.menubar > li.open > a {
	background: none;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
	text-shadow: none;
}
.widget.widget-tabs-double > .widget-head ul li a.glyphicons,
.widget.widget-tabs-double > .widget-head ul li.active a.glyphicons {
	padding: 9px 15px 0 38px;
}
.widget.widget-tabs-double-2 > .widget-head ul li a {
	height: 69px;
}
.widget-tabs .nav-tabs > li > a.glyphicons {
	border-bottom: 1px solid #e5e5e5;
}

.widget-tabs .nav-tabs > li.active > a.glyphicons:hover {
	transition: none;
	-ms-transition: none;
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

.widget-tabs .nav-tabs > li > a.glyphicons:focus,
.widget-tabs .nav-tabs > li > a.glyphicons:hover {
	border-bottom: 1px solid #e5e5e5;

	transition: none;
	-ms-transition: none;
	-o-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
/* HORIZONTAL TAB */
.product-text-tab-content {
	border: 0px solid #eee;
}

.product-text-tab-form-content {
	padding: 15px;
}

.product-text-tab {
	border: none;
}
.product-text-tab li {
	float: none;
	display: block;
}
.product-text-tab li.active:hover a {
	background: #e61c23;
	border: none;
}
.nav-tabs.product-text-tab li.active a,
.nav-tabs.product-text-tab li.active:focus a,
.nav-tabs.product-text-tab li.active:active a,
.nav-tabs.product-text-tab li a:hover {
	color: #fff;
	background: #e61c23;
	border: none;
	font-weight: normal;
}
.page-content-container .nav-tabs li.active a,
.page-content-container .nav-tabs li.active:focus a,
.page-content-container .nav-tabs li.active:active a,
.page-content-container .nav-tabs li a:hover {
	color: #fff;
	font-weight: normal;
}
.product-text-tab li.active span,
.product-text-tab li.active i,
.product-text-tab li a:hover span,
.product-text-tab li a:hover i {
	color: #fff;
}
.product-text-tab-container .product-text-tab li a {
	padding: 0;
	background: #ecebeb;
	border-radius: 4px;
	color: #7d7b7b;
	display: block;
	margin: 0 0 10px;
	text-shadow: none;
	box-shadow: none;
	border: none;
}
.product-text-tab li a i {
	float: right;
	padding: 7px 10px 7px 7px;
	font-size: 18px;
	vertical-align: middle;
	cursor: pointer;
	color: #c3c0c0;
}
.product-text-tab li a span {
	display: inline-block;
	/*padding: 6px 7px 6px 15px;*/
	padding: 6px 7px 6px 7px;
	vertical-align: middle;
	color: #7d7b7b;
}

/* pagination override */
.pagination > li > a,
.pagination > li > a:hover {
	color: #777;
}
.pagination > li.active > a,
.pagination > li.active > a:focus,
.pagination > li.active > a:hover {
	background: #e61c23;
	border-color: #e61c23;
}
.pagination > li.next > a,
.pagination > li.previous a {
	color: #777;
}
.pagination > li.disabled > a {
	font-weight: 400;
}
.pagination > li.next > a:focus,
.pagination > li.previous > a:focus {
	background: #fff;
}
.pagination > li.next > a:focus:hover {
	background: #eee;
}

/* input and form fixes */
input[type="text"],
input[type="password"],
select,
textarea {
	color: #555;
	font-size: 14px;
}

.form-control::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
	color: #555;
	opacity: 1;
}

.form-control:-moz-placeholder,
form textarea:-moz-placeholder {
	color: #555;
}

.form-control::-moz-placeholder,
form textarea::-moz-placeholder {
	color: #555;
}

.form-control:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
	color: #555;
}

.form-control:-o-input-placeholder,
form textarea:-o-input-placeholder {
	color: #555;
}

/* table layout fixed */
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
	padding-left: 30px;
	position: relative;
	line-height: normal;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	right: initial;
	left: 8px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding-left: 30px;
	line-height: 30px;
}
table.dataTable.nowrap .child td {
	white-space: initial;
}
table.dataTable thead th:last-child {
	padding-right: 40px;
}
table.dataTable thead th.dtActionCls {
	text-align: right;
}

table.dataTable tbody td.dtActionCls {
	text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate,
div.dataTables_wrapper div.dataTables_info {
	padding-top: 30px;
}
/* data tables fixes with sorting */
table.dataTable thead .sorting_asc:after {
	content: "\e094";
}
table.dataTable thead .sorting_desc:after {
	content: "\e093";
}
table.dataTable thead .sorting:after {
	opacity: 0;
}

table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > td.sorting_asc:after {
	content: "\f0de";
}

table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_desc:after {
	content: "\f0dd";
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after {
	position: absolute;
	top: 7px;
	right: 8px;
	display: block;
	font-family: "FontAwesome";
}

table.dataTable thead > tr > th.sorting_asc:after {
	top: 14px;
}

.datepicker thead th.dow {
	background: #e61c23 !important;
	color: #fff;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
}

.datepicker .table-condensed tr td.active,
.datepicker .table-condensed tr td.active:hover,
.datepicker .table-condensed tr td.active.disabled,
.datepicker .table-condensed tr td.active.disabled:hover {
	background-image: none !important;
	filter: none !important;
	background: #e64444 !important;
}

/* data table filter fixes */
#dt_bsdatepicker {
	cursor: pointer;
	border: 1px solid rgba(206, 203, 203, 0.52);
	padding: 2px 5px;
	border-radius: 3px;
	background: #fff;
	margin-right: 5px;
	margin-left: 5px;
}
#dt_bsdatepicker i.fa {
	position: relative;
	top: -1px;
}
#dt_bsdatepicker b.caret {
	float: right;
	margin: 13px 0 0 5px;
}
.filter-bar .dt-date-range-picker {
	cursor: pointer;
	border: 1px solid rgba(206, 203, 203, 0.51);
	border-radius: 3px;
	padding: 0px 10px 3px;
	background: #fff;
}
.filter-bar .form-inline:after,
.filter-bar .form-inline:before {
	content: "";
	display: block;
	clear: both;
}
.melisToolContainer .filter-bar .form-group {
	margin: 10px 0;
}
.melisToolContainer .filter-bar .tool-btn-actions a {
	width: 100%;
}
div.dataTables_wrapper div.dataTables_filter input[type="search"] {
	width: 60%;
}
.melisToolContainer .filter-bar {
	padding: 15px;
	border: none;
}
.meliscms_center_tabs > div:after {
	content: "";
	clear: both;
	display: block;
}

.melisToolContainer .filter-bar label {
	margin: 0;
	float: none;
}
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
	text-align: left;
}

/* filter bar left - middle - right */
.me-heading {
	padding: 15px;
}
#content .me-heading h1 {
	line-height: normal;
	display: inline-block;
	padding: 5px 0 0 0;
	text-transform: none;
	letter-spacing: 0.3px;
}
.me-hr {
	text-align: left;
	margin-top: 15px;
}

.filter-bar label {
	float: none;
	margin: 0;
}
.filter-bar .row > .col-xs-12 > div {
	margin: 5px 5px 5px 0;
	display: inline-block;
}
.filter-bar .row > .col-xs-12 > div:last-child {
	margin-right: 0;
}

.filter-bar select,
.filter-bar input,
.fb-dt-center #dt_bsdatepicker {
	height: 35px;
	border-color: #e5e5e5;
	margin: 0 5px;
	border-radius: 3px;
}
.fb-dt-center #dt_bsdatepicker {
	background: #fff;
	padding: 2px 10px 0px;
}

.bootstrap-dialog.type-warning .modal-header {
	background-color: #f99319;
}

/* table width fixes */
.melisToolContainer
	table.dataTable.dtr-inline.collapsed
	> thead
	> tr
	> th:first-child,
.melisToolContainer
	table.dataTable.dtr-inline.collapsed
	> thead
	> tr
	> th:nth-child(2),
.melisToolContainer
	table.dataTable.dtr-inline.collapsed
	> thead
	> tr
	> th:nth-child(3) {
	padding-right: 0;
}
.pagination-cont {
	padding: 30px 15px;
}

div.dataTables_wrapper .pagination-cont .dataTables_info,
div.dataTables_wrapper .pagination-cont .dataTables_paginate {
	text-align: center;
	white-space: normal;
}

/* treeview  */
span.fancytree-selected span.fancytree-title {
	font-style: normal;
	font-weight: bold;
}
#rights-fancytree .fancytree-node span.fancytree-title {
	color: #686868;
}

ul.fancytree-container {
	border: none;
}
.fancytree-node .fancytree-icon,
.fancytree-node .fancytree-expander {
	background: none;
	position: relative;
}
#rights-fancytree,
#new-rights-fancytree {
	min-height: 400px;
	/*height: 400px;
	overflow-y: auto;*/
}
.fancytree-node.fancytree-has-children .fancytree-expander:before {
	content: "\002B";
}
.fancytree-node.fancytree-expanded .fancytree-expander:before {
	content: "\2212";
}
span.fancytree-selected span.fancytree-title,
span.fancytree-active span.fancytree-title {
	background: transparent;
}
.fancytree-node .fancytree-icon:before,
.fancytree-node .fancytree-expander:before {
	position: absolute;
	top: 1px;
	left: 0;
	width: 16px;
	height: 16px;
	font-family: "Glyphicons Regular";
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	color: #686868;
}

/* global fancytree style */
.fancytree-node .page-icons.fa {
	margin: 0 4px 0 7px;
}
.fancytree-node span.rights-custom-checkbox {
	font-size: 16px;
	position: relative;
	top: 3px;
	left: 3px;
	color: #686868;
	background: none;
	cursor: pointer;
	font-family: Fontawesome !important;
}
#id-mod-menu-dynatree .create-newpage {
	text-align: center;
	padding: 23px 30px 0;
}
#id-mod-menu-dynatree .create-newpage span {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	word-spacing: 2px;
}
.create-newpage span.no-access {
	color: #aaa;
	width: 100%;
	display: block;
	height: auto;
	white-space: initial;
	border: 1px solid #424242;
	padding: 8px 20px 10px;
}

/* dashboard */
.business-logo {
	text-align: center;
	background: #f5f5f5;
	border: none;
}
.business-logo img {
	width: 100px;
	margin-top: 25px;
}
.shrink-logo {
	position: fixed;
	top: 47px;
	z-index: 100;
	height: 60px;
	padding: 10px 0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	margin-bottom: 0 !important;

	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);

	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}
.shrink-logo.business-logo img {
	width: 40px;
	margin-top: 0;

	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}
.shrink-logo h1 {
	display: inline-block;
	font-size: 26px;
	padding-left: 10px;
	vertical-align: middle;

	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}

/* dashboard widgets */
.melis-dashboard-plugins .col-xs-12 {
	margin-bottom: 20px;
}
.dashboard-small {
	height: 200px;
}
.melis-dashboard-plugins .widget .dashboard-widget-content-small {
	max-height: 118px;
	overflow-y: auto;
}
.dashboard-medium {
	height: 400px;
}
.melis-dashboard-plugins .widget .dashboard-widget-content-medium {
	max-height: 318px;
	overflow-y: auto;
}
.dashboard-large {
	height: 800px;
}
.melis-dashboard-plugins .widget .dashboard-widget-content-large {
	max-height: 718px;
	overflow-y: auto;
}
.melis-dashboard-plugins .widget-activity ul.list li {
	padding: 11px 0 8px 15px;
	position: relative;
	height: auto;
	line-height: normal;
	font-weight: bold;
}
.melis-dashboard-plugins .widget-activity ul.list li > span {
	color: #7d7b7b;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	height: auto;
	line-height: normal;
}
.widget.widget-inverse .widget-head .heading {
	color: #fff;
}
.ra-username {
	color: #e61c23;
}
.widget-activity ul.list li.disable-widget-hover:hover,
.widget-activity ul.list li.disable-widget-hover.highlight {
	background: transparent;
}
.widget-activity ul.list li.disable-widget-hover:hover:after,
.widget-activity ul.list li.highlight.disable-widget-hover:after {
	content: "";
}

/* footer */
#id_meliscore_login_footer {
	text-align: center;
	margin: 30px 0;
}
/* footer fix */
#id_meliscore_footer {
	left: 0;
}
#id_meliscore_footer.slide-left {
	left: -100%;
}

/* login */
.login .placeholder {
	font-size: 120px;
	color: #dfdfdf;
}
.loginContent {
	margin: 0;
}
.login-page #sidebar-menu,
.login-page #plugin-menu {
	display: none;
}
.login-page .navbar.main.navbar-primary .appbrand {
	margin-left: 13px;
}
.login-page #melis-navtabs-container-outer,
.login-page #res-plugin-cont {
	display: none;
}
.login-page .navbar.main .nav.navbar-right {
	display: block;
	border: none;
}
.login-page .navbar.main .nav > li > a {
	padding: 0 25px;
}
/* login-page mobile */
@media only screen and (max-width: 767px) {
	body.login-page {
		padding-top: 47px;
	}
	.login-page .res-action-container {
		float: none;
		position: relative;
		width: auto;
		height: 47px;
		max-height: 250px;
		overflow: visible;
	}
	.login-page .navbar.main .nav.navbar-right {
		display: block;
		border: none;
		position: relative;
		z-index: 101;
		background: #e61c23;
		height: 47px;
		width: 50px;
		float: right;
		top: -47px;
	}
	.login-page .navbar.main .nav.navbar-right li {
		position: relative;
		display: block;
		border: 0;
	}
	.login-page .navbar.main .nav > li > a {
		float: none;
		display: block;
		height: 47px;
		line-height: 47px;
		font-weight: 600;
		font-size: 13px;
		padding: 0 13px;
		background: transparent;
	}

	.login-page .navbar.main .nav.navbar-right li:hover ul {
		position: absolute;
		left: inherit;
		right: 0;
		background-color: #e61c23;
	}
	.login-page .navbar.main .nav > li .dropdown-menu li {
		background: #e61c23;
		border-bottom: 1px solid #ad6565;
	}

	#flash-messenger li {
		height: auto;
	}
}

/* checkbox manipulation */
.cb-cont input[type="checkbox"] {
	opacity: 0;
	cursor: pointer;
}
.cb-cont label {
	padding-left: 10px;
	position: relative;
}
.cb-cont .cbmask-outer {
	height: 16px;
	width: 16px;
	display: block;
	position: absolute;
	left: 3px;
	top: 2px;
	border: 2px solid #e61c23;
	text-align: center;
	padding: 2px;
}
.cb-cont .cbmask-inner {
	padding: 4px;
	background: #fff;
	display: block;
}
.cb-cont .cb-active {
	background: #e61c23;
}

/* webkit scrollbar fix */
::-webkit-scrollbar {
	width: 12px;
	height: 14px;
	background: transparent;
	-webkit-appearance: none;
}

::-webkit-scrollbar-track-piece {
	background: transparent;
}

::-webkit-scrollbar-track {
	background: #fff;
}

::-webkit-scrollbar-thumb {
	min-height: 48px;
	background: #e61c23;
	background-clip: padding-box;
	border: 3px solid #fff;
	border-radius: 5px;
}
::-webkit-scrollbar-button {
	display: none;
}

/* user management buttons */
#tableToolUserManagement .btn-group a.btn-success,
#tableToolUserManagement .btn-group a.btn-danger {
	height: 30px;
	width: 32px;
	display: inline-block;
}
#tableToolUserManagement td img {
	border-radius: 100%;
	border: 2px solid #fff;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
/* profile pictures */
.sidebar.sidebar-inverse .user-profile .rounded-circle,
.sidebar.sidebar-inverse .user-profile .img-circle {
	border: 3px solid #4e4e4e !important;
}
#id_meliscore_tool_user_edit_modal form div.center-block,
#id_meliscore_tool_user_new_modal form div.center-block {
	text-align: center;
}
#id_meliscore_tool_user_edit_modal form span.thumbnail,
#id_meliscore_tool_user_new_modal form span.thumbnail {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	border: none;
	border-radius: 100%;
	display: inline-block;
}
#id_meliscore_tool_user_edit_modal form span.thumbnail img,
#id_meliscore_tool_user_new_modal form span.thumbnail img {
	border-radius: 100%;
}

.btn-group .btn + .btn:not(.btn-block) {
	margin-left: 0;
}

/** Melis Core Tool CSS for overlay **/
.melisToolOverlay {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* context menu */
body.disable-create .context-menu-root .icon-paste, /* new */
body.disable-create .create-newpage, /* create page button when there are not pages in the treeview */
body.disable-delete .context-menu-root .icon-delete {
	display: none;
}

/* TEMP COLOR FIXES  ============================== */
table.dataTable.dtr-inline.collapsed
	> tbody
	> tr.parent
	> td:first-child:before,
table.dataTable.dtr-inline.collapsed
	> tbody
	> tr.parent
	> th:first-child:before {
	background: #696969;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	top: 12px;
	border-radius: 0;
	line-height: normal;
	background-color: #b9b8b8;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
	padding-left: 40px;
	background-clip: padding-box;
}

/* modal override */
.modal .modal-body,
.modal .modal-footer {
	padding: 15px;
}
/* .modal .modal-footer button:first-child {

} */
.modal-content {
	border: none;
}
.modal-content .widget .widget-head {
	padding: 0;
}
.modal-content .widget {
	border-radius: 8px;
}
.modal-content .widget .widget-head {
	background: #e61c23;
	border-radius: 4px 4px 0 0;
}
.container-level-a
	.tooltabmodal
	.widget.widget-tabs.widget-tabs-responsive
	> .widget-head
	ul
	li:first-child,
.container-level-a
	.tooltabmodal
	.widget.widget-tabs.widget-tabs-responsive
	> .widget-head
	ul
	li:nth-child(2) {
	border-radius: 6px 0px 0 0;
}
.widget.widget-tabs-double > .widget-head ul li,
.widget.widget-tabs-double > .widget-head ul li.active {
	height: 39px;
}
/* .widget.widget-tabs-double > .widget-head ul li a.glyphicons,
.widget.widget-tabs-double > .widget-head ul li a.glyphicons i:before {
	color: #fff;
}
.widget.widget-tabs > .widget-head ul li.active a.glyphicons,
.widget.widget-tabs > .widget-head ul li.active a.glyphicons i:before {
	color: #e61c23;
} */
.widget.widget-tabs > .widget-head ul li.active:first-child {
	border-radius: 0;
}

/* draggable sidebar style*/
#id_meliscore_leftmenu .ui-resizable-e {
	width: 30px;
	right: -17px;
	z-index: 99999 !important;
}

/* multi value input css */
.multi-value-input {
	border: 1px solid #ccc;
	padding: 0 12px;
	list-style: none;
	border-radius: 3px;
}
.multi-value-input:hover {
	cursor: text;
}
.multi-value-input li {
	background: #ecebeb;
	float: left;
	border-radius: 3px;
	margin: 4px 5px 4px 0;
}
.multi-value-input .tag-creator {
	background: none;
}
.multi-value-input .tag-creator input {
	vertical-align: middle;
	border: none;
	height: 24px;
	font-size: 14px;
	width: 255px;
	margin-left: 5px;
}

.multi-value-input .tag-creator input:active,
.multi-value-input .tag-creator input:focus {
	border: none;
}
.multi-value-input li span {
	display: inline-block;
	padding: 3px 7px 3px 15px;
	vertical-align: middle;
	color: #7d7b7b;
}
.multi-value-input li .fa {
	padding: 3px 10px 3px 7px;
	font-size: 18px;
	vertical-align: middle;
	cursor: pointer;
	color: #c3c0c0;
}
.multi-value-input li .fa:hover {
	text-decoration: none;
	color: #cb4040;
}

/* MODULE PAGE */
.module-settings {
	border: 1px solid #eee;
	border-radius: 5px 5px 0 0;
	margin-bottom: 40px;
}
.module-settings:last-child {
	margin-bottom: 0;
}
.module-settings .ms-heading {
	background: #e61c23;
	border-radius: 5px 5px 0 0;
	position: relative;
}
.module-settings .ms-heading h4 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 20px;
	margin: 0;
}
.module-settings .ms-heading .fa {
	float: right;
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 0px;
	padding: 16px 14px 13px;
	color: #fff;
	cursor: pointer;
	display: block;
}
.module-settings .ms-heading .tooltip .tooltip-inner {
	background: #cb4040;
	font-size: 14px;
	letter-spacing: 0.3px;
	word-spacing: 1px;
	padding: 6px 10px;
	border-radius: 3px;
	max-width: 300px;
}
.module-settings .module-switch {
	float: right;
}
.module-cont {
	padding: 10px 20px;
	border-top: 1px solid #eee;
	background: #fff;
}
.module-cont:hover {
	background: #f7f7f7;
	cursor: move;
}
.modules-settings {
	border: 1px solid #eee;
	border-radius: 5px 5px 0 0;
}
.modules-settings > .module-cont:last-child {
	border-bottom: 1px solid #eee;
}
.module-cont h4 {
	float: left;
	margin: 8px 0 0 0;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.3px;
}
/* jquery sortable cursor adjustments and placeholder */
.ui-sortable-placeholder {
	border: 1px dashed #ddd;
	width: 100%;
	height: 51px;
	background: #eee;
}
.module-cont.ui-sortable-helper {
	cursor: move;
}

.switch-all-container {
	width: 100%;
	text-align: right;
	margin-top: -10px;
	margin-bottom: -10px;
}

#select-deselect-all-module {
	margin-right: 21px;
}

.switch-all-noti {
	top: -27px;
	position: relative;
	right: 10px;
}

/* bootstrap switch */
.has-switch {
	width: 150px;
	font-weight: bold;
}
.has-switch label {
	width: 28%;
	font-size: 10px;
	padding: 4px 7px;
	text-transform: uppercase;
	letter-spacing: 2px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.has-switch {
	border-radius: 3px;
	border: 1px solid #e7e7e7;
	position: relative;
	top: -2px;
}
.has-switch span.switch-left {
	background: #72af46;
	color: #fff;
	border-radius: 3px 0 0 3px;
	width: 37%;
}
.has-switch span.switch-right {
	width: 35%;
	background: #cb4040;
	color: #fff;
	border-radius: 0 3px 3px 0;
}

.has-switch span.switch-left,
.has-switch span.switch-right {
	width: 36%;
	font-weight: 400;

	vertical-align: middle;
	letter-spacing: 0.5px;

	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.has-switch span.switch-left:hover {
	background: #72af46;
	color: #fff;
}
.has-switch span.switch-right:hover {
	background: #cb4040;
	color: #fff;
}

/** form info adjustments **/
.form-group > label:first-child {
	display: block;
	min-height: 18px;
}

.form-group label i.fa-info-circle {
	float: right;
}
.form-group i.fa-info-circle + .tooltip .tooltip-inner {
	padding: 6px 10px;
	border-radius: 2px;
	background-color: #cb4040;
}

p.modal-text-info {
	text-align: justify;
	text-justify: inter-word;
}
div.dt-container div.dataTables_length select.new_filter,
div.dataTables_wrapper div.dataTables_length select.new_filter {
	width: 180px;
	display: inline-block;
}

.input-button-hover-pointer {
	cursor: pointer;
}

#id_meliscore_tool_user_module_management_content .ms-cont {
	width: 280px;
}
#id_meliscore_tool_user_module_management_content .ms-cont h4 {
	padding: 15px 0;
}
#id_meliscore_tool_user_module_management_content .ms-cont .icon-cont .fa {
	display: block;
	position: relative;
	margin: 0;
	height: 47px;
	width: 27px;
	top: 0;
	right: 27px;
	padding: 0;
	line-height: 49px;
	float: right;
	text-align: center;
	z-index: 1;
}
/* ===============================================================[ -= RESPONSIVE =- ]================================================================================ */

@media (min-width: 396px) and (max-width: 767px) {
	.sidebar {
		padding-bottom: 25px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	/* notification */
	.melis-modal-cont .modal-content {
		padding: 50px 30px 40px;
		width: 380px;
	}

	/* filter bar fixed width*/
	.melisToolContainer .filter-bar .form-group {
		width: 300px;
	}
}

@media (min-width: 768px) {
	/* header */
	#plugin-menu {
		display: none;
	}
	.navbar.main.navbar-primary .appbrand {
		float: left;
		margin: 0;
	}
	.navbar.main.navbar-primary .appbrand img {
		margin-right: 10px;
	}
	.navbar.main.navbar-primary .left-menu {
		/* width: auto; */
		width: 274px;
		overflow: hidden;
	}

	/* menu */
	.sidebar {
		left: 0;
		/* changed specific for grid layout bootstrap 4 on #id_meliscore_header #nav-header */
		width: 274px;
		/* width: 320px; */
	}
	.sidebar-mini .sidebar {
		/* changed specific for grid layout bootstrap 4 on #id_meliscore_header #nav-header */
		width: 274px;
		left: -274px;
		/* width: 320px;
		left: -320px; */
	}

	/* content */
	.sidebar-mini #content {
		margin-left: 0 !important;
	}

	.container-level-a
		.tooltabmodal
		.widget.widget-tabs.widget-tabs-responsive
		> .widget-head
		ul
		li {
		float: left;
		border-right: 1px solid #ad6565;
	}

	.tooltabmodal .widget.widget-tabs.widget-tabs-responsive > .widget-head {
		height: 40px;
	}

	#menu {
		display: block;
	}

	body {
		padding-top: 47px;
	}

	/* footer */
	#id_meliscore_footer {
		width: 274px;
		left: 0;
	}
	#id_meliscore_footer.slide-left {
		/* changed specific for grid layout bootstrap 4 on #id_meliscore_header #nav-header */
		left: -274px;
		/* left: -320px; */
	}

	/* preloader [for issue: http://mantis.melistechnology.fr/view.php?id=3878] */
	.meliscms-page-tab-edition > #loader,
	#content .tab-content .tab-pane > #loader.overlay-loader,
	#content > #loader.overlay-loader {
		height: calc(100vh - 47px);
	}
	#content form > #loader.overlay-loader {
		height: calc(100% - 47px);
	}
	/* end pre-loader */

	#content .overlay-loader {
		top: 0;
	}

	/* #content .tab-content .tab-pane .meliscms-page-tab-edition > #loader.overlay-loader {
		height: 100%;
	} */

	/* notification */
	.modal-error-cont {
		position: relative;
		padding-left: 160px;
	}
	.modal-error-cont b {
		position: absolute;
		top: 0;
		left: 0;
		margin-bottom: 0;
	}
	.melis-modal-cont .modal-content {
		padding: 50px 50px 40px;
		width: 600px;
	}

	/* flash messenger */
	#flash-messenger {
		height: 300px;
		overflow: auto;
		width: 300px;
	}
	#flash-messenger.empty-notif {
		height: auto !important;
	}
	.empty-notif-li {
		border: none !important;
	}
	.navbar.main .nav > li.notification > a > .badge {
		margin-left: -12px;
	}

	/* nav tabs */
	.navbar.main.navbar-primary .navbar-brand {
		border-bottom: none;
		border-right: 1px solid #ad6565;
	}
	.reponsive-menu-tabs {
		display: none;
	}
	#melis-id-nav-bar-tabs {
		position: relative;
		left: 0;
		display: block;
		height: 47px;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		-ms-transition: 0.5s ease-in-out;
		overflow: visible;
	}
	.navbar #melis-id-nav-bar-tabs > li {
		float: left;
		/* display: inline-block; */
		width: 170px;
		height: 47px;
		border-right: 1px solid #ad6565;
		border-bottom: none;
		background: #90312e;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		transition: none;
	}
	.navbar #melis-id-nav-bar-tabs > li .navtab-pagename {
		float: left;
		width: 90px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.navbar #melis-id-nav-bar-tabs > li li .navtab-pagename {
		width: 170px;
	}
	.navbar #melis-id-nav-bar-tabs > li:hover > a {
		background: #fff;
		color: #e61c23 !important;
		text-decoration: none;
	}

	.navbar #melis-id-nav-bar-tabs > li:hover > a > i {
		color: #e61c23;
	}
	.navbar #melis-id-nav-bar-tabs > li:hover > a.close {
		background: transparent;
	}

	.navbar #melis-id-nav-bar-tabs > li > a.close:hover {
		opacity: 1;
	}
	.navbar #melis-id-nav-bar-tabs > li > a.close:hover:before {
		color: #e61c23;
	}

	.navbar.main.navbar-primary .nav > li a.close {
		width: 16px;
		height: 17px;
		top: 0;
		right: 0;
		display: none;
	}
	.navbar.main.navbar-primary .nav > li a.close:before {
		font-size: 12px;
		background: transparent;
	}

	.navbar.main.navbar-primary .nav > li a.close:before {
		font-size: 16px;
		height: 16px;
		width: 16px;
		top: 0;
		left: 0;
		text-shadow: none;
	}
	.navbar.main.navbar-primary .nav > li a.close {
		display: none;
	}

	/* responsive menu fix ================ */
	.res-action-container {
		overflow: visible;
		float: none;
		width: auto;
	}

	#melis-navtabs-container-outer,
	#plugins-container {
		width: auto;
		position: initial;
		float: right;
	}
	.navbar.main .nav.navbar-right {
		position: relative;
		z-index: 2;
		display: block;
		border: none;
	}
	.navbar.main .nav.navbar-right > li {
		height: 47px;
		border-right: 1px solid #ad6565;
		border-bottom: none;
	}
	.navbar.main.navbar-primary .nav > li .menu-icon .fa {
		float: left;
		width: 35px;
		text-align: center;
		line-height: 45px;
		height: auto;
	}

	/* plugins container hover */
	.navbar.main .nav.navbar-right li:hover ul,
	#newplugin-cont .ul-cont li:hover ul {
		/* display: inline-block; */
		position: absolute;
		width: auto;
		border: 1px solid rgba(0, 0, 0, 0.15);
		float: left;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	}

	/* tab expander functionality*/
	#melis-navtabs-container-outer {
		float: left;
	}
	#melis-navtabs-container-inner {
		float: left;
		position: relative;
	}
	.melis-tabprev,
	.melis-tabnext {
		float: left;
		padding: 9px 10px;
		font-size: 20px;
		color: #fff;
		background: #e61c23;
		cursor: pointer;
		transition: 0.2s ease;
		position: relative;
		z-index: 100;
		line-height: 31px;
	}
	/**
	* tabExpander
	*/
	/* .firefox .melis-tabnext {
		right: -19px;
	} */
	.melis-tabnext {
		/* float: right;
		right: -10px; */
		float: right !important;
		right: -11px;
	}
	.melis-tabprev:hover,
	.melis-tabnext:hover {
		background: #fff;
		color: #9e2b2b;
	}

	/* login */
	.login-page .navbar.main .nav > li > a {
		padding: 0 13px;
	}

	/* tools - header modal - sorting */
	.melisToolContainer .filter-bar .form-group {
		margin: 5px 0;
		float: none;
	}
	.melisToolContainer .filter-bar .form-group:last-child a {
		width: auto;
	}

	/* pagination */
	div.dataTables_wrapper .pagination-cont .dataTables_info {
		float: left;
	}
	div.dataTables_wrapper .pagination-cont .dataTables_paginate {
		float: right;
		padding-top: 18px;
	}

	/* table heading layout */
	.me-hr {
		text-align: right;
		margin-top: 0;
	}

	/* modal - confirmation modal */
	.modal .modal-footer button {
		width: 160px;
		/* margin: 0 10px; */
	}
}

/*remove tinymce brand name*/
.mce-branding-powered-by {
	display: none;
}

.dataTable span.dtr-data:after {
	content: "\00a0";
}

@media (max-width: 991px) {
	#content
		.page-head-container
		.page-title
		.page-publishunpublish.title-switch {
		margin-top: 0px;
	}
	.dashboard-workflow-container .nav-tabs li > a {
		height: 100%;
	}
	.dataTable span.dtr-data:after {
		content: "\00a0";
	}
	.page-content-container {
		margin-bottom: 15px;
	}
}

@media (min-width: 980px) {
	.melisToolContainer .filter-bar .tool-btn-actions {
		float: right;
		text-align: right;
	}
}

/* col-md breakpoint */
@media (min-width: 992px) {
	.fb-dt-right {
		text-align: right;
	}
}

@media (min-width: 1200px) {
	#id_meliscore_center_dashboard .col-xs-12 {
		margin-bottom: 0;
	}
}

/* TinyMCE responsive */
@media only screen and (max-device-width: 549px) {
	/* #mce-modal-block {
	} */

	.mce-window {
		width: auto !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		background: none !important;
	}

	.mce-window-head {
		background: #fff !important;
	}

	.mce-window-body {
		background: #fff !important;
	}

	/* .mce-foot {
	} */

	.mce-foot > .mce-container-body {
		padding: 10px !important;
	}

	/* .mce-foot button {
	} */

	.mce-panel {
		max-width: 100% !important;
	}

	.mce-container {
		max-width: 100% !important;
		height: auto !important;
	}

	.mce-container-body {
		max-width: 100% !important;
		height: auto !important;
	}

	.mce-form {
		padding: 10px !important;
	}

	.mce-tabs {
		max-width: 100% !important;
	}

	/* .mce-tabs .mce-tab, .mce-tabs .mce-tab.mce-active {
	} */

	.mce-formitem {
		margin: 10px 0 !important;
	}

	/* .mce-btn > button {
	} */

	.mce-abs-layout-item {
		position: static !important;
		width: auto !important;
	}

	.mce-abs-layout-item.mce-label {
		display: block !important;
	}

	.mce-abs-layout-item.mce-textbox {
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important;
		display: block !important;
		width: 100% !important;
	}

	.mce-abs-layout-item.mce-combobox {
		display: flex !important;
	}

	.mce-abs-layout-item.mce-combobox > .mce-textbox {
		-ms-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		flex: 1 1 auto;
		height: 29px !important;
	}
}

.log-type-code {
	margin-top: 0px;
	margin-bottom: 25px;
	padding-left: 5px;
}

/**
* Switch icon
*/
.has-switch label i {
	color: inherit;
}

div#modal-user-management div.widget {
	width: 680px;
}

.module-version-display {
	left: -140%;
}
.diagnostic-module-version-display {
	left: -65%;
}

/* Tooltip IE default mouse icon */
.tip-info {
	cursor: default;
}

.melis-opentools {
	cursor: pointer;
}
#diagnostic-container {
	padding: 40px;
	margin-top: 30px;
}
#diagnostic-container pre {
	background: #eee;
}
#diagnostic-container h3 {
	margin-bottom: 20px;
}
#diagnostic-container h3 .fa {
	margin-right: 10px;
}
#diagnostic-container p {
	font-size: 16px;
	line-height: 1.6;
}
#diagnostic-container p .fa {
	margin-right: 5px;
}
/*
	Nav Active
*/
.tabsbar .nav-group-dropdown li.active > a.tab-element {
	position: relative;
	background: #fff !important;
	color: #e61c23 !important;
}

.tabsbar .nav-group-dropdown li.active > a.close-tab {
	background: #fff !important;
}

.tabsbar .nav-group-dropdown li.active > a.tab-element > i:before {
	color: #e61c23;
}

/*
	Nav Group Dropdown
	Note: force to use !important because of the current bad structure of css
*/
.tabsbar .nav-group-dropdown {
	position: absolute;
	min-width: 250px;
	height: auto;
	max-width: 350px;
	max-height: 400px;
	overflow: visible;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 10%, 0);
	-moz-transform: translate3d(0, 10%, 0);
	transform: translate3d(0, 10%, 0);
	-webkit-transition: all 0.13s ease 0s;
	-moz-transition: all 0.13s ease 0s;
	-ms-transition: all 0.13s ease 0s;
	transition: all 0.13s ease 0s;
	-webkit-box-shadow: 0px 4px 6px #d6d6d6;
	-moz-box-shadow: 0px 4px 6px #d6d6d6;
	-ms-box-shadow: 0px 4px 6px #d6d6d6;
	box-shadow: 0px 4px 6px #d6d6d6;
}
.tabsbar .nav-group-dropdown.scroll li {
	position: relative;
	height: auto;
}
.tabsbar .nav-group-dropdown.scroll > .nav-group-dropdown li a {
	padding-left: 30px;
}
.tabsbar li:hover > .nav-group-dropdown {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 100;
}
.tabsbar .nav-group-dropdown .nav-group-dropdown {
	top: 0;
	left: 100%;
	visibility: hidden;
	-webkit-transform: translate3d(-10%, 0, 0);
	-moz-transform: translate3d(-10%, 0, 0);
	transform: translate3d(-10%, 0, 0);
}

.tabsbar .nav-group-dropdown li {
	position: relative;
	padding: 0;
	width: 100%;
	height: 45px;
	border: none;
}
.tabsbar .nav-group-dropdown li .tab-element {
	color: #fff;
	background: #e61c23;
	height: 45px;
	line-height: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.navbar.main .nav.tabsbar .nav-group-dropdown li .tab-element i.fa {
	height: 40px;
	line-height: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tabsbar ul li a i:before {
	color: #fff;
	line-height: 45px;
	height: 45px;
}
.navbar.main.navbar-primary .tabsbar li:hover > .tab-element {
	background: #fff;
	color: #e61c23 !important;
}
.tabsbar .nav-group-dropdown li:hover > .tab-element > i:before {
	color: #e61c23;
}

.tabsbar .nav-group-dropdown li:hover .nav-group-dropdown {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 100;
}
.navbar.main.navbar-primary .tabsbar .nav-group-dropdown li:hover > a.close {
	display: block;
}

.tabsbar .nav-group-dropdown.scroll {
	overflow-x: hidden;
	overflow-y: auto;
}
.tabsbar .nav-group-dropdown.scroll .nav-group-dropdown {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.tabsbar .nav-group-dropdown.scroll .nav-group-dropdown li a {
	padding-left: 30px;
}
.tabsbar .nav-group-dropdown li:last-child {
	border: none;
}

.tabsbar .has-sub > .tab-element:before,
.tabsbar .has-sub > .has-sub .tab-element:before {
	content: "\f0d7";
	font-family: Fontawesome;
	position: absolute;
	top: 50%;
	right: 8px;
	font-size: 12px;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.tabsbar .has-sub .has-sub > .tab-element:before,
.tabsbar .has-sub > .has-sub .tab-element:before {
	content: "\f0da";
}
.tabsbar .scroll .has-sub > .tab-element:before,
.tabsbar .has-sub > .has-sub .tab-element:before {
	content: "\f0d7";
}
.tabsbar .has-sub > .tab-element:before {
	color: #fff;
}

.tabsbar .has-sub:hover > .tab-element {
	background: #fff;
	color: #e61c23 !important;
}
.tabsbar .has-sub:hover > .tab-element:before {
	color: #e61c23;
}

.tabsbar .has-sub.active > .tab-element:before {
	color: #e61c23;
}

.tabsbar .has-sub.active > .tab-element i:before {
	color: #e61c23;
}

.tabsbar .has-sub.active-parent.on > .tab-element {
	background: #fff;
	color: #e61c23 !important;
}

.tabsbar .has-sub.active-parent.on > .tab-element i:before {
	color: #e61c23;
}

.tabsbar .has-sub.active-parent.on > .tab-element:before {
	color: #e61c23;
}

.navbar.main.navbar-primary .tabsbar .has-sub > a {
	position: relative;
	padding: 0 30px 0 13px;
}

/* User Profile */
#tableToolUserManagement span.text-info {
	color: #466baf !important;
}
.profile-photo {
	position: relative;
	width: 190px;
	height: 190px;
	margin: 20px auto;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 7px #afa8a8;
	-moz-box-shadow: 0 2px 7px #afa8a8;
	-ms-box-shadow: 0 2px 7px #afa8a8;
	-o-box-shadow: 0 2px 7px #afa8a8;
	box-shadow: 0 2px 7px #afa8a8;
}

.photo-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.profile-photo .image-tool-tip {
	position: absolute;
	right: 15px;
	color: #fff;
	background: #e61c23;
	padding: 5px;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	text-align: center;
}
.profile-photo:hover .image-tool-tip {
	opacity: 0;
}
.profile-photo:hover .photo-overlay {
	background: rgba(253, 72, 72, 0.7);
	border-radius: 50%;
}
.profile-photo #user-profile-pic {
	width: 100%;
	height: 100%;
}
.profile-photo .profile-photo-edit {
	cursor: pointer;
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 95px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	-moz-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	-o-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.profile-photo .profile-photo-edit small {
	color: #fff;
}
.profile-photo .profile-photo-edit .fa {
	color: #fff;
	font-size: 18px;
	width: 100%;
	height: 20px;
}
.profile-photo:hover .profile-photo-edit {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 20;
}

.u-name {
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Montserrat", sans-serif;
}

.u-username {
	color: #e61c23;
	font-weight: bold;
}

.u-lists {
	display: block;
	color: #a9a9a9;
	letter-spacing: 0.4px;
	text-align: left;
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.u-lists .fa {
	margin-right: 8px;
	color: #e61c23;
	font-size: 16px;
	width: 17px;
	text-align: center;
}

.user-profile-tab-content {
	padding: 15px;
}

.user-profile-btn-save {
	text-align: right;
	margin: -20px auto 20px;
}

.widget-user .widget-head.nav {
	border-top: 0;
}
.widget-user .widget.widget-tabs-double-2 > .widget-head {
	border-bottom: 1px solid #e5e5e5;
}
.widget-user
	.widget.widget-tabs-double-2
	> .widget-head
	.nav-tabs
	> li
	> a:hover,
.widget-user .widget.widget-tabs-double-2 > .widget-head .nav-pills > li > a,
.widget-user
	.widget.widget-tabs-double-2
	> .widget-head
	.nav-pills
	> li
	> a:hover {
	background: transparent;
}
.widget-user .tabs-label li.active a.glyphicons {
	border-bottom: 0;
}
.widget-user .tabs-label li a.glyphicons {
	border-bottom: 0;
}
.container-level-a
	.widget-user
	.widget.widget-tabs.widget-tabs-responsive
	> .widget-head
	ul
	li
	i:before {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.container-level-a
	.widget-user
	.widget.widget-tabs.widget-tabs-responsive
	> .widget-head
	ul
	li.active:hover {
	height: 70px;
	border-bottom: 1px solid #fff;
}
.container-level-a
	.widget-user
	.widget.widget-tabs.widget-tabs-responsive
	> .widget-head
	ul
	li:hover {
	height: 69px;
}

.tab-content-title {
	margin-bottom: 30px;
	padding: 20px 40px;
	background: #e61c23;
	color: #fff;
	font-size: 18px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: bold;
}

/* Mobile Layout */
@media only screen and (max-width: 1080px) {
	.profile-photo {
		width: 150px;
		height: 150px;
	}

	.profile-photo .profile-photo-edit {
		top: 60px;
	}
}
@media only screen and (max-width: 767px) {
	.tabsbar .nav-group-dropdown,
	.tabsbar .nav-group-dropdown .nav-group-dropdown {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		max-height: 100%;
		max-width: 100%;
		visibility: visible;
		opacity: 1;
		-webkit-box-shadow: 0 0 0;
		-moz-box-shadow: 0 0 0;
		-ms-box-shadow: 0 0 0;
		box-shadow: 0 0 0;

		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}
	.tabsbar .nav-group-dropdown li {
		height: auto;
	}
	.tabsbar ul.nav-group-dropdown li:first-child {
		border-top: 0;
	}
	.navbar.main.navbar-primary
		.tabsbar
		.nav-group-dropdown
		li
		> a.dropdown-toggle {
		padding-left: 30px;
	}
	.navbar.main.navbar-primary
		.tabsbar
		.nav-group-dropdown
		.nav-group-dropdown
		li
		> a.dropdown-toggle {
		padding-left: 60px;
	}
	.navbar.main.navbar-primary
		.tabsbar
		.nav-group-dropdown
		.nav-group-dropdown
		> a.dropdown-toggle {
		padding-left: 60px;
	}
	.navbar.main.navbar-primary .tabsbar .nav-group-dropdown .nav-group-dropdown {
		position: relative;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.tabsbar .has-sub.active-parent.on > .tab-element {
		background: #fff;
		color: #fff !important;
	}
	.tabsbar .has-sub.active-parent.on > .tab-element i:before {
		color: #fff;
	}

	.navbar.main.navbar-primary .nav > li a.close:before {
		font: 16px/16px "Fontawesome";
		content: "\f00d";
		text-shadow: none;
		color: #000;
		cursor: pointer;
	}

	.navbar.main.navbar-primary .tabsbar li a.close-tab:hover {
		background: transparent !important;
	}
	.tabsbar .has-sub .has-sub > .tab-element:before,
	.tabsbar .has-sub > .has-sub .tab-element:before {
		content: "\f0d7";
	}

	.profile-photo {
		margin-top: 50px !important;
	}
}

@media only screen and (max-width: 767px) {
	#content .tooltabmodal#modal-user-management .widget {
		width: auto;
	}
}
@media only screen and (max-width: 992px) {
	.filter-bar .news-list-news-filter-limit {
		min-width: 150px;
	}
	.filter-bar .meliscore_logs_tool_table_limit {
		float: left;
		min-width: 150px;
	}
}

.meliscore-platform-scheme-login-logo {
	display: inline-block;
	border: 5px solid #dadada;
	padding: 5px;
	border-radius: 100%;
	box-shadow: inset 0 0 6px #000000;
	background: #fff;
}

.meliscore-platform-scheme-login-logo .melis-login-logo {
	height: 120px;
	width: 120px;
	border-radius: 41%;
}

/*.meliscore-platform-scheme-login-background {
	-webkit-clip-path: inset(30px 10px 30px 10px);
	clip-path: inset(30px 10px 30px 10px);
}*/

.meliscore-platform-scheme-sidebar-container {
	position: relative;
	top: -1px;
	padding: 10px 15px;
	max-width: 230px;
	width: auto;
	height: 47px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
.melis-core-platform-container {
	background: #dcdcdc;
	padding: 50px;
	text-align: center;
}

#platform-scheme-sidebar-header-title {
	font-size: 18px;
	display: inline-block;
}
.meliscore-platform-scheme-sidebar-container img {
	display: inline-block;
	margin-right: 10px;
	height: 30px;
	width: 30px;
}

#melis_core_platform_scheme_images .input-group {
	width: 100%;
}

#melis_core_platform_scheme_images input#sidebar_header_text {
	text-transform: uppercase;
}

.icon-span-filestyle {
	margin-right: 10px;
}
.melis-ptb20 {
	padding: 20px 0;
}
.meliscore-platform-scheme-favicon img,
.meliscore-platform-scheme-login-logo,
.meliscore-platform-scheme-login-background img,
.meliscore-platform-scheme-sidebar-container melis-primary-bg {
	margin-top: 18px;
}

.i-space {
	margin-right: 10px;
}

.ml-header {
	display: -webkit-box !important;
	font-size: 13px !important;
	width: 155px;
	float: right;
	text-align: left;
	margin-top: 8px;
	height: 30px;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.meliscore-platform-scheme-sidebar-container
	#platform-scheme-sidebar-header-title.ml-header {
	display: -webkit-box !important;
	font-size: 13px !important;
	width: 155px;
	float: right;
	text-align: left;
	margin-top: 0px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.wizard-design .widget.widget-tabs > .widget-head ul li {
	border-right: 1px solid #e5e5e5;
}

/* Dashboard UI */
.dashboard-container {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/*
* Dashboard Plugins Box Container
*/

.melis-core-dashboard-dnd-box {
	position: fixed;
	top: 47px;
	right: 0px;
	width: 224px;
	height: calc(100% - 47px);
	font-family: "Lato", sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
	border-bottom: 4px solid #e61c23;
	border-left: 4px solid #e61c23;
	background: #373737;
	transform: translate3d(224px, 0, 0);
	-webkit-transform: translate3d(224px, 0, 0);
	-moz-transform: translate3d(224px, 0, 0);
	-ms-transform: translate3d(224px, 0, 0);
	transition: transform 0.4s, height 0.4s;
	-webkit-transition: transform 0.4s, height 0.4s;
	-moz-transition: transform 0.4s, height 0.4s;
	z-index: 90; /* back to 90 to fix issue on mobile stacking of elements with content menu / tabs */
	/* z-index: 90999; This is a fix to a particular issue but will affect the z-indexing of other elements specially on mobile view added by: Junry @ 09/25/2018 */
}

/* dashboard plugin show */
.melis-core-dashboard-dnd-box.shown {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

/* dashboard inner box */
.melis-core-dashboard-dnd-fix-menu {
	height: 100%;
	overflow-y: auto;
	/* overflow: visible; */
}

/*
* Added by: Junry @ 10/08/2018
* Responsive add a space at the bottom of the last child of the plugin list
* to make way for the remove all plugins botton
*/
.melis-core-dashboard-plugin-filter-box
	.melis-core-dashboard-ps-box:last-child
	.melis-core-dashboard-plugin-snippets-box {
	margin-bottom: 40px;
}
.melis-commerce-dashboard-plugin-order-messages-parent .message-count {
	margin-top: 10px;
}
/* End /Added */

/* dashboard title */
.melis-core-dashboard-dnd-title {
	padding: 0 15px;
	background: #e61c23;
	color: #fff;
	text-align: center;
	line-height: 47px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 4px;
	font-weight: 700;
	font-size: 14px;
}

/* dashboard plugin box */
.melis-core-dashboard-plugin-filter-box
	.melis-core-dashboard-ps-box:first-child {
	border-top: 1px solid #2c2c2c;
}

/* dashboard plugin category */
.melis-core-dashboard-ps-box .melis-core-dashboard-filter-btn,
.melis-core-dashboard-category-btn {
	display: block;
	position: relative;
	padding: 7px 15px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 1px;
	border-radius: 2px;
	border-bottom: 1px solid #2c2c2c;
	background: #373737;
	-webkit-transition: background 0.4s, border 0.4s;
	-moz-transition: background 0.4s, border 0.4s;
	-ms-transition: background 0.4s, border 0.4s;
	transition: background 0.4s;
	cursor: pointer;
}

/* dashboard plugin category hover */
.melis-core-dashboard-ps-box .melis-core-dashboard-filter-btn:hover,
.melis-core-dashboard-category-btn:hover {
	background: #2c2c2c;
	border-color: #2c2c2c;
}

/* dashboard button */
.melis-core-dashboard-category-btn {
	padding: 4px 15px 4px 11px;
	font-size: 11px;
}

/* dashboard button active / open */
.melis-core-dashboard-ps-box .melis-core-dashboard-filter-btn.active,
.melis-core-dashboard-category-btn.active {
	background: #e61c23;
	border-color: #e61c23;
}

/* dashboard button icon */
.melis-core-dashboard-ps-box .melis-core-dashboard-filter-btn .fa,
.melis-core-dashboard-category-btn .fa {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 20px;
	transition: transform 0.4s;
}

/* dashboard button active / open icon */
.melis-core-dashboard-ps-box .melis-core-dashboard-filter-btn.active .fa,
.melis-core-dashboard-category-btn.active .fa {
	-webkit-transform: rotateZ(-90deg);
	-moz-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
	transform: rotateZ(-90deg);
}

/* plugin title */
.melis-core-dashboard-plugin-title {
	display: block;
	margin-top: 10px;
	color: #fff;
	letter-spacing: 0.4px;
	font-size: 12px;
	transition: color 0.4s;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
}
/* default hide plugins */
.melis-core-dashboard-plugin-snippets-box,
.melis-core-dashboard-category-plugins-box {
	display: none;
}

/* plugins div */
.melis-core-dashboard-plugin-snippets {
	display: block;
	color: #fff;
	letter-spacing: 0.4px;
	font-size: 10px;
	transition: color 0.4s;
	-webkit-transition: color 0.4s;
	-moz-transition: color 0.4s;
}

/* plugins div hover */
.melis-core-dashboard-plugin-snippets:hover {
	opacity: 1;
	background: #e61c23;
}

.melis-core-dashboard-plugin-snippets,
.melis-core-dashboard-category-plugins {
    position: relative;
    padding: 15px 0 10px;
    /* border-bottom: 1px solid #3e3e3e; */
    border-bottom: 0;
    background: #2c2c2c;
    text-align: center;
    opacity: 0.4;
    cursor: pointer;
    transition: opacity 0.4s, background 0.4s;
    -webkit-transition: opacity 0.4s, background 0.4s;
    -moz-transition: opacity 0.4s, background 0.4s;
}

/* plugins image */
.melis-core-dashboard-plugin-snippets img,
.melis-core-dashboard-category-plugins img {
	border-radius: 2px;
	transition: transform 0.4s;
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8);
}

/* plugins hover image */
.melis-core-dashboard-plugin-snippets:hover img,
.melis-core-dashboard-category-plugins:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

/* dashboard plugin button */
.melis-core-dashboard-dnd-box #melisDashBoardPluginBtn {
	position: absolute;
	top: 50px;
	left: -47px;
	padding: 10px 13px 10px 15px;
	background-color: #e61c23;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #fff;
	cursor: pointer;
}

/*.melis-plugin-tooltip {
	position: absolute;
	right: calc(100% + 20px);
	width: 280px;
	padding: 20px;
	background: #212121;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	opacity: 1;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
	font-family: Lato, sans-serif;
	letter-spacing: 0.4px;
	line-height: 1.3;
	font-weight: normal;
	z-index: 10;
}*/

/*
* Dashboard plugin delete all button
* Added by: Junry @ 09/26/2018
*/
.melis-core-dashboard-plugin-delete-all {
	bottom: 0;
	display: block;
	position: absolute;
	height: 34px;
	width: 100%;
	/*  width: 164px; fix for issue: http://mantis.melistechnology.fr/view.php?id=3805 */
}

.melis-core-dashboard-plugin-delete-all #dashboard-plugin-delete-all {
	background-color: #e61c23;
	border-color: #e61c23;
	display: block;
	margin-bottom: 2em;
	width: inherit;
}

#dashboard-plugin-delete-all:hover {
	color: #fff;
	background-color: #6f1518;
	border-color: #6f1518;
}

/*
* Added by: Junry @ 10/10/2018
* Gridstack
*/
.grid-stack-item-content .flotchart-holder {
	margin-top: 60px;
}

/* placeholder */
.grid .grid-widget-placeholder > .placeholder-content {
	background-color: #981a1f;
	border: 1px dashed #d3d3d3;
	margin: 0;
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	bottom: 0;
	width: auto;
	z-index: 0 !important;
	text-align: center;
}

@media (max-width: 767px) {
	.grid-stack
		.grid-stack-item:first-child
		.grid-stack-item-content
		.widget-head
		.btn-group {
		margin-right: 1.5em;
	}
}

/*
*
* Dashboard Plugin Tooltip
*/

.tooltip.top {
	margin-left: 10px;
	margin-right: 10px;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #212121;
	opacity: 0.9;
}

.cms-page-indicators-plugin .innerAll.bg-primary .lead {
	font-size: 1.9em;
}
/* End /added */

.melis-plugin-tooltip.tooltip.left .tooltip-arrow {
	border-left-color: #212121;
}

.melis-plugin-tooltip.tooltip .tooltip-inner {
	max-width: 280px;
	padding: 20px;
	background: #212121;
	border-radius: 4px;
	font-family: Lato;
	font-size: 12px;
	letter-spacing: 0.4px;
	line-height: 1.3;
	font-weight: normal;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	font-family: inherit;
}

@media (min-width: 320px) and (max-width: 640px) {
	.melis-plugin-tooltip.tooltip .tooltip-inner {
		padding: 10px 6px;
	}
}

#melisDashBoardPluginBtn .melis-dashboard-new-plugin {
	background-color: #72af46;
	width: 27px;
	height: 27px;
	position: absolute;
	top: -8px;
	left: -12px;
	padding-left: 3px;
	padding-right: 3px;
	border-radius: 100%;
}

#melisDashBoardPluginBtn .melis-dashboard-new-plugin > .new-plugin-indicator {
	transform: rotate(340deg);
	-webkit-transform: rotate(340deg);
	-moz-transform: rotate(340deg);
	-o-transform: rotate(340deg);
}

.melis-plugins-icon-new-parent > .new-plugin-indicator {
	color: #72af46;
	left: -17px;
	letter-spacing: 0;
}
.new-plugin-indicator {
	color: #fff;
	font: 900 8px "Open Sans";
	text-align: center;
	line-height: 27px;
	position: absolute;
	letter-spacing: 0;
}

.melis-svg-icon {
	position: static;
	width: 32px;
	height: 25px;
	margin-right: 5px;
	margin-top: 5px;
}

.meliscore-dashboard-icon {
	font-size: 2.3em !important;
	width: 25px !important;
}

@media (max-width: 420px) {
	.panel-title {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	#resetPlatformScheme {
		margin: 0 10px;
	}
}

@media (min-width: 768px) {
	.modal-error-cont b {
		width: 31% !important;
	}
}

.melis-svg-icon {
	position: static;
	width: 32px;
	height: 25px;
	margin-right: 5px;
	margin-top: 5px;
}

.form-group span.select2-container {
	width: 100%;
}

.select2-container--default .select2-selection--single {
	height: 36px;
	border: 1px solid #ccc;
}

.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	text-align: left;
	padding: 7px 15px;
	line-height: 21px;
}
.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 100%;
}

.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	strong,
.select2-container--default
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: #555555 transparent transparent transparent;
	border-width: 6px 3px 0 3px;
}
.melis-core-category-plugins-box {
	display: none;
	border-bottom: 1px solid rgb(179, 58, 53);
}

.melis-core-ps-box .melis-core-filter-btn,
.melis-core-category-btn,
.melis-core-filter-btn-sub-category {
	display: block;
	position: relative;
	padding: 7px 15px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	border-radius: 2px;
	border-bottom: 1px solid #2c2c2c;
	background: #373737;
	transition: background 0.4s;
	-webkit-transition: background 0.4s, border 0.4s;
	-moz-transition: background 0.4s, border 0.4s;
	-ms-transition: background 0.4s, border 0.4s;
	cursor: pointer;
}

.melis-core-ps-box .melis-core-filter-btn:hover,
.melis-core-category-btn:hover,
.melis-core-filter-btn-sub-category:hover {
	background: #2c2c2c;
	border-color: #2c2c2c;
}

.melis-core-ps-box .melis-core-filter-btn.active,
.melis-core-category-btn.active {
	background: #e61c23;
	border-color: #e61c23;
}

.melis-core-ps-box .melis-core-filter-btn.active .fa,
.melis-core-category-btn.active .fa {
	transform: rotateZ(-90deg);
	-webkit-transform: rotateZ(-90deg);
	-moz-transform: rotateZ(-90deg);
	-ms-transform: rotateZ(-90deg);
}

.melis-core-ps-box .melis-core-filter-btn .fa,
.melis-core-category-btn .fa {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 20px;
	transition: transform 0.4s;
}
.melis-core-category-btn .fa {
	font-size: 14px;
	top: 9px;
}
.melis-core-dashboard-category-btn i {
	font-size: 13px !important;
}
.melis-core-dashboard-category-btn.active {
	background: #c71920;
	border-color: #c71920;
}

.melis-core-dashboard-filter-btn {
	position: relative;
	padding-left: 47px !important;
}
.melis-core-dashboard-filter-btn .melis-logo {
	position: absolute;
	left: 10px;
}
.melis-plugins-icon-new-parent {
	position: absolute;
	top: 4px;
	right: 40px;
	padding: 2px;
	color: #f52929;
	z-index: 50;
	font-size: 16px;
}
.border-new-plugin {
	border: 4px solid #72af46;
}
.melis-plugins-icon-new-parent {
	position: absolute;
	color: #72af46;
	z-index: 100;
	right: 35px;
	top: 4px;
	font-size: 20px;
}
.melis-plugins-icon-new-child {
	position: absolute;
	color: #72af46;
	z-index: 100;
	right: 39px;
	top: 1px;
}
.melis-plugins-icon-new-sub-child {
	position: absolute;
	color: #72af46;
	z-index: 100;
	right: 37px;
	top: 2px;
	font-size: 13px;
}
.melis-plugins-icon-new-child .melis-plugins-icon-new {
	font-size: 7px;
	left: -10px;
	color: #72af46;
	letter-spacing: 0;
}
.melis-section-icons {
	position: absolute;
	z-index: 99;
	top: 7px;
	left: -21px;
}

.text-new-plugin-indicator {
	position: absolute;
	font-size: 14px;
	top: -7px;
	left: -1px;
	font-weight: 700;
	color: #ffffff;
}
.melis-dashboard-new-plugin i {
	font-size: 29px !important;
	color: #72af46;
}
.melis-core-dashboard-filter-btn .module-name,
.melis-core-dashboard-category-btn .module-name {
	display: block;
	max-width: 87%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* changes the width on smaller widths */
@media (min-width: 320px) and (max-width: 640px) {
	.melis-core-dashboard-dnd-box {
		width: 180px;

		transform: translate3d(180px, 0, 0);
		-webkit-transform: translate3d(180px, 0, 0);
		-moz-transform: translate3d(180px, 0, 0);
		-ms-transform: translate3d(180px, 0, 0);
	}
	.melis-core-dashboard-dnd-box.shown {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}
	.melis-core-dashboard-ps-box .melis-core-dashboard-filter-btn .fa,
	.melis-core-dashboard-category-btn .fa {
		right: 6px;
		font-size: 12px;
	}
	.melis-core-dashboard-plugin-delete-all {
		height: 32px;
	}
	.melis-core-dashboard-plugin-delete-all #dashboard-plugin-delete-all {
		font-size: 13px;
	}
}

/*
* Added by: Junry @ 02/28/2019
* Custom checkbox on duplicate tree, contextmenu modal container
*/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.form-group {
	margin-bottom: 15px;
	position: relative;
}

.form-group .melis-check-box {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-group .cls-checkbox-label {
	position: relative;
	cursor: pointer;
}

/*
* Dashboard User Messages Notifications / Warnings
*/
.no-plugin-on-menu {
	padding: 15px;
}
.no-plugin-on-menu p {
	color: #fff;
}
.no-rights-container {
	padding: 10px;
}

.form-group .cls-checkbox-label::before {
	content: "";
	border: 0.1em solid red;
	padding: 0.65em;
	display: inline-block;
	position: absolute;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	top: -0.5em;
}

.tox .tox-tbtn:hover,
.mce-btn.mce-open:hover {
	background-color: #dee0e2;
	box-shadow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #222f3e;
	cursor: pointer;
}

.form-group .melis-check-box:checked + .cls-checkbox-label::after {
	content: "";
	background: red;
	border: 0.1em solid red;
	width: 1em;
	height: 1em;
	display: inline-block;
	position: absolute;
	top: -0.25em;
	left: 0.2em;
}

.melis-radio-box {
	display: block;
	position: relative;
	cursor: pointer;
	font-family: sans-serif;
	user-select: none;
	padding-left: 24px;
	margin-bottom: 7px;
}

.melis-radio-box input {
	display: none;
}

.melis-radio-box .melis-radio-box-circle {
	display: inline-block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
	/* border-radius: 50%; */
	border: 2px solid #e61c23;
}

.melis-radio-box input:checked + .melis-radio-box-circle:after {
	content: "";
	height: 10px;
	width: 10px;
	background-color: #e61c23;
	position: absolute;
	/* border-radius: 50%; */
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.tab-pane .nav-tabs span img {
	width: 24px;
}
@media (min-width: 768px) {
	#tab-arrow-top {
		display: none;
	}
}
@media (max-width: 767px) {
	.login-page #tab-arrow-top {
		display: none;
	}

	#melis-navtabs-container-inner {
		display: none;
	}

	/* #melis-id-nav-bar-tabs li a.dropdown-toggle {
		width: calc(100% - 48px);
	} */

	#tab-arrow-top {
		background: #e61c23;
		padding: 0 6px;
		margin-top: 0;
		color: #fff !important;
		height: 24px;

		position: fixed;
		right: 10px;
		top: 47px;
		z-index: 100;
	}

	#tab-arrow-top.hide-arrow {
		margin-top: -24px;
	}

	#tab-arrow-top .fa {
		position: relative;
	}

	#tab-arrow-top .fa:before {
		position: relative;
		top: -6px;
	}
}

/** Language flag image style */
.imgDisplay {
	border: none;
	max-width: 24px;
	max-height: 24px;
}

/** GDPR search form checkbox */
.custom-melis-core-gdpr-checkbox-span {
	margin-top: -7px;
	position: absolute;
}

.gdpr-table-checkbox {
	padding: 0 !important;
}

.gdpr-table-checkbox-custom {
	padding-left: 0px !important;
	display: inline-flex;
	width: 23px;
}

/* @media (min-width: 320px) and (max-width: 374px) {
	.melis-core-gdpr-check-box1 {
		margin-left: -3.5% !important;
		font-size: 13px;
	}

	#melis-core-gdpr-search-form-submit {
		margin-left: -2.5% !important;
		width: 105%;
	}

	.gdpr-table-action-button {
		width: 100%;
		margin-bottom: 4px;
	}

	.gdpr-tab-table-container {
		margin-top: 15% !important;
	}
}

@media (min-width: 375px) and (max-width: 424px) {
	.melis-core-gdpr-check-box1 {
		margin-left: -3% !important;
		font-size: 13px;
	}

	#melis-core-gdpr-search-form-submit {
		margin-left: -2% !important;
		width: 104%;
	}
}

@media (min-width: 425px) and (max-width: 499px) {
	.melis-core-gdpr-check-box1 {
		margin-left: -2% !important;
	}

	#melis-core-gdpr-search-form-submit {
		margin-left: -2% !important;
		width: 104%;
	}
}

@media (min-width: 500px) and (max-width: 767px) {
	.melis-core-gdpr-check-box1 {
		margin-left: -1.3% !important;
	}

	#melis-core-gdpr-search-form-submit {
		margin-left: -1% !important;
		width: 102%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.melis-core-gdpr-check-box1 {
		margin-left: 16% !important;
	}

	#melis-core-gdpr-search-form-submit {
		margin-left: 16% !important;
	}
}

@media (min-width: 992px) {
	.melis-core-gdpr-check-box1 {
		margin-left: 16% !important;
	}

	#melis-core-gdpr-search-form-submit {
		margin-left: 16.4% !important;
	}
} */

#id_melis_core_gdpr_tabs .widget-tabs .nav-tabs > li > a.glyphicons {
	border-bottom: none;
}

.widget.widget-tabs-double.widget-regular
	> .widget-head
	ul
	li.active
	a
	i:before {
	color: #e61c23;
}

/* Dashboard plugins new icon */
.melis-core-dashboard-plugin-snippets .melis-plugins-icon-new-child {
	position: relative;
	right: auto;
	top: auto;
	bottom: auto;
}
.melis-core-dashboard-plugin-snippets
	.melis-plugins-icon-new-child
	.melis-plugins-icon-new {
	position: relative;
	left: auto;
	right: auto;
	line-height: 0;
}
.melis-core-dashboard-plugin-title.has-new-plugins {
	margin-top: 0;
}
.dashboard-img-responsive {
	max-width: 100%;
	height: auto;
}

#melis-modals-container .modal-content .nav-tabs > li > a {
	border: 0;
	border-radius: 0;
}

/*
* Sit on top of the page content
* Full height and width (cover the whole page)
* Specify a stack order in case you're using a different order for other elements
* Add a pointer on hover
* Deactivated for the meantime
*/
#disable-left-menu-overlay {
	position: fixed;
	width: 320px;
	height: 100%;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	cursor: progress; /* Add a pointer on hover */
}
input#log_date_range {
	background: #fff;
}

/* Users Rights */
#btnResetRights,
#btnResetRightsNew,
#btnResetRights:hover,
#btnResetRightsNew:hover,
#btnResetRights:active #btnResetRightsNew:active {
	margin-right: 20px;
	background-color: transparent;
	border-color: #2e6da4;
	color: #2e6da4;
}
@media only screen and (max-width: 450px) {
	.rightsBtn {
		padding: 5px;
		max-width: 110px;
		font-size: 13px;
	}
}
@media only screen and (max-width: 376px) {
	.rightsBtn {
		padding: 5px;
		max-width: 120px;
		font-size: 11px;
	}
}
@media only screen and (max-width: 321px) {
	.rightsBtn {
		padding: 3px;
		max-width: 90px;
		font-size: 9px;
	}
}
/*Dashboard plugin using Chart*/
.flotchart-holder .legend table {
	border-collapse: collapse;
}
.page-edition-multi-ko h3 {
	width: 100%;
}
/* Fix for select 2 results not showing up */
.select2-container.select2-container--default.select2-container--open {
	z-index: 1050;
}

.melis-dashboard-bubble-plugin {
	z-index: 0 !important;
}

.dashboard-bubble-update-details {
	cursor: pointer;
}

.dashboard-bubble-update-details:hover {
	background: #fafafa;
}

.label {
	display: inline;
	padding: 0.2em 0.3em 0.3em;
	font-size: 70%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25em;
}

.btn-bubble-read-more {
	background: none;
	color: #466baf;
	border-radius: 0;
	border-color: #466baf;
	padding: 5px 10px;
}

@media (min-width: 1199px) {
	.spacing-x2 .widget,
	.spacing-x2 .filter-bar {
		margin-bottom: 25px;
	}
	.spacing-x2.innerAll,
	.spacing-x2 .innerAll,
	.spacing-x2 .widget.widget-tabs-vertical .widget-body .tab-content,
	.spacing-x2 .box-generic {
		background-color: #fff;
		padding: 25px;
	}
}

.dashboard-bubble-news-plugin-show-news:hover {
	cursor: pointer;
}

#btn-hide-bubble-plugins,
#btn-show-bubble-plugins {
	margin-top: 0;
	font-size: 0.6rem;
	padding: 0.2rem 0.75rem;
}

.dashboard-page-head-container .innerAll {
	padding: 0 15px;
}

.melis-dashboard-bubble-news-melis-plugin .back .widget-head .btn {
	border: 0;
}

#id_meliscore_dashboard_bubble_plugins .page-loaded .row {
	padding: 0 15px;
}

#id_meliscore_dashboard_bubble_plugins .bubble-plugin-flip-cards {
	padding: 0;
	margin: 3px -5px 0;
	height: 100%;
}

#bubble-plugin,
.melis-core-dashboard-msg {
	-webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
	-moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
	-ms-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
	-o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
	transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.melis-core-dashboard-msg .no-plugins {
	margin-left: 10px;
	margin-right: 10px;
}

#bubble-plugin {
	margin: 0;
	overflow: hidden;
}

#bubble-plugin .bubble-plugin-show-hide-button {
	display: block;
	text-align: center;
	margin-top: -1px;
}

#id_meliscore_dashboard_bubble_plugins.hide-flip-cards .page-loaded {
	padding: 0;
	width: 100%;
}

#id_meliscore_dashboard_bubble_plugins .page-loaded {
	padding-bottom: 0;
	padding-top: 0;
}

#id_meliscore_dashboard_bubble_plugins
	.melis-dashboard-bubble-news-melis-plugin
	.front
	.widget,
#id_meliscore_dashboard_bubble_plugins
	.melis-dashboard-bubble-news-melis-plugin
	.back
	.widget {
	margin-bottom: 0;
}

#melis-id-body-content-load {
	background: #fff;
}

#bubble-plugin.mb-20px {
	margin-bottom: 20px;
}

/* @media (min-width: 1200px) {
	#id_meliscore_dashboard_bubble_plugins .bubble-plugin-flip-cards {
		height: 212px;
	}
} */

/* for the Other Config login type of lock */

#login-lock-form #form-display-radio .form-control{
    width:15px!important;
}
#login-lock-form #form-display-radio label{
    font-weight: 600 !important;
}
#login-lock-form #form-display-radio label > input[type="radio"] {
  display: none;
}

#login-lock-form #form-display-radio label > input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: gray;
  padding: 5px;
}

#login-lock-form #form-display-radio label > input[type="radio"]:checked + *::before {
  background: radial-gradient(#e61c23 0%, #e61c23 40%, transparent 50%, transparent);
  border-color: #e61c23;
}
/*
 * Issue on Icons:
 * https://mantis2.uat.melistechnology.fr/view.php?id=6287
 * Add specific selector class or id for exclusivity
 */
.melis-modal-cont .modal-content h3 a.glyphicons.lock i::before {
    font: 64px/1em 'Glyphicons Regular';
	color: #e61c23;
}

/*
 * Datepicker issue on DateField
 * Calendar on dropdown
 */
 .datepicker-dropdown {
	width: 267px;
}
.datepicker-dropdown .datepicker-years span.year,
.datepicker-dropdown .datepicker-months span.month,
.datepicker-block .datepicker-years span.year,
.datepicker-block .datepicker-months span.month {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.datepicker-dropdown .datepicker-years span.year:hover,
.datepicker-dropdown .datepicker-months span.month:hover,
.datepicker-block .datepicker-years span.year:hover,
.datepicker-block .datepicker-months span.month:hover {
	background: #eee;
}
.datepicker-dropdown .datepicker-years span.year.active,
.datepicker-dropdown .datepicker-months span.month.active,
.datepicker-block .datepicker-years span.year.active,
.datepicker-block .datepicker-months span.month.active {
	color: #fff;
	padding: 0 4px;
}
.datepicker-dropdown table thead tr th.next:hover,
.datepicker-dropdown table thead tr th.prev:hover,
.datepicker-dropdown table thead tr th.datepicker-switch:hover,
.datepicker-block table thead tr th.next:hover,
.datepicker-block table thead tr th.prev:hover,
.datepicker-block table thead tr th.datepicker-switch:hover {
	background: #eee;
	cursor: pointer;
}

.datepicker-dropdown table tbody tr td.day:hover {
	background: #eee;
	cursor: pointer;
}
/* end Datepicker issue on DateField */

/* jQuery Migration */
.daterangepicker {
	display: none;
}
.drp-buttons .cancelBtn {
	background: none !important;
    color: #bd362f !important;
	border-color: #bd362f !important;
}
.drp-buttons .cancelBtn:hover {
    background: #bd362f !important;
    border-color: #bd362f !important;
    color: #fff !important;
}
.drp-buttons .applyBtn {
	background: none !important;
	border-color: #72af46 !important;
    color: #72af46 !important;
}
.drp-buttons .applyBtn:hover {
	background: #72af46 !important;
    border-color: #72af46 !important;
    color: #fff !important;
}
.daterangepicker .ranges li {
	font-size: 13px !important;
	border-bottom: 1px solid #e5e5e5 !important;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #e61c23 !important;
    border: 1px solid #e61c23 !important;
	color: #fff;
}
/* end jQuery Migration */
/* dashboard gridstack issue on scaled monitor */
@-ms-viewport{
	width: device-width;
}
@media (min-width: 768px) {
    #content {
        margin-left: 274px;
    }
}
.btn-info.btn-regular {
	background: #466baf;
	border-color: #466baf;
	color: #fff;
}
.btn-info.btn-regular:hover, 
.btn-info.btn-regular:focus {
    background: none;
    color: #466baf;
}

/* jquery.minicolors.css */
.minicolors {
	position: relative;
  }
  
  .minicolors-sprite {
	background-image: url(../images/jquery.minicolors.png);
  }
  
  .minicolors-swatch {
	position: absolute;
	vertical-align: middle;
	background-position: -80px 0;
	cursor: text;
	padding: 0;
	margin: 0;
	display: inline-block;
  }
  
  .minicolors-swatch::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
	border-radius: 2px;
  }
  
  .minicolors-swatch-color {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
  }
  
  .minicolors input[type=hidden] + .minicolors-swatch {
	width: 28px;
	position: static;
	cursor: pointer;
  }
  
  .minicolors input[type=hidden][disabled] + .minicolors-swatch {
	cursor: default;
  }
  
  /* Panel */
  .minicolors-panel {
	position: absolute;
	width: 173px;
	background: white;
	border-radius: 2px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	z-index: 99999;
	box-sizing: content-box;
	display: none;
	touch-action: none;
  }
  
  .minicolors-panel.minicolors-visible {
	display: block;
  }
  
  /* Panel positioning */
  .minicolors-position-top .minicolors-panel {
	top: -154px;
  }
  
  .minicolors-position-right .minicolors-panel {
	right: 0;
  }
  
  .minicolors-position-bottom .minicolors-panel {
	top: auto;
  }
  
  .minicolors-position-left .minicolors-panel {
	left: 0;
  }
  
  .minicolors-with-opacity .minicolors-panel {
	width: 194px;
  }
  
  .minicolors .minicolors-grid {
	position: relative;
	top: 1px;
	left: 1px; /* LTR */
	width: 150px;
	height: 150px;
	margin-bottom: 2px;
	background-position: -120px 0;
	cursor: crosshair;
  }
  [dir=rtl] .minicolors .minicolors-grid {
	right: 1px;
  }
  
  .minicolors .minicolors-grid-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
  }
  
  .minicolors-slider-saturation .minicolors-grid {
	background-position: -420px 0;
  }
  
  .minicolors-slider-saturation .minicolors-grid-inner {
	background-position: -270px 0;
	background-image: inherit;
  }
  
  .minicolors-slider-brightness .minicolors-grid {
	background-position: -570px 0;
  }
  
  .minicolors-slider-brightness .minicolors-grid-inner {
	background-color: black;
  }
  
  .minicolors-slider-wheel .minicolors-grid {
	background-position: -720px 0;
  }
  
  .minicolors-slider,
  .minicolors-opacity-slider {
	position: absolute;
	top: 1px;
	left: 152px; /* LTR */
	width: 20px;
	height: 150px;
	background-color: white;
	background-position: 0 0;
	cursor: row-resize;
  }
  [dir=rtl] .minicolors-slider,
  [dir=rtl] .minicolors-opacity-slider {
	right: 152px;
  }
  
  .minicolors-slider-saturation .minicolors-slider {
	background-position: -60px 0;
  }
  
  .minicolors-slider-brightness .minicolors-slider {
	background-position: -20px 0;
  }
  
  .minicolors-slider-wheel .minicolors-slider {
	background-position: -20px 0;
  }
  
  .minicolors-opacity-slider {
	left: 173px; /* LTR */
	background-position: -40px 0;
	display: none;
  }
  [dir=rtl] .minicolors-opacity-slider {
	right: 173px;
  }
  
  .minicolors-with-opacity .minicolors-opacity-slider {
	display: block;
  }
  
  /* Pickers */
  .minicolors-grid .minicolors-picker {
	position: absolute;
	top: 70px;
	left: 70px;
	width: 12px;
	height: 12px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
	border-radius: 10px;
	margin-top: -6px;
	margin-left: -6px;
	background: none;
  }
  
  .minicolors-grid .minicolors-picker > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: solid 2px white;
	box-sizing: content-box;
  }
  
  .minicolors-picker {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 3px;
	background: white;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
	border-radius: 2px;
	margin-top: -2px;
	margin-left: 1px;
	box-sizing: content-box;
  }
  
  /* Swatches */
  .minicolors-swatches,
  .minicolors-swatches li {
	margin: 5px 0 3px 5px; /* LTR */
	padding: 0;
	list-style: none;
	overflow: hidden;
  }
  [dir=rtl] .minicolors-swatches,
  [dir=rtl] .minicolors-swatches li {
	margin: 5px 5px 3px 0;
  }
  
  .minicolors-swatches .minicolors-swatch {
	position: relative;
	float: left; /* LTR */
	cursor: pointer;
	margin: 0 4px 0 0; /* LTR */
  }
  [dir=rtl] .minicolors-swatches .minicolors-swatch {
	float: right;
	margin: 0 0 0 4px;
  }
  
  .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
	margin-right: 7px; /* LTR */
  }
  [dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
	margin-right: 0;
	margin-left: 7px;
  }
  
  .minicolors-swatch.selected {
	border-color: #000;
  }
  
  /* Inline controls */
  .minicolors-inline {
	display: inline-block;
  }
  
  .minicolors-inline .minicolors-input {
	display: none !important;
  }
  
  .minicolors-inline .minicolors-panel {
	position: relative;
	top: auto;
	left: auto; /* LTR */
	box-shadow: none;
	z-index: auto;
	display: inline-block;
  }
  [dir=rtl] .minicolors-inline .minicolors-panel {
	right: auto;
  }
  
  /* Default theme */
  .minicolors-theme-default .minicolors-swatch {
	top: 5px;
	left: 5px; /* LTR */
	width: 18px;
	height: 18px;
  }
  [dir=rtl] .minicolors-theme-default .minicolors-swatch {
	right: 5px;
  }
  .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
	margin-bottom: 2px;
	top: 0;
	left: 0; /* LTR */
	width: 18px;
	height: 18px;
  }
  [dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
	right: 0;
  }
  .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
	left: auto; /* LTR */
	right: 5px; /* LTR */
  }
  [dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch {
	right: auto;
	left: 5px;
  }
  .minicolors-theme-default.minicolors {
	width: auto;
	display: inline-block;
  }
  .minicolors-theme-default .minicolors-input {
	height: 20px;
	width: auto;
	display: inline-block;
	padding-left: 26px; /* LTR */
  }
  [dir=rtl] .minicolors-theme-default .minicolors-input {
	text-align: right;
	unicode-bidi: plaintext;
	padding-left: 1px;
	padding-right: 26px;
  }
  .minicolors-theme-default.minicolors-position-right .minicolors-input {
	padding-right: 26px; /* LTR */
	padding-left: inherit; /* LTR */
  }
  [dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input {
	padding-right: inherit;
	padding-left: 26px;
  }
  
  /* Bootstrap theme */
  .minicolors-theme-bootstrap .minicolors-swatch {
	z-index: 2;
	top: 3px;
	left: 3px; /* LTR */
	width: 28px;
	height: 28px;
	border-radius: 2px;
  }
  [dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch {
	right: 3px;
  }
  .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
	margin-bottom: 2px;
	top: 0;
	left: 0; /* LTR */
	width: 20px;
	height: 20px;
  }
  [dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
	right: 0;
  }
  .minicolors-theme-bootstrap .minicolors-swatch-color {
	border-radius: inherit;
  }
  .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
	left: auto; /* LTR */
	right: 3px; /* LTR */
  }
  [dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch {
	right: auto;
	left: 3px;
  }
  .minicolors-theme-bootstrap .minicolors-input {
	float: none;
	padding-left: 44px; /* LTR */
  }
  [dir=rtl] .minicolors-theme-bootstrap .minicolors-input {
	text-align: right;
	unicode-bidi: plaintext;
	padding-left: 12px;
	padding-right: 44px;
  }
  .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
	padding-right: 44px; /* LTR */
	padding-left: 12px; /* LTR */
  }
  [dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input {
	padding-right: 12px;
	padding-left: 44px;
  }
  .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
	top: 4px;
	left: 4px; /* LTR */
	width: 37px;
	height: 37px;
	border-radius: 5px;
  }
  [dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
	right: 4px;
  }
  .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
	width: 24px;
	height: 24px;
  }
  .minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
	width: 18px;
	height: 18px;
  }
  .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
	border-top-left-radius: 0; /* LTR */
	border-bottom-left-radius: 0; /* LTR */
  }
  [dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input {
	border-radius: 4px;
  }
  [dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }
  [dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }
  /* bootstrap input-group rtl override */
  [dir=rtl] .input-group .form-control,
  [dir=rtl] .input-group-addon,
  [dir=rtl] .input-group-btn > .btn,
  [dir=rtl] .input-group-btn > .btn-group > .btn,
  [dir=rtl] .input-group-btn > .dropdown-toggle {
	border: 1px solid #ccc;
	border-radius: 4px;
  }
  [dir=rtl] .input-group .form-control:first-child,
  [dir=rtl] .input-group-addon:first-child,
  [dir=rtl] .input-group-btn:first-child > .btn,
  [dir=rtl] .input-group-btn:first-child > .btn-group > .btn,
  [dir=rtl] .input-group-btn:first-child > .dropdown-toggle,
  [dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  [dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
  }
  [dir=rtl] .input-group .form-control:last-child,
  [dir=rtl] .input-group-addon:last-child,
  [dir=rtl] .input-group-btn:last-child > .btn,
  [dir=rtl] .input-group-btn:last-child > .btn-group > .btn,
  [dir=rtl] .input-group-btn:last-child > .dropdown-toggle,
  [dir=rtl] .input-group-btn:first-child > .btn:not(:first-child),
  [dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }
  
  /* Semantic Ui theme */
  .minicolors-theme-semanticui .minicolors-swatch {
	top: 0;
	left: 0; /* LTR */
	padding: 18px;
  }
  [dir=rtl] .minicolors-theme-semanticui .minicolors-swatch {
	right: 0;
  }
  .minicolors-theme-semanticui input {
	text-indent: 30px;
  }