@import url("/inc/c_import_font.css");
/*
$blue: #20ACDA; XXX
$blue: #0480a8;
$blue-dark:#2d2647;
$darkgray: #637078;
$greenhouse: #278427;
$lightgray: #E4E8E9;
$orange: #ffa200;
$purple: #4b4880;
$purple-blue: #4b4880;
$red-alert: #F24B4B;
$green-dark: #13865c;
*/

html { line-height: 1.15;  /* 1 */  -ms-text-size-adjust: 100%;  /* 2 */  -webkit-text-size-adjust: 100%;  /* 2 */}
body { margin: 0;}
article,aside,footer,header,nav,section {  display: block;}
h1 {font-size: 2em; margin: 0.67em 0;}
figcaption,figure,main { /* 1 */ display: block;}
figure { margin: 1em 40px;}
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
a {will-change: box-shadow;box-shadow: 0 0 1px rgba(0, 0, 0, 0.01);background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */}
a:focus,a:active {box-shadow: none;outline: none;}
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}
b,strong { font-weight: inherit;}
b,strong { font-weight: bolder;}
code,kbd,samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
dfn { font-style: italic;}
mark { background-color: #ff0; color: #000;}
small { font-size: 80%;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub { bottom: -0.25em;}
sup { top: -0.5em;}
audio,video { display: inline-block;}
audio:not([controls]) { display: none; height: 0;}
img { border-style: none; max-width:100%}
svg:not(:root) { overflow: hidden;}
button,input,optgroup,select,textarea { font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */}
button,input { /* 1 */ overflow: visible;}
button,select { /* 1 */ text-transform: none;}
button,html [type=button],[type=reset],[type=submit] { appearance: button; -webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { border-style: none; padding: 0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring { outline: 1px dotted ButtonText;}
fieldset { padding: 0; margin: 0; border: none;}
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */}
textarea { overflow: auto;}
input[type=checkbox],input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
input[type="checkbox"]{accent-color: #c9e790; height: 24px; width: 24px; margin:0 10px 0 0; vertical-align:middle; cursor:pointer}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto;}
[type=search] { appearance: textfield; -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { appearance: textfield; -webkit-appearance: none;}
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}
details,menu { display: block;}
summary { display: list-item;}
canvas { display: inline-block;}
template,[hidden] { display: none;}
body { /*background: #f1f4f5;*/ font-size: 14px; font-family: "Museo Rounded", sans-serif; color:#595959; overflow-x: hidden; font-weight: 400;}
a { color: #79BA25; text-decoration: none; transition: all 0.3s ease-in-out;}
a:hover { text-decoration: underline;}
h1 { margin: 0; font-weight: 500;}
h1 span.highlight { color: #79BA25;}
h2 { margin: 0 0 10px 0; font-weight: 500;}
h3 { margin: 0; font-weight: 500;}
p, li { margin: 5px 0; font-size:16px; line-height:140%}
h1 + p,h2 + p, h2 + p{ margin: 15px 0;    font-size: 20px;    display: block;    line-height: 25px;}
h1 + p.noformatting,h2 + p.noformatting {background: inherit; box-shadow: inherit; color: inherit; font-size: 16px; display: inherit; padding: 0;}
h2 + p.noformatting {background: inherit; box-shadow: inherit; color: inherit; font-size: 16px; display: inherit; padding: 0;}
h1 + p {margin-top: 0;color:#0480a8}
h1 + p:first-of-type {font-size:18px}
main .standard-panel p a:not([class]), main .standard-panel li:not([class]) a:not([class]), main p:not([class]) a:not([class]), main .standard-panel p a:not([class]), main .standard-panel p:not([class]) a:not([class]), main .standard-panel .list-gallery-table a:not([class]) {
	color: #e70854;
}
main .standard-panel p a:not([class]):hover, main .standard-panel li:not([class]) a:not([class]):hover, main .standard-panel p:not([class]) a:hover {color: #b60240;}
main .standard-panel p a:not([class]):hover, main .standard-panel p:not([class]) a:hover, main .standard-panel ul:not([class]) li a:hover, p:not([class]) a:not([class]):hover {background-color:#4b4880; background: linear-gradient(90deg, #2d2647, #615786, #2d2647);color: #fff !important;opacity:1; text-decoration:none; /*box-shadow:0 0 0 5px rgba(45, 38, 71, 1);border-radius:1px*/}
/*a:has(img):hover {box-shadow:none !important; background:none !important}*/
.standard-panel h1, main .wrapper h1 { margin: 0 0 20px 0;}
main .wrapper h1+.group-line {margin-top:20px}
.standard-panel h2 { margin: 20px 0 10px 0;}
.standard-panel p { font-size: 16px; line-height: 140%;}
.standard-panel.listing p:first-of-type {margin-bottom:45px}
p + h1, ul + h1 {margin-top:40px;}
h2, main .wrapper h2, main .standard-panel h2 {color: #0480a8; font-weight: 500; font-size: 23px;}
main .standard-panel h2:has(+ p) {margin: 30px 0 0 0;    border-top: 1px solid #0480a82e;    padding-top: 30px;}
h2:has(+ p), h1:has(+ p), h1:has(+ h2) {margin-bottom:0}
button,textarea,select { font-family: "Museo Rounded", sans-serif;}
input[type=button], input[type=submit], input[type=number], input[type=password], input[type=search], input[type=colour], input[type=email], input[type=text] { font-family: "Museo Rounded", sans-serif;}
ul { display: block; margin:30px 0; padding: 0;}
ul li { margin: 0; padding: 0; margin: 15px 0px 15px 0;  display:block;  }
.standard-form ul:not([class]) {list-style-type: disc;}
.standard-form li:not([class]) {font-size: 16px;margin: 15px 0px 15px 15px; display:list-item}
#sitecontainer		{overflow:hidden; min-height:calc(100vh - 40px)}
main { display: block; padding:30px 0 100px 0; min-height: 610px;}
.wrapper { width: 990px; margin: 0 auto;}
@media (min-width: 1250px) { .wrapper {   width: 1270px; }}

input[type=number] { appearance: textfield; -moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}

h2.top-box { background: #637078; color: #fff; height: 50px; line-height: 50px; font-size: 18px; font-weight: 500; text-align: center; border-radius: 4px 4px 0 0;}

button.call-login, button.internal-link {background:none; border:0; width:100%; cursor:pointer}
button.call-login span:hover {cursor:pointer}

.blue-button, .purple-button,.red-button, .darkgray-button,.green-button, .orange-button, .grey-button { background: #0480a8; color: #fff; border: none; height: 30px; line-height: 30px; display: inline-block; border-radius: 4px; text-transform: uppercase; font-weight: 500; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out; padding: 0;}
.blue-button:hover, .purple-button:hover, .red-button:hover, .darkgray-button:hover, .green-button:hover, .orange-button:hover , .grey-button:hover  { transition: all 0.3s ease-in-out; text-decoration: none; transform: scale(1.05);}
.purple-button {background-color:#4b4880}
.red-button {background: #F24B4B;}
.darkgray-button {background: #637078;}
.green-button {background: #79BA25;}
.orange-button {background: #ffa200;}
.green-bg {background-color: #79BA25}
.save-button {background: url(/admin/img/svg/save.svg) no-repeat 30px 30px #0480a8; color: #fff; border: none; width: 150px; height: 85px; line-height: 90px; display: inline-block; border-radius: 4px; text-transform: uppercase; font-weight: 500; text-align: center; cursor: pointer; font-size: 20px; text-indent: 35px; padding: 0; transition: all 0.3s ease-in-out;}
.save-button:hover {font-size:23px;    background-position: 20px 50%; transition: all 0.3s ease-in-out; text-decoration: none;}

.cancel-button, .new-button {background: url(/admin/img/svg/delete.svg) no-repeat 20px 30px #4b4880; background-size:30px 30px; color: #fff; border: none; width: 150px; height: 85px; line-height: 90px; display: inline-block; border-radius: 4px; text-transform: uppercase; font-weight: 500; text-align: center; cursor: pointer; font-size: 20px; text-indent: 35px; padding: 0; transition: all 0.3s ease-in-out;}
.cancel-button:hover, .new-button:hover {font-size:23px;    background-position: 10px 50%; transition: all 0.3s ease-in-out; text-decoration: none;}
.new-button {background: url(/admin/img/svg/add.svg) no-repeat 20px 30px #79BA25; background-size: 32px 32px;    background-position: 20px 27px;}


.button-edit {background-color:#0480a8; color: #fff; border: none; width: 150px; height: 65px; line-height: 65px; display: inline-block; border-radius: 4px; text-transform: uppercase; font-weight: 500; text-align: center; cursor: pointer; font-size: 20px; padding: 0; transition: all 0.3s ease-in-out;}
.button-edit:hover {font-size:23px;    background-position: 20px 50%; transition: all 0.3s ease-in-out; text-decoration: none;}
/*.button-edit:before {font-family:"Material Icons"; font-size:24px; content:"edit"; }*/
.button-pdf {position:relative; height:40px; line-height:40px; padding:0 10px; text-transform:none; font-size:15px;}
.button-pdf:before {    background: #FFF;content: "PDF";color: #F24B4B;margin: 0px 5px 0 0;padding: 3px; font-size:14px;}

.round-button {width: 84px;height: 84px;background-color: #79BA25;border: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.3s ease;}
.round-button:hover, .newpageholder a.round-button:hover {background-color:#278427; text-decoration:none; opacity:1}
.round-button span {font-size: 48px;color: white; font-family:"Material Symbols Outlined"}

.display-none { display: none !important;}
.display-block { display: block !important;-webkit-animation: PanelfadeIn 0.5s; animation: PanelfadeIn 0.5s;}
.display-inline-block { display: inline-block;}

.standard-panel { width: calc(100% - 60px); display: inline-block; background: #fff; border-radius: 4px; padding: 30px; z-index:1; position:relative}
.listingtext {margin:40px 0;}

ul.standard-list { display: block; margin: 20px 0;}
ul.standard-list li { display: block; list-style: circle; position: relative; padding: 10px 0 10px 20px; font-size: 16px;}
ul.standard-list li:before { content: ""; width: 5px; height: 5px; background: #637078; border-radius: 50%; position: absolute; top: 10px; left: 0;}

ol.standard-ol-list { display: block; margin: 20px 0;}
ol.standard-ol-list li { position: relative; padding: 10px 0 10px 20px; font-size: 16px;}

@font-face { font-family: "Museo Rounded"; src: url("/admin/font-face/museo-rounded-300/museosansrounded-300-webfont.eot"); /* IE9 Compat Modes */ src: url("/admin/font-face/museo-rounded-300/museosansrounded-300-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/font-face/museo-rounded-300/museosansrounded-300-webfont.woff") format("woff"), url("/admin/font-face/museo-rounded-300/museosansrounded-300-webfont.ttf") format("truetype"), url("/admin/font-face/museo-rounded-300/museosansrounded-300-webfont.svg#museosansrounded-700-webfont") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 400;}
@font-face { font-family: "Museo Rounded"; src: url("/admin/font-face/museo-rounded-700/museosansrounded-700-webfont.eot"); /* IE9 Compat Modes */ src: url("/admin/font-face/museo-rounded-700/museosansrounded-700-webfont.eot?#iefix") format("embedded-opentype"), url("/admin/font-face/museo-rounded-700/museosansrounded-700-webfont.woff") format("woff"), url("/admin/font-face/museo-rounded-700/museosansrounded-700-webfont.ttf") format("truetype"), url("/admin/font-face/museo-rounded-700/museosansrounded-700-webfont.svg#museosansrounded-700-webfont") format("svg"); /* Legacy iOS */ font-style: normal; font-weight: 500;}
header { width: calc(100% - 100px); height: 60px; line-height: 60px; padding: 7px 50px; display: block; background:#278427; color: #fff;z-index: 999;position: relative;}
header a { color: #fff; text-decoration: underline;}
header a:hover { text-decoration: none;}
header h1 { display: inline-block; line-height: 10%; margin: 10px 0 0 0;}
header h1 img { float: left; margin: 0 5px 0 0;}
header h1 a { display: inline-block;}
header h1 span { display: inline-block; text-transform: uppercase; line-height: 60%;}
header h1 span strong { font-weight: 500; display: block; font-size: 18px; margin: 5px 0 0 0; letter-spacing: 0.05em;}
header h1 span em { font-weight: 400; font-style: normal; display: inline-block; vertical-align: top; margin: -2px 0 0 0; font-size: 8px; letter-spacing: 0.02em;}
header ul { float: right; white-space: nowrap;}
header ul li { display: inline-block; font-size: 15px; margin: 0 0 0 40px;}
header ul li:last-of-type img { display: inline-block; margin: 2px 10px 0 0;}
header ul li:last-of-type a { text-decoration: none;}
header ul li:last-of-type a:hover { text-decoration: underline;}
header .wrapper {height:60px; line-height:60px; vertical-align:middle}
header .wrapper .header-tools {position:absolute; right:0; top: 50%; transform: translateY(-50%); text-align:right; vertical-align:middle;}
/*header .wrapper .header-tools div {display:inline-block; vertical-align:middle; text-align:center; margin:0 0 0 40px; border-radius:4px; box-shadow:0 0 0 1px #FFF; padding:0px 10px; height:50px; position:relative}*/

header .wrapper .header-tools div {display: inline-flex;    vertical-align: middle;    text-align: center;    margin: 0 0 0 30px;    border-radius: 4px;        padding: 0;   position: relative;    justify-content: center;    align-items: center;}
header .wrapper .header-tools div a {color:#FFF;padding:6px 50px 6px 40px;text-decoration:none; font-size:14px; line-height:14px; height:100%; display:inline-block; vertical-align:middle; min-height:34px; border-radius:4px; border: 1px solid #237223;background: #297B29;}
header .wrapper .header-tools div a:hover {color:#FFF; background-color:#e70854; background: linear-gradient(90deg, #2d2647, #615786, #2d2647);  background-size: 200% 100%;  animation: gradientMove 2.5s ease infinite; }
header .wrapper .header-tools div.GSWadmin a {padding:6px 20px; line-height:34px;}
header .wrapper .header-tools div.GSWadmin a:nth-of-type(2) {border-left:1px solid rgb(92 163 62 / 82%)}
header .wrapper .header-tools div a.header-disable {position:relative; margin-left:-3px; border-radius:0 4px 4px 0}
header .wrapper .header-tools div a span {font-size:14px; line-height:14px; font-weight:normal;clear:both; margin:5px 0 0 0; display:block}
header .wrapper .header-tools div a.header-user {padding-right:25px; border-radius:4px 0 0 4px; border-right:none}
header .wrapper .header-tools div a.header-logout {padding:6px 25px;  font-size: 14px;    font-weight: normal; position:relative; border-radius:0 4px 4px 0; border-left:none}
header .wrapper .header-tools div a.header-logout span {font-size: 19px;    line-height: 19px;    margin: 0;}
header .wrapper .header-tools div a:before, header .wrapper .header-tools div a:after {content:"home"; font-family:"Material Icons";  text-transform:lowercase;font-size:22px; font-weight:normal; color:#FFF; position:absolute; left:8px; top: 50%; transform: translateY(-50%);}
header .wrapper .header-tools div a:hover::before, header .wrapper .header-tools div a:hover::after {color:#FFF}
header .wrapper .header-tools .header-website {max-width:300px}
header .wrapper .header-tools .header-website a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
header .wrapper .header-tools .header-website a:after {content:"open_in_new"; left:calc(100% - 35px); font-size:22px; }
header .wrapper .header-tools .header-website.header-nodate a {line-height:34px}
header .wrapper .header-tools div a.header-user:after, header .wrapper .header-tools div a.header-logout:before {content:""; padding:0;}
header .wrapper .header-tools div a.header-user:before {content:"";content:"account_circle"}
header .wrapper .header-tools div a.header-logout:after, header .wrapper .header-tools div.GSWadmin a:before, header .wrapper .header-tools div.GSWadmin a:after  {content:""; display:none}
header .wrapper .header-tools div a.header-logout:before, header .wrapper .header-tools div a.header-disable:before {content: "";  position: absolute;  left: 0;  top: 23px;  height: 34px;  width: 2px;background-color: #237223;}
header .wrapper .header-tools div a.header-logout:hover:before, .wrapper .header-tools div a.header-user:hover + a::before {display: none;}
header .wrapper .header-tools .iconsettings {margin: 0 8px -4px 0 !important; width: 20px; filter:brightness(0) invert(1);}
/* Dropdown */
.GSWadmin .dropdown {display: none; position: absolute;top: 100%; right: 0;background: linear-gradient(90deg, #2d2647, #615786, #2d2647);border-radius: 4px;box-shadow: 0 0 0 1px #2d2647;min-width: 180px;list-style: none;padding:10px;margin: -1px -10px 0 0;z-index: 10000;}
header .wrapper .header-tools div.GSWadmin .dropdown li {border-bottom:1px solid #ffffff52;	display: block;	margin: 0;}
header .wrapper .header-tools div.GSWadmin .dropdown li:last-child {	border-bottom: none;	}
header .wrapper .header-tools div.GSWadmin .dropdown a {display: block;	padding: 6px 12px;	text-decoration: none;	color: #FFF;border:0; background:none; text-align:left}
header .wrapper .header-tools div .dropdown a:hover {animation:none; color:#278427;	box-shadow: none; background:#FFF; border-radius:0;}
header .wrapper .header-tools div .dropdown a.flame {background-image: url(/admin/img/icon-flame.png);	background-repeat: no-repeat;	background-position: left 8px top 12px;	padding-left: 35px;}
.GSWadmin:hover .dropdown {display: block;}
.GSWadmin:hover > #header-settings {box-shadow: 0 0 0 1px #2d2647;background-color: #4b4880;background: linear-gradient(90deg, #2d2647, #615786, #2d2647);background-size: 200% 100%;animation: gradientMove 2.5s ease infinite;}
@media (max-width: 1024px) {
	header .wrapper .header-tools div.GSWadmin .dropdown {display:none; width:0; height:0;}
}
.icon-circle, header .wrapper .header-tools div a span.icon-circle {display: inline-block;background: #FFF;border-radius: 50%;width: 22px;height: 22px;color: #278427;line-height: 22px;margin: 0 5px 0 0;font-weight: bold;font-size: 15px;}
/*header .wrapper .header-tools div a.header-logout:after {content:"logout";left: calc(100% - 43px);    font-size: 20px;    top: 13px;}*/
nav {
	background: #fff; width: 100%; display: inline-block; height: 60px; position: relative; z-index: 500;
}
nav ul.nav { width: 990px; margin: 0 auto; display: table;}
nav ul.nav li { margin: 0; padding: 0; background: none; font-size: 17px; height: 60px; line-height: 60px; text-align: center; position: relative; display: table-cell; text-align: center; white-space: nowrap;}
nav ul.nav li a { color:#111; margin: 0 20px; display: inline-block;}
nav ul.nav li#nav-MATs {background-color:#edf4ee; color:#657078;    border-left:1px solid #dce7de;    border-right:1px solid #dce7de;}
nav ul.nav li#nav-MATs:hover {background-color:#e2eee4;}
nav ul.nav li a img { display: inline-block; margin: 0 3px; position:relative}
nav ul.nav li#nav-MATs a img {margin:0 6px 0 -4px}
nav ul.nav.compliance li a img {top:3px}
nav ul.nav.compliance li#nav-audits a img {top:8px; height:37px}
nav ul.nav.compliance li#nav-reminders a img {left: -4px;top:5px;height:25px}
nav ul.nav.compliance li#nav-users a img {height: 24px;    left: -5px;    top: 5px;}
nav ul.nav.compliance li#nav-policies a img {height: 31px; left:4px}
nav ul.nav.compliance li#nav-Traffic a img, nav ul.nav.compliance li#nav-Help a img {height: 22px; left:-2px}
nav ul.nav li ul { position: absolute; left: 0; margin: 0; padding: 0 20px 0 20px; background: none; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;}
nav ul.nav li:hover ul { left: 0; margin-left:0; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out;width: 100%;min-width: 210px;text-align: center;}
nav ul.nav li:active ul { transition: opacity 0.1s ease-in-out;}
nav ul.nav li li { float: none; display: block; padding: 0; height: auto; line-height: 35px;    width: 220px;    margin: 0 auto;}
nav ul.nav li li a { background: #79BA25; color: #fff; line-height: 28px; padding: 4px 12px; min-width: 150px; float: none; top: auto; display: block; position: static; text-align: left; font-size: 14px; margin: 0; border-bottom:1px solid #2d26476e; white-space:normal}
nav ul.nav li li:hover { background: #637078; color: #fff; text-decoration: none;}
nav ul.nav li li:hover > a { background: #637078; color: #fff; text-decoration: none;}
nav ul.nav li li a:hover, nav ul.nav li li a:focus { background: #637078; color: #fff; text-decoration: none;}
nav ul.nav li li a.parent:after { margin: -1px 0 0 10px; content: url("/i/design/lite/nav-right-arrow-white.png"); opacity: 1; line-height: 1;}
nav ul.nav > li:hover > a,nav ul.nav > li > a:hover { color: #79BA25; text-decoration: none; box-shadow: inset 0 -5px 0 0 #79BA25;}
nav ul.nav ul ul { z-index: 505; padding: 0 20px 20px;}
nav ul.nav li:hover ul ul, nav ul.nav ul li:hover ul ul { left: 100%; top: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out;}
nav ul.nav ul li:hover ul, nav ul.nav ul li:hover ul li:hover ul { left: 100%; top: 0; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out;}
nav ul.nav li#nav-compliance img {vertical-align:text-bottom; width:22px; height:22px}
.nav li ul li:has(> ul) > a {position: relative;padding-right: 20px;}
.nav li ul li:has(> ul) > a::after {content: "\25B8";color: #fff;position: absolute;right: 6px;top: 50%;transform: translateY(-50%);font-size: 18px;opacity: 0.9;}
.mean-container .mean-nav ul li:nth-of-type(8) a img {vertical-align:text-bottom; width:18px; height:18px}
@media (min-width: 1250px) { nav ul.nav {   width: 1270px; }}

.standard-table nav ul.nav {
	width: 50px;
}
.navwrapper.actionButton {
	display: block !important;
}

.standard-table .handle {border: none; display: inline-block; width: 30px; background: #79BA25; box-shadow:0 0 0 1px #79BA25; border-radius: 4px; padding: 11px 10px 10px 10px; color:#111; text-align: center; float: left; margin:10px -5px 0 0; cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; position: relative;}
.standard-table span.handle img {width: 22px; height: auto;}
.standard-table .handle:focus {cursor: grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing;}
.standard-table input[type=number] {border: none; display: inline-block; width: 30px; background: #f7f7f7; border-radius: 4px; padding: 14px 10px; box-shadow: 0 0 0 1px #E4E8E9; margin:10px 0 0 0; color:#111; text-align: center;}



.alerts-panel { width: 100%; display: inline-block;}
.alert-item { display: block; font-size: 18px; padding: 10px 20px; border-radius: 4px; margin: 0 0 30px 0;animation: fadeIn ease 2.5s; -webkit-animation: fadeIn ease 2.5s; -moz-animation: fadeIn ease 2.5s; -o-animation: fadeIn ease 2.5s; -ms-animation: fadeIn ease 2.5s; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);}
.alert-item img {vertical-align: text-bottom;}
.alert-item a { text-decoration: underline;}
.alert-item a:hover { text-decoration: none;}
.purple-alert { background: #4b4880; color: #fff;}
.purple-alert a, main .standard-panel p.purple-alert a { color: #fff;}
.white-alert { background: #fff; color: #79BA25;}
.white-alert a, main .standard-panel p.white-alert a{ color: #79BA25;}
.blue-alert { background: #0480a8; color: #fff;}
.blue-alert a, main .standard-panel p.blue-alert a{ color: #fff;}
.red-alert { background: #F24B4B; color: #fff;}
.red-alert a, main .standard-panel p.red-alert a{ color: #fff;}
.green-alert { background: #278427; color: #fff;}
.green-alert a, main .standard-panel p.green-alert a{ color: #fff;}
.orange-alert { background: #e70854; color: #fff;}
.orange-alert a, main .standard-panel p.orange-alert a { color: #fff;}
.gray-alert { background: #E4E8E9; color:#111;}
.gray-alert a, main .standard-panel p.gray-alert a{ color: #fff;}

.standard-form form { display: block; /*min-width:680px*/}
@media only screen and (max-width: 800px) {.standard-form form {min-width:0}
}
.standard-form form fieldset.styled-input { position: relative; border: none; padding: 0; margin: 0 0 50px 0; vertical-align: top;}
.standard-panel .standard-form form fieldset.styled-input:first-of-type {margin-top:20px}
.standard-panel .standard-form form fieldset.styled-input:first-of-type:not(:has(h1 + *))  {margin-top:60px}
.standard-panel .standard-form.gallery-containter form fieldset.styled-input:first-of-type, .standard-panel .standard-form form fieldset.styled-input.calendar-input:first-of-type {margin-top:20px}
.standard-panel .standard-form.multiple-diary form li.sorting-item fieldset.styled-input:first-of-type, .standard-panel .standard-form form .colorpicker fieldset.styled-input:first-of-type, .standard-panel .standard-form form .editing-options.pages fieldset.styled-input:first-of-type {margin-top:0}
.standard-panel .standard-form form li.sorting-item fieldset.styled-input:first-of-type  {margin-top:15px}
.standard-panel .standard-form form .styled-holder fieldset.styled-input:first-of-type {margin-top:30px !important}
.standard-panel h2 + fieldset.styled-input:first-of-type {margin-top:40px !important;}
h2 ~ fieldset.styled-input {margin-bottom:30px !important}
fieldset.iconfield:before {content:''; font-family:"Material Icons"; text-transform:lowercase; font-size:24px; color:#CCC; position:absolute; top:8px; left:10px; z-index:1}
fieldset.iconfield:focus-within:before {color:#79BA25;}
fieldset.iconfield:has(> input.not-valid):before {color:#F48181;}
fieldset.iconfield.iconfieldtitle:before  {content:'title';}
fieldset.iconfield.iconfieldcategories:before  {content:'category';}
fieldset.iconfield.iconfieldmenu:before  {content:'menu';}
fieldset.iconfield.iconfieldusername:before {content:'alternate_email';}
fieldset.iconfield.iconfieldpassword:before {content:'vpn_key';}
.standard-form form fieldset.styled-input input[type=text], .standard-form form fieldset.styled-input input[type=number], .standard-form form fieldset.styled-input textarea, .standard-form form fieldset.styled-input input[type=email], .standard-form form fieldset.styled-input input[type=password], .standard-form form fieldset.styled-input .input-select-top-item, .page-address-panel .page-address-form p, .standard-form form fieldset.styled-input .plain-text, .fieldset-container, input[type=text].styled-input {all:unset; width: calc(100% - 22px); background-color:#FFF; border: 1px solid #63707852; border-radius:0 3px 3px 3px; height: 38px; line-height: 38px; padding:2px 10px 0 10px; display: block; color:#111; font-size: 16px; outline: none;}
.standard-form form fieldset.styled-input input[type=text] {line-height: 1.4;}
.standard-form form fieldset.saveinfolder .input-select-top-item {padding-right:20px;width: calc(100% - 46px);text-align:center }
.standard-form form fieldset.styled-input.iconfield input, .standard-form form fieldset.styled-input.iconfield .input-select-top-item {padding-left:45px; width:calc(100% - 57px);text-align:left}
.standard-form form fieldset.styled-input.iconfield input:hover, .standard-form form fieldset.styled-input.iconfield .input-select-top-item:hover {box-shadow: 0 1px 0 0 #79BA25; cursor:pointer;   transition: all 0.2s ease-in-out;}
.standard-form form fieldset.styled-input input[type=text]:focus, .standard-form form fieldset.styled-input input[type=email]:focus, .standard-form form fieldset.styled-input input[type=password]:focus, .standard-form form fieldset.styled-input.active div.input-select-top-item  { box-shadow: 0 1px 10px rgb(157 207 50 / 50%); outline: none; border:1px solid #63707852; cursor:inherit}
.standard-form form fieldset.styled-input input[type=file] { width: 100%; background: none; border: none; height: 32px; line-height: 30px; padding: 0; display: block; color:#111; font-size: 16px; overflow: hidden;}
.standard-form form fieldset.styled-input label, .standard-form form fieldset .label-select, .styled-holder .label-select, .fieldset-container span.fieldset-container-label, .standard-form form fieldset.styled-input input[type="email"]:required:valid ~ label, .standard-form form fieldset.styled-input input[type="email"] ~ label { position: absolute; transition: all 0.15s ease-in-out; pointer-events: none; display: block; left:0; padding: 3px 10px;top: -20px;    font-size: 14px;    color: #FFF;    background-color: #637078; background-color:#4b4880;    border-radius: 3px 3px 0 0;    line-height: normal;}
.standard-form form .styled-holder fieldset .label-select{background:#637078}
.standard-form form .styled-holder fieldset{margin:30px 0}
.standard-form form .styled-holder fieldset:last-of-type{margin-bottom:10px}
.standard-form form .styled-holder.radio-holder {margin:0 0 0 60px;display: inline-block;    padding: 0 0 0 10px; min-width:172px}
.standard-form form .styled-holder.radio-holder fieldset.styled-radio {margin:0}
.standard-form form .styled-holder.radio-holder fieldset.styled-radio:last-of-type {width:100%; margin:0;}
.standard-form form .styled-holder.radio-holder fieldset .label-select {background-color:#4b4880; left:-11px; top:-22px}
.six.columns.styled-holder.radio-holder {margin-top:20px}
.six.columns.styled-holder.radio-holder .styled-radio {padding-top:8px}
li:has(article):has(div):has(.disabled-menu-tab) {background:#CCC}
li:has(article):has(div):has(.disabled-menu-tab):before{content: "Disabled";    width: 60px;    position: absolute;    top: 0;    right: 0;    color: #fff;    background: #777;    padding: 2px 5px;    border-radius: 0 0 0 5px;}
li:has(article):has(div):has(.disabled-menu-tab) header {box-shadow:none}
.standard-form form li:has(article):has(div):has(.disabled-menu-tab) fieldset.styled-input label, .standard-form form li:has(article):has(div):has(.disabled-menu-tab) fieldset span.label-select, .standard-form form li:has(article):has(div):has(.disabled-menu-tab) .styled-holder.radio-holder fieldset .label-select {background:#888;}
.standard-form form fieldset.styled-input input.not-empty{font-family:"Museo Rounded", sans-serif !important;}
/*.standard-form form fieldset.styled-input input:focus ~ label, .standard-form form fieldset.styled-input input.not-empty ~ label, .standard-form form fieldset.styled-input input:placeholder-shown  ~ label, .standard-form form fieldset .label-select { top: -20px; font-size: 14px; color:#FFF; background-color:#637078; border-radius:3px 3px 0 0; line-height:normal;}*/
.standard-form form fieldset.styled-input input:focus ~ label, .standard-form form fieldset.styled-input textarea:focus ~ label, .standard-form form fieldset.styled-input.active span.label-select, .standard-form form fieldset.styled-radio.active span.label-select {background-color:#79BA25;font-size:17px;top:-24px}
.standard-form form fieldset.styled-input input.not-valid ~ label {background-color:#f60859; color:#FFF; border-radius:3px}
.standard-form form fieldset.styled-input input.not-valid ~ span.page-counter {color:red}
.standard-form form fieldset.styled-input .message { display: none; font-size: 13px; color: #f60859; right:0; bottom:-20px; position:absolute}
.standard-form form fieldset.styled-input .not-valid { box-shadow:0 1px 10px #f4818173  !important;}
.standard-form form fieldset.styled-input .not-valid {border-color:#f4818173 !important;}
.standard-form form fieldset.styled-input .not-valid + .message { display: block !important;}
.standard-form form fieldset.styled-input input[type=email]:disabled ~ label, .standard-form form fieldset.styled-input input[type=text]:disabled ~ label { top: -15px; position: absolute; transition: all 0.15s ease-in-out; font-size: 12px; color: #c6ced1;}
.standard-form form fieldset.styled-input input[type=email]:disabled, .standard-form form fieldset.styled-input input[type=text]:disabled { color: #c6ced1; background: #f8f8f8; text-indent: 5px; border-radius: 4px;}
.standard-form form fieldset.styled-checkbox { position: relative; border: none; padding: 0;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked), .standard-form form fieldset.styled-checkbox input[type=checkbox]:checked { position: absolute; left: -9999px;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label, .standard-form form fieldset.styled-checkbox input[type=checkbox]:checked + label { position: relative; padding-top:2px;padding-left: 25px; cursor: pointer;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:before, .standard-form form fieldset.styled-checkbox input[type=checkbox]:checked + label:before { content: ""; position: absolute; left: 0; top: 0; width: 15px; height: 15px; background: #fff; border-radius: 2px; box-shadow: inset 0 0 0 1px #637078;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:after, .standard-form form fieldset.styled-checkbox input[type=checkbox]:checked + label:after { content: ""; width: 11px; height: 10px; background: url(/admin/img/svg/checked.svg) no-repeat center top; position: absolute; top: 3px; left: 2px; transition: all 0.2s ease-in-out;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:after { opacity: 0; transform: scale(0); transition: all 0.2s ease-in-out;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:checked + label:after { opacity: 1; transform: scale(1); transition: all 0.2s ease-in-out;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:before { background: #fff; transition: all 0.2s ease-in-out;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:checked + label:before { background: #79BA25; box-shadow: inset 0 0 0 1px #79BA25; transition: all 0.2s ease-in-out;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:disabled:not(:checked) + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:disabled:checked + label:after { color: #999;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:disabled + label { color: #aaa;}
.standard-form form fieldset.styled-checkbox label:hover:before { box-shadow: inset 0 0 0 1px #79BA25;}
.standard-form form fieldset.styled-input.page-overview textarea {line-height: 22px; height:36px; padding:4px 10px 0 10px; /*   min-height: 66px; height:auto; */ }
/*.standard-form form fieldset .label-select { top: -15px; position: absolute; font-size: 12px; color: #79BA25; left: 0; pointer-events: none; display: block;}*/
.standard-form form fieldset .input-select-hidden { display: none; visibility: hidden; padding-right: 10px;}
.standard-form form fieldset .input-select { width: 100%; background: none; border: none; height: auto; min-height: 30px; line-height: 30px; display: inline-block; box-shadow: none; color:#111; font-size: 16px; cursor: pointer;}
.standard-form form fieldset .input-select-top-item { height: auto; min-height: 30px; line-height: 30px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 30px 0 0; position: relative; transition: all 0.2s ease-in-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.standard-form form fieldset .input-select-top-item:hover { box-shadow: 0 1px 0 0 #79BA25; transition: all 0.2s ease-in-out;}
.standard-form form fieldset .input-select-top-item:after { content: ""; width: 10px; height: 10px; background: url(/admin/img/svg/arrow-up.svg) no-repeat 0 0; transition: all 0.3s ease-in-out; position: absolute; right: 10px; top:calc(50% - 5px);}
.standard-form form fieldset .input-select-top-item:active, .standard-form form fieldset .input-select-top-item.active { box-shadow: 0 1px 0 0 #79BA25; border:1px solid #79BA257d}
.standard-form form fieldset .input-select-top-item:active:after, .standard-form form fieldset .input-select-top-item.active:after { transform: rotate(0deg);}
.standard-form form fieldset .input-select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 1000; margin:-3px 0 0 0; padding: 0; list-style: none; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); max-height: 300px; overflow-y: auto; overflow-x: auto;}
.standard-form form fieldset .input-select-options li { margin: 0; padding: 5px 15px; transition: all 0.2s ease-in-out; font-size: 14px;}
.standard-form form fieldset .input-select-options li:hover { color: #fff; background: #79BA25; transition: all 0.2s ease-in-out;}
.standard-form form fieldset .input-select-options li[rel=hide] { display: none;}
.standard-form form fieldset .input-select-options li.selected { background: #eff2f5;}
.standard-form form fieldset .input-select-options li.selected:hover { color:#111; opacity: 0.7;}
.standard-form form fieldset.select-time { width: auto !important;}
.standard-form form fieldset.select-time span.time-text { display: inline-block; vertical-align: top; line-height: 40px; margin:0 4px;}
.standard-form form fieldset.select-time .input-select { width: 40px; height: 40px; display: inline-block; box-shadow: none; padding: 0; position: relative;}
.standard-form form fieldset.select-time .input-select-top-item {color: #637078; padding: 0 5px; text-align: center; border-radius: 4px; width:auto}
.standard-form form fieldset.select-time .input-select-top-item:after { display: none;}
.standard-form form fieldset.select-time .input-select-options { text-align: center;}
.standard-form form fieldset.select-time .input-select-options li { padding: 0px 0; text-align: center;}
.standard-form form .styled-holder {position:relative; background: none; background-color:#FFF; border: 1px solid #63707852; border-radius:0 3px 3px 3px; min-height:40px; line-height: 40px; padding:20px; display: block; color:#111; font-size: 16px; outline: none; margin:50px 0}
.user-box .standard-form form .styled-holder {margin-top:0}
.standard-form form fieldset.styled-radio { position: relative; border: none; padding: 0; color:#111; font-size: 16px; height: 20px; line-height: 20px;}
.standard-form form .fieldset-container fieldset.styled-radio {margin-top:10px}
.standard-form form fieldset.styled-radio input[type=radio] { position: absolute; opacity: 0;}
.standard-form form fieldset.styled-radio input[type=radio] + .radio-label:before { content: ""; background: #f8f8f8; border-radius: 100%; border: 1px solid #E4E8E9; display: inline-block; width: 20px; height: 20px; position: relative; top: 0; margin-right: 10px; vertical-align: top; cursor: pointer; text-align: center; transition: all 0.3s 0s ease-in-out;}
.standard-form form fieldset.styled-radio input[type=radio]:checked + .radio-label:before { background-color: #79BA25; box-shadow: inset 0 0 0 4px #E4E8E9;}
.standard-form form fieldset.styled-radio input[type=radio]:focus + .radio-label:before { outline: none; border-color: #79BA25;}
.standard-form form fieldset.styled-radio input[type=radio]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #E4E8E9; border-color: #9eacb0; background: #9eacb0;}
.standard-form form fieldset.styled-radio strong:first-of-type  {margin-right:20px;}
.standard-form form fieldset.styled-input textarea:focus {box-shadow: 0 2px 0 0 #79BA25;}
.standard-form form fieldset .input-select-top-item:active, .standard-form form fieldset .input-select-top-item.active {box-shadow: 0 2px 0 0 #79BA25;}
.standard-form form fieldset .input-select-options li {border-top: 1px solid #e3dddd;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:before, .standard-form form fieldset.styled-checkbox input[type=checkbox]:checked + label:before {height: 20px; width: 20px;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:after {height: 20px; width: 20px;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:before {background: #ebebeb; box-shadow: none;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:after {top: 5px; left: 4px;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:checked + label:after {top: 5px; left: 4px; background-size: cover; width: 13px; height: 10px;}
.standard-form form fieldset.styled-checkbox input[type=checkbox]:not(:checked) + label:after {background: url(/admin/img/icon-cross-grey.png) no-repeat center top; opacity: 1; transform: scale(1); background-size: 14px; top: 2px; left: 0;}
.standard-form form fieldset.styled-radio input[type=radio] + .radio-label:before {background: #eee; border: 1px solid #bdbdbd;}
.standard-form form fieldset.styled-radio .radio-label:hover {cursor: pointer;}
.standard-form form fieldset.styled-input input[type=text].uploadfield { background-image: url(/admin/img/icon-photo.png); background-repeat: no-repeat; background-position: right 9px center; background-size: auto 20px;}
.standard-form form fieldset.styled-input textarea {height: 30px; line-height: 30px; }
.standard-form form fieldset.styled-input.fieldset-one-third {width: calc(33% - 30px);}
.standard-form form fieldset.styled-input.fieldset-one-quarter {width: calc(25% - 25px); box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.standard-form form fieldset.styled-input.fieldset-one-half {width: calc(50% - 16px);}
.standard-form form .input-select {box-shadow: 0 1px 0 0 #CCC;}
.standard-form form .styled-input input[type=text]::placeholder,.standard-form form .styled-input input[type=password]::placeholder, .standard-form form .styled-input input[type=number]::placeholder, .standard-form form .styled-input input[type=email]::placeholder, .standard-form form .styled-input textarea::placeholder {font-size: 14px; color: #999; font-style:italic}
.standard-form form .input-select-top-item:after {transform: rotate(0deg); top: 10px;}
.standard-form form .input-select-top-item:active:after, .standard-form form .input-select-top-item.active:after {transform: rotate(90deg);}
.standard-form form.item-title input[type=text] {font-size: 19px; height: 40px; line-height: 40px;}
.standard-form form.item-title input[type=text].TitleSizeLarge {font-size: 27px; font-weight: 500;}
.standard-form form.item-title input[type=text].TitleSizeMedium {font-size: 22px; font-weight: 500;}
.standard-form form.item-title .input-select-top-item {height: 40px; line-height: 40px;}
/*input::-webkit-calendar-picker-indicator {top:-40px !important}*/
.standard-form form fieldset.styled-input.fieldset-upload input[type="file"] {display:none}
.standard-form form fieldset.styled-input.fieldset-upload label {pointer-events:all; position:static; border-radius:3px; color:#FFF; background-color:#79BA25; display:inline-block; padding:15px 20px 10px 48px;cursor: pointer;}
.standard-form form fieldset.styled-input.fieldset-upload label:before {content:"file_upload"; font-family:"Material Icons"; text-transform:lowercase; position: absolute; top:6px; left: 10px; color:#FFF; font-size:30px;}
.standard-form form fieldset.styled-input.fieldset-upload label:hover, .standard-form form fieldset.styled-input.fieldset-upload label.file-uploaded {box-shadow: 0 0 0 1px #E4E8E9; color:#111; background:#FFF;}
.standard-form form fieldset.styled-input.fieldset-upload label:hover:before {color:#79BA25}
.standard-form form fieldset.styled-input.fieldset-upload label.file-uploaded:before  {color:#79BA25; content:"file_download_done";}
.page-address-panel .page-address-form h3 {margin: 0 0 40px 0;}

.fieldset-container {height:auto; width:auto;padding:10px 20px; display:inline-block; position:relative; margin-bottom:50px;}
.fieldset-container ~ .fieldset-container {margin-left:50px;}
.manage-categories .standard-form .type-of-category.fieldset-container {margin:40px 0}
.standard-form form .fieldset-container fieldset .label-select {top:-41px; left:-31px;}
.new-gallery .standard-form form .fieldset-container fieldset .label-select {left: -21px}
.fieldset-container span.fieldset-container-label, .user-box .styled-holder .label-select, .manage-categories .standard-form .type-of-category span.fieldset-container-label {color:#FFF;left: -1px;}
.user-box .styled-holder .label-select {left:-1px; top:-21px}
.calendar-input { position: relative;}
.calendar-input:before { content: ""; width: 20px; height: 22px; background: url(/admin/img/svg/calendar.svg) no-repeat center top; position: absolute; top:8px; right:6px;}
.date-time-wrapper {display:inline-block}
.date-time-wrapper:first-of-type {margin-right:30px;}
.ui-datepicker { position: relative; width: 260px; background: #fff; border-radius: 0px; overflow: hidden; box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.15); display: none;}
.ui-datepicker-inline { position: relative; width: 100%;}
.ui-datepicker-header { height: 100%; height: 50px; line-height: 50px; background: #637078; color: #fff; margin-bottom: 10px; font-size: 17px;}
.ui-datepicker-prev,.ui-datepicker-next { width: 20px; height: 20px; text-indent: 9999px; border: 2px solid #fff; border-radius: 100%; cursor: pointer; overflow: hidden; margin-top: 12px;}
.ui-datepicker-prev:after,.ui-datepicker-next:after { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff;}
.ui-datepicker-prev:hover,.ui-datepicker-next:hover { opacity: 0.7;}
.date-picker .ui-datepicker-prev:hover:after,.date-picker .ui-datepicker-next:hover:after { opacity: 0.7;}
.ui-datepicker-prev { float: left; margin-left: 12px;}
.ui-datepicker-prev:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -43px 0px 0px 8px;}
.ui-datepicker-next { float: right; margin-right: 12px;}
.ui-datepicker-next:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin: -43px 0px 0px 6px;}
.ui-datepicker-title { text-align: center;}
.ui-datepicker-calendar { width: 100%; text-align: center;}
.ui-datepicker-calendar thead tr th span { display: block; width: 100%; color:#111; margin-bottom: 5px; font-size: 13px;}
.ui-datepicker-calendar tbody tr td { width: 14.2857142857%;}
.ui-state-default { display: block; text-decoration: none; color:#111; line-height: 35px; font-size: 12px;}
.ui-state-default:hover { background: #E4E8E9; text-decoration: none;}
.ui-state-highlight { color:#111; background-color: #E4E8E9; font-weight: 600;}
.ui-state-active { color: #fff; background-color: #79BA25; font-weight: 600;}
.ui-datepicker-unselectable .ui-state-default { color: #eee; border: 2px solid transparent;}
.ui-datepicker-title select {padding:5px; border-radius:2px;}
.ui-datepicker-calendar tbody tr td:not(.ui-datepicker-unselectable) {border:1px solid #efefef; margin:0; padding:0; border-spacing:0;}

table.standard-table { width: 100%; margin: 30px 0; border-collapse: separate; border-spacing: 0;}
table.standard-table thead tr { padding: 0; background: #f7f7f7; box-shadow: inset 0 -3px 0 0 #E4E8E9;}
table.standard-table thead tr th { padding: 15px 10px; text-align: left; text-transform: uppercase; font-size: 14px; cursor: pointer; position: relative; font-weight: 500;}
table.standard-table thead tr th:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 3px 7px 3px; border-color: transparent transparent #637078 transparent; position: absolute; right: 10px; top: 16px;}
table.standard-table thead tr th:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 3px 0 3px; border-color: #637078 transparent transparent transparent; position: absolute; right: 10px; top: 25px;}
table.standard-table thead tr .headerSortUp,table.standard-table thead tr .sorting_asc { box-shadow: inset 0 -3px 0 0 #79BA25;}
table.standard-table thead tr .headerSortUp:before,table.standard-table thead tr .sorting_asc:before { top: 20px; border-width: 0 6px 6px 6px; border-color: transparent transparent #79BA25 transparent; transform: rotate(180deg);}
table.standard-table thead tr .headerSortUp:after,table.standard-table thead tr .sorting_asc:after { opacity: 0;}
table.standard-table thead tr .headerSortDown,table.standard-table thead tr .sorting_desc { box-shadow: inset 0 -3px 0 0 #79BA25;}
table.standard-table thead tr .headerSortDown:before,table.standard-table thead tr .sorting_desc:before { top: 20px; border-width: 0 6px 6px 6px; border-color: transparent transparent #79BA25 transparent;}
table.standard-table thead tr .headerSortDown:after,table.standard-table thead tr .sorting_desc:after { opacity: 0;}
table.standard-table tbody tr { box-shadow: inset 0 -1px 0 0 #E4E8E9;}
table.standard-table tbody tr:hover { background: #f7f7f7;}
table.standard-table tbody tr td { padding: 10px; margin: 0; border: none;}
table.standard-table tbody tr td a { color:#111; font-weight: 500;}
table.standard-table tbody tr td a:hover { color: #79BA25; text-decoration: none;}
table.standard-table tbody tr td:nth-of-type(2) { max-width: 330px;}
table.standard-table tbody tr td:nth-of-type(3) { max-width: 120px;}
table.standard-table tbody tr.waiting-approval { color: #bb9624; background: #fff8dd; box-shadow: 0 1px 0 0 #ffeca5;}
table.standard-table tbody tr.waiting-approval a { color: #bb9624;}
table.standard-table tbody tr.disabled { background: #f7f7f7; color: #c0c0c0;}
table.standard-table tbody tr.disabled a { color: #c0c0c0;}
table.standard-table tbody tr.disabled .ic-open { opacity: 0.3;}
table.standard-table tbody tr.blocked-user { background: #ffe6e6; color: #b12f2f; box-shadow: inset 0 -1px 0 0 #ffcaca;}
table.standard-table tbody tr.blocked-user:hover { background: #ffdddd;}
table.standard-table tbody tr.blocked-user a { color: #b12f2f;}
table.standard-table tbody tr.blocked-user a:hover { color: #de7171;}
table.standard-table tbody .ic-open { width: 17px; height: auto;}

table.standard-table.table-grey tbody tr td.my-details:before {content: 'account_circle';    font-family: "Material Icons"; text-transform:lowercase;    font-size: 29px;    color: #FF9800;    position: relative;    left: -20px;    top: 8px;    margin: 0 -15px 0 0;    display: inline-block;    line-height: 14px;}
table.standard-table.table-grey tbody tr:hover td.my-details:before {left:-17px; scale:1.2; transition:0.3s;}
table.standard-table.table-grey tbody tr.my-details td.my-details:after {content: '';    position: absolute;    bottom: 0; z-index:1;   left: 0;   background:none;    color: #fff;    padding: 8px;    border-radius: 4px;}
table.standard-table.table-grey tbody tr.my-details td.my-details:hover::after {content: attr(title); bottom: -31px; transition:0.3s; background:#FF9800;}
table.standard-table.table-grey tbody tr td.my-details a {display:inline-block}
#listLog table.standard-table tbody tr td {word-break: break-all;}

.dataTables_length { display: inline-block; margin: 0 20px 0 0; font-size: 16px; background: #f7f7f7; padding: 10px 15px; border-radius: 4px;}
.dataTables_length select { background: url(/admin/img/svg/arrow-up.svg) no-repeat 35px 5px; border: none; -webkit-appearance: none; appearance: none; box-shadow: 0 1px 0 0 #E4E8E9; color: #79BA25; margin: 0 0 0 0; border-radius: 0; margin: 0 5px; position: relative; padding: 0 20px 0 0; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; text-indent: 0.1; text-overflow: "";}
.dataTables_length select:active, .dataTables_length select:focus { outline: none;}
.dataTables_length label { position: relative;}

.dataTables_filter {font-size: 16px; position: relative;left:calc(50% - 166px);margin:-25px 0; display: block; width: 300px; background: #FFF;    border-radius: 7px;    border: 1px solid #79BA25;    padding:12px 25px 12px 15px;}
.dataTables_filter span { position: absolute; bottom: 14px; left: 15px;}
.dataTables_filter input[type=search] { width: 100%; background: none; border: none; height: 21px; line-height: 21px; padding: 0; display: block; box-shadow: 0 1px 0 0 #E4E8E9; color: #79BA25; font-size: 16px; padding: 0 0 0 60px; font-weight: 300;}
.dataTables_filter:after {font-family: "Material Icons"; text-transform:lowercase;    color: #79BA25;    font-size: 26px;    content: "search";    right: 5px;    top:calc(50% - 18px);    position: absolute;    float: right;}
.dataTables_filter input[type=search]:focus { outline: none; box-shadow: 0 1px 0 0 #EFEFEF;}
.dataTables_filter:has(input:not(:placeholder-shown)) {background:#FF9800; border-color:#FF9800}
.dataTables_filter:has(input:not(:placeholder-shown)) span {color:#FFF;}
.dataTables_filter:has(input:not(:placeholder-shown)) input {color:#FFF; font-weight:bold;  box-shadow: 0 1px 0 0 #FFF;}
.dataTables_filter:has(input:not(:placeholder-shown)):after {color:#FFF}
.dataTables_info { color: #b8bcbd; font-size: 14px; margin: 0 0 20px 0;}

.dataTables_paginate .paginate_button { background: #E4E8E9; color:#111; border-radius: 4px; margin: 0 3px 0 0; padding: 7px 10px; display: inline-block; text-transform: uppercase; font-size: 12px; cursor: pointer;}
.dataTables_paginate .paginate_button:hover { background: #79BA25; color: #fff; text-decoration: none;}
.dataTables_paginate .disabled { background: #f7f7f7; color: #c0c0c0; cursor: auto;}
.dataTables_paginate .disabled:hover { background: #f7f7f7; color: #c0c0c0;}
.dataTables_paginate .current { background: #79BA25; color: #fff;}

@keyframes loadforgotpass { 0% {   opacity: 0; } 100% {   opacity: 1; }}
.dashboard-box { display: block; text-align: left; margin: 20px 0 0 0;}
.dashboard-box .main-links { width: 68.9655172414%; display: inline-block; vertical-align: top; margin: 0 12px 0 0;}
.dashboard-box .main-links .group-links { width: 62.5%; display: inline-block;}
.dashboard-box .main-links .group-links ul { display: block; text-align: center;}
.dashboard-box .main-links .group-links ul li { display: inline-block; vertical-align: top; margin: 0 0 20px 0;}
.dashboard-box .main-links .group-links ul li a { color:#555; font-weight: 500; font-size: 18px; border-radius: 4px; display: table; width: 100%; height: 100%; position: relative;}
.dashboard-box .main-links .group-links ul li a span { display: table-cell; vertical-align: middle;}
.dashboard-box .main-links .group-links ul li a img { position: absolute;}
.dashboard-box .main-links .group-links ul li a:hover { color: #79BA25; text-decoration: none;}
.dashboard-box .main-links .group-links ul li.create-new-page { width: 130px; height: 200px; text-align: center; float: left;}
.dashboard-box .main-links .group-links ul li.create-new-page a { background: none; border: 1px dashed #979797;}
.dashboard-box .main-links .group-links ul li.create-new-page a img { top: 20px; left: 50%; margin-left: -21px;}
.dashboard-box .main-links .group-links ul li.create-new-page a span { padding: 10px 24px 0 24px;}
.dashboard-box .main-links .group-links ul li.create-new-page a:hover { border-color: #79BA25;}
.dashboard-box .main-links .group-links ul li.edit-page { width: 130px; height: 200px; text-align: center; display: inline-block;}
.dashboard-box .main-links .group-links ul li.edit-page a { background: #fff;}
.dashboard-box .main-links .group-links ul li.edit-page a img { top: 20px; left: 50%; margin-left: -21px;}
.dashboard-box .main-links .group-links ul li.edit-page a span { padding: 10px 24px 0 24px;}
.dashboard-box .main-links .group-links ul li.edit-page a:hover { box-shadow: 0 0 0 1px #79BA25;}
.dashboard-box .main-links .group-links ul li.edit-home { width: 130px; height: 200px; text-align: center; float: right;}
.dashboard-box .main-links .group-links ul li.edit-home a { background: #fff;}
.dashboard-box .main-links .group-links ul li.edit-home a img { top: 20px; left: 50%; margin-left: -21px;}
.dashboard-box .main-links .group-links ul li.edit-home a span { padding: 10px 24px 0 24px;}
.dashboard-box .main-links .group-links ul li.edit-home a:hover { box-shadow: 0 0 0 1px #79BA25;}
.dashboard-box .main-links .group-links ul li.add-news { width: 200px; height: 88px; float: left;}
.dashboard-box .main-links .group-links ul li.add-news a { border: 1px dashed #979797;}
.dashboard-box .main-links .group-links ul li.add-news a img { top: 25px; left: 25px;}
.dashboard-box .main-links .group-links ul li.add-news a span { padding: 0 20px 0 80px; text-align: left;}
.dashboard-box .main-links .group-links ul li.add-news a:hover { border-color: #79BA25;}
.dashboard-box .main-links .group-links ul li.add-diary { width: 200px; height: 88px; float: right;}
.dashboard-box .main-links .group-links ul li.add-diary a { border: 1px dashed #979797;}
.dashboard-box .main-links .group-links ul li.add-diary a img { top: 25px; left: 25px;}
.dashboard-box .main-links .group-links ul li.add-diary a span { padding: 0 20px 0 80px; text-align: left;}
.dashboard-box .main-links .group-links ul li.add-diary a:hover { border-color: #79BA25;}
.dashboard-box .main-links .group-links ul li.home-alert { width: 200px; height: 88px; float: left;}
.dashboard-box .main-links .group-links ul li.home-alert a { background: #fff;}
.dashboard-box .main-links .group-links ul li.home-alert a img { top: 25px; left: 25px;}
.dashboard-box .main-links .group-links ul li.home-alert a span { padding: 0 20px 0 80px; text-align: left;}
.dashboard-box .main-links .group-links ul li.home-alert a:hover { box-shadow: 0 0 0 1px #79BA25;}
.dashboard-box .main-links .group-links ul li.edit-banner { width: 200px; height: 88px; float: right;}
.dashboard-box .main-links .group-links ul li.edit-banner a { background: #fff;}
.dashboard-box .main-links .group-links ul li.edit-banner a img { top: 25px; left: 25px;}
.dashboard-box .main-links .group-links ul li.edit-banner a span { padding: 0 20px 0 80px; text-align: left;}
.dashboard-box .main-links .group-links ul li.edit-banner a:hover { box-shadow: 0 0 0 1px #79BA25;}
.dashboard-box .main-links .how-to { width: 35.7142857143%; float: right;}
.dashboard-box .main-links .how-to h2 { margin: 0;}
.dashboard-box .main-links .how-to h2 img { display: inline-block; margin: 0px 20px -6px 0;}
.dashboard-box .main-links .how-to ul { background: #fff; padding: 30px 30px 0 30px;}
.dashboard-box .main-links .how-to ul li { display: block;}
.dashboard-box .main-links .how-to ul li a { display: block; color:#555; padding-top:14px !important; position: relative;}
.dashboard-box .main-links .how-to ul li a:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #79BA25; position: absolute; left: -5px; top: 3px; opacity: 0; transition: all 0.3s ease-in-out;}
.dashboard-box .main-links .how-to ul li a:hover { color: #79BA25; padding: 0 0 20px 13px; text-decoration: none;}
.dashboard-box .main-links .how-to ul li a:hover:before { opacity: 1; left: 0;}
.dashboard-box .main-links .how-to .box-more { display: block; background: #fff; display: block; text-align: center; padding: 10px 20px 20px 20px; border-radius: 0 0 4px 4px;}
.dashboard-box .main-links .how-to .box-more a { display: block;}
.dashboard-box .sidebar { width: 29.4117647059%; display: inline-block; vertical-align: top; background: #fff; border-radius: 0 0 4px 4px; /* Scrolling bar */ /* non-visible scrollbar */ /* RTL direction/left-side scrollbar */ /* scrollbar position: outside */ /* RTL direction/left-side scrollbar (scrollbar position: outside) */}
.dashboard-box .sidebar h2 img { display: inline-block; margin: 0px 25px -2px 0;}
.dashboard-box .sidebar #twitterholder { display: block; margin: 20px; overflow: hidden; height: 465px;}
.dashboard-box .sidebar #twitterholder ul { display: block;}
.dashboard-box .sidebar #twitterholder ul li { display: block; margin: 0 0 20px 0; padding: 0 0 10px 0; position: relative;}
.dashboard-box .sidebar #twitterholder ul li:before { content: ""; width: 100%; height: 1px; background: #E4E8E9; position: absolute; left: 0; bottom: 0;}
.dashboard-box .sidebar #twitterholder .user { display: inline-block; display: block; margin: 0 !important;}
.dashboard-box .sidebar #twitterholder .user a { margin: 0; padding: 0; display: block;}
.dashboard-box .sidebar #twitterholder .user a:hover { opacity: 0.7; text-decoration: none;}
.dashboard-box .sidebar #twitterholder .user a span { display: block;}
.dashboard-box .sidebar #twitterholder .user a span:first-of-type { float: left;}
.dashboard-box .sidebar #twitterholder .user a span:nth-of-type(2) { font-size: 15px; color:#111; font-weight: bold;}
.dashboard-box .sidebar #twitterholder .user a span:nth-of-type(3) { font-size: 12px; color: #79BA25; font-weight: lighter;}
.dashboard-box .sidebar #twitterholder .user img { width: 33px; height: auto; margin: 0 7px 0 0;}
.dashboard-box .sidebar #twitterholder .tweet { font-size: 13px; color:#111; margin: 10px 0 0 0 !important; line-height: 150%;}
.dashboard-box .sidebar #twitterholder .tweet a { padding: 0;}
.dashboard-box .sidebar #twitterholder .timePosted { padding: 10px 0 10px 0; margin: 0 !important; position: relative;}
.dashboard-box .sidebar #twitterholder .timePosted a { padding: 0; font-size: 12px; color: #79BA25; font-weight: lighter;}
.dashboard-box .sidebar #twitterholder .media { margin: 0 !important; padding: 10px 0;}
.dashboard-box .sidebar #twitterholder .media img { width: 100%; height: auto;}
.dashboard-box .sidebar .mCustomScrollbar { -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */}
.dashboard-box .sidebar .mCustomScrollbar.mCS_no_scrollbar, .dashboard-box .sidebar .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto;}
.dashboard-box .sidebar .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}
.dashboard-box .sidebar .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; padding: 0 20px 0 0;}
.dashboard-box .sidebar .mCSB_inside > .mCSB_container,.dashboard-box .sidebar .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0;}
.dashboard-box .sidebar .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px;}
.dashboard-box .sidebar .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0;}
.dashboard-box .sidebar .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 10px; height: auto; left: auto; top: 0; right: 0; bottom: 0;}
.dashboard-box .sidebar .mCSB_outside + .mCSB_scrollTools { right: -26px;}
.dashboard-box .sidebar .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0;}
.dashboard-box .sidebar .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; left: -26px;}
.dashboard-box .sidebar .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ /* ------colours----- */ background: #E4E8E9; border-radius: 15px; /* -------- */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.dashboard-box .sidebar .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0;}
.dashboard-box .sidebar .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.dashboard-box .sidebar .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ /* ------colours----- */ background: #637078; border-radius: 15px; /* -------- */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1;}
.dashboard-box .sidebar .follow-us { display: block; margin: 0 20px 20px 20px; text-align: center;}
.dashboard-box .bottom-links { display: block;}
.dashboard-box .bottom-links .mobile-app { width: 48.7804878049%; height: 167px; background: #fff; display: inline-block; border-radius: 4px;}
.dashboard-box .bottom-links .mobile-app img { float: left; margin: 20px 20px 0 20px;}
.dashboard-box .bottom-links .mobile-app .text { width: 52.6315789474%; display: inline-block; vertical-align: top; margin: 20px 10px 0 0;}
.dashboard-box .bottom-links .mobile-app .text h3 { font-size: 16px; margin: 0 0 10px 0; display: block;}
.dashboard-box .bottom-links .mobile-app .text p { margin: 0 0 10px 0; line-height: 140%;}
.dashboard-box .bottom-links .mobile-app .text a { display: block;}
.dashboard-box .bottom-links .redesign { width: 48.7804878049%; height: 167px; background: #fff; float: right; border-radius: 4px;}
.dashboard-box .bottom-links .redesign img { float: left; margin: 20px 20px 0 20px;}
.dashboard-box .bottom-links .redesign .text { width: 52.6315789474%; display: inline-block; vertical-align: top; margin: 20px 10px 0 0;}
.dashboard-box .bottom-links .redesign .text h3 { font-size: 16px; margin: 0 0 10px 0; display: block;}
.dashboard-box .bottom-links .redesign .text p { margin: 0 0 10px 0; line-height: 140%;}
.dashboard-box .bottom-links .redesign .text a { display: block;}

@media (min-width: 1250px) { .dashboard-box .main-links {   width: 68.9655172414%;   margin: 0 17px 0 0; } .dashboard-box .main-links .group-links ul li.create-new-page, .dashboard-box .main-links .group-links ul li.edit-page, .dashboard-box .main-links .group-links ul li.edit-home {   width: 167px; } .dashboard-box .main-links .group-links ul li.create-new-page a span, .dashboard-box .main-links .group-links ul li.edit-page a span, .dashboard-box .main-links .group-links ul li.edit-home a span {   padding: 20px 42px 0 42px; } .dashboard-box .main-links .group-links ul li.add-news {   width: 257px; } .dashboard-box .main-links .group-links ul li.add-news a span {   padding: 0 30px 0 100px; } .dashboard-box .main-links .group-links ul li.add-diary, .dashboard-box .main-links .group-links ul li.home-alert, .dashboard-box .main-links .group-links ul li.edit-banner {   width: 257px; } .dashboard-box .main-links .group-links ul li.add-diary a span, .dashboard-box .main-links .group-links ul li.home-alert a span, .dashboard-box .main-links .group-links ul li.edit-banner a span {   padding: 0 40px 0 100px; } .dashboard-box .main-links .how-to .box-more {   padding: 27px 20px 20px 20px; } .dashboard-box .sidebar {   width: 29.4117647059%; } .dashboard-box .sidebar #twitterholder {   height: 465px; } .dashboard-box .bottom-links .mobile-app .text {   width: 62.5%; } .dashboard-box .bottom-links .mobile-app .text h3 {   margin: 0 0 20px 0;   font-size: 17px; } .dashboard-box .bottom-links .mobile-app .text p {   margin: 0 0 15px 0;   line-height: 150%; } .dashboard-box .bottom-links .redesign .text {   width: 62.5%; } .dashboard-box .bottom-links .redesign .text h3 {   font-size: 17px;   margin: 0 0 20px 0; } .dashboard-box .bottom-links .redesign .text p {   margin: 0 0 15px 0;   line-height: 150%; }}
.editing-options.page-edit-wrapper { width: calc(100% - 60px)}
.editing-options { width: 100%; background: #fff; margin:0;}
.editing-options.pages {margin-top:15px;}
.editing-options .alerts-panel { margin: 0 0 30px 0; line-height: 170%;}
.editing-options .alerts-panel .alert-item { line-height: 170%;}
.editing-options .alerts-panel fieldset.styled-radio { display: inline-block; color: #fff; margin: 10px;}
.editing-options .standard-form form { width: 100%; display: inline-block;}
.editing-options .group-line { width: 83.3333333333%; display: inline-block;}
.editing-options .group-line .main-options { display: block;}
.editing-options .group-line .main-options fieldset { display: inline-block; vertical-align: top; margin: 0 20px 0 0;}
.editing-options .group-line .main-options fieldset:first-of-type { width: calc(47% - 95px);    display: inline-block;}
.editing-options .group-line .main-options fieldset:nth-of-type(2) { width: calc(28% - 95px); display: inline-block;}
.editing-options .group-line .main-options fieldset:nth-of-type(2) input[type=text] {overflow: hidden; text-overflow: ellipsis;}
.editing-options .group-line .main-options fieldset:nth-of-type(4) { display: inline-block; margin: 0 20px 0 0;}
.editing-options .group-line .main-options fieldset:last-of-type { margin: 0 0 0 27px;}
.editing-options .group-line .main-options fieldset .green-button { padding: 0 10px; font-size: 13px;}
.editing-options .group-line .main-options fieldset .green-button img { width: 16px; margin: 6px 6px 0 0; display: inline-block; vertical-align: top;}
.editing-options .group-line .main-options fieldset .darkgray-button { display: block; font-size: 13px; padding: 0 10px;}
.editing-options .group-line .main-options fieldset .page-counter { display: block; text-align: right; color: #79BA25; font-size: 10px; margin: 10px 0 0 0; position:absolute; top:-26px; right:0;}
.editing-options .group-line .main-options fieldset.categories { width: calc(25% - 30px);}
.editing-options .group-line .main-options fieldset.styled-checkbox { margin: 8px 0 0 -8px; font-size: 14px; padding-top:5px}
.editing-options .group-line .main-options fieldset.styled-radio { width: auto;}

.editing-options .group-line .bottom-line { display: block; margin: 30px 0 0 0;}
.editing-options .group-line .bottom-line .other-options-list { display: table;width:100%;padding:0; vertical-align:bottom; margin:0}
.editing-options .group-line .bottom-line .other-options-list li {margin:0; display: table-cell; bottom:0; position:relative;min-width:58px; max-width:100px;}
.editing-options .group-line .bottom-line .other-options-list li:first-of-type a, .editing-options .group-line .bottom-line .other-options-list li.active-tab a {border-top-left-radius:4px}
.editing-options .group-line .bottom-line .other-options-list li:last-of-type a, .editing-options .group-line .bottom-line .other-options-list li.active-tab a{border-top-right-radius:4px}
.editing-options .group-line .bottom-line .other-options-list li a {font-size:14px; font-weight:normal; display:block; padding:0; text-align:center; height:40px; line-height:40px; background:#0480a8; color: #FFF; position: relative;border:1px solid #CCC; border-right:0; border-bottom:0}
.editing-options .group-line .bottom-line .other-options-list li:last-of-type a, .editing-options .group-line .bottom-line .other-options-list li.active-tab a {border-right: 1px solid #CCC;}
.editing-options .group-line .bottom-line .other-options-list li a:before, .editing-options .group-line .bottom-line .other-options-list li a:after {top: 0; position: absolute;color:#FFF;font-family: "Material Icons"; text-transform:lowercase; font-size:21px;transition: all 0.3s ease-in-out;}
.editing-options .group-line .bottom-line .other-options-list li a:before {margin-left:-30px }
.editing-options .group-line .bottom-line .other-options-list li a:after {content: "expand_more"; right: 10px;}
.editing-options .group-line .bottom-line .other-options-list li a.page-layout:before {content: "view_week"; }
.editing-options .group-line .bottom-line .other-options-list li a.page-address:before {content: "link"; }
.editing-options .group-line .bottom-line .other-options-list li a.user-management:before {content: "lock"; }
.editing-options .group-line .bottom-line .other-options-list li a.publishing-dates:before {content: "calendar_month"; }
.editing-options .group-line .bottom-line .other-options-list li a.page-overview:before {content: "summarize"; }
.editing-options .group-line .bottom-line .other-options-list li a.advanced-options:before {content: "image"; }
.editing-options .group-line .bottom-line .other-options-list li a.page-states:before {content: "history"; }
.editing-options .group-line .bottom-line .other-options-list li a.page-redirect:before {content: "forward"; }
.editing-options .group-line .bottom-line .other-options-list li a.page-meta:before {content: "local_offer"; }


.editing-options .group-line .bottom-line .other-options-list li a:hover { background: #79BA25; color: #fff; text-decoration: none;transition: all 0.3s ease-in-out;}
.editing-options .group-line .bottom-line .other-options-list li a:hover:before {transition: all 0.3s ease-in-out;}
.editing-options .group-line .bottom-line .other-options-list li.active-tab a {background:linear-gradient(0, #d7e9f9 0%, #f5f8fb 70%, #e6f0f9 100%); border-bottom:0; color:#444; height:45px; line-height:52px; margin: 0 0 -1px 0;}
.editing-options .group-line .bottom-line .other-options-list li.active-tab a:before, .editing-options .group-line .bottom-line .other-options-list li.active-tab a:after {color:#666}
.editing-options .group-line .bottom-line .other-options-list li.active-tab a:after {content:"expand_less";color:#666}
#EditorHolder {width:calc(100% - 2px)}

.styled-input .fieldset-note { display: block; font-size: 12px; line-height:18px; margin:5px 0 10px 0;  position: relative;}

.editing-options .side-buttons { width: 14.2857142857%; display: inline-block; margin: 0 0 0 25px; vertical-align: top;}
.editing-options .side-buttons fieldset:first-of-type { margin: 0 0 13px 0;}
.editing-options .side-buttons .save-button { height: 50px; line-height: 50px; display: block; width: 200px; position: fixed; z-index: 9999; right: -130px; text-indent: -10px; top: 50%; transition: 1s; background-position: 20px center;}
.editing-options .side-buttons .save-button:hover { right: -20px; transition: 1s;}
.editing-options .side-buttons .green-button, .ColumnRight .example-how-to .green-button  { padding: 0 10px; font-size: 13px; display: block;}
.editing-options .side-buttons .green-button img, .ColumnRight .example-how-to .green-button img { width: 16px; margin: 6px 6px 0 0; display: inline-block; vertical-align: top;}


.user-management-panel, .publishing-dates-panel, .page-address-panel, .page-layout-panel, .page-states-panel, .advanced-options-panel, .page-redirect-panel, .required-fields-panel { width: 100%; background:linear-gradient(0, #b4cce3 0%, #cadced 70%, #d7e9f9 100%); padding:25px 0 25px 0; margin:0; display: none; color:#404e57}
.options-group section .wrapper:first-of-type {background: #FFF;    margin: 0 25px;    width: calc(100% - 100px);    padding: 50px 25px 25px 25px;    border-radius: 4px;}
.options-group section p:last-of-type {margin-bottom:0}
.options-holder:has(> h2.options-holder-heading) {position:relative; padding-top:50px;} 
.options-holder h2.options-holder-heading{font-size: 20px;    font-weight: normal;    margin: 0 0 30px 0;    background-color: #0480a8;    position: absolute;    top: 0;    left: 0;    padding: 10px 30px;    display: block;    width: calc(100% - 60px);    color: #FFF;    border-radius: 4px 4px 0 0;}
.options-holder ul {margin:0;}
.editing-options .group-line .options-holder .main-options {margin-top:30px;background: #85b2ef0a;padding: 30px;border-radius: 4px;border: 1px solid #0480a814;}

.page-address-panel .page-address-form { display: block;}

.publishing-dates-panel h3 {margin-top:-15px}
.publishing-dates-panel .publishing-dates-form { display: block;}
.publishing-dates-panel .publishing-dates-form .styled-input {margin:40px 0 0 0; display:inline-block}
fieldset.calendar-input input[type=text] {background-image: url(/admin/img/svg/calendar.svg); background-repeat: no-repeat; background-position: right 8px center; cursor: pointer;}
fieldset.calendar-input {width:137px;}
.publishing-dates-panel .publishing-dates-form fieldset.calendar-input {margin-left:30px}
.publishing-dates-panel .publishing-dates-form fieldset.calendar-input:first-of-type {margin-left:0}
fieldset.calendar-input:before {display: none;}
.publishing-dates-panel p:last-of-type {margin-bottom:0}

.advanced-options-panel .advanced-options-form { display: block;}
.advanced-options-panel .advanced-options-form .styled-input { width:25%; margin:0px 20px 0 0; display: inline-block; vertical-align: top; position: relative;}
.advanced-options-panel .advanced-options-form .select-time:last-of-type {margin-right:0}
.advanced-options-panel .advanced-options-form .styled-input.calendar-input {width:137px;margin-right:0}
.advanced-options-panel .advanced-options-form #FieldsetNewsDuplicate	{margin-right:20px}
.advanced-options-panel .advanced-options-form .styled-input.meta-tags {width:186px;}
.advanced-options-panel .advanced-options-form .styled-input.page-overview, .advanced-options-panel .advanced-options-form .styled-input.thumb-upload {min-width:300px}

.advanced-options-panel .advanced-options-form #thumb-buttons {display:block; margin-top:6px}
.advanced-options-panel .advanced-options-form #thumb-buttons a {padding: 0 10px; font-size: 12px;}
.advanced-options-panel .advanced-options-form .styled-input #PageThumb {overflow: hidden; text-overflow: ellipsis;}

.reminder-emails-panel .reminder-emails-form { display: block;}
.reminder-emails-panel .reminder-emails-form .styled-input { width:25%; margin:0px 20px 0 0; display: inline-block; vertical-align: top; position: relative;}
.reminder-emails-panel .reminder-emails-form .select-time:last-of-type {margin-right:0}
.reminder-emails-panel .reminder-emails-form .styled-input.calendar-input {width:137px;margin-right:0}
.reminder-emails-panel .reminder-emails-form #FieldsetNewsDuplicate	{margin-right:20px}
.reminder-emails-panel .reminder-emails-form .styled-input.meta-tags {width:186px;}
.reminder-emails-panel .reminder-emails-form .styled-input.page-overview, .reminder-emails-panel .reminder-emails-form .styled-input.thumb-upload {min-width:300px}

.reminder-emails-panel .reminder-emails-form #thumb-buttons {display:block; margin-top:6px}
.reminder-emails-panel .reminder-emails-form #thumb-buttons a {padding: 0 10px; font-size: 12px;}
.reminder-emails-panel .reminder-emails-form .styled-input #PageThumb {overflow: hidden; text-overflow: ellipsis;}

.user-management-panel h3 {margin-top:-15px}
.user-management-panel .user-management-form { display: block;}
.user-management-panel .user-management-form .styled-input {display: block;    vertical-align: top;   margin:40px 0 0 0;}
.user-management-panel .user-management-form .show-password { display: block; text-align: left; color: #79BA25; font-size: 11px; margin:5px 0 10px 0; cursor: pointer; position: relative;}
.user-management-panel .user-management-form .show-password img { width: 14px; display: inline-block; vertical-align: top; height: auto; margin: 8px 0 0 5px;}
.user-management-panel .user-management-form input[type=password] + .show-password:before { content: "show ";}
.user-management-panel .user-management-form input[type=text] + .show-password:before { content: "hide ";}
.standard-form form .user-management-panel fieldset .input-select-options {top:60px}

.page-states-panel .page-states-form { display: block;}
.page-states-panel .page-states-form fieldset { width: 17.094017094%; margin: 0 20px 0 0; display: inline-block; vertical-align: top;}
.page-states-panel .page-states-form fieldset.styled-input { width: 17.094017094%; margin: 0 20px 0 0; display: inline-block; vertical-align: top;}
.page-states-panel .page-states-form fieldset:first-of-type, .page-states-panel .page-states-form fieldset.styled-input:first-of-type { width: 25%;}
.page-states-panel .page-states-form input[type=button] { display: block; width: 100%;}
.page-states-panel .page-states-form fieldset.styled-checkbox { width: 10.5263157895%;}
.page-states-panel .page-states-form ul li:not([class]) {display:block; margin:0; list-style-type:none}

.page-layout-panel .page-layout-form { display: block;}
.page-layout-panel .page-layout-form fieldset {margin: 0 20px 0 0; display: inline-block; vertical-align: top;}
.page-layout-panel .page-layout-form fieldset.styled-input {margin: 0 20px 0 0; display: inline-block; vertical-align: top;}
.page-layout-panel .page-layout-form fieldset:first-of-type, .page-layout-panel .page-layout-form fieldset.styled-input:first-of-type { width: 40%; max-width:360px}
.page-layout-panel .page-layout-form fieldset:nth-of-type(2), .page-layout-panel .page-layout-form fieldset.styled-input:nth-of-type(2) { width: 33.3333333333%;max-width:300px}
.page-layout-panel .page-layout-form input[type=button] { display: block; width: 100%;}
.page-layout-panel .page-layout-form fieldset.styled-checkbox { width: 10.5263157895%;}
.page-layout-panel .page-layout-form ul.layout-description { display: block;}
.page-layout-panel .page-layout-form ul.layout-description li { display: none;}
.page-layout-panel .page-layout-form .fieldset-container {padding:6px 8px 0 8px;margin:0 0 0 20px;min-width:100px}
.page-layout-panel .page-layout-form .fieldset-container#type-of-page {margin:40px 0 0 0;}
.page-layout-panel .page-layout-form .fieldset-container#type-of-page p {margin:15px 0;}
.page-layout-panel .page-layout-form .fieldset-container:first-of-type {margin-left:0;}
.page-layout-panel .page-layout-form .fieldset-container fieldset {margin-right:0;}
.page-layout-panel .page-layout-form .fieldset-container fieldset .label-select {top:-21px; left:-1px;}
.user-box .fieldset-container fieldset.styled-input, .user-box form .fieldset-container fieldset.styled-input, .user-box .standard-form form .fieldset-container fieldset.styled-input:first-of-type {margin:0 !important}


.page-redirect-panel .page-redirect-form { display: block;}
.page-redirect-panel input#pageExternalLink {width:60%; min-width:400px; display:inline-block}
.page-redirect-panel input#pageGroupLink { width: 60%; min-width: 400px; display: inline-block }
.standard-form form .page-redirect-panel .fieldset-container fieldset .label-select {left:-21px;}

.tinymce-panel { display: block; padding:0; position: relative;}
.tinymce-panel .save { float: left; margin: 30px 0;}
.tinymce-panel .white-alert { color:#111; float: left; margin: 5px 0 0 20px; font-size: 14px;}
.tinymce-panel .white-alert:first-of-type { margin: 30px 0 0 20px;}

.mce-notification.mce-has-close { display: none;}

.box-select-menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 46, 53, 0.8); display: none; opacity: 0; transition: all 0.3s ease-in-out; z-index: 500;}
.box-select-menu span.click-here-to-close-window {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.box-select-menu .select-menu-section {width: 600px; padding: 30px; background: #fff; border-radius: 4px; position: absolute; top: 100px; left: 50%; margin-left: -330px; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.6); position: relative; z-index: 500;}
.box-select-menu .select-menu-section h2 {font-size: 30px; color: #79BA25; margin: 0 100px 30px 100px; box-shadow: inset 0 -1px 0 0 #E4E8E9; padding: 0 0 20px 0; text-align: center;}
.box-select-menu .select-menu-section p {display: block; font-size: 15px; line-height: 160%; margin: 0 0 30px 0;}
.box-select-menu .select-menu-section .select-menu-form {margin: 0 auto 30px auto;}
.box-select-menu .select-menu-section .select-menu-form input[type=submit] {display: block; width: 100%;}
.box-select-menu .select-menu-section .close-select-menu {position: absolute; top: 10px; right: 10px; width: 35px; height: 34px; line-height: 29px; text-align: center; background: #79BA25; color: #fff; border-radius: 4px; font-size: 30px; font-weight: 500;}
.box-select-menu .select-menu-section .close-select-menu:hover {text-decoration: none; opacity: 0.7;}
.box-select-menu .select-menu-list {display: block;}
.box-select-menu .select-menu-list a.green-button {padding: 0 10px; font-size: 15px; margin: 0 0 20px 0;}
.box-select-menu .select-menu-list ul {display: block; height: 430px; overflow: hidden;}
.box-select-menu .select-menu-list ul li {display: block; border-radius: 4px; box-shadow: inset 0 0 0 1px #E4E8E9; background: #FBFBFB; padding: 0; margin: 0 0 15px 0; position: relative; transition: all 0.3s ease-in-out;}
.box-select-menu .select-menu-list ul li:hover {box-shadow: inset 5px 0 0 0 #79BA25, inset 0 0 0 1px #E4E8E9; transition: all 0.3s ease-in-out;}
.box-select-menu .select-menu-list ul li a {color: #637078; font-size: 17px; display: block; padding: 13px 15px;}
.box-select-menu .select-menu-list ul li a:hover {color: #79BA25; text-decoration: none;}
.box-select-menu .select-menu-list ul li span {float: right; font-size: 12px; text-transform: uppercase; background: #79BA25; color: #fff; padding: 5px 10px 5px 25px; vertical-align: top; margin: -3px 0 0 0; border-radius: 4px; display: none; position: absolute; top: 14px; right: 15px; cursor: pointer;}
.box-select-menu .select-menu-list ul li span:before {content: ""; width: 2px; height: 12px; background: #fff; position: absolute; top: 5px; left: 13px; transform: rotate(0deg);}
.box-select-menu .select-menu-list ul li span:after {content: ""; width: 2px; height: 12px; background: #fff; position: absolute; top: 5px; left: 13px; transform: rotate(90deg);}
.box-select-menu .select-menu-list ul li span.open:before {transform: rotate(-45deg); transition: all 0.3s ease-in-out;}
.box-select-menu .select-menu-list ul li span.open:after {transform: rotate(45deg); transition: all 0.3s ease-in-out;}
.box-select-menu .select-menu-list ul li ul {width: calc(100% - 30px); background: #fff; box-shadow: inset 0 0 0 1px #E4E8E9; margin: 5px 15px 15px 15px; display: none; height: auto; overflow: inherit;}
.box-select-menu .select-menu-list ul li ul li {display: block; box-shadow: none; background: none; border-radius: 0; margin: 0; box-shadow: inset 0 -1px 0 0 #E4E8E9; padding: 0;}
.box-select-menu .select-menu-list ul li ul li:hover {box-shadow: inset 0 -1px 0 0 #E4E8E9, inset 3px 0 0 0 #79BA25;}
.box-select-menu .select-menu-list ul li ul li a {font-size: 15px; padding: 10px 10px;}
.box-select-menu .select-menu-list ul li.selectedmenu {box-shadow: inset 0 0 0 1px #79BA25; background: #F8FFE9;}
.box-select-menu .select-menu-list ul li.has-subpages span {display: inline-block;}
.box-select-menu .select-menu-list ul .show-subpages ul {display: inline-block;}

.show-select-menu {display: block; opacity: 1; transition: all 0.3s ease-in-out; animation: loadselectmenu linear 0.15s; animation-iteration-count: 1; transform-origin: 50% 50%;}
.show-select-menu .select-menu-section {top: 200px; opacity: 1;}

.box-create-folder {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 46, 53, 0.8); display: none; opacity: 0; transition: all 0.3s ease-in-out; z-index: 500;}
.box-create-folder span.click-here-to-close-window {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.box-create-folder .create-folder-section {width: 600px; padding: 30px; background: #fff; border-radius: 4px; position: absolute; top: 100px; left: 50%; margin-left: -330px; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.6); position: relative; z-index: 500;}
.box-create-folder .create-folder-section h2 {font-size: 30px; color: #79BA25; margin: 0 30px 40px 30px; box-shadow: inset 0 -1px 0 0 #E4E8E9; padding: 0 0 20px 0; text-align: center;}
.box-create-folder .create-folder-section p {display: block; font-size: 15px; line-height: 160%; margin: 0 0 30px 0;}
.box-create-folder .create-folder-section .create-folder-form {margin: 0 auto 30px auto;}
.box-create-folder .create-folder-section .create-folder-form input[type=submit] {display: block; width: 100%;}
.box-create-folder .create-folder-section .close-create-folder {position: absolute; top: 10px; right: 10px; width: 35px; height: 34px; line-height: 29px; text-align: center; background: #79BA25; color: #fff; border-radius: 4px; font-size: 30px; font-weight: 500;}
.box-create-folder .create-folder-section .close-create-folder:hover {text-decoration: none; opacity: 0.7;}

.show-create-folder {display: block; opacity: 1; transition: all 0.3s ease-in-out; animation: loadselectmenu linear 0.15s; animation-iteration-count: 1; transform-origin: 50% 50%;}
.show-create-folder .create-folder-section {top: 200px; opacity: 1;}

@keyframes loadselectmenu {0% {  opacity: 0; } 100% {  opacity: 1; }}
.pages .main-options {display: block;}
.pages .main-options fieldset:first-of-type {width: 47.619047619%; display: inline-block;}
.pages .main-options fieldset:nth-of-type(2) {width: 22.2222222222%; display: inline-block;}

table.tb-page-list thead tr th:first-of-type {cursor: auto; box-shadow: none;}
table.tb-page-list thead tr th:first-of-type:before, table.tb-page-list thead tr th:first-of-type:after {display: none;}

.home-alert h1 {margin: 0 0 15px 0;}
.home-alert .group-line .bottom-line {margin: 30px 0 0 0;}
.home-alert .save-button {margin: 41px 0 0 0;}
.home-alert .group-line .main-options fieldset.styled-radio {padding: 2px 0;}
.home-alert .group-line .main-options fieldset.styled-radio strong {margin: 0 10px 0 0;}
.editing-options.home-alert .group-line .main-options fieldset.styled-radio, .editing-options.home-alert .group-line .main-options fieldset.styled-radio:nth-of-type(2) {width: auto !important; display:inline-block !important; margin:0 !important}
.editing-options.home-alert .group-line .main-options fieldset.styled-radio:last-of-type {margin: 0 0 0 27px !important}
.home-alert .green-button {padding: 0 10px;}
.home-alert .green-button img {width: 16px; margin: 6px 6px 0 0; display: inline-block; vertical-align: top;}

.status-disabled, .standard-form form fieldset .label-select.status-disabled, .publishing-dates-panel.status-disabled  {background:#999}
.status-invalid, .standard-form form fieldset .label-select.status-invalid, .publishing-dates-panel.status-invalid {background-color:red}
.status-live, .standard-form form fieldset .label-select.status-live, .publishing-dates-panel.status-live {background:#79BA25}
.standard-form form .panel-coloured fieldset.styled-radio {color:#FFF}
.standard-form form .panel-coloured fieldset.styled-radio input[type=radio]:checked + .radio-label:before {background-color: #0480a8; box-shadow:inset 0 0 0 4px #FFF}
.standard-form form .panel-coloured fieldset.styled-radio input[type=radio] + .radio-label:before {border:0;}


.user-box p {margin: 0 0 40px 0;}
.user-box .standard-form {width: 50%; display: inline-block;}
.user-box .standard-form .select-box {display: inline-block; width: 66.6666666667%;}
.user-box .standard-form .styled-checkbox {display: inline-block;}
.user-box .standard-form .show-password {display: block;  color: #79BA25; font-size: 11px; margin: 0; cursor: pointer; position: absolute; top: 15px; right: 15px;}
.user-box .standard-form .show-password img {width: 14px; display: inline-block; vertical-align: top; height: auto; margin: 1px 0 0 5px;}
.user-box .user-info {display: inline-block; vertical-align: top; background: rgb(247 247 247 / 20%);    box-shadow: 0 0 0 1px rgb(228 232 233 / 70%); padding: 20px 90px 20px 20px; border-radius: 4px; margin: 0 0 0 60px;}
.user-box .user-info p {display: block; margin: 0 0 20px 0; font-size:15px; font-weight:bold}
.user-box .user-info p span {display: block; font-size: 12px; font-weight:normal; margin: 0 0 5px 0;}

.user-box .buttons-list {display: block; margin: 5px 0 30px 0;}
.user-box .buttons-list p {margin: 30px 0;}
.user-box .buttons-list fieldset {display: inline-block;}
.user-box .buttons-list fieldset input[type=submit] {padding: 5px 35px; height: auto;}


.new-menu {display: inline-block;}
.new-menu .saveinfolder {display: block; width: 170px;}
.new-menu .styled-radio {display: inline-block; width: auto; margin:10px;}
/*.new-menu .styled-radio:last-of-type {background: red;}*/
.new-menu .styled-radio span {margin: 0 10px 0 0;}
.new-menu .alert-item {margin: 20px 0;}
.new-menu .menu-tab-links {margin: 0 0 30px 0;}
.new-menu .opacity {opacity: 0.5;}
.new-menu .not-empty {opacity: 1;}
.new-menu .styled-holder p {margin:0 26px 10px 10px}


/* @media (min-width: 1250px) {.menu-list {  width: 76.9230769231%; }}*/

.sub-menus-list {width:calc(50% - 30px) !important; display: inline-block; /* sortable plugin styles when dragged */}
.sub-menus-list form {position: relative;}
.sub-menus-list form .save-fieldset {position: absolute; right: -170px; top: 0;}
.sub-menus-list article {display: block; margin: 0 0 15px 0;}
.sub-menus-list article a {border-radius: 4px; box-shadow: 0 0 0 1px #E4E8E9; display: block; padding: 20px; font-size: 15px; font-weight: 500; text-transform: uppercase; position: relative;font-size:16px; line-height:16px; padding:18px; margin-bottom:0; text-transform:none}
.sub-menus-list article a.selectedTab {background-color:#4b4880; color:#FFF; cursor:text}
.sub-menus-list article a.selectedTab:before {content: "Selected tab";    font-size: 13px;    position: absolute;    right: 20px;    top: 20px;    width: auto;    height: auto;    background: none;    transform: rotate(0deg);	color:#FFF;}
.sub-menus-list article a:hover {background-color:#278427; color:#FFF;text-decoration: none;}
.sub-menus-list article a:before {content: ""; width: 2px; height: 15px; background: #79BA25; position: absolute; top: 20px; right: 20px; transform: rotate(0deg); transition: all 0.3s ease-in-out; animation: showarrow linear 2s; animation-iteration-count: 1; transform-origin: 50% 50%;}
.sub-menus-list article a:after {content: ""; width: 2px; height: 15px; background: #79BA25; position: absolute; top: 20px; right: 20px; transform: rotate(90deg); transition: all 0.3s ease-in-out; animation: showarrow linear 2s; animation-iteration-count: 1; transform-origin: 50% 50%;}
.sub-menus-list article a:before, .sub-menus-list article a:after {content:none}
.sub-menus-list article ul {box-shadow: 0 0 0 1px #E4E8E9; display: block; padding: 0 20px; margin: -2px 0 0 0; border-radius: 0 0 4px 4px; background: #f7f7f7; line-height: 150%; position: relative; opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out;}
.sub-menus-list article ul li {display: block; box-shadow: 0 1px 0 0 #E4E8E9; padding: 10px 0; margin:0}
.sub-menus-list article ul li:last-of-type {box-shadow: none;}
.sub-menus-list article ul li input[type=number] {border: none; display: inline-block; width: 30px; background: #fff; border-radius: 4px; padding: 15px 10px; box-shadow: 0 0 0 1px #E4E8E9; margin: 0 15px 0 0; color:#111; text-align: center;}
.sub-menus-list article ul li .handle {border: none; display: inline-block; width: 30px; background: #fff; border-radius: 4px; padding: 11px 10px 7px 10px; box-shadow: 0 0 0 1px #E4E8E9; color:#111; text-align: center; float: left; margin: 0 15px 0 0; cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; position: relative;}
.sub-menus-list article ul li .handle img {width: 22px; height: auto;}
.sub-menus-list article ul li .handle:focus {cursor: grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing;}
.sub-menus-list .show-submenu a:before {content: ""; width: 2px; height: 15px; background: #79BA25; position: absolute; top: 20px; right: 20px; transform: rotate(-45deg); transition: all 0.3s ease-in-out;}
.sub-menus-list .show-submenu a:after {content: ""; width: 2px; height: 15px; background: #79BA25; position: absolute; top: 20px; right: 20px; transform: rotate(45deg); transition: all 0.3s ease-in-out;}
.sub-menus-list .show-submenu ul {opacity: 1; visibility: visible; max-height: 1000px; transition: all 0.3s ease-in-out; padding: 10px 20px;max-height:9000px;}
.sub-menus-list .show-submenu li a:before {display:none;}
.sub-menus-list .dragged {position: absolute; left: 0; opacity: 1; z-index: 2000; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); transform: scale(1.1); cursor: grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing;}
.sub-menus-list li.placeholder {position: relative; background: #ececec; border: 1px dashed #cfcfcf; height: 25px; border-radius: 4px;}
.sub-menus-list .empty-menu a {color: #bb9624; background: #fff8dd; box-shadow: 0 0 0 1px #ffeca5; cursor: auto; position: relative;}
.sub-menus-list .empty-menu a:before {content: "No submenus on this tab"; font-size: 13px; position: absolute; right: 20px; top: 20px; width: auto; height: auto; background: none; transform: rotate(0deg);}
.sub-menus-list .empty-menu a:after {display: none;}
.sub-menus-list .section-disabled a {background: #f7f7f7; box-shadow: 0 0 0 1px #E4E8E9; color: #c0c0c0;}
.sub-menus-list .section-disabled a:before {content: "Disabled tab"; font-size: 13px; position: absolute; right: 20px; top: 20px; width: auto; height: auto; background: none; transform: rotate(0deg);}
@media (max-width: 1024px) {
.sub-menus-list {width: 100% !important; float:none}
.menu-tabs-side {display:none}
}
.menudrop li a 	{text-transform:none; box-shadow:none; margin:-10px 0 0 133px; font-size:15px; padding:0}
.menudrop li a.edit-sub-pages 	{background: #20ACDA; color: #fff; font-weight: 500; padding: 5px; border-radius: 4px; display: inline;}
.menudrop li a.edit-sub-pages::first-letter {margin:-20px 0 0 0;}
.menudrop li span.pagetitle a {margin:0; padding:8px 10px}

@keyframes showarrow {0% {  opacity: 0; } 100% {  opacity: 1; }}

ul.text-list {margin:0 0 30px 0;    box-shadow: 0 0 0 1px #E4E8E9;    border-radius: 4px;    background: #fff;}
ul.text-list li, .standard-form ul.text-list li {font-size:16px; line-height:20px; margin:10px 0; display:block; padding:15px 15px 15px 35px;    border-radius: 0;    margin: 0;    box-shadow: inset 0 -1px 0 0 #E4E8E9;    background: none;    position: relative;}
ul.text-list li:before {content: "";    width: 5px;    height: 5px;    background: #637078;    position: absolute;    top: 21px;    left: 17px;    border-radius: 50%;}
ul.text-list + fieldset.styled-input {margin-top:25px}

ul.example-how-to {  max-width:500px; display:inline-block; margin:0 0 10px 20px;}
ul.example-how-to.example-left {float:left; margin: 0 20px 10px 0;}
ul.example-how-to .handle {border: none; display: inline-block; width: 30px; height: 30px; line-height: 38px; background: #79BA25; border-radius: 4px; padding: 0; color:#111; text-align: center; margin: 0 5px; cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; position: relative; vertical-align: middle; display: inline-block;}
ul.example-how-to .handle img {width: 60%; height: auto;}
ul.example-how-to .handle:focus {cursor: grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing;}
ul.example-how-to li, ul.example-how-to li:not([class]) {background: #f5d3970a; padding: 12px; margin: 0 0 0 0; line-height: 140%; background: rgba(247, 247, 247, 0.2); box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7);list-style-type:none}
ul.example-how-to li.example-heading {background:#4b4880; color:#FFF; font-size:17px; text-align:center; border-color:#4b4880}
ul.example-how-to li:first-of-type {border-radius: 4px 4px 0 0;}
ul.example-how-to li:nth-of-type(2) {border-radius: 0;}
ul.example-how-to li:last-of-type {border-radius: 0 0 4px 4px;}
ul.example-how-to li ul {margin: 15px 0 0 0; box-shadow: 0 0 0 1px #E4E8E9; border-radius: 4px; background: #fff;}
ul.example-how-to li ul li, ul.example-how-to li:not([class]) li {padding: 10px 10px 10px 35px; border-radius: 0; margin: 0; box-shadow: inset 0 -1px 0 0 #E4E8E9; background: none; position: relative;}
ul.example-how-to li ul li:before {content: ""; width: 5px; height: 5px; background: #637078; position: absolute; top: 16px; left: 15px; border-radius: 50%;}

@media (max-width: 1249px) {
	ul.example-how-to {display:none}
	ul.example-how-to.example-left {display:block; width:100%; float:none;}
}


.single-diary .main-options {display: block;}
.single-diary .main-options:first-of-type fieldset:first-of-type {width: 47.619047619%; display: inline-block;}
.single-diary .main-options:first-of-type fieldset:nth-of-type(2) {width: 22.2222222222%; display: inline-block;}
.single-diary .main-options:nth-of-type(2) {margin: 10px 0 30px 0;}
.single-diary .main-options:nth-of-type(2) fieldset:first-of-type {width: 25%; display: inline-block;}
.single-diary .main-options:nth-of-type(2) fieldset:nth-of-type(2) {width: 22.2222222222%; display: inline-block;}
.single-diary .main-options .styled-radio {font-size: 14px;}

.tb-diary-list thead tr th:first-of-type:before, .tb-diary-list thead tr th:first-of-type:after {display: none;}
.tb-diary-list thead tr th:first-of-type.sorting_asc, .tb-diary-list thead tr th:first-of-type.sorting_desc {box-shadow: none;}
.tb-diary-list thead tr th:last-of-type.sorting_asc, .tb-diary-list thead tr th:last-of-type.sorting_desc {box-shadow: none;}
.tb-diary-list thead tr th:last-of-type:before, .tb-diary-list thead tr th:last-of-type:after {display: none;}
.tb-diary-list .styled-checkbox {text-align: center;}
.tb-diary-list .red-button {display: inline-block; width: calc(100% - 15px);}
	.tb-diary-list .red-button:disabled, .tb-diary-list .green-button:disabled, .tb-diary-list .blue-button:disabled, .tb-diary-list .grey-button:disabled, .tb-diary-list .orange-button:disabled, .tb-page-list .red-button:disabled, .tb-page-list .green-button:disabled, .tb-page-list .blue-button:disabled, .tb-page-list .grey-button:disabled, .tb-page-list .orange-button:disabled {
		background: #dedede;
		color: #b1b1b1;
		cursor: default;
	}
.tb-diary-list .red-button:disabled:hover {opacity: 1; /* mix-blend-mode: initial;*/}

.manage-categories {display: inline-block; width: calc(100% - 60px); /* Scrolling bar */ /* non-visible scrollbar */ /* RTL direction/left-side scrollbar */ /* scrollbar position: outside */ /* RTL direction/left-side scrollbar (scrollbar position: outside) */}
.manage-categories .standard-form {width: 45.4545454545%; display: inline-block;}
.manage-categories .standard-form:last-of-type {float: right;}
.manage-categories .standard-form h2 {margin: 0 0 30px 0;}
.manage-categories .standard-form .type-of-category {display: block; margin: 0 0 30px 0;}
.manage-categories .standard-form .type-of-category span {display: block; color: #79BA25; margin: 0 0 20px 0;}
.manage-categories .standard-form form .fieldset-container fieldset .label-select {color:#FFF}
.manage-categories .standard-form .type-of-category fieldset {display: inline-block; margin: 0 30px 0 0;}
.manage-categories .standard-form .colorpicker {display: block;}
.manage-categories .standard-form .colorpicker fieldset {display: inline-block; vertical-align: top; box-shadow: 0 0 0 1px #E4E8E9; background: #f7f7f7; border-radius: 4px; padding: 10px 15px;}
.manage-categories .standard-form .colorpicker fieldset:last-of-type {float: right;}
.manage-categories .standard-form .colorpicker fieldset span.title {display: block; margin: 0 0 10px 0;}
.manage-categories .standard-form .colorpicker fieldset input[type=colour] {width: 70px; background: #fff; border-radius: 4px; padding: 3px 0 5px 30px; border: 1px solid #ccc; color:#111;}
.manage-categories .standard-form ul.list-of-categories {height: 422px; overflow: hidden;}
.manage-categories .standard-form ul.list-of-categories li {padding: 0; font-size: 17px; box-shadow: inset 0 -1px 0 0 #E4E8E9; background: #FBFBFB; display:block; list-style-type:none; margin:0}
.manage-categories .standard-form ul.list-of-categories li:hover {background: #FBFBFB; box-shadow: inset 0 -1px 0 0 #79BA25;}
.manage-categories .standard-form ul.list-of-categories li:hover a {color: #79BA25;}
.manage-categories .standard-form ul.list-of-categories li a {color: #637078; display: block; padding: 15px 10px;}
.manage-categories .standard-form ul.list-of-categories li a img {float: right;}
.manage-categories .standard-form ul.list-of-categories li a:hover {text-decoration: none;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 46, 53, 0.8); z-index: 99999; display: none; opacity: 0; transition: all 0.3s ease-in-out;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup span.click-here-to-close-window {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup form {width: 600px; padding:10px 30px 20px 30px; background: #fff; border-radius: 4px; position: absolute; top: 140px; left: 50%; margin-left: -330px; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.6); position: relative; z-index: 500;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup form .colorpicker {font-size: 15px;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup form .action-button {display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup form .action-button input {height: 40px; line-height: 40px;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup form .save-button {background-size: 22px; background-position: 20px center; text-indent: 0; width: auto; padding: 0 20px 0 50px; font-size: 18px;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup form .red-button {padding: 0 20px; font-size: 18px;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup form .close-edit-category {position: absolute; top: 0; right: 0; width: 40px; height: 36px; line-height: 31px; text-align: center; background: #79BA25; color: #fff; border-radius: 4px; font-size: 30px; font-weight: 500; padding: 0;}
.manage-categories .standard-form ul.list-of-categories .edit-category-popup form .close-edit-category:hover {text-decoration: none; opacity: 0.7;}
.manage-categories .standard-form ul.list-of-categories li.show-edit-category .edit-category-popup {display: block; opacity: 1; transition: all 0.3s ease-in-out; animation: loadeditcategory linear 0.15s; animation-iteration-count: 1; transform-origin: 50% 50%;}
.manage-categories .mCustomScrollbar {-ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */}
.manage-categories .mCustomScrollbar.mCS_no_scrollbar, .manage-categories .mCustomScrollbar.mCS_touch_action {-ms-touch-action: auto; touch-action: auto;}
.manage-categories .mCustomScrollBox {/* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}
.manage-categories .mCSB_container {/* contains the original content */ overflow: hidden; width: auto; height: auto; padding: 0 20px 0 0;}
.manage-categories .mCSB_inside > .mCSB_container,.manage-categories .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right: 0;}
.manage-categories .mCS-dir-rtl > .mCSB_inside > .mCSB_container {/* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px;}
.manage-categories .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left: 0;}
.manage-categories .mCSB_scrollTools {/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 10px; height: auto; left: auto; top: 0; right: 0; bottom: 0;}
.manage-categories .mCSB_outside + .mCSB_scrollTools {right: -26px;}
.manage-categories .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {/* RTL direction/left-side scrollbar */ right: auto; left: 0;}
.manage-categories .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {/* RTL direction/left-side scrollbar */ right: auto; left: 0; left: -26px;}
.manage-categories .mCSB_scrollTools .mCSB_draggerContainer {/* contains the draggable element and dragger rail markup */ /* ------colours----- */ background: #E4E8E9; border-radius: 15px; /* -------- */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.manage-categories .mCSB_scrollTools a + .mCSB_draggerContainer {margin: 20px 0;}
.manage-categories .mCSB_scrollTools .mCSB_draggerRail {width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.manage-categories .mCSB_scrollTools .mCSB_dragger {/* the draggable element */ /* ------colours----- */ background: #637078; border-radius: 15px; /* -------- */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1;}
@media (max-width: 900px) {
.manage-categories div.standard-form{width:100%; display:block}
.manage-categories div.standard-form:nth-of-type(2){display:none}
}

@keyframes loadeditcategory {0% {  opacity: 0; } 100% {  opacity: 1; }}
.news-items .main-options {display: block;}
.news-items .main-options:first-of-type fieldset:first-of-type {width: 47.619047619%; display: inline-block;}
.news-items .main-options:first-of-type fieldset:nth-of-type(2) {width: 22.2222222222%; display: inline-block;}
.news-items .main-options:nth-of-type(2) {margin: 10px 0 30px 0;}
.news-items .main-options:nth-of-type(2) fieldset:first-of-type {width: 25%; display: inline-block;}
.news-items .main-options:nth-of-type(2) fieldset:nth-of-type(2) {width: 22.2222222222%; display: inline-block;}
.news-items .main-options .styled-radio {font-size: 14px;}

.tb-news-list thead tr th:first-of-type:before, .tb-news-list thead tr th:first-of-type:after {display: none;}
.tb-news-list thead tr th:first-of-type.sorting_asc, .tb-news-list thead tr th:first-of-type.sorting_desc {box-shadow: none;}
.tb-news-list thead tr th:last-of-type.sorting_asc, .tb-news-list thead tr th:last-of-type.sorting_desc {box-shadow: none;}
.tb-news-list thead tr th:last-of-type:before, .tb-news-list thead tr th:last-of-type:after {display: none;}
.tb-news-list .styled-checkbox {text-align: center;}
.tb-news-list .red-button {display: inline-block; width: calc(100% - 15px);}
.tb-news-list .red-button:disabled {background: #dedede; color: #b1b1b1; cursor: default;}
.tb-news-list .red-button:disabled:hover {opacity: 1; /*mix-blend-mode: initial;*/}

.manage-news-categories {display: inline-block; width: calc(100% - 60px); /* Scrolling bar */ /* non-visible scrollbar */ /* RTL direction/left-side scrollbar */ /* scrollbar position: outside */ /* RTL direction/left-side scrollbar (scrollbar position: outside) */}
.manage-news-categories .standard-form {width: 45.4545454545%; display: inline-block;}
.manage-news-categories .standard-form:last-of-type {float: right;}
.manage-news-categories .standard-form h2 {margin: 0 0 30px 0;}
.manage-news-categories .standard-form .type-of-category {display: block; margin: 0 0 30px 0;}
.manage-news-categories .standard-form .type-of-category span {display: block; font-size: 13px; color: #79BA25; margin: 0 0 20px 0;}
.manage-news-categories .standard-form .type-of-category fieldset {display: inline-block; margin: 0 30px 0 0;}
.manage-news-categories .standard-form .colorpicker {display: block;}
.manage-news-categories .standard-form .colorpicker fieldset {display: inline-block; vertical-align: top; box-shadow: 0 0 0 1px #E4E8E9; background: #f7f7f7; border-radius: 4px; padding: 10px 15px;}
.manage-news-categories .standard-form .colorpicker fieldset:last-of-type {float: right;}
.manage-news-categories .standard-form .colorpicker fieldset span.title {display: block; margin: 0 0 10px 0;}
.manage-news-categories .standard-form .colorpicker fieldset input[type=colour] {width: 70px; background: #fff; border-radius: 4px; padding: 3px 0 5px 30px; border: 1px solid #ccc; color:#111;}
.manage-news-categories .standard-form ul.list-of-categories {height: 422px; overflow: hidden;}
.manage-news-categories .standard-form ul.list-of-categories li {padding: 0; font-size: 17px; box-shadow: inset 0 -1px 0 0 #E4E8E9; background: #FBFBFB;}
.manage-news-categories .standard-form ul.list-of-categories li:hover {background: #FBFBFB; box-shadow: inset 0 -1px 0 0 #79BA25;}
.manage-news-categories .standard-form ul.list-of-categories li:hover a {color: #79BA25;}
.manage-news-categories .standard-form ul.list-of-categories li a {color: #637078; display: block; padding: 15px 10px;}
.manage-news-categories .standard-form ul.list-of-categories li a img {float: right;}
.manage-news-categories .standard-form ul.list-of-categories li a:hover {text-decoration: none;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(35, 46, 53, 0.8); z-index: 500; display: none; opacity: 0; transition: all 0.3s ease-in-out;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup span.click-here-to-close-window {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup form {width: 600px; padding: 40px 30px; background: #fff; border-radius: 4px; position: absolute; top: 100px; left: 50%; margin-left: -330px; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.6); position: relative; z-index: 500;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup form .colorpicker {font-size: 15px;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup form .action-button {display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup form .action-button input {height: 40px; line-height: 40px;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup form .save-button {background-size: 22px; background-position: 20px center; text-indent: 0; width: auto; padding: 0 20px 0 50px; font-size: 18px;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup form .red-button {padding: 0 20px; font-size: 18px;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup form .close-edit-category {position: absolute; top: 10px; right: 10px; width: 35px; height: 34px; line-height: 29px; text-align: center; background: #79BA25; color: #fff; border-radius: 4px; font-size: 30px; font-weight: 500; padding: 0;}
.manage-news-categories .standard-form ul.list-of-categories .edit-category-popup form .close-edit-category:hover {text-decoration: none; opacity: 0.7;}
.manage-news-categories .standard-form ul.list-of-categories li.show-edit-category .edit-category-popup {display: block; opacity: 1; transition: all 0.3s ease-in-out; animation: loadeditcategory linear 0.15s; animation-iteration-count: 1; transform-origin: 50% 50%;}
.manage-news-categories .mCustomScrollbar {-ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */}
.manage-news-categories .mCustomScrollbar.mCS_no_scrollbar, .manage-news-categories .mCustomScrollbar.mCS_touch_action {-ms-touch-action: auto; touch-action: auto;}
.manage-news-categories .mCustomScrollBox {/* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}
.manage-news-categories .mCSB_container {/* contains the original content */ overflow: hidden; width: auto; height: auto; padding: 0 20px 0 0;}
.manage-news-categories .mCSB_inside > .mCSB_container,.manage-news-categories .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right: 0;}
.manage-news-categories .mCS-dir-rtl > .mCSB_inside > .mCSB_container {/* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px;}
.manage-news-categories .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left: 0;}
.manage-news-categories .mCSB_scrollTools {/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 10px; height: auto; left: auto; top: 0; right: 0; bottom: 0;}
.manage-news-categories .mCSB_outside + .mCSB_scrollTools {right: -26px;}
.manage-news-categories .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {/* RTL direction/left-side scrollbar */ right: auto; left: 0;}
.manage-news-categories .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {/* RTL direction/left-side scrollbar */ right: auto; left: 0; left: -26px;}
.manage-news-categories .mCSB_scrollTools .mCSB_draggerContainer {/* contains the draggable element and dragger rail markup */ /* ------colours----- */ background: #E4E8E9; border-radius: 15px; /* -------- */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.manage-news-categories .mCSB_scrollTools a + .mCSB_draggerContainer {margin: 20px 0;}
.manage-news-categories .mCSB_scrollTools .mCSB_draggerRail {width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.manage-news-categories .mCSB_scrollTools .mCSB_dragger {/* the draggable element */ /* ------colours----- */ background: #637078; border-radius: 15px; /* -------- */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1;}

@keyframes loadeditcategory {0% {  opacity: 0; } 100% {  opacity: 1; }}
.faq {width: 100%; min-height: 710px; display: inline-block; margin: 50px 0 0 0; position: relative; padding-bottom: 30px;}
.faq .faq-nav {display: inline-block; width: 350px; vertical-align: top;}
.faq .faq-nav ul li {display: block; cursor: pointer;}
.faq .faq-nav ul li a {display: block; background: #f7f7f7; border-radius: 4px; padding: 3px 10px; box-shadow: 0 0 0 1px #E4E8E9; margin: 0 0 7px 0; color:#111; font-size: 14px;}
.faq .faq-nav ul li a:hover {text-decoration: none; opacity: 0.7;}
.faq .faq-nav ul li.active-tab a {background: #79BA25; color: #fff; box-shadow: 0 0 0 1px #81ad22;}
.faq .list-faq {float: right; width: 55.5555555556%; margin: 0px 0 0 50px; vertical-align: top;}
.faq .list-faq article {display: none;}
.faq .list-faq article ul {display: block;}
.faq .list-faq article ul li {box-shadow: inset 0 0 0 1px #E4E8E9; margin: 0 0 20px 0; padding: 0 0 1px 0; border-radius: 4px;}
.faq .list-faq article ul li h2.title {display: block; background: #f7f7f7; padding: 15px; border-radius: 4px 4px 0 0; box-shadow: inset 1px 0 0 0 #E4E8E9, inset -1px 0 0 0 #E4E8E9, inset 0 1px 0 0 #E4E8E9; margin: 0; position: relative; cursor: pointer; font-size: 18px;}
.faq .list-faq article ul li h2.title:before {content: ""; width: 15px; height: 15px; background: url(/admin/img/svg/arrow-down.svg) no-repeat center top; position: absolute; top: 22px; right: 22px; background-size: contain; transition: all 0.3s ease-in-out;}
.faq .list-faq article ul li .faq-text {display: block; padding: 0 20px; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out;}
.faq .list-faq article ul li.show-faq h2.title:before {top: 14px; transform: rotate(180deg); transition: all 0.3s ease-in-out;}
.faq .list-faq article ul li.show-faq .faq-text {max-height: 3500px; padding: 20px 20px; transition: all 0.3s ease-in-out;}
.faq .list-faq .show-content {display: block;}

.sidebar-stoper {width: 100%; display: inline-block; height: 20px; position: absolute; bottom: 0; left: 0;}

@media (min-height: 1024px) {.faq .faq-nav ul li a {  padding: 10px 10px;   font-size: 16px; }}
@media (min-width: 1250px) {.faq {  width: 100%;   min-height: 710px;   display: inline-block;   margin: 50px 0 0 0;   position: relative;   padding-bottom: 30px; } .faq .list-faq {  width: 66.6666666667%; } .faq .list-faq article .faq-text ol li {  display: list-item;   box-shadow: none;   list-style-type: decimal;   margin: 20px 0; } .faq .list-faq article .faq-text ul {  display: block;   padding: 0 0 0 20px; } .faq .list-faq article .faq-text ul li {  display: list-item;   box-shadow: none;   list-style-type: disc;   margin: 20px 0; }}
.videos-block {display: block; margin: 50px 0 0 0;}
.videos-block ul {display: block; text-align: center;}
.videos-block ul li {display: inline-block; width: 28.5714285714%; margin: 0 0 50px 0; background: #f7f7f7; border-radius: 4px; padding: 10px 10px; box-shadow: 0 0 0 1px #E4E8E9;}
.videos-block ul li:first-of-type {float: left;}
.videos-block ul li:nth-of-type(3) {float: right;}
.videos-block ul li:nth-of-type(4) {float: left;}
.videos-block ul li:last-of-type {float: right;}

.new-gallery p {margin: 0 0 20px 0; line-height: 160%;}
.new-gallery ol {margin: 20px 0 40px 0; padding: 0 15px;}
.new-gallery ol li {padding: 5px 0; line-height: 170%;}
.new-gallery .standard-form .select-box {display: block; width: 66.6666666667%;}
.new-gallery .standard-form .styled-checkbox {display: inline-block;}
.new-gallery .standard-form .styled-radio {display: inline-block; margin-right:30px}
.new-gallery .example-how-to {margin: 0 0 35px 0;}

.edit-gallery {margin-bottom: 50px;}
.edit-gallery .group-line .main-options:first-of-type {margin: 0 0 20px 0;}
.edit-gallery .group-line .main-options:last-of-type fieldset {width: auto;}
.edit-gallery .group-line .main-options:last-of-type fieldset:first-of-type {width: auto;}
.edit-gallery .group-line .main-options fieldset.styled-input {width: 22.2222222222%;}
.edit-gallery .group-line .main-options fieldset:last-of-type {margin: 0;}
.edit-gallery .group-line .main-options fieldset:nth-of-type(4) {margin: 0 10px 0 0;}
.edit-gallery .group-line .main-options input[type=submit] {padding: 0 20px;}
.edit-gallery .group-line .main-options .gallery-group-box {margin: -15px 20px 0 0;}
.edit-gallery .group-line .main-options .gallery-group-box span {font-size: 13px; display: block; margin: -5px 0 6px 0;}
.edit-gallery .group-line .main-options .gallery-group-box .darkgray-button {margin: 0;}

.edit-images-gallery .green-button {padding: 0 10px;}
.edit-images-gallery .gallery-containter {width: 100%; display: inline-block; /* sortable plugin styles when dragged */}
.edit-images-gallery .gallery-containter ul {margin: 30px 0 0 0; list-style: none; padding: 0;}
.edit-images-gallery .gallery-containter ul li {width: 18.1818181818%; position: relative; display: inline-block; box-shadow: 0 0 0 1px #E4E8E9; background: #f7f7f7; padding: 20px; border-radius: 5px; margin: 10px 20px 10px 0;}
.edit-images-gallery .gallery-containter ul li:hover {box-shadow: inset 0 4px 0 0 #79BA25, inset 0 0 0 1px #E4E8E9;}
.edit-images-gallery .gallery-containter ul li input[type=number] {background: #fff; border: none; box-shadow: 0 0 0 1px #E4E8E9; display: inline-block; vertical-align: top; margin: 0 0 0 5px; width: 30px; height: 30px; text-align: center;}
.edit-images-gallery .gallery-containter ul li article .thumbnail {height: 160px; width: 100%; white-space: nowrap; text-align: center; margin: 20px 0 30px 0; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px #E4E8E9;}
.edit-images-gallery .gallery-containter ul li article .thumbnail .frame {display: inline-block; height: 100%; vertical-align: middle;}
.edit-images-gallery .gallery-containter ul li article .thumbnail img {width: 90%; height: auto; vertical-align: middle;}
.edit-images-gallery .gallery-containter ul li article .handle {background: #79BA25; display: inline-block; border-radius: 4px; padding: 5px 7px;}
.edit-images-gallery .gallery-containter ul li article .handle img {width: 20px; height: auto;}
.edit-images-gallery .gallery-containter ul li article .handle:focus {cursor: grabbing;}
.edit-images-gallery .gallery-containter ul.list-view li {width: calc(100% - 320px);}
.edit-images-gallery .gallery-containter ul.list-view li .thumbnail {height: 32px; width: 32px; display: inline-block; vertical-align: top; margin: 0 20px 0 5px;}
.edit-images-gallery .gallery-containter ul.list-view li fieldset.styled-input {width: 50%; display: inline-block; margin: 10px 0 0 0; vertical-align: top;}
.edit-images-gallery .gallery-containter ul.list-view li fieldset.styled-checkbox {display: inline-block; vertical-align: top; margin: 10px 0 0 20px;}
.edit-images-gallery .gallery-containter ul.list-view li.placeholder {height: 60px;}
.edit-images-gallery .gallery-containter .dragged {position: absolute; left: 0; opacity: 1; z-index: 2000; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); transform: scale(1.1); cursor: grabbing;}
.edit-images-gallery .gallery-containter li.placeholder {position: relative; background: #fff; box-shadow: none; border: 2px dashed #79BA25; height: 350px; border-radius: 4px; margin: 10px 20px 10px 0; padding: 0 20px; vertical-align: top;}
.edit-images-gallery .gallery-containter li.placeholder:hover {box-shadow: none;}
.edit-images-gallery .gallery-containter .disabled-menu-tab {background: #f7f7f7; box-shadow: 0 0 0 1px #E4E8E9; color: #c0c0c0;}
.edit-images-gallery .gallery-containter .disabled-menu-tab fieldset.styled-input input[type=text],.edit-images-gallery .gallery-containter .disabled-menu-tab fieldset.styled-input label {color: #c0c0c0 !important;}
.edit-images-gallery .gallery-containter .disabled-menu-tab fieldset.styled-radio {color: #c0c0c0 !important;}
.edit-images-gallery .gallery-containter .copy-title {display: block;}
.edit-images-gallery .gallery-containter .copy-title fieldset.styled-input {width: 33.3333333333%; display: inline-block; margin: 0 20px 0 0;}
.edit-images-gallery .gallery-containter .copy-title .darkgray-button {padding: 0 10px;}
.edit-images-gallery .gallery-containter .buttons-list {display: block; margin: 30px 0 0 0;}
.edit-images-gallery .gallery-containter .buttons-list a {padding: 0 10px; line-height: 30px; margin: 0 10px 0 0;}
.edit-images-gallery .gallery-containter .buttons-list a img {width: 15px; height: auto; display: inline-block; vertical-align: middle; margin: -4px 5px 0 0;}

@media (min-width: 1250px) {.edit-images-gallery .gallery-containter ul li {  width: 19.6078431373%; }}
.gallery-listing {display: block;}
.gallery-listing ul {display: block;}
.gallery-listing ul li {display: inline-block; width: 30.303030303%; margin: 0 20px 20px 0; vertical-align: top;}
.gallery-listing ul li:hover article .frame:after {opacity: 0.2; transition: all 0.3s ease-in-out;}
.gallery-listing ul li:hover article .frame .number-pics,.gallery-listing ul li:hover article .frame h2 {opacity: 0; transition: all 0.3s ease-in-out; visibility: hidden;}
.gallery-listing ul li article {display: block; height: 300px; border-radius: 4px; position: relative; text-align: center; box-shadow: 0 0 0 1px #E4E8E9;}
.gallery-listing ul li article .frame {display: block; position: relative; padding: 20px; background-size: cover; height: 130px; background-position: center center;}
.gallery-listing ul li article .frame:after {content: ""; width: 100%; height: 100%; background-color: #637078; position: absolute; top: 0; left: 0; opacity: 0.7; border-radius: 4px; transition: all 0.3s ease-in-out;}
.gallery-listing ul li article .frame .number-pics {width: 80px; height: 80px; background: #fff; display: inline-block; font-size: 30px; border-radius: 50%; line-height: 70px; font-weight: 500; position: relative; z-index: 5; transition: all 0.3s ease-in-out;}
.gallery-listing ul li article .frame .number-pics:before {content: "Images"; width: 100%; text-align: center; text-transform: uppercase; color:#111; position: absolute; top: 22px; left: 0; font-size: 12px;}
.gallery-listing ul li article .frame h2 {margin: 10px 0; position: relative; z-index: 5; transition: all 0.3s ease-in-out; color: #fff; text-shadow: 1px 1px 0 #000;}
.gallery-listing ul li article .frame h2 a {color: #fff;}
.gallery-listing ul li article .frame h2 a:hover {color: #79BA25; text-decoration: none;}
.gallery-listing ul li article .info-box {margin: 15px 0 0 0;}
.gallery-listing ul li article .info-box .info-tags {display: block; text-align: center;}
.gallery-listing ul li article .info-box .info-tags span {display: inline-block; font-weight: 500; margin: 0 0 5px 0; font-size: 13px; display: block;}
.gallery-listing ul li article .info-box .info-tags .last-edited,.gallery-listing ul li article .info-box .info-tags .last-editor {color: #637078;}
.gallery-listing ul li article .info-box .info-tags .status {background: #79BA25; display: inline-block; padding: 5px 5px; border-radius: 4px; color: #fff;}
.gallery-listing ul li article .info-box .info-tags .status-disabled {background: #E4E8E9; color:#111;}
.gallery-listing ul li article .info-box .links a {padding: 0 10px;}
.gallery-listing ul li article .info-box .links a.darkgray-button {background: #34434d;}

@media (min-width: 1250px) {.gallery-listing ul li {  width: 31.25%; }}
.new-galleries-group {display: inline-block; width: calc(100% - 60px);}
.new-galleries-group .standard-form {width:100%; display: block;}
.new-galleries-group .standard-form h2 {margin: 0 0 30px 0;}
.new-galleries-group .standard-form ul.list-of-galleries {height: 422px; overflow: hidden; margin: 20px 0;}
.new-galleries-group .standard-form ul.list-of-galleries li {padding: 10px 20px 10px 10px; margin: 0 0 10px 0; font-size: 17px; box-shadow: inset 0 0 0 1px #E4E8E9; background: #FBFBFB; border-radius: 4px;width: calc(50% - 36px);    display: inline-block}
.new-galleries-group .standard-form ul.list-of-galleries li:hover {background: #FBFBFB; box-shadow: inset 0 0 0 1px #79BA25;}
.new-galleries-group .standard-form ul.list-of-galleries li:hover a {color: #79BA25;}
.new-galleries-group .standard-form ul.list-of-galleries li strong {background: #79BA25; font-size: 13px; padding: 3px 6px; border-radius: 4px; color: #fff; margin: 0px 0 0 5px; font-weight: 400; text-transform: uppercase; vertical-align: top; display: inline-block;}
.new-galleries-group .standard-form ul.list-of-galleries li label {display: block;}
.new-galleries-group .standard-form ul.list-of-galleries li span {font-size: 12px; padding-left: 0; display: block; margin: 9px 0 0 0; text-transform: uppercase;}
.new-galleries-group .standard-form ul.list-of-galleries li a {color: #637078; display: block; padding: 0;}
.new-galleries-group .standard-form ul.list-of-galleries li a img {float: right;}
.new-galleries-group .standard-form ul.list-of-galleries li a:hover {text-decoration: none;}

.edit-galleries-group .all-groups-list {display: block; width: 100%;}
.edit-galleries-group .all-groups-list a.close-edit-category {color: #fff !important;}
.edit-galleries-group .all-groups-list .group-item {display: block; padding: 10px 20px 10px 10px; margin: 0 0 10px 0; font-size: 17px; box-shadow: inset 0 0 0 1px #E4E8E9; background: #FBFBFB; transition: all 0.3s ease-in-out; border-radius: 4px;}
.edit-galleries-group .all-groups-list .group-item:hover {box-shadow: inset 0 0 0 1px #79BA25; transition: all 0.3s ease-in-out;}
.edit-galleries-group .all-groups-list .group-item a {display: block; color:#111;}
.edit-galleries-group .all-groups-list .group-item a:hover {text-decoration: none;}
.edit-galleries-group .all-groups-list .group-item a img {float: right;}
.edit-galleries-group .all-groups-list .group-item a span {text-transform: uppercase; font-size: 12px;}
.edit-galleries-group .all-groups-list ul.list-of-galleries {height: 420px; overflow: hidden; margin: 20px 0;}
.edit-galleries-group .all-groups-list ul.list-of-galleries li {padding: 10px 20px 10px 10px; margin: 0 0 10px 0; font-size: 14px; box-shadow: inset 0 0 0 1px #E4E8E9; background: #FBFBFB; transition: all 0.3s ease-in-out;width: calc(50% - 36px);    display: inline-block;}
.edit-galleries-group .all-groups-list ul.list-of-galleries li:hover {background: #FBFBFB; box-shadow: inset 0 0 0 1px #79BA25; transition: all 0.3s ease-in-out;}
.edit-galleries-group .all-groups-list ul.list-of-galleries li:hover a {color: #79BA25;}
.edit-galleries-group .all-groups-list ul.list-of-galleries li strong {background: #79BA25; font-size: 12px; padding: 3px 6px; border-radius: 4px; color: #fff; margin: 0 5px; font-weight: 400; text-transform: uppercase; vertical-align: top; display: inline-block; line-height: 15px;}
.edit-galleries-group .all-groups-list ul.list-of-galleries li label {display: block; line-height: 20px;}
.edit-galleries-group .all-groups-list ul.list-of-galleries li span {font-size: 12px; padding-left: 0; display: block; margin: 0 0 0 0; text-transform: uppercase;}

.edit-category-popup {position: fixed; top:50px; left: 0; width: 100%; height: calc(100vh - 50px); background: rgba(35, 46, 53, 0.8); z-index: 500; display: none; opacity: 0; transition: all 0.3s ease-in-out; max-height: calc(100vh - 90px); overflow-y: auto;}
.edit-category-popup span.click-here-to-close-window {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.edit-category-popup .popup-panel,.edit-category-popup form {width: 700px; padding: 40px 30px; background: #fff; border-radius: 4px; position: absolute; top: 100px; left: 50%; margin-left: -350px; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.6); position: relative; z-index: 500;}
.edit-category-popup .popup-panel .action-button,.edit-category-popup form .action-button {display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.edit-category-popup .popup-panel .action-button input,.edit-category-popup form .action-button input {height: 40px; line-height: 40px;}
.edit-category-popup .popup-panel .save-button,.edit-category-popup form .save-button {background-size: 22px; background-position: 20px center; text-indent: 0; width: auto; padding: 0 20px 0 50px; font-size: 18px;}
.edit-category-popup .popup-panel .red-button,.edit-category-popup form .red-button {padding: 0 20px; font-size: 18px;}
.edit-category-popup .popup-panel .close-edit-category,.edit-category-popup form .close-edit-category {position: absolute; top: 10px; right: 10px; width: 35px; height: 34px; line-height: 29px; text-align: center; background: #79BA25; color: #fff; border-radius: 4px; font-size: 30px; font-weight: 500; padding: 0;}
.edit-category-popup .popup-panel .close-edit-category:hover,.edit-category-popup form .close-edit-category:hover {text-decoration: none; opacity: 0.7;}

.show-edit-galleries .edit-category-popup, .show-edit-galleries.edit-category-popup {display: block; opacity: 1; transition: all 0.3s ease-in-out; animation: loadeditcategory linear 0.15s; animation-iteration-count: 1; transform-origin: 50% 50%;}

@keyframes loadeditcategory {0% {  opacity: 0; } 100% {  opacity: 1; }}
.create-new-staff-gallery ul {display: block;}
.create-new-staff-gallery ul li {list-style: circle;}
.create-new-staff-gallery .standard-form form .top-box {display: block; margin: 0 0 30px 0;}
.create-new-staff-gallery .standard-form form .top-box h2 {margin: 0 0 30px 0;}
.create-new-staff-gallery .standard-form form .buttons-line {display: block; margin: 30px 0 0 0;}
.create-new-staff-gallery .standard-form form .buttons-line fieldset {display: inline-block; vertical-align: top;}
.create-new-staff-gallery .standard-form form .buttons-line fieldset input[type=submit], .create-new-staff-gallery .standard-form form .buttons-line fieldset .red-button {height: auto; padding: 10px 15px; text-indent: 25px; margin-top:0}
.create-new-staff-gallery .standard-form form .buttons-line fieldset .save-button, .create-new-staff-gallery .ColumnRight .save-button {width: auto; height: auto; line-height: 30px; font-size: 14px; text-indent: 0; text-indent: 25px; background-position: 10px center; background-size: 20px;margin-bottom:0;}
.create-new-staff-gallery .ColumnRight .save-button, .create-new-staff-gallery .ColumnRight .red-button  {height:50px; text-transform:none; font-size:16px; font-weight:normal; width:100%}
.create-new-staff-gallery .standard-form form .buttons-line fieldset .green-button, .create-new-staff-gallery .ColumnRight .example-how-to .green-button {background-image: url(/admin/img/svg/add.svg); background-position: 10px center; background-size: 20px; background-repeat: no-repeat; padding: 10px 15px; text-indent: 25px; line-height: 30px;}
.create-new-staff-gallery .ColumnRight .example-how-to .green-button, .create-new-staff-gallery .ColumnRight .example-how-to .red-button  {text-transform: none;font-weight: normal; font-size:16px; display:block}	
.create-new-staff-gallery .standard-form form .buttons-line fieldset .red-button, .create-new-staff-gallery .ColumnRight .example-how-to .red-button {background-image: url(/admin/img/svg/delete.svg); background-position: 10px center; background-size: 20px; background-repeat: no-repeat;}
.create-new-staff-gallery .standard-form form ul.staff-box {/* sortable plugin styles when dragged */}
.create-new-staff-gallery .standard-form form ul.staff-box li {box-shadow: inset 0 0 0 1px #E4E8E9; background: #FBFBFB; padding:20px 20px 0 20px; width: calc(100% - 40px); margin: 0 0 20px 0; display: block; position: relative; border-radius: 4px;}
.create-new-staff-gallery .standard-form form ul.staff-box li .staff-img {display: inline-block; width: 140px; margin:-34px 30px 0 40px; border-radius: 4px; float:left}
.create-new-staff-gallery .standard-form form ul.staff-box li .staff-img .thumbnail {background: url(/admin/img/svg/user.svg) no-repeat center center #d7d7d7; display: inline-block; width: 140px; height: 140px; border-radius: 4px 4px 0 0; vertical-align: top; background-size: 65%;}
.create-new-staff-gallery .standard-form form ul.staff-box li .staff-img a {color: #fff; background: #79BA25; display: inline-block; text-align: center; vertical-align: top; width: 140px; height: 30px; line-height: 30px; border-radius: 0 0 4px 4px; text-transform: uppercase; font-weight: 500;}
.create-new-staff-gallery .standard-form form ul.staff-box li .staff-img a:hover {text-decoration: none; opacity: 0.7;}
.create-new-staff-gallery .standard-form form ul.staff-box li .info-fields {display: inline-block; vertical-align: top; margin: 15px 0 0 0; width:calc(100% - 20px);}
.create-new-staff-gallery .standard-form form ul.staff-box li .info-fields fieldset.styled-input:first-of-type, .create-new-staff-gallery .standard-form form ul.staff-box li .info-fields fieldset.styled-input:nth-of-type(2) {display: block; margin-top:0}
.create-new-staff-gallery .standard-form form ul.staff-box li .info-fields fieldset.styled-input:nth-of-type(3) {margin-bottom:20px}
.create-new-staff-gallery .standard-form form ul.staff-box li .info-fields .red-button, staff-gallery .standard-form form ul.staff-box li .info-fields .blue-button {width:140px; margin:10px 0 0px 0;}
.create-new-staff-gallery .standard-form form ul.staff-box li .staff-img .moveItem a {width: 140px;margin: 10px 0 0 0;background: #0480a8; font-family: "Museo Rounded", sans-serif;    color: #fff;    border: none;    height: 30px;    line-height: 30px;    display: inline-block;    border-radius: 4px;    text-transform: uppercase;    font-weight: 500;    text-align: center;    cursor: pointer;    transition: all 0.3s ease-in-out;    padding: 0;}
.create-new-staff-gallery .standard-form form ul.staff-box li .handle {width: 30px; height: 30px; background: #79BA25; border-radius: 4px; float: right; text-align: center; line-height: 40px; position: absolute; top: 15px; left: 15px;}
.create-new-staff-gallery .standard-form form ul.staff-box li .handle img {width: 70%; height: auto;}
.create-new-staff-gallery .standard-form form ul.staff-box .dragged {position: absolute; left: 0; opacity: 1; z-index: 2000; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); transform: scale(1.1); cursor: grabbing;}
.create-new-staff-gallery .standard-form form ul.staff-box li.placeholder {position: relative; background: #fff; box-shadow: none; border: 2px dashed #79BA25; height: 160px; border-radius: 4px; margin: 0 0 10px 0; padding: 0 8px; vertical-align: top;}
.create-new-staff-gallery .standard-form form ul.staff-box li.placeholder:hover {box-shadow: none;}
.create-new-staff-gallery .standard-form form ul.staff-box li.add-new {box-shadow: inset 0 0 0 1px #0480a8; background: #F5FDFF; animation: loadnew linear 0.5s; animation-iteration-count: 1; transform-origin: 50% 50%;}
.create-new-staff-gallery .standard-form form ul.staff-box li.add-new .info-fields fieldset.styled-input:nth-of-type(3) {margin: 0 0 20px 0; float: right; width: calc(100% - 210px);}

@keyframes loadnew {0% {  transform: scale(0); } 100% {  transform: scale(1); }}
.choose-gallery-group {padding: 0 10px; margin: 0 0 0 10px;}

.popup-panel h2 {font-size: 30px; color: #79BA25; margin: 0 30px 40px 30px; box-shadow: inset 0 -1px 0 0 #E4E8E9; padding: 0 0 20px 0; text-align: center;}
.popup-panel p {display: block; font-size: 15px; line-height: 160%; margin: 0 0 30px 0;}
.popup-panel fieldset .blue-button {padding: 0 20px; font-size: 15px;}
.popup-panel ul.list-choose-gallery-group {display: block; height: 350px;}
.popup-panel ul.list-choose-gallery-group li {display: block; padding: 10px 20px 10px 10px; margin: 0 0 10px 0; font-size: 17px; box-shadow: inset 0 0 0 1px #E4E8E9; background: #FBFBFB; border-radius: 4px;}
.popup-panel ul.list-choose-gallery-group li:hover {background: #FBFBFB; box-shadow: inset 0 0 0 1px #79BA25;}
.popup-panel ul.list-choose-gallery-group li .styled-checkbox {display: block;}
.popup-panel ul.list-choose-gallery-group li .styled-checkbox input {float:left}
.popup-panel ul.list-choose-gallery-group li .styled-checkbox label {display: inline-block; font-size: 15px; width:calc(100% - 34px)}

/* Scrolling bar */
.mCustomScrollbar {-ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {-ms-touch-action: auto; touch-action: auto;}

.mCustomScrollBox {/* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}

.mCSB_container {/* contains the original content */ overflow: hidden; width: auto; height: auto; padding: 0 20px 0 0;}

.mCSB_inside > .mCSB_container,.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right: 0;}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {/* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left: 0;}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 10px; height: auto; left: auto; top: 0; right: 0; bottom: 0;}

.mCSB_outside + .mCSB_scrollTools {right: -26px;}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {/* RTL direction/left-side scrollbar */ right: auto; left: 0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {/* RTL direction/left-side scrollbar */ right: auto; left: 0; left: -26px;}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {/* contains the draggable element and dragger rail markup */ /* ------colours----- */ background: #E4E8E9; border-radius: 15px; /* -------- */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer {margin: 20px 0;}
.mCSB_scrollTools .mCSB_draggerRail {width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.mCSB_scrollTools .mCSB_dragger {/* the draggable element */ /* ------colours----- */ background: #637078; border-radius: 15px; /* -------- */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1;}

ul.list-staff-gallery {display: block;}
	ul.list-staff-gallery li, .standard-form ul.list-staff-gallery li:not([class]), main .standard-panel .list-gallery-table tr:not([class]) {
		padding: 10px 20px 10px 10px;
		margin: 0 0 10px 0;
		font-size: 17px;
		box-shadow: inset 0 0 0 1px #E4E8E9;
		background: #FBFBFB;
		transition: all 0.3s ease-in-out;
		border-radius: 4px;
		list-style-type: none;
		display: block
	}
main .standard-panel .list-gallery-table td:not([class]) { width: 100%; }
main .standard-panel .list-gallery-table a:not([class]) { display:block; }
		ul.list-staff-gallery li:hover {
			background: #FBFBFB;
			box-shadow: inset 0 0 0 1px #79BA25;
			transition: all 0.3s ease-in-out;
		}
ul.list-staff-gallery li:hover a {color: #79BA25;}
ul.list-staff-gallery li a {color: #637078; line-height: 20px; display: block;}
ul.list-staff-gallery li a:hover {text-decoration: none;}
	ul.list-staff-gallery li strong, main .standard-panel .list-gallery-table a:not([class])>strong {
		background: #79BA25;
		font-size: 12px;
		padding: 3px 6px;
		border-radius: 4px;
		color: #fff;
		margin: 0 5px;
		font-weight: 400;
		text-transform: uppercase;
		vertical-align: top;
		display: inline-block;
		line-height: 15px;
	}
ul.list-staff-gallery li label {display: block; line-height: 20px;}
ul.list-staff-gallery li span {font-size: 12px; padding-left: 0; display: inline-block; margin: 0 0 0 0; text-transform: uppercase;}

footer {width: calc(100% - 100px); height: 40px; line-height: 30px; padding: 0 50px; display: block; display: block; background:#ffffffcf; text-align: center; font-size: 12px; margin: 30px 0 0 0;}
footer p {margin: 0;color:#747272; font-size:14px; line-height:40px}
footer p a {color:#747272; text-decoration:underline}

html {overflow-y: scroll; scroll-behavior: smooth;}

body {background-image: url(https://images.pexels.com/photos/1367180/pexels-photo-1367180.jpeg?auto=compress&cs=tinysrgb&w=1920&dpr=1); background-size: cover;}

/*body.NoBackground {background-image: none;    background-size: inherit;}*/
#sitecontainer {overflow: hidden;}

header {width: 100%; padding: 7px 0;}
header ul {max-width: 1100px;}
header .wrapper {display: block; margin: 0 auto; text-align: left;}

nav#navtop {display: block;transition: top 0.5s ease-in-out;}
nav#navtop.fixed-nav {position: fixed;top: -40px; left: 0; height:40px;width: 100%;z-index: 2;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); background-color:#4b4880}
nav#navtop.fixed-nav.show {top: 0;}
nav#navtop.fixed-nav ul.nav li {height:40px; line-height:40px}
nav#navtop.fixed-nav ul.nav li a {color:#FFF}
nav#navtop.fixed-nav  ul.nav li a img {display:none}
nav#navtop.fixed-nav ul.nav li li {height: auto;line-height: 35px;}
@media (max-width: 1030px) {nav#navtop.fixed-nav {display:none}}
nav ul.nav li a img {display: none; margin: 0;}
nav ul.nav li li:hover > a {background: #79BA25; color: #FFF;}
nav ul.nav li:hover ul {padding: 0; }
nav ul.nav li:hover ul li{-webkit-box-shadow: 0 5px 15px rgb(101, 88, 125); -moz-box-shadow: 0 5px 15px rgb(101, 88, 125); box-shadow: 0 5px 15px rgb(101, 88, 125);}
nav ul.nav ul li:hover ul {border-left: 5px solid #79BA25; margin-left: 0; padding: 0;}
.nav li a.flame,nav ul.nav li li a.flame:hover {background-image: url(/admin/img/icon-flame.png); background-repeat: no-repeat; background-position: left 8px top 4px; padding-left: 35px; background-size: 16px 20px; }
.nav li a.help,nav ul.nav li li a.help:hover, .nav li a.locked,nav ul.nav li li a.locked:hover {background-image: url(/admin/img/icon-help-ring.png); background-repeat: no-repeat; background-size: 18px 18px; background-position: 9px 7px; padding-left: 35px;}
.nav li a.locked,.nav li a.locked:hover, nav ul.nav li li a.locked:hover, nav ul.nav li li a.locked:hover, nav ul.nav li li:hover > a.locked {background-image: url(/admin/img/icon-padlock.png); cursor:default;  background-position: 9px 7px; padding-left: 35px;background-repeat:no-repeat}
.nav li a:before {font-family: "Material Icons"; font-size: 16px; width: 24px; display: inline-block; line-height: 16px; vertical-align: middle; text-transform:lowercase}
.nav li a.navsettings:before {content: "settings";}
.standard-table nav {background-color:#637078; height:auto; }
.standard-table nav ul.nav li {height:auto; font-size:14px; line-height:14px}
.standard-table nav ul.nav li:hover ul {padding-top:10px; box-shadow: 0 10px 15px rgb(101, 88, 125); border-radius:6px; }


main {padding-bottom: 50px; min-height: calc(100vh - 283px);}
main:after {content: "";display: block;clear: both;}
h2.blue-alert {color: #FFF;}
main .wrapper .popup-panel h2 {color: #79BA25;}
main .wrapper .faq h2.title {color: #666;}

strong {font-weight: 500;}

main .wrapper:first-of-type {border-radius: 5px; -webkit-box-shadow: 0 5px 15px rgba(96, 125, 139, 0.5); -moz-box-shadow: 0 5px 15px rgba(96, 125, 139, 0.5); box-shadow: 0 5px 15px rgba(96, 125, 139, 0.5);}
main .wrapper .wrapper {border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
main .editing-options .wrapper,main .standard-panel .wrapper, main#seasonaleffect .wrapper {border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position:relative}

#dashboard main .wrapper {border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

main .options-group {border: 1px solid #CCC;    border-top: 0; margin:-2px 50px 0 50px;}
main #formholder .options-group {margin-top:-11px}
main .options-group .wrapper {border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
main .wrapper li h2,main .wrapper .thumbcolumn h2 {color: #607d8b;}

h2.subheading {margin: 30px 0 20px 0; padding: 8px 10px 8px 20px; background: #EFEFEF; border: 0; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; font-size: 17px; line-height: 26px;}

table.standard-table {margin-top: 75px;}
table.standard-table thead tr {background: #ebf5d6;}
table.standard-table thead tr .headerSortUp:before,table.standard-table thead tr .sorting_asc:before {transform: none;}
table.standard-table thead tr .headerSortDown:before,table.standard-table thead tr .sorting_desc:before {transform: rotate(180deg);}
table.standard-table thead tr .sorting_disabled:before, table.standard-table thead tr .sorting_disabled:after {border: 0;}
table.standard-table tbody tr:hover {background-color: #e1d9e8;}

#dialog-response table.standard-table tbody tr:hover {background-color: inherit; cursor: auto;}

table.standard-table.table-grey {margin-top:75px;}
table.standard-table.table-grey thead tr {background: #637078; color: #FFF; box-shadow: none;}
table.standard-table.table-grey thead tr .sorting_asc {box-shadow: inset 0 -6px 0 0 #79BA25;}
table.standard-table.table-grey thead tr .sorting_desc {box-shadow: inset 0 6px 0 0 #79BA25;}
table.standard-table.table-grey thead tr th {padding: 15px 20px;}
table.standard-table.table-grey tbody tr {height: 46px; position: relative;}
table.standard-table.table-grey tbody tr td {border-bottom: 1px solid #EFEFEF; border-left: 1px solid #EFEFEF; padding: 10px 20px;}
table.standard-table.table-grey tbody tr.overdue td { background-color: red; color: white; }
table.standard-table.table-grey tbody tr td a {display: block; color: #79BA25; font-weight: 500; text-decoration: none; font-size: 15px; overflow-wrap: anywhere;  word-break: break-word;}
table.standard-table.table-grey tbody tr.disabled td a {color: #999;}
table.standard-table.table-grey tbody tr td:first-of-type a {font-size: 26px; font-weight: normal;}
table.standard-table.table-grey tbody tr:hover {cursor: pointer; background: linear-gradient(-45deg, rgba(255, 152, 0, 0.2509803922), rgba(32, 172, 218, 0.2588235294), rgba(139, 195, 74, 0.3019607843)); animation: listinggradient 6s ease infinite;}
table.standard-table.table-grey tbody tr:hover td {background: none; color: #666;}
table.standard-table.table-grey tbody tr:hover td a {color: #666;}
table.standard-table.table-grey td:first-of-type {border-left: 0; text-align: center;}
table.standard-table.table-grey tfoot tr { background: #637078; color: #FFF; box-shadow: none; }
table.standard-table.table-grey tfoot tr .sorting_asc { box-shadow: inset 0 -6px 0 0 #79BA25; }
table.standard-table.table-grey tfoot tr .sorting_desc { box-shadow: inset 0 6px 0 0 #79BA25; }
table.standard-table.table-grey tfoot tr th { padding: 15px 20px; }
table.standard-table.table-grey tfoot tr { height: 46px; position: relative; }
table.standard-table.table-grey tfoot tr th { text-align: left;}
table#tablehistory.standard-table.table-grey td:first-of-type {border-left: 0; text-align: center;}
table thead.tableFloatingHeader th:first-of-type, table thead.tableFloatingHeaderOriginal th:first-of-type {width: 35px; max-width: 35px; min-width: 35px;}
table.standard-table.table-grey td:first-of-type {width: 35px; max-width: 35px; min-width: 35px;}
table.table-leftcol thead.tableFloatingHeader th:first-of-type, table.table-leftcol thead.tableFloatingHeaderOriginal th:first-of-type {width: 250px; max-width: 250px; min-width: 250px; text-align: left;}
table.standard-table.table-grey.table-leftcol td:first-of-type {width: 250px; max-width: 250px; min-width: 250px; text-align: left;}
table.standard-table.table-grey.table-leftcol tbody tr td:first-of-type a {font-size: 15px; font-weight: 500;}
.listing table.standard-table.tablesorter.tb-page-list.table-grey tbody tr td:last-of-type {text-align: center}

td.warningcell {width: 130px}
td.warningcell:before {content: 'warning_amber';font-family: "Material Icons"; text-transform:lowercase;   font-size: 26px;    color: #f60859;    position: relative; right: 0;    top: 13px;    margin: -19px 0px 0 5px;    float: right;}
tr.warningcell td.warningcell:after, td.actioncell:after {content:""; opacity:0;   position: absolute;    bottom: 0; z-index:1;   right: 0;   background:none;    color: #fff;    padding:8px;    border-radius: 4px;}
tr.warningcell:hover td.warningcell:hover::before, table.standard-table tbody tr td button span:hover {scale:1.5; top:16px; transition:0.3s;}
tr.warningcell:hover td.warningcell:hover::after, td.actioncell:hover::after {content: attr(title);opacity:1; transition: 0.3s; bottom: -32px; background:red; width:max-content}
td.actioncell:hover::after {background: #FFF; color:#333; border:1px solid #999}

@keyframes listinggradient {0% {  background-position: 0% 50%;   background: linear-gradient(-45deg, rgba(255, 152, 0, 0.2509803922), rgba(32, 172, 218, 0.2588235294), rgba(139, 195, 74, 0.3019607843)); } 50% {  background-position: 100% 50%;   background: linear-gradient(-135deg, rgba(255, 152, 0, 0.2509803922), rgba(32, 172, 218, 0.2588235294), rgba(139, 195, 74, 0.3019607843)); } 100% {  background-position: 0% 50%;   background: linear-gradient(-270deg, rgba(255, 152, 0, 0.2509803922), rgba(32, 172, 218, 0.2588235294), rgba(139, 195, 74, 0.3019607843)); }}
code {font-family: Consolas, "courier new"; color: crimson; background-color: #f1f1f1; padding: 8px; line-height: 1.5em; margin: 10px 0;}

.add-user, .traffic-all {width:84px; height:84px; border-radius:50%; background-color:#9DCF32; text-align:center; vertical-align:middle;display:inline-block; }
.add-user:before, .traffic-all:before {font-family:"Material Icons"; color:#FFF; line-height:80px; font-size:50px; display:inline-block; content:'person_add_alt';}
.traffic-all:before {content:'stacked_line_chart'; font-family:"Material Symbols Outlined"}

@keyframes fadeIn {0% {  opacity: 0; } 100% {  opacity: 1; }}
@-moz-keyframes fadeIn {0% {  opacity: 0; } 100% {  opacity: 1; }}
@-webkit-keyframes fadeIn {0% {  opacity: 0; } 100% {  opacity: 1; }}
@-o-keyframes fadeIn {0% {  opacity: 0; } 100% {  opacity: 1; }}
@-ms-keyframes fadeIn {0% {  opacity: 0; } 100% {  opacity: 1; }}
.box-grey {background: rgba(247, 247, 247, 0.2); border: 1px solid #CCC; border-radius: 4px; margin: 30px 0; padding: 10px 20px; color: #333; font-size: 15px; line-height: 22px; display: block;}
.box-grey p {color: #333; font-size: 15px; line-height: 22px; margin: 10px 0 0 0;}
.box-grey p:first-of-type {margin-top: 0;}

.buttondelete,.buttonview {margin: 20px 0 0 0; background-image: url("/admin/img/icon-trash.png"); background-repeat: no-repeat; background-position: 9px 5px; background-size: 24px; height: 35px; line-height: 35px; padding: 0 20px 0 40px; font-size: 13px; font-family: "Museo Rounded", sans-serif; appearance: button; -webkit-appearance: button; background-color: #F24B4B; color: #fff; border: none; display: inline-block; border-radius: 4px; text-transform: uppercase; font-weight: 500; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out;}

.buttondelete:hover {mix-blend-mode: multiply; opacity: 0.6; transition: all 0.3s ease-in-out;}

.buttonview {background-image: url("/admin/img/icon-visible.png"); background-color: #79BA25;}
.buttonview:hover {mix-blend-mode: multiply; opacity: 0.6; transition: all 0.3s ease-in-out;}


#dialog-response table.standard-table {margin-top: 0;}

.icon-font,.material-symbols-outlined,.material-icons,.material-icons-outlined {font-family: "Material Icons";}
.material-symbols-outlined {  font-family: "Material Symbols Outlined";  font-variation-settings:  'FILL' 0,  'wght' 400,  'GRAD' 0,  'opsz' 24}

.lightgray-button {background: #637078; color: #fff; border: none; height: 30px; line-height: 30px; display: inline-block; border-radius: 4px; text-transform: uppercase; font-weight: 500; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out; padding: 0; opacity: 0.6;}
.lightgray-button:hover {mix-blend-mode: multiply; opacity: 1; transition: all 0.3s ease-in-out; text-decoration: none;}

.grey-button {background: #c0c0c0; border: none; color: #FFF; height: 30px; line-height: 30px; display: inline-block; border-radius: 4px; text-transform: uppercase; font-weight: 500; text-align: center; cursor: pointer; transition: all 0.3s ease-in-out;}

.longbutton {width: auto; padding: 0 30px 0 45px;}

.buttonpadding {padding: 0 10px;}

.buttonpadding-nocaps {padding: 0 10px; text-transform: none;}

.editing-options .group-line .main-options fieldset .lightgray-button {display: block; font-size: 13px; padding: 0 10px;}

.page-address-panel .page-address-form .lightgray-button {padding: 0 20px; display: block;}

.menu-list ul li article fieldset.delete-button .lightgray-button {font-size: 12px; display: block; margin: 0 0 11px 0; padding: 7px 0;}

.edit-gallery .group-line .main-options .gallery-group-box .lightgray-button {margin: 0;}

.edit-images-gallery .gallery-containter .copy-title .lightgray-button {padding: 0 10px; margin-top:20px}

.gallery-listing ul li article .info-box .links a.lightgray-button {background: #34434d;}

.choose-gallery-group {padding: 0 10px; margin: 0 0 0 10px;}

.page-edit-wrapper {padding: 30px; margin: 0;}


.edit-gallery .main-options input[type=button] {font-size: 13px;}

.manage-categories .standard-form .colorpicker fieldset:last-of-type {float: none; margin-left: 20px;}

.nav-back:before {font-family: "Material Icons"; font-size: 22px; width: 30px; display: inline-block; content: "reply"; text-transform:lowercase;}


.sortby {margin: 0 0 30px 30px; display: inline-block; font-size: 16px; position: relative; background: #f7f7f7; padding: 8px 15px; border-radius: 4px;}
.sortby select {padding: 2px 5px;}

.page-address-panel .page-address-form .new-page-address span {cursor: default;}

select.minimal {background-color: white; border: thin solid #9E9E9E; border-radius: 4px; display: inline-block; font: inherit; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px), calc(100% - 15px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat;}
select.minimal:root {--select-border: #777; --select-focus: blue; --select-arrow: var(--select-border);}
select.minimal:focus {background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: green; outline: 0;}
select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}

#dialog-response p {font-size: 15px; margin: 18px 0;}
#dialog-response textarea,#dialog-response select {display: block; margin: 8px 0 0 0; border: 1px solid #CCC; border-radius: 4px;}
#dialog-response input[type=submit], #dialog-response input[type=number], #dialog-response input[type=password], #dialog-response input[type=search], #dialog-response input[type=colour], #dialog-response input[type=email], #dialog-response input[type=text] {display: block; margin: 8px 0 0 0; border: 1px solid #CCC; border-radius: 4px;}
#dialog-response textarea {padding: 8px 0 8px 8px; width: calc(100% - 16px);}
#dialog-response input[type=submit], #dialog-response input[type=number], #dialog-response input[type=password], #dialog-response input[type=search], #dialog-response input[type=colour], #dialog-response input[type=email], #dialog-response input[type=text] {padding: 8px 0 8px 8px; width: calc(100% - 16px);}
#dialog-response table.standard-table tbody tr {box-shadow: none;}

.ui-dialog .ui-dialog-title,.ui-draggable .ui-dialog-titlebar {background: #0480a8; color: #FFF; font-size: 18px; font-weight: normal;}

.publishing-dates-panel .publishing-dates-form .bottom-row fieldset {min-width: 100px; display: inline-block; margin-top: 0;}
.publishing-dates-panel .publishing-dates-form .bottom-row fieldset.styled-radio {min-width: 100px; display: inline-block; margin-top: 10px;}
.publishing-dates-panel .publishing-dates-form .bottom-row fieldset.smaller-input {width: 100px;}

.standard-form form div.bottom-row fieldset .label-select {top: -20px;}

.hover-box {position: absolute;background-color: #2d2647;color: white;padding: 8px 12px;border-radius: 4px;max-width: 280px;font-size: 14px;line-height: 1.4;z-index: 99999;opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;pointer-events: none; text-align:center}
.hover-box::before {content: "";position: absolute;left: calc(50% - 7px);bottom: calc(100% - 7px);transform: translateX(-50%);z-index: 99998;border: 8px solid transparent;border-bottom-color: #2d2647;opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;}
.hover-box.show {opacity: 1;visibility: visible;transform: translateY(0);}
.hover-box.show::before {opacity: 1;visibility: visible;transform: translateY(-5px);}


@-webkit-keyframes PanelfadeIn {from {  opacity: 0; } to {  opacity: 1; }}
@keyframes PanelfadeIn {from {  opacity: 0; } to {  opacity: 1; }}
.Forms p {margin: 10px 0;}

.select {outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #CCC; border-radius: 0.25em; padding: 7px; font-size: inherit; cursor: pointer; line-height: 1.1; background-color: #fff; background-image: linear-gradient(to top, #f9f9f9, #fff 33%); background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 1px;}
.select::-ms-expand {display: none;}
.select:focus {border: 1px solid #444;}

.text-red {color: red;}

.multiple-diary ul li.show-advanced-options article {overflow: inherit;}

div.mce-tinymce-inline {width: 300px !important;}

.menu-list ul li.show-advanced-options article {overflow: inherit;}
.menu-list {width: 100%; display: inline-block; /* sortable plugin styles when dragged */}
.menu-list ul {list-style: none; padding: 0;}
.menu-list ul li {position: relative; margin: 0 0 15px 0; border-bottom:1px solid #eee;}
.menu-list ul li:first-of-type {margin-top: 10px;    border-top: 1px solid #eee;    padding-top: 15px;}
.menu-list ul li input[type=number] {border: none; display: inline-block; width: 30px; background: #f7f7f7; border-radius: 4px; padding: 14px 10px; box-shadow: 0 0 0 1px #E4E8E9; margin:10px 0 0 0; color:#111; text-align: center;}
.menu-list ul li header {width: auto; background: none; height: auto; line-height: normal; background: none; color:#111; display: block; padding:0 0 15px 0; position:static}
.menu-list ul li header fieldset.styled-input {width: 33.3333333333%; display: inline-block; margin: -5px 0 0 20px;}
.menu-list ul li header fieldset.styled-radio {display: inline-block; margin: 0 0 0 20px;}
.menu-list ul li header .advanced-options {float: right; color:#111; text-decoration: none; line-height: 160%; box-shadow: 0 0 0 1px #E4E8E9; background: #f7f7f7; border-radius: 4px; padding: 10px 15px; margin:10px 0 0 0;}
.menu-list ul li header .advanced-options img {float: left; margin: 0 10px 0 0;}
.menu-list ul li header .handle {border: none; display: inline-block; width: 30px; background: #79BA25; box-shadow:0 0 0 1px #79BA25; border-radius: 4px; padding: 11px 10px 10px 10px; color:#111; text-align: center; float: left; margin:10px -5px 0 0; cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; position: relative;}
.menu-list ul li header .handle img, span.handle img {width: 22px; height: auto;}
.menu-list ul li header .handle:focus {cursor: grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing;}
.menu-list ul li article {height: 0; overflow: hidden; transition: all 0.3s ease-in-out; box-shadow: inset 0 0 0 1px #E4E8E9; display: block; padding: 0 20px; margin: -2px 0 0 0; border-radius: 0 0 4px 4px; background: #f7f7f7; line-height: 150%; opacity: 0; visibility: hidden;}
.menu-list ul li article .other-options {display: inline-block; margin: 0 20px 0 0; vertical-align: top;}
.menu-list ul li article .other-options:first-of-type {width: 43.4782608696%;}
.menu-list ul li article .other-options:nth-of-type(2) {width: 22.2222222222%; margin: -14px 0 0 0;}
.menu-list ul li article .other-options p {display: block; font-size: 15px; line-height: 100%; background: #fff; margin: 0 0 10px 0; box-shadow: inset 0 0 0 1px #E4E8E9; padding: 5px 10px; border-radius: 4px; font-weight: 500;}
.menu-list ul li article .other-options p span {display: block; font-size: 12px; margin: 0 0 5px 0; font-weight: 300;}
.menu-list ul li article fieldset.delete-button {float: right; width: 29.4117647059%; text-align: center; margin: -14px 0 0 0;}
.menu-list ul li article fieldset.delete-button .darkgray-button {font-size: 12px; display: block; margin: 0 0 11px 0; padding: 7px 0;}
.menu-list ul li article fieldset.delete-button .red-button {display: block; padding: 7px 0;}
.menu-list ul li.show-advanced-options article {height:auto; padding: 40px 20px 10px 20px; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; overflow: initial;}
.menu-list .dragged {position: absolute; left: 0; opacity: 1; z-index: 2000; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); transform: scale(1.1); cursor: grabbing; cursor: -webkit-grabbing; cursor: -moz-grabbing;}
.menu-list li.placeholder {position: relative; background: #f7f7f7; border: 2px dashed #E4E8E9; height: 85px; border-radius: 4px;}
.menu-list .disabled-menu-tab {background: #f7f7f7; color: #c0c0c0; padding:15px 15px 15px 0}
.menu-list .disabled-menu-tab fieldset.styled-input input[type=text] {color: #c0c0c0 !important;}
.menu-list .disabled-menu-tab fieldset.styled-input label {background-color: #888;color: #dfdcdc;}
.menu-list .disabled-menu-tab fieldset.styled-radio {color: #c0c0c0 !important;}
@media (min-width: 1250px) {
	ul.example-how-to {width:calc(30% - 60px); float: right;	margin:0 0 0 60px;}
	.menu-list {width:70%;}
}
.menu-list ul li header fieldset.styled-input {width: calc(100% / 4);	}
.menu-list ul li header fieldset.styled-radio {margin-right:10px;}
.menu-list ul li.show-advanced-options {background:linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);; padding-top:20px; border:1px dashed #9998}
.menu-list ul li.show-advanced-options header {padding:0 25px}
.menu-list ul li.show-advanced-options article {box-shadow:none; background:none}
.menu-list ul li fieldset.styled-input:last-of-type {margin:-10px 0 10px 0;}

@media (max-width: 1024px) {
	.menu-list ul li header .handle, .menu-list ul li input[type=number] {display:none;}
	.standard-panel .standard-form form fieldset.styled-input {margin:20px auto 20px auto;}
	.menu-list ul li header fieldset.styled-radio {margin:0 20px 0 0}
	.menu-list ul li article .other-options, .menu-list ul li article .other-options:first-of-type, .menu-list ul li article .other-options:nth-of-type(2) {width: 100%;}
	.menu-list ul li header .advanced-options, .menu-list ul li article fieldset.delete-button {display:block; float:none; width:100%}
	.menu-list ul li article .other-options p {margin:20px 0}
}

#checkboxes {margin-top:30px}
#checkboxes div {margin:10px 20px 10px 0; display:inline-block;}
#checkboxes div input[type="checkbox"] {margin-right:5px}
#checkboxes div label {font-weight:bold; font-size:16px}

a.smallheadinglink {font-size: 14px;}
.imageright {float: right; border: 1px solid #CCC; margin: 0 0 10px 30px;}
.pagecounter {font-size: 25px; line-height: 15px; margin: 27px 0 7px 0; font-weight: 500;}
.counterholder {float: right; background-color: #FFF; color: #666; width: 84px; height: 84px; font-size: 12px; border-radius: 50%; margin: -60px 0 0 30px; text-align: center; vertical-align: middle; border: 1px dashed #dadada;}
/*.counterholder {display:none}*/
.newpageholder {/*float: right; width: 84px; height: 84px; margin: -60px 0 0 30px;*/display:none}
fieldset .page-counter {display: block; text-align: right; color: #79BA25; font-size: 10px; margin:0;}
div.select-menu-section {max-height: 60vh;}
.box-select-menu .select-menu-list ul {height: 40vh;}
.box-select-menu .select-menu-list ul li {margin-bottom: 5px;}
input:focus::placeholder {color: transparent;}
textarea.autofit {min-width: 320px; width: 500px; max-width: 700px; resize: none; overflow-x: hidden; overflow-y: auto; left: 0px; line-height: 1.5em !important;}
.ui-datepicker {z-index: 1001 !important;}
i.mce-i-pdfembed {background-image: url("/admin/img/icon-PDF-embed.png"); background-repeat: no-repeat; background-position: center center; width: 32px;}
i.mce-i-browse {color: #6E9123;}
main p {font-size: 16px; line-height: 24px; margin: 15px 0;}
.tinymce-panel .save {margin-bottom: 0;}

nav ul.nav li li a {background-color: #4b4880;}
nav ul.nav li li a:hover {background-color: #79BA25;}
nav ul.nav li:hover > a {box-shadow: inset 0 -5px 0 0 #4b4880;}
nav.sticky {position: fixed; top: 0; width: 100%; z-index: 99; border-bottom: 1px solid #CCC; height: auto; background: #4b4880;}
nav ul.nav > li:hover > a,nav ul.nav > li > a:hover {color: #4b4880;}
nav.sticky ul.nav li {font-size: 15px; height: 40px; line-height: 40px;}
nav.sticky ul.nav li li {font-size: 15px; height: 40px; line-height: 40px;}
nav.sticky ul.nav li li a {font-size: 15px; height: 40px; line-height: 40px;}
nav.sticky ul.nav li a {color: #FFF;}
nav.sticky ul.nav li:hover {background-color: #79BA25;}
nav.sticky ul.nav li a img {display: none; width: 0; height: 0;}
nav.sticky ul.nav li:hover > a {box-shadow: inset 0 -5px 0 0 #4b4880;}
nav ul.nav li:hover li > a, nav.sticky ul.nav li:hover li > a {box-shadow: none;}

.save-button {margin-bottom: 10px;}

.ColumnMain {width: 100%; margin:0; display:block; }
.ColumnMain h2:first-of-type {margin-top: 0;}
.ColumnRight {display:none}
@media (min-width: 1250px) {
	.user-box .standard-form, .ColumnRight ~ .standard-form {width:70%} {width:70%;}
	.ColumnMain, .user-box .standard-form {width: 70%; display: inline-block; min-width: 500px;/*min-height: 500px;*/}
	/*.ColumnRight {width: 270px;display: inline-block;}*/
	.ColumnRight {width:calc(30% - 60px); margin:0 0 0 60px;  float: right; display:inline-block}
	.ColumnRight .example-how-to, .ColumnRight .user-info {display:block; margin:0 0 40px 0; width:auto}
	.ColumnRight .user-info {margin-top:0;}
}

.ColumnButton {vertical-align: middle; font-size: 16px; font-weight: normal; display: block; margin: 0 0 30px 0; border-radius: 6px; transition: 0.5s; background-size: 200% auto; background-color: #fff; border: 1px solid #ddd;}
.ColumnButton:last-of-type {margin-right: 0;}
.ColumnButton:hover {color: #FFF; text-decoration: none; border-color: #7eaf15; border-left-color: #4b4880; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); background-position: right center; background-image: linear-gradient(to right, #4b4880 0%, #441c67 51%, #79BA25 0.1%); transition: 0.5s;}
.ColumnmButton img {margin: 0 20px 0 0;}
.ColumnButton p {font-size: 17px; line-height: 17px; margin: 0; padding: 20px 10px 20px 20px;}
.ColumnButton p.ButtonWithBG {padding-left: 70px; background-repeat: no-repeat; background-position: 6px center; background-size: 50px 50px;}


.HeadingBackground {padding-left: 40px; background-repeat: no-repeat; background-position: 0 0;}

.ImagePadding {margin: 15px 0 25px 0; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4); padding: 10px; background: #FFF; max-width: 100%; height:auto}
.image-inline {    vertical-align: text-bottom;    margin: 0 5px;}

/* .wrapper a[target="_blank"] p::after, .wrapper li a[target="_blank"]::after, .wrapper p a[target="_blank"]::after  {   content: "\1f855"; margin: 0 5px 0 3px;}*/
a.newwindow::after {content: ""; width: 14px; height: 14px; margin: 0 6px 0 7px; background: url(/admin/img/svg/open-link.svg) no-repeat; background-size: contain; display: inline-block;}
a.green-button.newwindow:after {background: none; color: #FFF; display: inline-block; content: "⇱"; position: relative; top: 6px; margin: 0 5px 0 12px; transform: rotate(90deg);}

.iconnewwindow:after {position: absolute; margin: 0 0 -16px 5px; /* content: "\1f855";  content: "↗"; content:"\2b67";*/ content:"\2197"}
nav ul.nav .iconnewwindow:after {right:10px; top: 2px; font-size: 18px;}

.arrowright {background-image: url(/admin/img/icon-arrow.png); background-repeat: no-repeat; background-position: center; min-width: 16px; min-height: 16px;}

table.standard-table.table-grey tbody tr.disabled td a.arrowright {background-image: url(/admin/img/icon-arrow-grey.png);}

img.framedimage {margin: 15px 0 25px 0; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4); padding: 10px; background: #FFF;}

main .wrapper .column-third {background: rgba(193, 211, 253, 0.1019607843); width: calc(33% - 30px); margin: 30px 45px 0 0; display: inline-block; padding: 0; float: left; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 5px;}
main .wrapper .column-half {background: rgba(193, 211, 253, 0.1019607843); width: calc(33% - 30px); margin: 30px 45px 0 0; display: inline-block; padding: 0; float: left; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 5px; width: calc(50% - 23px);}
main .wrapper .column-third:last-of-type,main .wrapper .column-half:last-of-type {margin-right: 0;}
main .wrapper .column-third h2,main .wrapper .column-half h2, main .wrapper .column-quarter h2 {margin: 0 0 10px 0; text-align: left; margin: 0; color: #FFF; background: #4b4880; color: #FFF; padding: 10px 25px; font-size: 16px; border-radius: 4px; line-height: 25px; min-height: 48px; display: flex; align-items: center; font-weight: normal;}
main .wrapper .column-third p,main .wrapper .column-third fieldset {margin: 15px 10px; background: #FFF; padding: 15px; display: block; line-height: 25px; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 4px;}
main .standard-panel .column-third h2 + p {margin: 15px 10px; background: #FFF; padding: 15px; display: block; line-height: 25px; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 4px;}
main .wrapper .user-management-form .column-half p,main .wrapper .user-management-form .column-half fieldset {margin:15px 10px; background: #FFF; padding:15px 15px 0 15px; display: block; line-height: 25px; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 4px;}
main .wrapper .user-management-form .column-half fieldset {margin:40px 0 0 0;}
main .standard-panel .column-half h2 + p {margin: 15px 10px; background: #FFF; padding: 15px; display: block; line-height: 25px; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 4px;}
main .wrapper .column-whole {background: rgba(193, 211, 253, 0.1019607843); width:100%; margin: 30px 0 0 0; display: inline-block; padding: 10px; float: left; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 5px;}

main .options-group section .column-half {width: calc(50% - 44px); margin: 0;padding:0 0 0 40px; float:none; background:none; box-shadow:none; display:inline-table; border-radius:0; border-left:1px solid #e4e8e9b3; vertical-align:top;}
main .options-group section .column-half:first-of-type {padding: 0 40px 0 0; border-left:none}
main .options-group section .row-half {border-top:1px solid #e4e8e9b3; padding-top:30px; margin-top:30px}
main .options-group section .row-half:first-of-type {border-top:0; padding-top:0; margin-top:0}
main .options-group section .column-half p, main .options-group section .row-half p, main .options-group section .user-management-form .column-half p, main .options-group section .user-management-form .row-half p  {margin:5px 0 5px 0; padding:0; background:none; box-shadow:none}
main .options-group section .green-button {text-transform:none}

main .wrapper .column-quarter {background: rgba(193, 211, 253, 0.1019607843); width: calc(25% - 30px); margin: 30px 45px 0 0; display: inline-block; padding: 0; float: left; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 5px;}
main .wrapper .column-quarter:last-of-type,main .wrapper .column-half:last-of-type {margin-right: 0;}
main .wrapper .column-quarter p,main .wrapper .column-quarter fieldset {margin: 15px 10px; background: #FFF; padding: 15px; display: block; line-height: 25px; box-shadow: 0 0 0 1px rgba(228, 232, 233, 0.7); border-radius: 4px;}
.manage-categories .optionsContainer { display:flex; }

body main .wrapper .nobackground {
	background: none;
}
body main .wrapper .noborder {border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}

.threecolumns p {display: inline-block; margin: 10px 20px 10px 0; width: calc(33% - 20px);}

p a.green-line, li a.green-line, p a.blue-line, li a.blue-line, button.green-line  {border:0;position:relative; display:inline-block; background-color: #79BA25; color: #fff; font-weight: normal; padding:6px 30px; border-radius: 4px; margin: 0 2px;  transition: all 0.2s linear 0s;}
p a.blue-line, li a.blue-line {background-color: #0480a8;}
.popout,p a.popout {background-image: url("/admin/img/svg/external-link.svg"); background-repeat: no-repeat; background-size: 14px 50%; background-position: 6px 6px; padding-left: 25px;}
p a.green-line.popout {padding-left:25px;}
a.green-line:before, button.green-line:before, a.blue-line:before, a.dashboard-button:before {  content: '\25BA';  font-size: 17px;  position: absolute;  display: flex;  align-items: center;  justify-content: center;  right: 0;  top: 0;  opacity: 0;  height: 100%;  width: 30px;  transition: all 0.2s linear 0s;}
a.dashboard-button:before {opacity: 0.3;}
a.blue-line:before {font-family: "Material Icons"; content:'edit'; text-transform:lowercase;}
a.blue-line.save-inline:before {font-family: "Material Icons"; content:'save'; text-transform:lowercase;}
a.green-line:hover, button.green-line:hover, a.blue-line:hover, a.dashboard-button:hover  {text-indent: -20px; text-decoration:none; background-image:none; padding:6px 40px 6px 40px; cursor:pointer}
a.green-line:hover:before, button.green-line:hover:before, a.blue-line:hover:before, a.dashboard-button:hover:before   { opacity: 1;  text-indent: 0px;}


.padding10px {padding: 10px;}

.glow {animation: glow 1s 6 alternate;}

.faq ul {margin:0}
.faq {display: block; margin: 0; min-height: auto;}
.faq h2 {margin: 30px 0 20px 0;}
.faq ul li h2.title {display: block; color: #666; background: #f7f7f7; padding: 15px 30px 15px 15px; border-radius: 4px 4px 0 0; box-shadow: inset 1px 0 0 0 #E4E8E9, inset -1px 0 0 0 #E4E8E9, inset 0 1px 0 0 #E4E8E9; margin: 0; position: relative; cursor: pointer; font-size: 18px;}
.faq ul li h2.title.problem {color:#FFF; background:#e70854}
.faq ul li h2.title:before {content: ""; width: 15px; height: 15px; background: url(/admin/img/svg/arrow-down.svg) no-repeat center top; position: absolute; top: 22px; right: 22px; background-size: contain; transition: all 0.3s ease-in-out;}
.faq ul li.show-faq h2.title:before {top: 14px; transform: rotate(180deg); transition: all 0.3s ease-in-out;}
.faq ul li.FAQcategory {box-shadow: inset 0 0 0 1px #E4E8E9; margin: 0 0 20px 0; padding: 0 0 1px 0; border-radius: 4px;}
.faq ul li li.FAQtitle div {display: block; padding: 0 20px; max-height: 0; overflow: hidden; transition: all 0.4s ease-in-out; font-size: 16px;}
.faq ul li>div {max-height: 0; overflow: hidden; padding: 0;}
.faq ul li.show-faq>div {padding:20px; max-height: none; transition: all 0.4s ease-in-out; border-bottom: 1px solid #ececec; display: block; max-height: none;}
.faq ul li.show-faq>div.group-line, .faq ul li.show-faq div.publishing-dates-panel, .faq ul li.show-faq>div form {margin:0; border:0; padding:0; width:100%}
.faq ul li.show-faq>div .group-line .options-holder .main-options {margin-top:0}
.faq ul li.show-faq li.FAQtitle:last-of-type div {padding-bottom: 15px; border-bottom: 0;}
.faq ul li.show-faq li.FAQtitle a {padding:10px;max-height:none; transition: all 0.3s ease-in-out; border-bottom:1px solid #ececec; display:block}
.faq ul li.show-faq li.FAQtitle:last-of-type a {border-bottom:0}
.faq li.FAQtitle {margin:0; line-height:100%;}

div.faq	{margin:0; min-height:0}
.faq .faq-nav {width:100%;}
.faq .faq-nav ul li {text-align:center;    display: inline-block;    cursor: pointer;    width: calc(33% - 20px); margin:10px 20px 10px 0;}
.faq .faq-nav ul li:nth-of-type(3n) {margin-right:0}
/*div.faq ul li:hover a, div.faq ul li a.selectedbutton {background: #79BA25;    color: #fff;    box-shadow: 0 0 0 1px #81ad22;}*/
div.faq ul li a.selectedbutton {background-color:#0480a8; box-shadow: 0 0 0 1px #0480a8; color:#FFF}
div.faq ul li a.selectedbutton:hover {cursor:default; opacity:1}

.admin-notes p span {display: inline-block; min-width: 150px;}

@keyframes glow {to {  text-shadow: 0 0 30px yellow; }}
@keyframes glow {to {  text-shadow: 0 0 30px yellow; }}
.editing-options .group-line {width: 100%;}
.editing-options .group-line .main-options #MenuTab {background: url(/admin/img/svg/arrow-up.svg) no-repeat right 10px center;}
.editing-options .side-buttons {margin: 0; width: auto;}
.editing-options .side-buttons .save-button,.editing-options .side-buttons .launch-button,.editing-options .side-buttons .preview-button,.editing-options .side-buttons .duplicate-button,.editing-options .side-buttons .reset-button,.editing-options .side-buttons .versions-button,.editing-options .side-buttons .settings-button,.editing-options .side-buttons .disable-button,.editing-options .side-buttons .delete-button,.editing-options .side-buttons .enable-button,.editing-options .side-buttons .save-publish-button,.editing-options .side-buttons .save-draft-button,.editing-options .side-buttons .bookings-button,.editing-options .side-buttons .questions-button,.editing-options .side-buttons .responses-button,.editing-options .side-buttons .child-pages-button {height: 60px; vertical-align: middle; display: block; width: 165px; position: fixed; text-indent: 0; outline: none; top: 50%; transition: 1s; background-position: 13px center; background-size: 27px 27px; background-repeat: no-repeat; border-radius: 4px; border: 0; text-transform: none; font-weight: 500; text-align: left; cursor: pointer; font-size: 16px; color: #FFF; text-decoration: none; padding: 0 0 0 50px; right: -200px; animation: slidebuttons 1s both; animation-delay: 1s; z-index: 499;}

.popup-panel .save-publish-button,.line-approval .save-publish-button {height: 60px; vertical-align: middle; display: block; width: 165px; position: fixed; text-indent: 0; outline: none; top: 50%; transition: 1s; background-position: 13px center; background-size: 27px 27px; background-repeat: no-repeat; border-radius: 4px; border: 0; text-transform: none; font-weight: 500; text-align: left; cursor: pointer; font-size: 16px; color: #FFF; text-decoration: none; padding: 0 0 0 50px; right: -200px; animation: slidebuttons 1s both; animation-delay: 1s; z-index: 999;}

.editing-options .side-buttons span {display: table-cell; vertical-align: middle; height: 60px;}
.editing-options .side-buttons button:before {font-family: "Material Icons"; text-transform:lowercase; font-size: 30px; display: inline-block; color: #FFF; position: absolute; top: 12px; left: 7px;}
.editing-options .side-buttons .launch-button {background-color: #79BA25; background-image: url(/admin/img/icon-open.png); top: calc(50% - 237px); animation-delay: 0.4s;}
.editing-options .side-buttons .preview-button {/*background-color:#4b4880;*/ background-color: #79BA25; background-image: url(/admin/img/icon-preview.png); top: calc(50% - 172px); animation-delay: 0.6s;}
.editing-options .side-buttons .duplicate-button {background-color: #ffa200; background-image: url(/admin/img/icon-duplicate.png); top: calc(50% - 107px); animation-delay: 0.8s; background-size: 23px 23px;}
.editing-options .side-buttons .reset-button {background-color: #ffa200; top: 394px; background-image: url(/admin/img/icon-reset.png); background-size: 28px 28px; animation-delay: 0.8s;}
.editing-options .side-buttons .versions-button {background-color: #a7b2ba; top: 461px; background-image: url(/admin/img/icon-versions.png); background-size: 28px 28px; animation-delay: 1s;}
.editing-options .side-buttons .settings-button {background-color: #a7b2ba; top: 461px; background-image: url(/admin/img/icon-settings.png); background-size: 30px 30px; animation-delay: 1s;}
.editing-options .side-buttons .save-publish-button {height: 90px; font-size: 24px; padding-left: 65px; animation: slidebuttonsSave 1s forwards; background-color: #0480a8; background-size: 40px 40px; background-image: url(/admin/img/icon-save-publish.png); top: calc(50% - 42px); animation-delay: 1s; -webkit-box-shadow: 0 5px 15px rgba(96, 125, 139, 0.2); -moz-box-shadow: 0 5px 15px rgba(96, 125, 139, 0.2); box-shadow: 0 5px 15px rgba(96, 125, 139, 0.2);}
.editing-options .side-buttons .save-publish-button span {height: 90px;}
.editing-options .side-buttons .save-draft-button {background-color: #0480a8; background-image: url(/admin/img/icon-save-draft.png); top: calc(50% + 53px); animation-delay: 1.2s;}
.editing-options .side-buttons .questions-button {background-color: #4b4880; background-image: url(/admin/img/icon-question-circle.png); top: calc(50% + 53px);top:524px;animation-delay: 1.2s;}
.editing-options .side-buttons .responses-button {background-color: #4b4880; background-image: url(/admin/img/icon-response.png); top: calc(50% + 118px); animation-delay: 1.4s;}
.editing-options .side-buttons .disable-button {background-color: #637078; background-image: url(/admin/img/icon-hidden.png); top: calc(50% + 118px); animation-delay: 1.4s;}
.editing-options .side-buttons .enable-button {/*background-color:$greenhouse;*/ background-color: #0480a8; background-image: url(/admin/img/icon-visible.png); top: calc(50% + 118px); animation-delay: 1.4s;}
.editing-options .side-buttons .delete-button {background-color: #F24B4B; background-image: url(/admin/img/icon-delete.png); top: calc(50% + 183px); animation-delay: 1.6s;}
.editing-options .side-buttons .bookings-button {background-color: #4b4880; background-image: url(/admin/img/icon-bookings.png); top: calc(50% + 248px); animation-delay: 1.6s;}
.editing-options .side-buttons .child-pages-button {background-color: #0480a8; background-image: url(/admin/img/icon-hub.png); top: calc(50% + 248px); animation-delay: 1.6s;}
.editing-options .side-buttons .clicked {opacity: 0.4 !important; cursor: wait;}


.editing-options .dynamic-side-buttons {margin: 0; width: auto;}
.editing-options .dynamic-side-buttons .save-button,.editing-options .dynamic-side-buttons .launch-button,.editing-options .dynamic-side-buttons .preview-button,.editing-options .dynamic-side-buttons .duplicate-button,.editing-options .dynamic-side-buttons .reset-button,.editing-options .dynamic-side-buttons .versions-button,.editing-options .dynamic-side-buttons .settings-button,.editing-options .dynamic-side-buttons .disable-button,.editing-options .dynamic-side-buttons .delete-button,.editing-options .dynamic-side-buttons .enable-button,.editing-options .dynamic-side-buttons .save-publish-button,.editing-options .dynamic-side-buttons .save-draft-button,.editing-options .dynamic-side-buttons .bookings-button,.editing-options .dynamic-side-buttons .questions-button,.editing-options .dynamic-side-buttons .responses-button {height: 60px; vertical-align: middle; display: block; width: 165px; position: fixed; right:-100px; text-indent: 0; outline: none; transition: 1s; background-position: 13px center; background-size: 27px 27px; background-repeat: no-repeat; border-radius: 4px; border: 0; text-transform: none; font-weight: 500; text-align: left; cursor: pointer; font-size: 16px; color: #FFF; text-decoration: none; padding: 0 0 0 50px; right: -200px; animation: slidebuttons 1s both; animation-delay: 1s; z-index: 499;}

.editing-options .dynamic-side-buttons span {display: table-cell; vertical-align: middle; height: 60px;}
.editing-options .dynamic-side-buttons button:before {font-family: "Material Icons"; text-transform:lowercase; font-size: 30px; display: inline-block; color: #FFF; position: absolute; top: 12px; left: 7px;}
.editing-options .dynamic-side-buttons .launch-button {background-color: #79BA25; background-image: url(/admin/img/icon-open.png); animation-delay: 0.4s;}
.editing-options .dynamic-side-buttons .preview-button {/*background-color:#4b4880;*/ background-color: #79BA25; background-image: url(/admin/img/icon-preview.png); animation-delay: 0.6s;}
.editing-options .dynamic-side-buttons .duplicate-button {background-color: #ffa200; background-image: url(/admin/img/icon-duplicate.png); animation-delay: 0.8s; background-size: 23px 23px;}
.editing-options .dynamic-side-buttons .reset-button {background-color: #ffa200; top: 394px; background-image: url(/admin/img/icon-reset.png); background-size: 28px 28px; animation-delay: 0.8s;}
.editing-options .dynamic-side-buttons .versions-button {background-color: #a7b2ba; top: 461px; background-image: url(/admin/img/icon-versions.png); background-size: 28px 28px; animation-delay: 1s;}
.editing-options .dynamic-side-buttons .settings-button {background-color: #a7b2ba; top: 461px; background-image: url(/admin/img/icon-settings.png); background-size: 30px 30px; animation-delay: 1s;}
.editing-options .dynamic-side-buttons .save-publish-button {height: 90px; font-size: 24px; padding-left: 65px; animation: slidebuttonsSave 1s forwards; background-color: #0480a8; background-size: 40px 40px; background-image: url(/admin/img/icon-save-publish.png); top: calc(50% - 42px); animation-delay: 1s; -webkit-box-shadow: 0 5px 15px rgba(96, 125, 139, 0.2); -moz-box-shadow: 0 5px 15px rgba(96, 125, 139, 0.2); box-shadow: 0 5px 15px rgba(96, 125, 139, 0.2);}
.editing-options .dynamic-side-buttons .save-publish-button span {height: 90px;}
.editing-options .dynamic-side-buttons .save-draft-button {background-color: #0480a8; background-image: url(/admin/img/icon-save-draft.png); animation-delay: 1.2s;}
.editing-options .dynamic-side-buttons .questions-button {background-color: #4b4880; background-image: url(/admin/img/icon-question-circle.png); animation-delay: 1.2s;}
.editing-options .dynamic-side-buttons .responses-button {background-color: #4b4880; background-image: url(/admin/img/icon-response.png); animation-delay: 1.4s;}
.editing-options .dynamic-side-buttons .disable-button {background-color: #637078; background-image: url(/admin/img/icon-hidden.png); animation-delay: 1.4s;}
.editing-options .dynamic-side-buttons .enable-button {/*background-color:$greenhouse;*/ background-color: #0480a8; background-image: url(/admin/img/icon-visible.png); animation-delay: 1.4s;}
.editing-options .dynamic-side-buttons .delete-button {background-color: #F24B4B; background-image: url(/admin/img/icon-delete.png); animation-delay: 1.6s;}
.editing-options .dynamic-side-buttons .bookings-button {background-color: #4b4880; background-image: url(/admin/img/icon-bookings.png); animation-delay: 1.6s;}
.editing-options .dynamic-side-buttons .clicked {opacity: 0.4 !important; cursor: wait;}

.editing-options .dynamic-side-buttons>fieldset:nth-child(1)>button {top:calc(50% + -280px)}
.editing-options .dynamic-side-buttons>fieldset:nth-child(2)>button {top:calc(50% + -215px)}
.editing-options .dynamic-side-buttons>fieldset:nth-child(3)>button {top:calc(50% + -150px)}
.editing-options .dynamic-side-buttons>fieldset:nth-child(4)>button {top:calc(50% + -85px)}
.editing-options .dynamic-side-buttons>fieldset:nth-child(5)>button {top:calc(50% + -20px)}
.editing-options .dynamic-side-buttons>fieldset:nth-child(6)>button {top:calc(50% + 45px)}
.editing-options .dynamic-side-buttons>fieldset:nth-child(7)>button {top:calc(50% + 110px)}
.editing-options .dynamic-side-buttons>fieldset:nth-child(8)>button {top:calc(50% + 175px)}
.editing-options .dynamic-side-buttons>fieldset:nth-child(9)>button {top:calc(50% + 240px)}

	.button-inline-hidden, .hidden-links {
		display: none;
	}
.button-inline-save,.button-inline-disabled {transition: all 0.2s ease-in-out; cursor: pointer; animation: fadeIn ease 1s; -webkit-animation: fadeIn ease 1s; -moz-animation: fadeIn ease 1s; -o-animation: fadeIn ease 1s; -ms-animation: fadeIn ease 1s; height: 26px; font-size: 14px; line-height: 26px; color: #FFF; background-color: #0480a8; border-radius: 3px; text-decoration: none; text-align: center; width: 60px; right: 0; position: absolute; top: 0; font-weight: 500;}
.button-inline-save:hover {text-decoration: none; transform: scale(1.05);}
.button-inline-disabled, .editing-options .side-buttons .button-inline-disabled {background-color: #CCC; color: #AAA;}
.button-inline-disabled:hover, .editing-options .side-buttons .button-inline-disabled:hover {text-decoration: none; cursor: text;}

.tinymce-panel .save-publish-bottom {/*float:left;*/ margin: 15px 0 0 0; animation: slidebottom 1s forwards; animation-delay: 2s; background: url(/admin/img/icon-save-publish-30.png) no-repeat 15px center #0480a8; color: #fff; border: none; width: 168px; height: 85px; display: inline-block; border-radius: 4px; font-weight: 500; cursor: pointer; font-size: 20px; padding: 0 0 0 60px; transition: all 0.3s ease-in-out; text-align: left; text-decoration: none;}
.tinymce-panel .save-publish-bottom span {display: table-cell; vertical-align: middle; height: 85px;}
.tinymce-panel .save-publish-bottom:hover {mix-blend-mode: inherit; transition: 0.5s; opacity: 1; transform: scale(1.1);}

.editing-options .side-buttons .save-button:hover,.editing-options .side-buttons .launch-button:hover,.editing-options .side-buttons .preview-button:hover,.editing-options .side-buttons .duplicate-button:hover,.editing-options .side-buttons .reset-button:hover,.editing-options .side-buttons .versions-button:hover,.editing-options .side-buttons .settings-button:hover,.editing-options .side-buttons .disable-button:hover,.editing-options .side-buttons .delete-button:hover,.editing-options .side-buttons .enable-button:hover,.editing-options .side-buttons .save-publish-button:hover,.editing-options .side-buttons .save-draft-button:hover,.editing-options .side-buttons .questions-button:hover,.editing-options .side-buttons .responses-button:hover,.editing-options .side-buttons .bookings-button:hover {mix-blend-mode: inherit; transition: 0.5s; opacity: 1; transform: scale(1.1);}

@media (max-width: 1650px) {.editing-options .side-buttons .launch-button, .editing-options .side-buttons .preview-button, .editing-options .side-buttons .duplicate-button, .editing-options .side-buttons .reset-button, .editing-options .side-buttons .versions-button, .editing-options .side-buttons .settings-button, .editing-options .side-buttons .disable-button, .editing-options .side-buttons .delete-button, .editing-options .side-buttons .enable-button, .editing-options .side-buttons .save-publish-button, .editing-options .side-buttons .save-draft-button, .editing-options .side-buttons .bookings-button, .editing-options .side-buttons .questions-button, .editing-options .side-buttons .responses-button {  right: -10px;   animation: slidebuttonsdocked 1s forwards; } .editing-options .side-buttons .launch-button {  animation-delay: 2s; } .editing-options .side-buttons .preview-button {  animation-delay: 2.2s; } .editing-options .side-buttons .duplicate-button, .editing-options .side-buttons .reset-button, .editing-options .side-buttons .settings-button {  animation-delay: 2.4s; } .editing-options .side-buttons .versions-button {  animation-delay: 2.6s; } .editing-options .side-buttons .save-publish-button {  animation-delay: 2.6s;   font-size: 20px; } .editing-options .side-buttons .save-draft-button {  animation-delay: 2.8s; } .editing-options .side-buttons .questions-button {  animation-delay: 3s; } .editing-options .side-buttons .responses-button {  animation-delay: 3.1s; } .editing-options .side-buttons .bookings-button {  animation-delay: 3.2s; } .editing-options .side-buttons .disable-button, .editing-options .side-buttons .enable-button {  animation-delay: 3.1s; } .editing-options .side-buttons .delete-button {  animation-delay: 3.3s; } .editing-options .side-buttons .launch-button:hover, .editing-options .side-buttons .preview-button:hover, .editing-options .side-buttons .duplicate-button:hover, .editing-options .side-buttons .reset-button:hover, .editing-options .side-buttons .disable-button:hover, .editing-options .side-buttons .delete-button:hover, .editing-options .side-buttons .enable-button:hover, .editing-options .side-buttons .save-publish-button:hover, .editing-options .side-buttons .save-draft-button:hover, .editing-options .side-buttons .questions-button:hover, .editing-options .side-buttons .responses-button:hover, .editing-options .side-buttons .versions-button:hover, .editing-options .side-buttons .settings-button:hover, .editing-options .side-buttons .bookings-button:hover {  mix-blend-mode: inherit;   opacity: 1;   transform: none;   animation: slidebuttonsdocked 0s 1, slidebuttons 1s forwards; }}
@keyframes slidebottom {100% {  bottom: -5px; }}
@keyframes slidebuttons {100% {  right: -20px; }}
@keyframes slidebuttonsSave {100% {  right: -10px;   width: 195px; }}
@keyframes slidebuttonsdocked {0% {  right: -10px; } 100% {  right: -117px;   background-size: 24px 24px; }}
.loadercontainer {display: none; width: 100%; height: 100%; z-index: 8; background: rgba(255, 255, 255, 0.75); position: fixed; top: 0; left: 0; cursor: progress;}
.loadercontainer p {position: absolute; left: 0%; top: 0; width: 100%; text-align: center; font-size: 20px; font-weight: normal; background: #4b4880; padding: 30px 0; color: #fff;}

.loader {z-index: 9; background: #79BA25; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; position: absolute; top: calc(50% - 150px); left: calc(50% - 75px); color: #79BA25; text-indent: -9999em; margin: 88px auto; font-size: 32px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s;}
.loader:before, .loader:after {z-index: 9; background: #79BA25; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em;}
.loader:before, .loader:after {position: absolute; top: 0; content: "";}
.loader:before {left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.loader:after {left: 1.5em;}

@-webkit-keyframes load1 {0%, 80%, 100% {  box-shadow: 0 0;   height: 4em; } 40% {  box-shadow: 0 -2em;   height: 5em; }}
@keyframes load1 {0%, 80%, 100% {  box-shadow: 0 0;   height: 4em; } 40% {  box-shadow: 0 -2em;   height: 5em; }}

@keyframes gradientMove {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;  }  100% {background-position: 0% 50%;  }}
.lightwidget__lightbox--active {z-index: 500;}

.nicEdit-main {font-size: 16px; line-height: 20px; margin: 0 0 12px 0;}
.nicEdit-main div {font-size: 16px; line-height: 20px; margin: 0 0 12px 0;}
.newCSShide {display:none !important}

/* fix for browser changing background color on input autofill */
.standard-form form fieldset input {-webkit-tap-highlight-color: transparent;    -webkit-touch-callout: none;    -webkit-user-select: none;    -khtml-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.standard-form form fieldset input:focus {outline: none !important;}
input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-webkit-autofill::first-line{box-shadow: 0 0 0px 1000px white inset !important;-webkit-background-clip: text;-webkit-text-fill-color: inherit;transition: background-color 5000s ease-in-out 0s !important; font-family:'Museo Rounded' !important;}

.toggle-layout {display:inline-block; border-radius:10px; margin:0px 0 -89px -192px; vertical-align:middle}
.toggle-layout div {display:table-cell;}
.toggle-layout div a {cursor:text; font-size:16px; line-height:16px; display:block; padding:8px 15px 8px 10px; font-weight:normal; background-color:#79BA25; color:#FFF; border:1px solid #79BA25; border-radius:10px; border-top-left-radius:0; border-bottom-left-radius:0}
.toggle-layout div:first-of-type a {border-right:0; border-top-left-radius:10px; border-bottom-left-radius:10px; border-top-right-radius:0; border-bottom-right-radius:0}
.toggle-layout div.layout-change a {background-color:#FFF; color:#333; text-align:center}
.toggle-layout div a:hover, .toggle-layout div.layout-change a:hover {text-decoration:none; background-color:#79BA25; color:#FFF; cursor:text}
.toggle-layout div.layout-change a:hover {cursor:pointer; border-color:#4b4880; background-color:#4b4880; }
.toggle-layout div a:before {content:'filter_list';font-family: "Material Icons"; text-transform:lowercase;font-size: 24px;color: #FFF;vertical-align: middle;margin: 0 6px 0 0;}
.toggle-layout div:first-of-type a:before {content:'reorder';}
.toggle-layout div.layout-change a:before {color:#666}
.toggle-layout div.layout-change a:hover:before {color:#FFF}

.gallery-toggle-layout {
	display: inline-block;
	border-radius: 10px;
	margin: 10px 0 0 0;
	vertical-align: middle
}

	.gallery-toggle-layout div {
		display: table-cell;
	}

		.gallery-toggle-layout div a {
			cursor: text;
			font-size: 16px;
			line-height: 16px;
			display: block;
			padding: 8px 15px 8px 10px;
			font-weight: normal;
			background-color: #79BA25;
			color: #FFF;
			border: 1px solid #79BA25;
			border-radius: 10px;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0
		}

		.gallery-toggle-layout div:first-of-type a {
			border-right: 0;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0
		}

		.gallery-toggle-layout div.layout-change a {
			background-color: #FFF;
			color: #333;
			text-align: center
		}

		.gallery-toggle-layout div a:hover, .toggle-layout div.layout-change a:hover {
			text-decoration: none;
			background-color: #79BA25;
			color: #FFF;
			cursor: pointer;
		}

		.gallery-toggle-layout div.layout-change a:hover {
			cursor: pointer;
			border-color: #4b4880;
			background-color: #4b4880;
		}

		.gallery-toggle-layout div a:before {
			content: 'gallery_thumbnail';
			font-family: "Material Symbols Outlined";
			text-transform: lowercase;
			font-size: 24px;
			color: #FFF;
			vertical-align: middle;
			margin: 0 6px 0 0;
		}

		.gallery-toggle-layout div:first-of-type a:before {
			content: 'reorder';
		}

		.gallery-toggle-layout div.layout-change a:before {
			color: #666
		}

		.gallery-toggle-layout div.layout-change a:hover:before {
			color: #FFF
		}


@media (min-width: 990px) {header .wrapper {  width: 980px; }}
@media (max-width: 1250px) {
	body.NoBackground {  background-image: none; background-color:#FFF } 
	body.NoBackground main {  max-width: 100%;   margin: 0; } 
	body.NoBackground .editing-options {  border-radius: 6px; } 
	body.NoBackground main .wrapper:first-of-type {  -webkit-box-shadow: none;   -moz-box-shadow: none;   box-shadow: none; } 
	.date-time-wrapper{display:block; margin-right:0 }}
@media (min-width: 1250px) {
	header .wrapper {  width: 1270px; position:relative} 
	nav ul.nav li a img {  display: inline-block;   margin: 0 3px;   opacity: 0.8; } 
	body.NoBackground main {  max-width: calc(100% - 100px);   margin: 20px auto;   border-radius: 6px;   background-color: #FFF;   -webkit-box-shadow: 0 5px 15px rgba(96, 125, 139, 0.5);   -moz-box-shadow: 0 5px 15px rgba(96, 125, 139, 0.5);   box-shadow: 0 5px 15px rgba(96, 125, 139, 0.5); } 
	body.NoBackground .editing-options {  border-radius: 6px; } 
	body.NoBackground main .wrapper {  width: calc(100% - 100px); } 
	body.NoBackground main .wrapper section .wrapper {  width: 100%; } 
	.editing-options .wrapper {  width: calc(100% - 100px); } 
	body.NoBackground .standard-panel {  padding: 30px 0; width:100%; } 
	body.NoBackground main .wrapper:first-of-type {  -webkit-box-shadow: none;   -moz-box-shadow: none;   box-shadow: none; } 
	div.options-group + .tinymce-panel {  padding: 0; margin-top:-1px; } }
@media (min-width: 1500px) {body.NoBackground main {  max-width: calc(100% - 200px); }}
@media (min-width: 1700px) {main .wrapper, .editing-options .wrapper, .tinymce-panel .wrapper, .options-group section .wrapper, header .wrapper, nav ul.nav, .wrapper#editgallery {  width: calc(100% - 400px); } main .wrapper .wrapper {  width: 100%; } .dashboard-box .main-links .group-links ul li {  width: calc(33% - 15px) !important; } .dashboard-box .main-links .group-links ul li.dashlink-block {  width: calc(50% - 15px) !important; } body.NoBackground main {  max-width: calc(100% - 400px); } /*	body.NoBackground main section.tinymce-panel .wrapper div:first-of-type {margin:0 auto;}*/}
@media (max-width: 1024px) {
	body {  overflow-x: hidden; } 
	header {  height: auto;   width: 100%;   padding: 0;   overflow: hidden; } 
	header a {  text-decoration: underline !important; } 
	header ul {  width: 100%;   float: none;   display: block;   margin: 1% auto 0;   white-space: normal;   text-align: center; } 
	header ul li {  display: block;   margin: 10px auto;   text-align: center;   height: auto;   line-height: normal;   width: 80%; } 
	header h1 {  display: block;   margin: 5% auto; }
	header .GSWadmin {display:none}
	footer {  height: auto;   line-height: normal;   text-align: center;   overflow: hidden; margin:20px auto 0 auto} 
	main {padding-bottom:0}
	nav {  height: 0; } 
	nav ul.nav li a {  margin: 0 5px; } 
	a.meanmenu-reveal {  display: none; } 
	.mean-container .mean-bar {  float: left;   width: 100%;   position: relative;   background: #0480a8;   color: #FFF;   padding: 0;   height: 44px;   z-index: 999;   top: 0px;  margin-bottom: 40px;   font-family: "Museo Rounded", sans-serif; } 
	.mean-container a.meanmenu-reveal {  width: 100px;   height: 22px;   padding: 12px 13px 10px 0;   position: absolute;   top: 0;   right: 0;   cursor: pointer;   color: #FFF;   text-decoration: none;   font-size: 16px;   line-height: 22px;   display: block;   font-weight: 700; }
	.mean-container a.meanmenu-reveal div.mm-hamburger-icon {  float: left;   height: 22px;   width: 22px; } 
	.mean-container a.meanmenu-reveal div.mm-hamburger-icon span {  display: block;   background: #FFF;   height: 3px;   font-size: 1px;   text-indent: -99999px;   margin-top: 3px; } 
	.mean-container a.meanmenu-reveal div.mm-open {color:#FFF;  float: left; margin-left:10px;   font-size: 15px !important;   font-weight: bold;   letter-spacing: 1px; } 
	.mean-container .mean-nav {  float: left;   width: 100%;   background: transparent;   margin-top: 44px; } 
	.mean-container .mean-nav ul {  padding: 0;   margin: 0;   width: 100%;   list-style-type: none; } 
	.mean-container .mean-nav ul li {  position: relative;   float: left;   width: 100%;   margin: 0;   padding: 0;   background: none; } 
	.mean-container .mean-nav ul li:last-of-type {border-bottom:3px solid #CCC}
	.mean-container .mean-nav ul li a {  background: #fff;   display: block;   float: left;   width: 90%;   padding: 10px 5% 10px 5%;   margin: 0;   text-align: left;   color: #000;   border-top: 1px solid #74061e;   border-top: 1px solid rgba(0, 0, 0, 0.25);   font-size: 15px;   line-height: 22px;   text-decoration: none;   text-transform: none; } 
	.mean-container .mean-nav ul li a:hover {  background: #79BA25 !important; color:#FFF } 
	.mean-container .mean-nav ul li a:hover img {filter:brightness(0) invert(1)} 
	.mean-container .mean-nav ul li a img {margin-right:10px; } 
	.mean-container .mean-nav ul li li a {  width: 80%;   padding: 10px 10% 10px 10%;   border-top: 1px solid #999;   border-top: 1px solid rgba(0, 0, 0, 0.125);   opacity: 1;   filter: alpha(opacity=75);   text-shadow: none !important;   visibility: visible; } 
	.mean-container .mean-nav ul li li li a {  width: 70%;   padding: 10px 15% 10px 15%; } 
	.mean-container .mean-nav ul li li a:before, .mean-container .mean-nav ul li li li a:before {content: "\25B8";position: absolute;top: 9px;left: 74px;font-size: 16px;font-weight: bold;color: #4b4880;}
	.mean-container .mean-nav ul li li li a:before {left:120px}
	.mean-container .mean-nav ul li a.mean-expand {  margin-top: 1px;   width: 26px;   height: 32px;   line-height: 32px;   padding: 5px 12px 5px 12px !important;   text-align: center;   position: absolute;   color: #FFF;   right: 0;   top: 0;   z-index: 2;   font-weight: 700;   background: #4b4880;   border: none !important;   border-left: 1px solid #999;  border-bottom: 1px solid #999;   border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } 
	.mean-container .mean-nav ul li a.mean-expand:hover {  background: #79BA25; } 
	.mean-container .mean-nav ul li a.mean-clicked {background:#0480a8}
	.mean-container .mean-push {  float: left;   width: 100%;   padding: 0;   margin: 0;   clear: both; } 
	.mean-nav .wrapper {  width: 100%;   padding: 0;   margin: 0; } 
	.mean-container .mean-bar {  -webkit-box-sizing: content-box;   -moz-box-sizing: content-box;   box-sizing: content-box; } 
	.mean-container .mean-bar * {  -webkit-box-sizing: content-box;   -moz-box-sizing: content-box;   box-sizing: content-box; } 
	.mean-remove {  display: none !important; }
	.user-box .standard-form {width:100%; padding:0}
	.dashboard-box .main-links {  width: 95%;   display: block;   margin: auto;   z-index: 99;   position: relative; } .dashboard-box .main-links .group-links ul li {  margin: 5%;   float: none !important; } .dashboard-box .sidebar {  width: 95%;   display: block;   margin: 5% auto;   z-index: 99;   position: relative; } .dashboard-box .main-links .group-links {  width: 95%;   display: block;   margin: auto; } .dashboard-box .main-links .group-links ul li.create-new-page {  float: none;   margin: 5% auto; } .dashboard-box .bottom-links .mobile-app {  margin: 5% auto;   display: block;   height: auto;   text-align: center;   width: 80%;   overflow: hidden; } .dashboard-box .bottom-links .mobile-app .text a {  height: auto;   line-height: normal;   padding: 5px;   margin: 5% auto; } .dashboard-box .bottom-links .mobile-app img {  margin: 5% auto;   float: none;   display: block; } .dashboard-box .bottom-links .redesign {  float: none;   height: auto;   text-align: center;   margin: 5% auto;   width: 80%;   overflow: hidden; } .dashboard-box .bottom-links .redesign img {  margin: 2% auto;   float: none;   display: block; } .dashboard-box .main-links .group-links ul li.home-alert, .dashboard-box .main-links .group-links ul li.add-news {  float: none; } .dashboard-box .bottom-links {  display: block;   width: 95%; } .dashboard-box .main-links .how-to {  width: 95%;   float: none;   margin: auto; } 
	.twitter-feed {  overflow: hidden; } /* new pages */ 
	.multiple-diary {  width: 100%; } 
	.manage-categories .standard-form .colorpicker fieldset:last-of-type {  float: none; } 
	.standard-form form fieldset .input-select-top-item {  text-align: right; }
	.wrapper {  width: 95%; } 
	.publishing-dates-panel {  width: 100%;   padding: 5% 0; } 
	a.blue-button {  margin: 2% auto 10%; } 
	.box-select-menu .select-menu-section {  left: 0;   right: 0;   width: 80%;   margin: 0; } 
	.box-select-menu .select-menu-section h2 {  margin: 0 auto; } 
	.tinymce-panel .save {  float: none;   margin: 30px auto;   display: block; } /* Menu */ 
	.new-menu {  width: 100% !important;   display: block !important; } 
	.menu-list ul li input[type=number] {  display: inline-block;   float: right; padding:14px 10px} 
	/*ul.example-how-to .blue-line {  float: right; } */
	.menu-list ul li header .handle {  margin: -15px 15px 25px 0; } 
	.menu-list ul li header .advanced-options {  margin: 10px 0 5px 0; } /* diary */
	.galleryblock .standard-form form fieldset .input-select-options { position: absolute !important; top: 5px; }	
	.standard-form form fieldset .input-select-options {position:relative}
	.moxman-window {  width: 100% !important; } 
	table.standard-table.table-grey {background:#FFF}
	
	main .options-group {margin:-2px 0 0 0}
	main .options-group section .column-half:first-of-type, main .wrapper .user-management-form .column-half fieldset, main .options-group section .column-half {padding:0; display:block; width:100%; border:0; box-shadow:none}
	.standard-form form fieldset .input-select-top-item {  text-align: left; }
	.editing-options .wrapper {width:auto}
	.options-group section .wrapper:first-of-type {padding:25px;}
	.editing-options .side-buttons {display:block; width:100%; margin:0 auto; float:none; position:fixed;z-index:1; text-align:center; bottom:0; left:0; height:70px;}
	.editing-options .side-buttons .save-button, .editing-options .side-buttons .green-button {  display: none; } 
	.editing-options .group-line {  margin: auto;   display: block; } 
	.editing-options .group-line .bottom-line .other-options-list li {  width: 100%; } 
	.editing-options .group-line .main-options {margin: 0 30px 30px 30px;    padding-top: 30px;} 
	.editing-options.home-alert .group-line .main-options {margin:0; padding-top:0}
	.editing-options .group-line .main-options fieldset.styled-checkbox, .editing-options .group-line .main-options fieldset:last-of-type, .editing-options .group-line .main-options fieldset:nth-of-type(2), .editing-options .group-line .main-options fieldset:nth-of-type(4), .styled-input, .fieldset-container, .user-box .standard-form form .styled-holder, div.styled-holder{  display: block;   margin:50px auto 0 auto !important;   width: 100% !important; max-width:none !important; } 
	.editing-options.home-alert .group-line .main-options fieldset.styled-radio, .editing-options.home-alert .group-line .main-options fieldset.styled-radio:nth-of-type(2), .home-alert .group-line .main-options fieldset.styled-radio strong, .editing-options .formlabel .group-line .main-options fieldset.styled-radio, .editing-options .formlabel .group-line .main-options fieldset.styled-radio:nth-of-type(2) {width: 100% !important; display:block !important; margin:50px 0 !important}
	.editing-options.home-alert .group-line .main-options fieldset.styled-radio:first-of-type, .editing-options .formlabel .group-line .main-options fieldset.styled-radio:first-of-type {margin-top:0 !important}
	.editing-options.home-alert .group-line .main-options fieldset.styled-radio strong, .editing-options .formlabel .group-line .main-options fieldset.styled-radio strong {margin:-2px 0 15px 0 !important; display:block; width:100%}
	/*.editing-options.home-alert .publishing-dates-panel, .editing-options  .formlabel .publishing-dates-panel {padding:0 30px;}*/
	div.styled-holder {width:calc(100% - 60px) !important; margin:50px 0 30px 0 !important}
	.menu-list ul li header .styled-input, .menu-list ul li header fieldset.styled-radio {margin-bottom:15px ! important}
	.fieldset-container, .user-box .standard-form form .styled-holder {width:calc(100% - 40px) !important}
	fieldset input.save-button {margin-top:30px} 
	.editing-options .group-line .main-options fieldset.styled-checkbox {margin-top:10px !important}
	.editing-options .group-line .main-options fieldset.iconfieldmenu {margin-bottom:0 !important}
	.editing-options .group-line .main-options fieldset#fs-externallink {margin-top:0 !important}
	.editing-options .group-line .main-options fieldset input[type=text] {  font-size: 14px;   overflow: hidden;   text-overflow: ellipsis; } 
	.page-layout-panel .page-layout-form .fieldset-container {width:calc(100% - 18px) !important;}
	.page-layout-panel .page-layout-form .fieldset-container fieldset {width:100%; max-width:none; margin:0}

	.editing-options .group-line .bottom-line .other-options-list li {width:calc(100% / 7)}
	.editing-options .group-line .bottom-line .other-options-list li a {font-size:0px}
	.editing-options .group-line .bottom-line .other-options-list li a:before {margin-left: 0; left: calc(50% - 10px);}
	.editing-options .group-line .bottom-line .other-options-list li a:after, .editing-options .group-line .bottom-line .other-options-list li.active-tab a:after {content:""}
	
	.standard-form form fieldset.select-time {margin-top:10px !important}
	.standard-form form .page-address-panel .page-address-form fieldset.styled-input input.green-button {display:none !important}
	.standard-form form .fieldset-container fieldset.styled-radio {margin: 9px 0 30px 0;}
		
	.user-management-panel h3, .publishing-dates-panel h3 {margin-top:10px}
	
	.side-buttons fieldset, .editing-options .side-buttons fieldset:first-of-type {display:inline-block; float:none; position:relative; width:calc((100% / 6) - 5px); margin: 0;}
	.side-buttons fieldset#side-save-publish {display:none}
	.editing-options .side-buttons .launch-button, .editing-options .side-buttons .preview-button, .editing-options .side-buttons .duplicate-button, .editing-options .side-buttons .reset-button, .editing-options .side-buttons .versions-button, .editing-options .side-buttons .settings-button, .editing-options .side-buttons .disable-button, .editing-options .side-buttons .delete-button, .editing-options .side-buttons .enable-button, .editing-options .side-buttons .save-publish-button, .editing-options .side-buttons .save-draft-button, .editing-options .side-buttons .bookings-button, .editing-options .side-buttons .questions-button, .editing-options .side-buttons .responses-button, .editing-options .side-buttons .launch-button:hover, .editing-options .side-buttons .preview-button:hover, .editing-options .side-buttons .duplicate-button:hover, .editing-options .side-buttons .reset-button:hover, .editing-options .side-buttons .disable-button:hover, .editing-options .side-buttons .delete-button:hover, .editing-options .side-buttons .enable-button:hover, .editing-options .side-buttons .save-publish-button:hover, .editing-options .side-buttons .save-draft-button:hover, .editing-options .side-buttons .questions-button:hover, .editing-options .side-buttons .responses-button:hover, .editing-options .side-buttons .versions-button:hover, .editing-options .side-buttons .settings-button:hover, .editing-options .side-buttons .bookings-button:hover, .editing-options .side-buttons .save-publish-button, #form-buttons .side-buttons .launch-button, #form-buttons .side-buttons .settings-button, #form-buttons .side-buttons .responses-button, #form-buttons .side-buttons .bookings-button, #form-buttons .side-buttons .save-publish-button, #form-buttons .side-buttons .questions-button {transform: none; animation: none; transition:none; right:auto; top:auto; font-size:0; margin:0 10px; width:calc(100% / 7); background-position:center center; height:60px}
	#EditorHolder p.alert-item {display:none}
	.tinymce-panel .save-publish-bottom {display:block; margin:10px auto; text-align:center; width:100%; padding-left:0}
	.tinymce-panel .save-publish-bottom span {display:block; height:auto;}
	
	.standard-form form fieldset.styled-input .input-select-top-item {padding-left:30px; padding-right:10px; width: calc(100% - 42px); position:relative }
	#fieldsetorder.styled-input .input-select-top-item {width:100%}
	.standard-form form fieldset .input-select-top-item:after {left:10px !important}

	#folderoptionscontainer .styled-input {display:inline-block !important; width:auto !important; margin:20px 0 !important}
	.standard-form form fieldset#fieldsetnumber, .standard-form form fieldset#fieldsetorder {font-size:16px; display:inline-block !important;}

	.standard-form form fieldset#fieldsetorder .input-select, .standard-form form fieldset#fieldsetorder ul.input-select-options, .standard-form form fieldset#fieldsetnumber .input-select, .standard-form form fieldset#fieldsetnumber ul.input-select-options {width:147px !important; margin:0 5px 0 9px; }
	.standard-form form fieldset#fieldsetorder .input-select, .standard-form form fieldset#fieldsetnumber .input-select {margin-top:-6px; float:left }
	.standard-form form fieldset#fieldsetorder .input-select {width:250px !important }
	.standard-form form fieldset#foldernameoption {margin:0 !important}
	.standard-form form fieldset#foldernameoption .input-select-top-item {font-weight:500; color:red;}
	.standard-form form fieldset#foldernameoption .input-select-top-item:after {left:0}
	.standard-form form fieldset#fieldsetorder ul.input-select-options {width:250px !important;}
	.dataTables_filter {margin: 0;left: 50%;transform: translateX(-50%);	}
}
@media (max-width:1000px) {
	header h1 {text-align:center; margin:15px auto}
	header .wrapper {height:auto}
	header .wrapper .header-tools {position:static; display:block; margin:0 auto; text-align:center; transform:none}
	header .wrapper .header-tools div	{margin:0 0 10px 0}
	header .wrapper .header-tools div a	{padding:8px 10px}
	header .wrapper .header-tools div a.header-user {padding-right: 10px; border-right:1px solid #237223; border-radius:4px}
	header .wrapper .header-tools div a.header-logout {border-radius:4px; margin-left:4px; line-height:28px}
	header .wrapper .header-tools div a:before, header .wrapper .header-tools div a:after {content:""; display:none; width:0;}
	header .wrapper .header-tools div a.header-logout span {display:none}
	.dashboard-box .sidebar, .dashboard-box	{height:auto}
}

.showInOldCMS {display:none !important}

.actionButton {
	box-shadow: 0px 0 0 0 #f60859, 0px 0 0 0 #f60859, 0 -8px 0 0 #f60859, 0 8px 0 0 #f60859;
	border-radius: 3px;
	padding: 0 10px;
	background-color: #f60859;
}

.nowrap{
	white-space:nowrap;
}

tr.nowrap td {
	white-space: nowrap;
}

.flexContainer {
	display:flex;
}
.horizontalFlexContent {
	flex-direction:column;
	padding: 20px;
}

@media only screen and (max-width: 960px)
{
	.dataTables_wrapper { overflow-x: auto; width:100%}
	.toggle-layout {display:block; margin:30px 0;	}
	table.standard-table.table-grey {margin-top:40px;
	table.standard-table {width: 100%;	overflow: scroll;	white-space: nowrap;	table-layout: fixed;	position: relative; border-collapse: collapse;}
	/* drop-shadow: table.standard-table:before {content: "";width: 30px;height: 100%;position: absolute;top: 0;right: -1px;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 100%);		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.2)));background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);	}*/
	table.standard-table tbody, , table.standard-table thead  {width: 100%;float: left;white-space: normal;}
	table.standard-table a {word-break: break-all;}
	table.standard-table tr th {white-space: normal;}
	table.standard-table td {-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;height:auto !important;}
	table.standard-table tr td, table.standard-table tr:first-child td {word-break:normal; white-space:nowrap;}
	table.standard-table tr:first-child td, table.standard-table.grey-table tr:first-child td {-moz-hyphens: none;-ms-hyphens: none;-webkit-hyphens: none;hyphens: none;width: auto !important;max-width: none !important;min-width: none !important; }
	table.standard-table {display: block;overflow-x: scroll; width:auto; min-width:100%; max-width:initial !important; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #c3c3c5), color-stop(100%, rgba(195, 195, 197, 0)));background-image: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));background-image: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));background-image: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), -o-linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));background-image: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(left, #c3c3c5, rgba(195, 195, 197, 0)), linear-gradient(right, #c3c3c5, rgba(195, 195, 197, 0));background-position: 0 0, 100% 0, 0 0, 100% 0;background-repeat: no-repeat;background-color: white;background-size: 4em 100%, 4em 100%, 1em 100%, 2em 100%;background-attachment: local, local, scroll, scroll; }
	table.standard-table tr {overflow-x: scroll;}
}