@font-face{
	font-family:'brands';
	src:url('../fonts/brands-webfont.eot');
	src:url('../fonts/brands-webfont.eot') format('embedded-opentype'),
	url('../fonts/brands-webfont.woff2') format('woff2'),
	url('../fonts/brands-webfont.woff') format('woff'),
	url('../fonts/brands-webfont.ttf') format('truetype'),
	url('../fonts/brands-webfont.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}

:root {


	/* CONTENT WRAPPERS & BLOCKS */

	--wrapper-background: #444444;
	--body-background: #f0f3f9;
	--content-block-background: #ffffff;

	--primary-color: #66bb44;
	--secondary-color: #50555b;
	--highlight-color: #ff9900;

	/* BASE TYPOGRAPHY */

	--text-font: 'Montserrat', Arial, sans serif;
	--text-color: #333333;
	--text-size: 14px;
	--text-weight: 400;
	--text-spacing: 0.05em;

	--link-color: #0088cc;
	--link-color-hover: #22ccee;

	--heading-font: inherit;
	--heading-color: #666666;
	--heading-size: 16px;
	--heading-weight: 400;
	--heading-spacing: 0;
	--heading-transform: none;
	--heading-color-dark: #ffffff;

	--subheading-font: inherit;
	--subheading-color: #666666;
	--subheading-size: 16px;
	--subheading-weight: 400;
	--subheading-spacing: 0;
	--subheading-transform: none;

	--button-font: inherit;
	--button-color: #ffffff;
	--button-size: 16px;
	--button-weight: 700;
	--button-spacing: 1px;
	--button-transform: none;
	--button-background-color: #444444;
	--button-background-color-hover: #555555;

	--top-background-color: #ffffff;

	--top-menu-font: inherit;
	--top-menu-color: #444444;
	--top-menu-size: 18px;
	--top-menu-weight: 400;
	--top-menu-spacing: 0;
	--top-menu-transform: none;
	--top-menu-highlight-color: 0;


	/* OTHER VARIABLES */
	--column-gutter: 20px;
}


/* --------------------------------------------------------------
CSS RESET
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, 
footer, header, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
table { border-collapse:collapse; border-spacing:0; }

/* --------------------------------------------------------------
GENERAL ELEMENTS
-------------------------------------------------------------- */
html { background:#211f37; }
body { font-family:var(--text-font); background:#211f37; font-weight:var(--text-weight); font-size:var(--text-size); letter-spacing:var(--text-spacing); color:var(--text-color); line-height:1.6; }

a, a:link, a:visited { color:var(--link-color); text-decoration:none; }
a:hover { color:var(--link-color-hover); text-decoration:none; }
/*a[target=_blank]:after { font-family:'fontawesome'; margin-left:3px; content:'\f08e'; font-size:0.7em; color:#999; opacity:0.5; }*/

h1, h2, h3, h4, h5, h6 { margin:0 0 0.7em; color:#666; line-height:1.2em; }
h1  a:link, h2 a:link { color:inherit; }
h1  a:visited, h2 a:visited { color:inherit; }
h1 { font-size:36px; color:#999; margin:0 0 30px; line-height:1.5; font-weight:300; }
h2 { font-size:1.7em; color:#999; font-weight:300; }
h3 { font-size:1.3em; color:#666; font-weight:700; }
h4 { font-size:1.2em; color:#666; font-weight:700; margin-bottom:0.2em; }
h5 { font-size:1.1em; color:#666; font-weight:700; }
h6 { font-size:1.0em; color:#666; font-weight:700; }

/* COLORS */
.primary-color { color:#BB6600; }
.primary-color-bg { background-color:#BB6600; }
.secondary-color { color:#999; }
.secondary-color-bg { background-color:#999; }

div {  padding:0px;margin:0px;border-spacing:0px;border:0px #ffffff none;background-repeat:no-repeat;}
table {  border-width:0px; border-style:none;vertical-align:top; margin:0px 0 0 0; padding:0px 0 0 0;border-spacing:0px; }
img {  border:0px none;border-spacing:0px;padding:0px;margin:0px;  }
select { max-width:100%; padding-right:30px; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAFCAYAAACn39dKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNpiYGBgmMmAG8z8//8/A7GYCaYJm0EMJAKQYelYNMPY6aQYxojHJWCDQM4nxWUMWFyRzkAGAAgwAGMTKhZAxxJyAAAAAElFTkSuQmCC'); background-color:#fff; background-repeat:no-repeat; background-position:right; }

hr { margin:20px 0; border:1px solid #ddd; border-width:1px 0 0; }

/* GENERAL TYPOGRAPHY */
p, address { margin-bottom:1.6em; }
p:last-child { margin-bottom:0; }
span, div, p, dl, td, th, ul, ol, blockquote { }

/* LISTS */
ul { margin:0 0 20px; }
ul li { list-style:disc inside none; padding:0; margin:0 0 0.5em 1.5em; }
ol li { list-style:decimal; margin:0 0 5px 20px; list-style-position:outside; }
ol ol li { list-style:upper-alpha; }
ol ol ol li { list-style:lower-roman; }
ol ol ol ol li { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
ul, ol, dd, pre, hr { margin-bottom:24px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 0 24px 0; }
dt { font-weight:bold; }
dd { margin-bottom:18px; }
strong, b { font-weight:bold; }
cite, em, i { border:none; font-style:italic; }
big { font-size:131.25%; }
ins { background:#ffc; border:none; }
del { text-decoration:line-through; }

/* ADDRESSES */
address { font-size:0.9em; line-height:1.2em; }

/* CITATIONS */
blockquote { display:block; font-style:italic; padding:0 5%; margin:25px 0; }
blockquote cite, blockquote em, blockquote i { font-style:normal; }

/* PREDEFINED TEXT */
pre { font-family:Courier, monospace; background:#f5f5f5; border:1px solid #ccc; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; display:block; overflow:auto; margin:25px 0; }

abbr, acronym { border-bottom:1px dotted #666; cursor:help; }
ins { text-decoration:none; }
sup, sub { font-size:0.7em; height:0; line-height:1; position:relative; vertical-align:baseline; }
sup { bottom:1ex; }
sub { top:.5ex; }
pre, kbd, tt, var { line-height:21px; }
code { font-size:1.05em; }

/* CODE */
code, code var { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }


/* INLINE IMAGES */
img { margin:0; max-width:100%; line-height:0em; }

/* TABLES */
table { border:0px solid #999; border-collapse:collapse; border-spacing:0; margin:0; text-align:left; width:100%; border-radius:3px; }
thead { padding:0 0 5px 0; }
thead td { font-weight:bold; }
tr th, thead th { border:none; font-weight:bold; font-size:1.1em; line-height:1.2em; padding:0 0 10px; }
tr { padding:10px 0; }
tr td { border:none; padding:10px 20px 10px 0; vertical-align:middle; }
tr td:first-child { padding-left:0; }
tr td:last-child { padding-right:0; }

tr .right { text-align:right; }
tfoot { padding:5px; border-top:1px solid #888; }
tfoot td { border:none; font-weight:bold; line-height:1.2em; padding:12px 0; }

/* FORMS */
label { display:block; width:100%; padding:2px 0; font-size:0.9em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* Standard Form Elements */
input[type=text], input[type=password], input[type=input], 
input[type=tel], input[type=url], input[type=email], 
input[type=number], input[type=range], input[type=search], input[type=color], 
input[type=time], input[type=week], input[type=month], input[type=date], input[type=datetime], 
select  { font-family:inherit; border:1px solid #ddd; border-radius:3px; font-size:1em; width:100%; padding:5px 5px 5px 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -moz-transition:0.1s linear all; -webkit-transition:0.1s linear all; transition:0.1s linear all; }
select  { padding:5px 28px 5px 5px; }
textarea  { font-family:inherit; border:1px solid #ddd; border-radius:3px; font-size:1em; width:100%; padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
input:hover, textarea:hover, select:hover { border-color:#bbb; }
/*input:focus, textarea:focus, select:focus { border-color:#f16100; box-shadow:0 0 4px 1px #fb4; }*/
input:focus, textarea:focus, select:focus { border-color:#2ac; box-shadow:0 0 4px 1px #4cf; }
textarea { resize:vertical; min-height:44px; }
input[type=submit] { width:auto; -webkit-appearance:none; }
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

body .color-lightgrey { color:#bbb; }
body .color-grey { color:#777; }
body .color-black { color:#333; }
body .color-blue { color:#2ac; }
body .color-cyan { color:#7cb; }
body .color-green { color:#64c73c; }
body .color-yellow { color:#fc0; }
body .color-orange { color:#f90; }
body .color-red { color:#F66; }
body .color-violet { color:#db62c7; }
body .color-purple { color:#be44ff; }


body .subtle { color:#888; }


/* Icon fonts */
.fontawesome { font-family:'fontawesome'; }
.font-fontawesome { font-family:'fontawesome'; }
.font-brands { font-family:'brands'; }
.font-linearicons { font-family:'linearicons'; }


/* New lengths, with responsiveness */
body .micro { width:70px; max-width:100%; }
body .tiny { width:100px; max-width:100%; }
body .short { width:200px; max-width:100%; }
body .medium { width:320px; max-width:100%; }
body .long { width:400px; max-width:100%; }


.shortcut { display:inline-block; font-weight:400; font-size:12px; padding:2px 4px; line-height:1; background:rgba(0,0,0,0.05); border-radius:3px; }
@media screen and (max-width:850px){
	.shortcut { display: none; }
}


/* POSITIONED ELEMENTS */
body img.align-left { display:block; float:left; margin-left:0; margin:4px 30px 20px 0; max-width:50%; }
body img.align-right { display:block; float:right; margin-right:0; margin:4px 0 20px 30px; max-width:50%; }
body img.align-full { display:block; float:none; margin:0 0 20px; max-width:100%; width:100%; }
body img.display-block { display:block; }
body img.display-inline { display:inline; }
body .align-left { text-align:left; }
body .align-center { text-align:center; }
body .align-right { text-align:right; }
body .align-full { text-align:justify; }


/* ELEMENT VISIBILITY */
.hidden { display:none; }
.invisible { visibility:hidden; opacity:0; }


/* LENGTHS */
body .field-short { width:150px; }
body .field-long { width:400px; }
body .half { width:50%; }
body .third { width:33%; }
body .quarter { width:25%; }
body .middle { padding:0 25%; }


/* SPECIAL FIELDS */
input.post-title { font-weight:300; font-size:24px; padding:10px; margin:0; }
input.post-url {  }


/* MESSAGES */
.messages { position:fixed; right:0; padding:20px; bottom:0; width:500px; visibility:hidden; opacity:0;  transition:0.6s ease all; transition-delay:0.3s; z-index:9999; pointer-events: none; }
.body-ready .messages { visibility:visible; opacity:1; }
.body-messages .messages { visibility:hidden; opacity:0; }
.message { display:block; position:relative; background:#888; margin:0 0 20px; font-weight:normal; padding:25px 20px; color:#fff; line-height:1.4; border-radius:2px; }
.content-block .message { border-radius:0; margin:0; }
.messages .message { margin:0; }
.message p { margin:0; }
.message .message-title { font-size:24px; margin:0 0 5px; line-height:1.2; }
.message-ok { background:#3d5; }
.message-error { background:#f76; }
.message-warn { background:#fc0; }
.message-info { background:#9ce; }
.message-small { padding:15px 20px; }
@media screen and (max-width:600px){
	.messages { width:auto; right:0; bottom:80px; }
	.messages .message { margin:0; padding:10px 15px; border-radius:0; }
}


/* PROGRESS BARS */
.progress { background:#eee; border:1px solid #999; min-width:60px; box-shadow:inset 0 0 3px #aaa; }
.progress .progress { background:#7c3; padding:4px; text-align:right; font-size:12px; color:#fff; text-shadow:0 -1px 0 #555; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.progress .progress-green { background:#7c3; }


.progress-bar { background:#ddd; display:flex; flex-wrap:nowrap; border-radius:20px; overflow:hidden; margin:0; }
.progress-bar-bar { height:10px; flex-grow:0; flex-shrink:0; background:#fb0; max-width:100%; width:0; transition:0.6s all; }
.progress-bar-status-done .progress-bar-bar { background:#7c3; }



/* LANGUAGE LIST */
.languages { margin:0 0 30px; float:left; border-bottom:1px solid #ddd; border-radius:3px; }
.language,
.language:link,
.language:visited { display:block; position:relative; color:inherit; line-height:20px; height:20px; padding:10px 10px 10px 55px; float:left; margin:0; cursor:pointer; border-bottom:3px solid transparent; }
.language:first-child { border-left:none; }
.language:hover { color:#2bf; text-decoration:none; }
.language-icon { position:absolute; width:32px; height:32px; left:10px; top:50%; margin:-16px 0 0; }
.language-description { font-size:0.8em; }
.language-active,
.language-active:link,
.language-active:visited { font-weight:bold; color:#6b2; border-bottom:3px solid #6b2; }


/* BUTTONS */
.button,
.button:visited { display:inline-block; vertical-align:middle; font-size:1em; text-align:center; color:#666; padding:15px 24px; line-height:1; font-weight:bold; border:1px solid #aaa; margin:0 0 0; border-radius:5px; cursor:pointer; background:#fff; letter-spacing:1px; }
.button:link { color:#444; }
.button:hover { }
.button .icon, .button-icon { font-size:16px; margin-right:10px; color:#999; opacity:0.7; }
/* Button Sizes */
.button-small { padding:8px 10px; }
.button-medium { padding:18px 45px; }
/* Primary Buttons */
.button-primary, 
.button-primary:link, 
.button-primary:visited { color:#efe; border-color:#00C4B4; background:#00C4B4; }
.button-primary:hover { background:#00C4B4; border-color:#00C4B4; color:#efe; }
.button-primary .icon { color:#eee; }
/* Colored Buttons */
.button.button-red { background:#f66; color:#fff; border-color:#b33; }
.button.button-red:hover { background:#f88; }
.button.button-green { background:#7c3; color:#fff; border-color:#5a1; }
.button.button-green:hover { background:#8d4; }
/* Connected Buttons */
.button + .button.button-connect { margin-left:-10px; }
.button-disabled { opacity:0.4; pointer-events:none; }

/* Dropdown Buttons */
/*.dropdown { position:relative; float:right; display:inline-block; }
.dropdown .dropdown-title { background:#ddd; border-radius:40px; padding:0; text-align:center; width:50px; font-size:24px; line-height:50px; height:50px; color:#999; }
.dropdown .dropdown-title:before { content:'\e810'; font-family:'linearicons'; }
.dropdown .dropdown-list { display:none; position:absolute; top:100%; right:0; background:#fff; border:1px solid #ddd; width:200px; box-shadow:0 1px 2px 0 rgba(0,0,0,0.2); z-index:999; }
.dropdown .dropdown-item { display:block; padding:10px; border-bottom:1px solid #ddd; color:#666;  }
.dropdown .dropdown-item:hover { background:#f2f2f2; text-decoration:none; }
.dropdown:hover .dropdown-list { display:block; }
.button.button-dropdown { position:relative; padding-right:45px; }
.button.button-dropdown:after { display:block; content:'\f107'; color:#bbb; position:absolute; font-family:'fontawesome'; right:0; top:50%; margin-top:-15px; font-size:16px; border-left:1px solid rgba(0,0,0,0.1); line-height:30px; width:30px; height:30px; text-align:center; text-shadow:0 1px 0 rgba(255,255,255,0.8); }*/
/* Link Buttons */
.button-link, 
.button-link:visited { display:inline-block; vertical-align:middle; font-size:1em; text-align:center; background:none; color:#444; margin:0; border:1px solid transparent; border-radius:5px; -moz-transition:0.1s linear all; -webkit-transition:0.1s linear all; transition:0.1s linear all; }
.button-link:hover { background:rgba(255,255,255,0.8); color:inherit; border:1px solid #aaa; text-decoration:none; }
.button-subtle,
.button-subtle:visited { line-height:1.2; border:none; text-transform:none; font-weight: normal; padding:10px; }
.button-subtle:hover {  background:rgba(0,0,0,0.03); border:none;  }
/* In datatable rows TODO:Move to custom datatable row buttons */
.button-row-subtle,
.button-row-subtle:visited,
.button-row-subtle:hover { line-height:46px; white-space:nowrap; width:46px; height:46px; border:none; background:none; text-align:center; text-transform:none; font-weight: normal; padding:0; }
.button-important,
.button-important:link,
.button-important:visited { color:#F35555; }
.button-important .icon { color:#F35555; }
/* Specific Links */
.account-link-trashed:before { content:'\f014'; font-family:'fontawesome'; color:#aaa; }
.display-inline { display:inline-block; }
/* Layouts */
.button-wide { display:block; margin:0; width:100%; box-sizing:border-box; }

/* Form Submission Buttons */
.form-button { font-weight:bold; padding:10px 10px; margin:0 10px; background:#666; text-shadow:0px -1px 0 #333; border:1px solid #51658B; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#fff; cursor:pointer; }
.form-button { padding:10px 15px; margin:0px 20px 0 0; font-weight:bold; background:#EE7600; border:0; color:#fff; text-shadow:0px -1px 0 #226; border-radius:3px; cursor:pointer;  background:#e07812; background:-moz-linear-gradient(top, #f7a85b 0%,#e07812 100%); background:-webkit-linear-gradient(top, #f7a85b 0%,#e07812 100%); background:linear-gradient(top, #f7a85b 0%,#e07812 100%); }
.form-button:hover { background:#828DDB; }


.edit-button:link, .edit-button:visited { display:block; float:right; color:#999; }

.clear { clear:both; width:100%; }

.item-block { display:block; list-style:none; background:#fff; padding:10px; margin:0 0 20px; border:1px solid #ddd; border-radius:3px; box-shadow:0 2px 4px -4px rgba(0,0,0,0.5) }
.item-block .item-title { font-size:1.3em; margin:0 0 10px; }
.item-block .item-meta { float:right; }
.item-block .item-content { margin:0 0 10px; }
.item-block .item-utility { clear:both; color:#999 }
.item-block .item-utility .field { float:left; margin-right:10px; }


/* MODAL POPUPS */
/*.popup { visibility:hidden; opacity:0; position:fixed; background:#f5f5f5; left:50%; margin:30px 0 0 -250px; width:500px; top:10%; z-index:1000; border-radius:5px; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; transition:0.2s ease all; }
.popup.active { visibility:visible; opacity:1; margin-top:0; -moz-transition:0.5s cubic-bezier(0,.7,.3,1) all; -webkit-transition:0.5s cubic-bezier(0,.7,.3,1) all; transition:0.5s cubic-bezier(0,.7,.3,1) all; }
.popup-header { margin:20px; }
.popup-title{ margin:0 0 20px; }
.popup-content { font-size:1.0em; padding:20px; }
.popup-footer { padding:20px; }
.popup-background { visibility:hidden; opacity:0; background:#000; position:fixed; top:0; bottom:0; right:0; left:0; z-index:999; }
.popup-background.active { visibility:visible; opacity:0.7; -moz-transition:0.3s linear all; -webkit-transition:0.3s linear all; transition:0.3s linear all; }
*/

/* TOGGLES */
.modal-content { display:none; }
.modal-content-open { cursor:pointer; }
/*.toggle { display:none; }*/


/* VIDEO EMBEDS */
.video { margin:0 0 40px; overflow:hidden; position:relative; padding-bottom:56.25%; height:0; }
.video iframe, 
.video object, 
.video embed, 
.video video { position:absolute; top:0; left:0; width:100%; height:100%; }


/* --------------------------------------------------------------
MAIN LAYOUT AND STRUCTURE
-------------------------------------------------------------- */


/* COLUMNS */
.column { float:left; width:100%; margin-right:3%; }
.col2 { width:48.50%;  }
.col3 { width:31.33%; }
.col3x2 { width:65.67%; }
.col4 { width:22.75%; }
.col4x3 { width:74.25%; }
.col-last { margin-right:0; }
.row { float:left; width:100%; margin:0 0 30px; }
.half-left { float:left; width:48%; }
.half-right { float:right; width:48%; }


/* GENERAL LAYOUT ELEMENTS */
.outer { width:100%; overflow:hidden; overflow:clip; }
.container { width:95%; margin:0 auto; max-width:1300px; }
.clearfix { clear:both; width:100%; }


/* UPLOAD OVERLAY */
.dropzone-overlay { position:fixed; top:20px; bottom:20px; left:20px; right:20px; background:rgba(60, 60, 60, 0.8); opacity:0; visibility:hidden; transition:0.3s all; z-index:99999; }
.dropzone-overlay-content { position:absolute; top:50%; left:0; right:0; color:#fff; font-weight:bold; font-size:36px; text-align:center; height:50px; line-height:50px; margin:-25px 0 0; }
.dz-drag-hover .dropzone-overlay { opacity:1; visibility:visible; }


/* MAIN HEADER & LOGO */
.top-menu { float:left; padding:0 0; line-height:50px; height:50px; }
.top-menu .menu-item { color:#efb; text-transform:uppercase; font-weight:bold; font-size:0.9em; }
.top-menu .menu-item:hover { text-decoration:none; opacity:0.7; }


/* PUBLIC AREA */
.front { }
.front-header {}
.front-logo { display:block; margin:60px auto 40px; max-width:300px; }
.front-content {  }
.front-footer { margin:0 auto; width:400px; text-align:center; color:#888; text-shadow:0 -1px 0 #222; }
.front-field { margin:0 0 20px; }
.front-rememberme { float:right; font-size:1.2em; margin:5px 0 0; }
.front-rememberme input { float:left; margin:6px 0 0; }
.front-rememberme label { display:inline; padding:0; margin:0 0 0 10px; }

/* LOGIN PAGE */
.login { width:100%; min-height:100vh;  }
.login-wrapper { width:100%; padding:6% 20px 0; overflow:hidden; height:100%; box-sizing:border-box; }
.login-main { margin:0 auto 20px; max-width:400px; padding:50px; background:#fff; border-bottom:1px solid #eee; border-radius:10px; box-shadow:0 6px 0 -3px rgba(0,0,0,0.1); }
.login-image { display:block; width:234px; margin:0 auto 40px; }
.login-footer { color:#ccc; text-align:center; margin:40px 0 0; }


/* REGISTER PAGE */
.register { overflow:hidden; width:500px; margin:0 auto; margin:0 auto 20px; padding:20px; background:#f8f8f8; border-radius:5px; }


/* MAIN CONTENT */
.site-top { border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:10px; }
.site-top:after { display:block; clear:both; content:' '; height:0; width:100%; }
.site-main { padding:0; display:block; }

/* Site Heading */
.site-heading { position:fixed; left:0; top:0; padding:0 20px; height:60px; width:100%; box-sizing:border-box; z-index:999; background:#211f37; }
.site-heading-content { position:relative; width:100%; display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; height:100%; }
.site-header { display:none; background:#fff; padding:0; }

/* Site Logo */
.site-logo { padding:0; width:40px; flex-shrink:0; }
.site-logo-compact { padding:0; width:40px; flex-shrink:0; }
.site-logo a,
.site-logo img { display:block; width:100%; }
@media screen and (max-width:600px) {
	.site-logo { display:none; }
}

/* Site Tabs */
.site-tabs { position:fixed; padding:0; margin:0; overflow:hidden; top:60px; left:15px; width:180px; height:calc(100vh - 100px); }
.site-tabs-inner { position:absolute; overflow-y:scroll; right:-34px; top:0; left:0; bottom:0; }
.site-tabs-body { z-index:999; }
.site-tabs-body-sticky { position:fixed; width:100%; }
.site-tabs .site-tab { margin:0; list-style:none; display:block; }
.site-tabs .site-tab { display:block; position:relative; padding:0; margin:0; line-height:50px; min-width:50px; height:40px; color:#bbb; font-weight:500; text-align:left; }
.site-tabs .site-tab:hover { text-decoration:none; color:#ddd; }
.site-tabs .site-tab .tab-icon { display:block; position:absolute; font-weight:normal; font-family:'fontawesome'; top:0; left:0; margin:0; height:40px; width:40px; line-height:44px; font-size:20px; text-align:center; }
.site-tabs .site-tab .tab-title { display:block; font-size:14px; height:50px; line-height:40px; margin:0 0 0 44px; }
.site-tabs .site-tab-active .tab-title { color:#f90; }
.site-tabs .site-tab-active .tab-icon { color:#f90; }


/* NEW MENU */
.site-menu { position:fixed; padding:0; margin:0; overflow:hidden; top:60px; left:15px; width:190px; height:calc(100vh - 100px); }
/* Inner wrap hides scrollbar on overflow, but preserves mouse scroll */
.site-menu-inner { position:absolute; overflow-y:scroll; width:calc(100% + 34px); top:0; left:0; bottom:0; }
.site-menu-heading { display:none; position:relative; padding:0 0 20px; height:40px; } /* Only mobile */
.site-menu-logo { display:block;width:160px; margin:0; }
/* Menu Body */
.site-menu-body { z-index:999; width:190px; }
.site-menu-body-sticky { position:fixed; width:100%; }
.site-menu .site-menu-group { margin:0 0 15px; }
.site-menu .site-menu-group-heading { display:flex; margin:0 0 5px; flex-wrap:nowrap; justify-content:space-between; align-items:center; cursor:pointer; }
.site-menu .site-menu-group-name { font-weight: bold; text-transform:uppercase; font-size:0.9em; color:#777; line-height: 1; }
.site-menu .site-menu-group-toggle { opacity:0; font-family: 'fontawesome'; color:#777; font-size:0.8em; }
.site-menu .site-menu-group:hover .site-menu-group-toggle { opacity:1; }
.site-menu .site-menu-group-toggle:before { content:'\f068'; }
.site-menu .site-menu-group-body { margin:0; }
.site-menu .site-menu-item { display:block; position:relative; padding:0; margin:0; line-height:32px; min-width:40px; height:32px; color:#bbb; font-weight:500; text-align:left; overflow:hidden; transition:0.2s height; }
.site-menu .site-menu-item:hover { text-decoration:none; color:#ddd; }
.site-menu .site-menu-item-icon { display:block; position:absolute; font-weight:normal; font-family:'fontawesome'; top:0; left:0; margin:0; height:32px; width:25px; line-height:32px; font-size:18px; text-align:center; }
.site-menu .site-menu-item-title { display:block; font-size:14px; height:32px; line-height:32px; margin:0 0 0 36px; white-space: nowrap; text-overflow:ellipsis }
.site-menu .site-menu-item-active .site-menu-item-title { color:#f90; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.site-menu .site-menu-item-active .site-menu-item-icon { color:#f90; }
/* Open menu group */
.site-menu .site-menu-group-closed .site-menu-item { height:0; }
.site-menu .site-menu-group-closed .site-menu-group-toggle:before { content:'\f067'; }
@media only screen and (max-width:1300px){
	.site-menu { position:fixed; top:0; left:-250px; padding:0; width:250px; height:100%; background:#333; z-index:9999; opacity:1; visibility:visible; transition:0.2s all; box-sizing:border-box; }
	.site-menu-inner { padding:30px; width:100%; box-sizing: border-box; }
	.site-menu-inner::-webkit-scrollbar { display:none; }
	.site-menu-heading { display:flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
	.site-menu-body { padding:0; width:100%; box-sizing:border-box; }
	.site-menu .site-menu-item { flex-grow:1; margin:0; min-width:30px; }
	.site-menu .site-menu-group { margin:0 0 20px; }
	.site-menu .site-menu-group-toggle { opacity:1; }
	/* Close area */
	.site-menu-close { position:fixed; top:0; left:0; padding:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998; opacity:0; visibility:hidden; transition:0.2s all; }
	/* Open menu */
	.site-menu-open .site-menu { visibility:visible; opacity:1; left:0; }
	.site-menu-open .site-menu-close { visibility:visible; opacity:1; }
	body.site-menu-open { overflow:hidden; }

	/*.site-menu .site-menu-group-heading { padding:5px 0; }*/
	/*.site-menu .site-menu-group-name { font-size:1.1em; }*/
}


/* NEW MENU */
.site-menu2 { flex-grow:1; margin-left:30px; display:flex; flex-wrap:nowrap;  }
/* Inner wrap hides scrollbar on overflow, but preserves mouse scroll */
.site-menu2-inner {  }
.site-menu2-inner {  }
.site-menu2-heading { display:none; position:relative; padding:0 0 10px; height:40px; } /* Only mobile */
.site-menu2-logo { display:block; width:50px; margin:0; }
/* Menu Body */
.site-menu2-body { display:flex; flex-wrap:nowrap; gap:25px; align-items:stretch; max-width:600px; }
.site-menu2 .site-menu2-group { margin:0; position: relative; }
.site-menu2 .site-menu2-group-heading { display:flex; font-size:14px; flex-wrap:nowrap; justify-content:space-between; align-items:center; cursor:pointer; }
.site-menu2 .site-menu2-group-name { font-weight:bold; font-size:1em; color:#bbb; line-height:60px; white-space: nowrap; }
.site-menu2 .site-menu2-group-name-active { color:transparent; background:linear-gradient(to right, #00C4B4, #68e5b9); background-clip:text; opacity: 1; }
/*.site-menu2 .site-menu2-group-name:after { font-family: 'fontawesome'; display:inline-block; margin-left:5px; content:'\f107'; opacity:0.3; }*/
.site-menu2 .site-menu2-group:hover .site-menu2-group-toggle { opacity:1; }
.site-menu2 .site-menu2-group-body { position:absolute; display:flex; flex-direction:column; gap:10px; left:-25px; top:90%; visibility:hidden; opacity:0; margin:0; padding:20px 25px; background:#fff; border-radius:5px; min-width:250px; box-shadow:0 3px 5px 0 rgba(0,0,0,0.1); transition:0.2s linear opacity; }
.site-menu2 .site-menu2-group:hover .site-menu2-group-body { visibility:visible; opacity:1; }
.site-menu2 .site-menu2-item { display:block; position:relative; padding:0; margin:0; line-height:32px; min-width:40px; height:32px; color:#333; font-weight:normal; text-align:left; overflow:hidden; transition:0.2s height; }
.site-menu2 .site-menu2-item-upgrade:before { display:block; position:absolute; font-family:'fontawesome'; content:'\f0aa'; right:0px; top:50%; line-height:20px; width:20px; height:20px; margin:-10px 0 0; color:#2ac; font-weight:normal; text-align:center; }
.site-menu2 .site-menu2-item:hover { text-decoration:none; color:#555; }
.site-menu2 .site-menu2-item-icon { display:block; position:absolute; font-weight:normal; font-family:'fontawesome'; opacity:0.6; top:0; left:0; margin:0; height:32px; width:25px; line-height:32px; font-size:18px; text-align:center; }
.site-menu2 .site-menu2-item-title { display:block; font-size:14px; height:32px; line-height:32px; margin:0 0 0 36px; white-space:nowrap; text-overflow:ellipsis }
.site-menu2 .site-menu2-item-active .site-menu2-item-icon { color:transparent; background:linear-gradient(to right, #FFB241, #F84875); background-clip:text; opacity: 1; }
.site-menu2 .site-menu2-item-active .site-menu2-item-title { color:#ff9900; }
/* Open menu group */
.site-menu2 .site-menu2-group-closed .site-menu2-item { height:0; }
.site-menu2 .site-menu2-group-closed .site-menu2-group-toggle:before { content:'\f067'; }
@media screen and (max-width:1350px){
	.site-menu2-body { gap:12px; }
}
@media only screen and (max-width:1100px){
	.site-menu2 { position:fixed; top:0; left:-260px; margin:0; padding:0; width:250px; height:100%; background:#333; z-index:10000; opacity:1; visibility:visible; transition:0.2s all; box-sizing:border-box; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); }
	.site-menu2-inner { padding:30px; width:100%; box-sizing:border-box; position:absolute; overflow-y:scroll; top:0; left:0; bottom:0; }
	.site-menu2-inner::-webkit-scrollbar { display:none; }
	.site-menu2-heading { display:flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
	.site-menu2-body { flex-direction:column; padding:0; width:100%; box-sizing:border-box; }
	.site-menu2 .site-menu2-item { flex-grow:1; margin:0; min-width:30px; color:#bbb; }
	.site-menu2 .site-menu2-group { margin:0; }
	.site-menu2 .site-menu2-group-name { line-height:1; padding:10px 0; letter-spacing:1px; opacity:0.9; font-size: 14px }
	.site-menu2 .site-menu2-group-name:after { display:none; }
	.site-menu2 .site-menu2-group-body { position:static; visibility:visible; opacity:1; gap:0; padding:0; background:none; border-radius:0; min-width:0; box-shadow:none; transition:none; }
	.site-menu2 .site-menu2-group-toggle { opacity:1; }
	/* Close area */
	.site-menu2-close { position:fixed; top:0; left:0; padding:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:9998; opacity:0; visibility:hidden; transition:0.2s all; }
	/* Open menu */
	.site-menu-open .site-menu2 { visibility:visible; opacity:1; left:0; }
	.site-menu-open .site-menu2-close { visibility:visible; opacity:1; }
	body.site-menu-open { overflow:hidden; }

	/*.site-menu2 .site-menu2-group-heading { padding:5px 0; }*/
	/*.site-menu2 .site-menu2-group-name { font-size:1.1em; }*/
}



/* Site Body */
.site-body { position:relative; padding:0; margin:60px 20px 20px 20px; min-height:calc(100vh - 80px); background:var(--body-background); box-shadow:0 5px 10px 1px rgba(0,0,0,0.4); border-radius:5px; }
.site-title { padding:30px 0 0; margin:0; border-radius:5px 5px 0 0; background:rgba(255,255,255,0.6); border-bottom:1px solid #ddd; }
.site-title:after { content:' '; display:block; clear:both; width:100%; }
.site-subsections { padding:15px 0 0; margin:0; border-radius:5px 5px 0 0; background:rgba(255,255,255,0.6); border-bottom:1px solid #ddd; }
.site-subsections:after { content:' '; display:block; clear:both; width:100%; }
.site-content { margin:0 auto; padding:0; }
.site-content-wrap { padding:20px 0 0; }
.site-content.content-menu { overflow:hidden; }
.site-container { margin:0 auto; max-width:1300px; padding:0 40px; }
.site-container-wide { max-width:1600px; }
.site-container:after { display:block; clear:both; content:' '; width:100%; height:1px; }
.main-title { float:left; margin:0 0 30px; min-height:30px; }
.main-title-reference { float:left; display:inline-block; margin:0 0 0 10px; padding:0 15px; line-height:1.4; font-size:20px; background:#aaa; border-radius:20px; color:#fff; font-weight:bold; text-transform:uppercase; }
.main-title h1 { font-size:32px; font-weight:bold; color:#777; margin:12px 0 2px; line-height:1; }
.site-content-heading { margin:0 0 20px; display:flex; align-items:center; justify-content: space-between; }
/*.site-content-heading:after { content:' '; display:block; clear:both; width:100%; }*/
.site-content-title { flex-grow:0; flex-shrink:0; }
.site-content-title-title { font-size:28px; font-weight:bold; color:#777; line-height:1.2; }
.site-content-title-subtitle { font-size:16px; line-height:1.2; }
.site-content-title-back:before { display:inline-block; font-family:'fontawesome'; content:'\f060'; font-size:20px; font-weight:normal; color:#aaa; margin-right:10px; }
/* Title Tabs */
.site-content-tabs { display:flex; gap:30px; margin-left:50px; }
.site-content-tabs .site-content-tab { display:block; position: relative; flex-shrink:0; padding:0; line-height:50px; height:50px; overflow: hidden; font-size:1.1em; font-weight:bold; color:#888; letter-spacing:1px; }
.site-content-tabs::-webkit-scrollbar { display:none; }
.site-content-tabs .site-content-tab-active:before { position:absolute; content:' '; bottom:0; left:0; right:0; height:4px; border-radius:5px; background:linear-gradient(to right, #ea3ebd, #f4bc02); }
/* Title Toolbar */
.site-content-toolbar { display:flex; flex-grow:1; flex-shrink:1; justify-content:flex-end; align-items:center; gap:5px; }
.site-footer { overflow:hidden; padding:0px 0 20px; margin:0; color:#bbb; }
.site-footer-left { float:left; }
.site-footer-right { float:right; }
.site-footer a, .site-footer a:link, .site-footer a:visited{ color:#bbb; }
.site-footer:after { content:' '; display:block; clear:both; width:100%; }
@media screen and (max-width:1000px){
	.site-content-heading { flex-wrap:wrap; }
	.site-content-tabs { margin:20px 0 0 0; gap:20px; order:30; width:100%; overflow-x:auto; }
}
@media only screen and (max-width: 600px){
	.site-subsections { padding:15px 10px 0; }
	.site-content-heading { margin:0 10px 10px; }
}

/* Fullscreen mode */
.fullscreen .site-body { position:fixed; top:0; left:0; width:100%; height:100%; padding:30px; margin:0; border-radius:0; z-index:999; box-sizing:border-box; overflow-y:auto; }
.fullscreen .site-content-wrap { padding:0; }
.fullscreen .site-container { max-width:none; padding:0; }
.fullscreen .site-title { display:none; }
.fullscreen .site-footer { display:none; }
.fullscreen .site-subsections { display:none; }
.fullscreen .site-content-heading { display:none; }


/* SHORTCUTS GRID ON HEADER */
.shortcuts { display:flex; flex-wrap: wrap; gap:10px; justify-content:center; }
.shortcuts-button { text-align:center; padding:20px 0; box-sizing:border-box; width:138px; flex-grow:0; flex-shrink:0; line-height:20px; font-size: 1.1em; border-radius:3px; box-shadow: 0 0 0 1px #eee; }
@media screen and (max-width:600px) {
	.shortcuts-button { width:100px; font-size:1em; }
}

/* MOBILE MENU */
.mobile-menu { display:none; background:#245; position:relative; padding:5px 0; margin:0; }
.mobile-menu-logo { display:none; float:left; margin:5px 20px 0 10px; padding:0; width:150px; height:40px; background-size:contain; background-position:left; background-repeat:no-repeat; }
.mobile-menu-toggle { display:none; color:#fff; float:right; margin:0; padding:10px; height:26px; line-height:26px; width:26px; font-size:24px; }
.mobile-menu-toggle:before { font-family:'linearicons'; content:'\e871'; }
.mobile-menu-open.mobile-menu-toggle:before { content:'\e870'; }


/* Omnisearch */
.search { position:relative; padding:0; box-sizing:border-box; }
.search-close { display:none; }
.search-body { position:relative; }
.search-items { overflow:hidden; }
.search-item { position:relative; float:left; margin:10px; width:110px; height:110px; background:#ddd; background-position:center; background-size:cover; border-radius:3px; box-sizing:border-box; cursor:pointer; }
.search-item:before { content:' '; position:absolute; top:0; left:0; right:0; bottom:0; }
.search-item-selected:before { border:5px solid #6b2; box-shadow:inset 0 0 0 2px #fff; border-radius:3px; }
/* Search form */
.search-form { position:relative; }
.search-heading { position:relative; margin:0 0 20px; }
.search-input[type=text] { font-size:16px; padding:20px; margin:0; line-height:1; border-radius:5px; box-sizing:border-box; }
/*.search-input[type=text]::placeholder { color:#999; }*/
.search-input[type=text]:focus { outline:none; box-shadow:none; }
.search-submit { position:absolute; display:block; right:10px; top:50%; margin:-20px 0 0; font-size:20px; width:40px; height:40px; line-height:40px; background:none; border:none; color:#666; }
.search-submit:before { font-family:'fontawesome'; content:'\f002'; }
.search-loading .search-submit:before { font-family:'fontawesome'; content:'\f141'; animation:anim-fade-in-out 2s infinite; }
@keyframes anim-fade-in-out {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

@media screen and (max-width:815px) {
	.search-submit { font-size:18px; width:36px; height:36px; line-height:36px; }
}
/* Search Results */
.search-placeholder { padding:0 0 10px 0; box-sizing:border-box; font-size:0.8em; }
.search-results::-webkit-scrollbar { display:none; }
.search-results { position:relative; overflow:hidden; overflow-y:auto; max-height:calc(60vh); margin:0; }
.search-results .search-result { display:block; padding:12px 15px; border-radius:4px; transition:0.1s all; }
.search-results .search-result-selected { background:#f5f5f5; }
.search-results .search-result-placeholder { line-height:1.6; background:#f5f5f5; }
.search-result .search-result-body { }
.search-result .search-result-type { float:right; color:#7c3; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0 0 5px; }
.search-result .search-result-meta { font-size:10px; text-transform:uppercase; color:#999; font-weight:bold; margin:0 0 3px; }
.search-result .search-result-title { font-size:14px; font-weight:bold; margin:0 0 5px; }
.search-result .search-result-subtitle { font-size:0.8em;  }
.search-result .search-result-highlight { background:#fb5; color:#a50; padding:0 1px; border-radius:3px; }
@media screen and (max-width:600px){
	.search-results { max-height:none; overflow:visible; }
}


/* LAUNCHPAD */
.launchpad { position:fixed; top:0; left:0; padding:5%; width:100%; height:100%; background:#333; z-index:9999; opacity:0; visibility:hidden; transition:0.2s all; box-sizing:border-box; }
.launchpad-body { position:relative; margin:0 auto; max-width:1300px; padding:0 10px; box-sizing:border-box; height:100%; width:100%; transform:translateY(40px); transition:0.5s all; opacity:0; }
.launchpad-header { position:relative; padding:0 0 20px; height:40px; }
.launchpad-logo { float:left; width:160px; margin:5px 0 0; padding-right:20px; box-sizing:border-box; }
.launchpad-account { float:right; width:250px; }
/* Launchpad menu */
.launchpad-menu { position:relative; float:left; height:calc(90vh - 60px); width:100%; overflow:hidden; transition:0.3s all; }
.launchpad-menu .launchpad-menu-groups { position:relative; height:100%; display:flex; flex-direction:column; flex-wrap:wrap; align-items:flex-start; align-content:flex-start; justify-content:flex-start; overflow-y:hidden; }
.launchpad-menu .launchpad-menu-groups::-webkit-scrollbar { display:none; }
.launchpad-menu .launchpad-menu-group { display:block; position:relative; width:240px; max-width:240px; padding:0; margin:0 0 10px; color:#bbb; }
.launchpad-menu .launchpad-menu-group-link { display:block; color:inherit; }
.launchpad-menu .launchpad-menu-group-icon { display:block; font-family:'fontawesome'; opacity:0.5; position:absolute; font-weight:normal; top:0; left:0; margin:0; height:40px; width:24px; line-height:40px; font-size:20px; text-align:center; }
.launchpad-menu .launchpad-menu-group-title { display:block; font-size:16px; height:40px; line-height:40px; margin:0 0 0 40px; }
.launchpad-menu .launchpad-menu-group-children { margin:0 0 0 50px; }
.launchpad-menu .launchpad-menu-item { display:block; color:inherit; font-weight:400; font-size:14px; padding:10px 0; opacity:0.7; }
.launchpad-menu .site-tab:hover { text-decoration:none; color:#ddd; }
/* Open Button */
.launchpad-open { display:none; position:relative; float:left; height:42px; line-height:42px; width:42px; margin:0; color:rgba(255,255,255,0.5); padding:0; font-size:24px; cursor:pointer; box-sizing:border-box; text-align:center; }
.launchpad-open .launchpad-open-body { position:relative; margin:0 auto; padding:0; width:100%; height:100%; }
.launchpad-open .launchpad-open-body:before { font-family:'fontawesome'; content:'\f0c9'; }
.launchpad-open .launchpad-open-line { position:absolute; top:0; left:0; width:100%; height:2px; background:#ccc; border-radius:3px; }
.launchpad-open .launchpad-open-line-mid { top:50%; margin-top:-1px; }
.launchpad-open .launchpad-open-line-bottom { top:auto; bottom:0; }


/* Omnisearch */
.launchpad-search { position:relative; float:right; margin:0 auto 0; width:35%; padding:0; box-sizing:border-box; }
.launchpad-search-title { padding:20px; font-size:20px; height:70px; background:#f5f5f5; box-sizing:border-box; }
.launchpad-search-items { overflow:hidden; }
.launchpad-search-meta { padding:20px 10px; }
.launchpad-search-item { position:relative; float:left; margin:10px; width:110px; height:110px; background:#ddd; background-position:center; background-size:cover; border-radius:3px; box-sizing:border-box; cursor:pointer; }
.launchpad-search-item:before { content:' '; position:absolute; top:0; left:0; right:0; bottom:0; }
.launchpad-search-item-selected:before { border:5px solid #6b2; box-shadow:inset 0 0 0 2px #fff; border-radius:3px; }
/* Close Button */
.launchpad-close { float:right; margin:0 0 0; width:36px; height:36px; line-height:36px; z-index:999999; font-size:28px; color:#bbb; cursor:pointer; transition:0.3s all; text-align:center; }
.launchpad-close:before { font-family:'fontawesome'; content:'\f00d'; }
/* Search form */
.launchpad-search-form { position:relative; }
.launchpad-search-input[type=text] { height:40px; font-size:16px; padding:20px; margin:0 0 20px; line-height:1; border-radius:5px; background:rgba(255,255,255,0.05); color:#ccc; border:none; box-sizing:border-box; }
/*.launchpad-search-input[type=text]::placeholder { color:#999; }*/
.launchpad-search-input[type=text]:focus { outline:none; box-shadow:none; }
.launchpad-search-submit { position:absolute; display:block; right:10px; top:0; font-size:20px; width:40px; height:40px; line-height:40px; background:none; border:none; color:#999; }
.launchpad-search-submit:before { font-family:'linearicons'; content:'\e86f'; }
@media screen and (max-width:815px) {
	.launchpad-header { padding:0 0 10px; }
	.launchpad-search { float:none; width:auto; clear:both; }
	.launchpad-search-submit { font-size:18px; width:36px; height:36px; line-height:36px; }
	.launchpad-menu { float:none; width:auto; clear:both; }
	.launchpad-menu .launchpad-menu-groups { display:block; overflow-y:auto; }

}

/* Search Results */
.launchpad-search-placeholder { position:absolute; top:0; left:0; width:100%; opacity:0; visibility:hidden; margin:60px 0 0; transform:translateY(50px); transition:0.8s all; font-weight:300; font-size:40px; color:rgba(255,255,255,0.1); text-align:center; }
.launchpad-search-results::-webkit-scrollbar { display:none; }
.launchpad-search-results { position:relative; overflow:hidden; max-height:calc(100vh - 200px); overflow:hidden; transition:0.3s all; overflow-y:auto; opacity:0; visibility:hidden; margin:0; transform:translateY(50px); }
.launchpad-search-results .launchpad-search-result { display:block; padding:15px; margin:0 auto 10px; width:100%; max-width:900px; line-height:1; border-radius:3px; background:rgba(255,255,255,0.08); color:#aaa; transition:0.2s all; box-sizing:border-box; }
.launchpad-search-results .launchpad-search-result:hover { background:rgba(255,255,255,0.12); }
.launchpad-search-results .launchpad-search-result-placeholder { line-height:1.6; background:#f5f5f5; }
.launchpad-search-result .launchpad-search-result-body { margin-left:40px; }
.launchpad-search-result .launchpad-search-result-type { float:right; color:#7c3; font-size:12px; font-weight:bold; text-transform:uppercase; margin:0 0 5px; }
.launchpad-search-result .launchpad-search-result-title { font-size:14px; font-weight:bold; margin:0 0 5px; }
.launchpad-search-result .launchpad-search-result-subtitle {  }
.launchpad-search-result .launchpad-search-result-highlight { background:#fb5; color:#a50; padding:0 1px; border-radius:3px; }
/* Result type */
.launchpad-search-results .launchpad-search-result:before { font-family:'fontawesome'; float:left; color:#999; font-size:24px; width:30px; height:30px; line-height:30px; display:block; }
.launchpad-search-results .launchpad-search-result-deal:before { content:'\f0b1'; }
.launchpad-search-results .launchpad-search-result-contact:before { content:'\f007'; }
.launchpad-search-results .launchpad-search-result-property:before { content:'\f015'; }
.launchpad-search-results .launchpad-search-result-project:before { content:'\f542'; }
.launchpad-search-results .launchpad-search-result-page:before { content:'\f108'; }
/* Open launchpad */
.launchpad-active .launchpad { opacity:1; visibility:visible; }
.launchpad-active .launchpad-body { opacity:1; transform:none; visibility:visible; }
/* Searching state */
.launchpad-searched .launchpad-search-placeholder,
.launchpad-searching .launchpad-search-results { opacity:0; visibility:hidden; transform:translateY(50px); }
.launchpad-searched .launchpad-search-results,
.launchpad-searching .launchpad-search-placeholder { opacity:1; visibility:visible; transform:none; }
@media screen and (max-width:900px){
	.launchpad-searching .launchpad-menu,
	.launchpad-searched .launchpad-menu { opacity:0; visibility:hidden; transform:translateY(50px); }
}


/* BREADCRUMBS */
.breadcrumb { margin:0; }
.breadcrumb .breadcrumb-link,
.breadcrumb .breadcrumb-link:visited { display:inline-block; font-size:13px; margin-right:10px; color:var(--title-color); }
.breadcrumb .breadcrumb-link:before { content:'/'; color:#ccc; margin-right:10px; }
.breadcrumb .breadcrumb-link:first-child:before { display:none; }


/* CONTENT AND SIDEBAR */
.content { margin-right:350px; overflow:hidden; }
.sidebar { float:right; width:320px; }
.sidebar.sidebar-left { float:left; }
.sidebar.sidebar-left + .content { margin:0 0 0 350px; }


/* CONTENT AND SIDEBAR */
.layout { display:flex; flex-wrap:wrap; gap:30px; max-width:100%; }
.layout-half { flex-grow:0; flex-shrink:0; width:50%; }
.layout-content { flex-grow:1; flex-shrink:1; width:100px; }
.layout-sidebar { flex-grow:0; flex-shrink:0; width:380px; }
/* Summary of counters in homepage */
.layout-summary { display:flex; flex-wrap:wrap; gap:30px; margin:0 0 30px; max-width:100%; flex-grow:0; flex-shrink:0; width:100%; }
.layout-summary .block { flex-grow:1; flex-shrink:1; width:300px; min-width:300px;  max-width:100%; margin:0; }

.layout-meta { flex-grow:0; flex-shrink:0; width:320px; }
.sublayout { display:flex; flex-wrap:wrap; gap:30px; max-width:100%; }
.sublayout-content { flex-grow:1; flex-shrink:1; width:550px; }
.sublayout-sidebar { flex-grow:0; flex-shrink:0; width:380px; }
/* Collapse subcontent and utility */
@media screen and (max-width:1700px){
	.sublayout { flex-direction:column; gap:0; }
	.sublayout-content { width:100%; }
	.sublayout-sidebar { width:100%; }
}
@media screen and (max-width:1300px){
	.layout { gap:15px; }
	.layout-sidebar { width:320px; }
}
@media screen and (max-width:1000px){
	.layout { display:block; gap:0; flex-direction:column;  }
	.layout-content { width:100%; min-width:0; }
	.layout-sidebar { width:auto; max-width:100%; }
}


/* BLOCKS */
.content-block { margin:0 0 30px; background:var(--content-block-background); border:1px solid rgba(0,0,0,0.1); border-width:0 0 0 0; border-radius:3px; box-shadow:0 2px 2px 0px rgba(0,0,0,0.1); }
.content-block-body { padding:20px; }
.content-block-body:after { display:block; clear:both; content:' '; height:0; width:100%; }
.content-block-body > .field:last-child { margin-bottom:0; }
.content-block-field-separator { font-size:14px; font-weight:bold; margin:25px 0 10px; }
.content-block-field-separator:first-child { margin-top:0; }
/* TITLES */
.content-block .block-title { padding:20px; font-size:16px; margin:0; font-weight:400; color:#999; letter-spacing:2px; }
.content-block .block-title-large { font-size:32px; }
/* NEW TITLES */
.content-block-heading { padding:20px; line-height:1.2; }
.content-block-heading .content-block-heading-title { font-size:16px; margin:0; font-weight:400; color:#999; letter-spacing:2px; }
.content-block-heading .content-block-heading-subtitle { font-size:14px; margin:0; font-weight:400; color:#999; }

/* Block tabs */
.content-block-tabs { clear:both; overflow:hidden; }
.content-block-tabs .content-block-tab { display:block; position:relative; float:left; margin:0 30px 0 0; padding:0 0 15px; background:none; border-radius:0; color:#777; cursor:pointer; }
/*.content-block-tabs .content-block-tab { display:block; position:relative; float:left; margin:0 40px 0 0; padding:0 0 15px; background:none; border:none; border-width:0 0 5px; border-bottom:5px solid transparent; border-radius:0; color:#777; cursor:pointer; }*/
.content-block-tabs .content-block-tab:last-child { margin-right:0; }
.content-block-tabs .content-block-tab:hover { color:#888; }
.content-block-tabs .content-block-tab-title { font-size:1.1em; font-weight:bold; }
.content-block-tabs .content-block-tab-subtitle { display:none; font-size:0.9em; opacity:0.7; text-transform:none; font-weight:normal; }
/*.content-block-tabs .content-block-tab-active { border-bottom:5px solid #f90; background:none; color:#777; padding-bottom:11px; cursor:default; }*/
.content-block-tabs .content-block-tab-active:before { display:block; position:absolute; content:' '; height:5px; left:0; width:100%; border-radius:10px; bottom:0; background:linear-gradient(to right, #00C4B4, #68e5b9); }
.content-block-tabs + .content-block { margin-top:-1px; }



/* NEW LAYOUT BLOCKS */
.block { margin:0 0 30px; position:relative; background:#fff; border:none; border-radius:3px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); }
.block-heading { display:flex; justify-content:space-between; align-items:center; padding:20px; font-size:16px; margin:0; font-weight:400; color:#999; letter-spacing:2px; cursor:pointer; }
.block-heading .block-title-title:after { font-family:'fontawesome'; content:' \f0d7'; }
.block-status-open .block-heading .block-title-title:after { display:none; content:' \f0d8'; }
.block-status-open .block-heading:hover .block-title-title:after { display:inline; }
.block-content { display:none; padding:10px 20px 20px; }
.block-layout-thin .block-content { padding:0; }
.block-content:after { display:block; clear:both; content:' '; height:0; width:100%; }
.block-content > .field:last-child { margin-bottom:0; }
/* Separators */
.block-separator { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; width:100%; margin:30px 0 20px; }
.block-separator:first-child { margin-top:0; }
.block-separator-title { font-size:16px; color:#999; }
.block-separator-content { }
.block-status-open .block-content { display:block; }
/*.block-field-separator { font-size:14px; font-weight:bold; margin:25px 0 10px; }*/
/*.block-field-separator:first-child { margin-top:0; }*/
/*.block-separator { font-weight:bold; text-transform:uppercase; font-size:12px; margin:10px 0 20px; }*/
/*.block-separator:first-child { margin-top:0; }*/
/* Animate loading blocks */
.block:before { content:' '; opacity:0; position:absolute; top:0; left:0; width:100%; height:4px; background:#ddd; transition:0.3s all; animation:block-loading-bar 0.8s cubic-bezier(.7,0,.3,1) infinite; }
.component-loading .block:before { opacity:1; }
.component-loading .block { opacity:0.5; pointer-events: none; }
@keyframes block-loading-bar {
	0% { left:0; width:0; }
	50% { left:0; width:100%; }
	100% { left:100%; width:0; }
}
@media only screen and (max-width:1300px){
	.block { margin:0 0 15px; }
	.block-heading { padding:15px; }
	.block-content { padding:5px 15px 15px; }
}
@media only screen and (max-width: 600px){
	/*.block { margin:0 0 2px; border-radius:0; }*/
	.block-heading { font-size:14px; padding:15px; }
	.block-content { display:none; }
}


.grid { display:flex; flex-wrap: wrap; gap:30px; margin:0 0 40px; }
.grid-block { width:calc(25% - 23px); flex-shrink:0; flex-grow: 0; box-sizing: border-box; }
@media only screen and (max-width:1400px){
	.grid-block { width:calc(33.3333% - 20px); }
}
@media only screen and (max-width: 900px){
	.grid-block { width:calc(50% - 15px); }
}
@media only screen and (max-width: 700px){
	.grid-block { width:100%; }
}

/* Email and phone links */
.link-email, .link-phone { display:block; max-width:170px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.link-email:before { display:inline-block; margin-right:6px; color:#999; content:'\f0e0'; font-family:'fontawesome'; }
.link-phone:before { display:inline-block; margin-right:6px; color:#999; content:'\f095'; font-family:'fontawesome'; }


/* Block tooltip */
.block-tooltip { position:relative; cursor:help; }
/*.block-tooltip:before { display:block; position:absolute; margin:0; font-family:'fontawesome'; content:'\f059'; padding:0; font-size:18px; width:20px; height:20px; line-height:20px; top:0; left:0; text-align:center; color:#ddd; }*/
.block-tooltip .block-tooltip-content { display:block; line-height:1.5; font-size:14px; font-family:'Open Sans', Arial, sans serif; position:absolute; margin:10px 0 0; visibility:hidden; opacity:0; padding:20px; font-size:14px; width:370px; top:100%; right:0; background:rgba(30,30,30,0.8); color:#fff; transition:0.3s all; border-radius:5px; transition-delay:0.4s; z-index:99999; }
.block-tooltip:hover .block-tooltip-content { margin:0; visibility:visible; opacity:1; }


.field { margin:0 0 15px; }
.field .field-title { float:left; width:120px; color:#999; margin:0; font-size:1em; text-align:left; white-space:nowrap; overflow:hidden; }
.field .field-content { margin:0 0 0 130px; }
.field.field-notitle {  }
.field.field-notitle .field-content { margin:0 0 10px; min-height:24px; }
.field:last-child .field-content { margin-bottom:0; }
.field .field-description { font-size:0.9em; margin:5px 0 0; display:block; }
.field .field-content .readonly { display:block; padding:4px 0 0; }
.field .field-error { color:#f55; font-size:0.9em; margin:5px 0 0; }
.field .field-error:before { display:inline-block; float:left; content:'\f057'; font-family:'fontawesome'; margin-right:5px; }
.field .field-error p { margin:0; }
/* Ample fields */
.field-ample .field-title { width:160px; }
.field-ample .field-content { margin:0 0 0 170px; }
/* Ample fields */
.field-vertical .field-title { float:none; width:auto; margin:0; }
.field-vertical .field-title label { padding:0; }
.field-vertical .field-content { margin:0; }


.property-content { font-size:16px; padding:0; max-width:900px; margin:0; box-sizing:border-box; }


.focus-box { position:relative; background:#eee; border-bottom:1px solid #ccc; padding:1px 20px 20px; margin:0 0 30px; }

.toggle-lines { display:block; float:left; height:24px; line-height:24px; padding:0 10px; font-size:13px; content:'\f054'; background:#aaa; color:#fff; border-radius:50px; display:block; margin:0 20px 0 0; text-align:center; cursor:pointer; }
.toggle-lines:hover { background:#ccc; color:#fff; }
.toggle-lines:after { content:'+ Expandir'; }
.toggle-lines-open:after { content:'- Contraer'; }

.toggle-columns { opacity:0.5; }
.toggle-columns-active { opacity:1; }


/* FEEDBACK POPUP*/
.icon-feature { display:block; position:relative; margin:0 0 15px; line-height:1.2; padding:0; }
.icon-feature-title { display:block; position:relative; padding:0 0 0 20px; margin:0 0 10px; }
.icon-feature-subtitle { font-size:12px; }
.icon-feature-children { margin:15px 0 15px 20px; }
.icon-feature-title:before { display:block; position:absolute; left:0; top:50%; margin:-10px 0 0; line-height:20px; height:20px; font-size:16px; content:'\e81d'; color:#aaa; font-family:'linearicons'; }


/* FEATURED BOXES */
.featured-box { display:block; padding:50px 30px; text-align:center; color:inherit; }
.featured-box-title { margin:0 0 10px; font-size:20px; color:#666; }
.featured-box-content { color:#999; }

/* NAVIGATION MENUS */
.menu-selector-wrap { background:#f5f5f5; border-right:1px solid #eee; }
.menu-selector { border-top:1px solid #eee; }
.menu-selector-list { overflow:auto; padding:20px; max-height:500px; }
.menu-selector-item { position:relative; cursor:pointer; border-bottom:1px solid #eee; padding:8px 20px; margin:0; font-size:12px; }
.menu-selector-item:hover { background:#fafafa; }
.nav-page-add { float:right; opacity:0; }
.menu-selector-item:hover .nav-page-add { opacity:1; }
.nav-page-title { font-weight:bold; }
.nav-page-subtitle { text-transform:uppercase; opacity:0.6; font-size:10px; }
/* Custom Links */
.nav-custom { padding:12px 20px; border-top:1px solid #eee; font-size:14px; }
.nav-custom-add:before { content:'\f0c1'; font-family:'fontawesome'; margin-right:6px; color:#999; }

/* NAVIGATION MENUS UI */
.menu-item-list { padding:0; }
.menu-item { position:relative; padding:15px; margin:0 0 15px; background:#fff; border:1px solid #ddd; border-width:1px 1px 1px 5px; cursor:move; transition:0.2s transform; box-shadow:0 4px 4px -4px #ddd; }
.menu-item:last-child { margin:0; }
.menu-item-drag-helper { position:absolute;padding:10px; width:200px; margin:0; height:40px !important; line-height:30px; color:#ccc; font-size:24px; font-weight:bold; background:#fff; border:1px solid #eee; box-shadow:0 4px 4px -4px #ddd; }
.menu-item-drag-placeholder { margin:10px; height:15px; border:2px dashed #7c3; }
.menu-item:last-child { border-bottom:1px solid #eee; }
.menu-item.ui-sortable-helper { transform:scale(1.00); box-shadow:0 6px 10px -5px rgba(0,0,0,0.3); border:1px solid #eee; }
.menu-item-body { position:relative; padding:0px; }
.menu-item .menu-item-title { font-weight:bold; max-width:400px; padding:0; font-size:16px; margin:0 0 0; }
.menu-item .menu-item-subtitle { color:#999; }
.menu-item .menu-item-url { max-width:400px; padding:0; font-size:14px; margin:0; }
.menu-item .menu-item-fields { display:none; cursor:default; }
.menu-item .menu-item-children { padding:10px 0 0; min-height:40px; box-sizing:border-box; transition:0.2s all; }
.menu-items-sorting .menu-item-children { border:2px dashed #eee; }
.menu-item-children .menu-item-children .menu-item-children { display:none; } /*No more than 3 levels*/
/* Toggle */
.menu-item .menu-item-toggle { font-weight:400; font-size:0.8em; }
.menu-item .menu-item-toggle-expand { display:none; }
.menu-item-collapsed .menu-item-toggle-collapse { display:none; }
.menu-item-collapsed .menu-item-toggle-expand { display:inline; }
.menu-item-collapsed .menu-item-children { display:none; }
/* Editing */
.menu-item-editing > .menu-item-body > .menu-item-fields { display:block; }
.menu-item-editing > .menu-item-body > .menu-item-details { display:none; }
/* Actions */
.menu-item-actions { float:right; padding:10px 0 0 10px; opacity:0; transition:0.2s all; }
.menu-item-action { float:right; text-align:center; padding:0; margin:10px 0 0 5px; background:#ccc; color:#fff; width:32px; height:26px; line-height:26px; font-size:14px; cursor:pointer; border-radius:10px; }
.menu-item-top .menu-item-outdent,
.menu-item-bottom .menu-item-indent { opacity:0.3; }
.menu-item:hover .menu-item-actions,
.menu-item-open .menu-item-actions { opacity:1; }


/* WEBSITE PREVIEW */
.website-preview { padding:20px; }
.website-preview + .website-preview { border-top:1px solid #eee; }
.website-preview-image { display:block; width:100px; height:60px; border-radius:4px; background:#eeeef8; }
.website-preview-image:before { content:'\e83d'; font-family:'linearicons'; display:block; color:rgba(0,0,0,0.08); text-align:center; font-size:30px; line-height:60px; height:60px; width:100%; }
.website-preview-image img { display:block; width:100%; border-radius:3px; }
.website-preview-languages { float:right; }
.website-preview-language { display:inline-block; width:24px; margin-right:5px; }
.website-preview-body { margin-left:170px;   }
.website-preview-title { font-weight:bold; margin:0 0 5px; }
.website-preview-meta { float:right; }
.website-preview-field { overflow:hidden; float:left; margin:10px 15px 10px 0; }
.website-preview-field:last-child { margin-right:0; }


.website-setup-palettes { overflow:hidden; max-height:270px; overflow-y:auto; border:1px solid #eee; padding:15px; }
.website-setup-palette { float:left; width:22%; margin:0 3% 20px 0; overflow:hidden; border-radius:5px; cursor:pointer; }
.website-setup-palette:nth-child(4n) { margin-right:0; }
.website-setup-palette-color { float:left; width:20%; height:50px; }


.style-guide { box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); border-radius:5px; overflow:hidden; }
.style-guide-heading { padding:30px 50px; background:#fff; color:#666; line-height:1.2; }
.style-guide-title { font-size:2em; line-height:1.2; text-transform:uppercase; font-weight:bold; }
.style-guide-subtitle { font-size:1.3em; margin:0 0 15px; }
.style-guide-button,
.style-guide-button2 { display:inline-block; border-radius:4px; padding:10px 15px; background:#666; color:#fff; font-weight:bold; text-transform:uppercase; }
.style-guide-paragraph { margin:0 0 20px; }
.style-guide-callout { padding:30px 50px; background:#666; color:#fff; }
.style-guide-section { padding:30px 50px; background:#fff; color:#666; }
.style-guide-footer { padding:30px 50px; background:#666; color:#fff; }
.style-guide-white { color:#fff; }
.style-guide-bg-gray { background:#eee; }
.style-guide div:last-child { margin-bottom:0; }

.body-section-website_setup .style-guide { position:fixed; overflow-x:hidden; overflow-y:auto; top:30px; right:30px; width:500px; z-index:99; box-sizing:border-box; max-height:90vh;}


.box { margin:0 0 30px; padding:20px; background:#eee; border:2px solid #ccc; }
.box .box-close {}
.box .box-body {}
.box .box-title {}
.box .box-content {}


/* --------------------------------------------------------------
SPECIFIC LAYOUT ELEMENTS
-------------------------------------------------------------- */

/* UTILITY BAR */
.utility { z-index:9999; box-sizing:border-box; display:flex; flex-wrap:nowrap; }
.utility-item { display:block; position:relative; width:auto; height:42px; padding:0 5px; border-radius:3px; }
.utility-item-launchpad { display:none; }
.utility-item .utility-popup:before { position:absolute; content:' '; right:18px; bottom:100%; height:0; width:0; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; }
.utility-item:hover .utility-item-tooltip { opacity:1; visibility:visible; }
.utility-open .utility-item-tooltip { display:none; }
/* User Button */
.utility .utility-user-name { display:flex; align-items:center; flex-wrap:nowrap; padding:0; color:#bbb; font-weight:bold; margin:0 auto; height:40px; width:40px; width:auto; opacity:1; line-height:1.1; white-space:nowrap; }
.utility .utility-user-text { color:#666; line-height:40px; }
.utility .utility-user-image-wrapper { display:block; position:relative; flex-shrink:0; flex-grow:0; float:left; margin:0 10px 0 0; width:45px; height:28px; }
.utility .utility-user-image { position:absolute; z-index:99; left:0; top:0; display:block; width:28px; height:28px; line-height:0; border-radius:40px; background:rgba(255,255,255,0.9); }
.utility .utility-user-image-first { border:2px solid #333; margin:-2px 0 0 -2px; }
.utility .utility-user-image-second { left:15px; z-index:98; }
.utility .utility-user-image .avatar { border:none; }
.utility .utility-user-body { text-align:left; max-width:145px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.utility .utility-user-shift { position:absolute; z-index:101; right:-5px; bottom:-5px; display:block; width:12px; height:12px; line-height:0; border:2px solid #333; border-radius:40px; background:#f90; }
.utility .utility-user-shift-1 { background:#6d3; }
.utility .utility-user-shift-2 { background:#2ac; }
/* Utility Popup Box */
.utility .utility-popup { pointer-events:none; opacity:0; visibility:hidden; padding:0; position:absolute; margin:0 0 30px; width:500px; right:-5px; top:100%; color:#666; background:#fff; border-radius:2px; border:1px solid #ddd; z-index:9999; transition:0.3s all; }
/*.utility-item-search .utility-popup,*/
/*.utility-item-notifications .utility-popup { width:500px; }*/
/*.utility-item-search { display:none; }*/
.utility .utility-popup:before { position:absolute; content:' '; right:18px; bottom:100%; height:0; width:0; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; }
.utility-open .utility-popup { opacity:1; visibility:visible; pointer-events:auto; margin:0 0 10px; }
.utility-list-item { display:block; border-top:1px solid #eee; padding:10px 20px; }
.utility-details { }
.utility .utility-details-title { margin:0 0 2px; color:#555; }
.utility .utility-details-byline { margin:0 0 15px; }
.utility .utility-details-image { display:block; float:left; margin:0 10px 0 0; width:60px; border-radius:40px; height:auto; }
.utility .utility-options { line-height:1.5; }
.utility .utility-option { display:block; margin:0 0 10px; }
/* utility LINKS */
.utility-link { display:block; position:relative; text-align:center; height:44px; line-height:44px; margin:0 auto; cursor:pointer; }
.utility .utility-link { width:100%; float:none; color:#bbb; display:flex; }
.utility-link:hover { opacity:1; }
.utility-link-body { display:none; }
.utility-link:before { font-family:'fontawesome'; width:30px; font-size:20px; color:rgba(255,255,255,0.5); display:inline-block; margin:0; text-align:center; }
.utility-open .utility-link:before { color:#fff; }
.utility-link-notifications:before { content:'\f0f3'; }
.utility-link-support:before { content:'\f1cd'; }
.utility-link-create { width:40px; }
.utility-link-create:before { content:'\f067'; }
.utility-link-timer:before { content:'\f2f2'; }
.utility-link-shift:before { content:'\f111'; }
.utility-link-search:before { content:'\f002'; }
.utility-link-help:before { content:'\f059'; }
.utility-link-refresh:before { content:'\f2f1'; }
.utility-item-account { width:190px; }
/* Special layouts */
.utility-item-timer-active { background:#f66; color:#fff; }
.utility-item-timer-active .utility-link { color:#fff; }
.utility-item-timer-active .utility-link:before { content:'\f04d'; }
/* Special layouts */
.utility-item-shift-1 .utility-link:before { color:#f90; }
.utility-item-shift-2 .utility-link:before { color:#2ac; }

@media screen and (max-width:1350px){
	.utility-item-account { width:42px; }
	.utility .utility-user-body { display:none; }
}
@media screen and (max-width:1100px){
	.utility .utility-item-launchpad { display:block; }
}
/* Mobile */
@media screen and (max-width:600px){
	/*.utility-item-search { display:block; }*/
	.utility-item-account { width:45px; }
	.utility .utility-user-body { display:none; }
	.utility-link-create:before { width:40px; height:40px; font-size: 14px; line-height:40px; background:rgba(255,255,255,0.5); color:#333; border-radius:10px; text-align:center; }
}

/* NOTIFICATIONS */
.notifications { max-height:400px; height:400px; overflow-y:auto; }
.notifications-full { max-height:none; height:auto; }
.notifications .notification { color:inherit; }
.notification { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; border-bottom:1px solid #eee; background:#fff; padding:15px 15px; line-height:1; }
.notification-read { opacity:0.5; background:#f3f3f3; }
.notification-icon { width:40px; flex:0 0 40px; }
.notification-icon img { display:block; width:100%; }
.notification-body { margin-left:20px; flex-grow:1; }
.notification-title { margin:0 0 5px;}
.notification-title .activity-title-user { font-weight:bold; }
.notification-title .activity-title-item { background:#eee; border-radius:2px; padding:0 5px; }
.notification-title .activity-title-value { background:#eee; border-radius:2px; padding:0 5px; }
.notification-date { color:#999; font-size:0.9em; }
.notification-counter { position:absolute; color:#fff; font-size:10px; background:#f44; padding:0; margin:0 0; right:0; top:5px; border-radius:30px; text-align:center; width:10px; height:10px; line-height:10px; font-weight:bold; }


/* BLANK SLATES */
/*.blank-slate { margin:0; width:800px; max-width:100%; padding:100px 0; }*/
/*.blank-slate-image { display:block; float:left; width:170px; }*/
/*.blank-slate-icon { display:block; float:left; width:170px; background:linear-gradient(to right, #ea3ebd, #f4bc02); -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent;  font-size:120px; text-align:center; line-height:1.2; font-family:'fontawesome'; font-weight:normal; }*/
/*.blank-slate-body { margin-left:200px; }*/
/*.blank-slate-noimage .blank-slate-body { margin-left:0; }*/
/*.blank-slate-title { margin:0 0 10px; line-height:1.2; font-size:32px; color:#555; font-weight:300; }*/
/*.blank-slate-content { font-size:18px; color:#999; font-weight:300; }*/
/*@media only screen and (max-width: 765px){*/
/*	.blank-slate { padding:50px 30px; }*/
/*	.blank-slate-image { float:none; width:auto; margin:0 0 30px; }*/
/*	.blank-slate-icon { float:none; width:auto; font-size:100px; margin:0 0 30px; }*/
/*	.blank-slate-body { margin-left:0; }*/
/*	.blank-slate-title { font-size:24px;}*/
/*	.blank-slate-content { font-size:16px; }*/
/*}*/

.blank-slate-wrap:after { clear:both; padding:0; }
.blank-slate { display:flex; margin:0 auto; width:800px; max-width:90%; padding:5% 0; box-sizing: border-box; }
.blank-slate-icon { display:block; color: #d7dde5; font-size:60px; line-height: 1; margin:0 0 20px; font-weight:normal; }
.blank-slate-body { flex-grow:1; }
.blank-slate-noimage .blank-slate-body { margin-left:0; }
.blank-slate-title { margin:0 0 10px; line-height:1.2; font-weight:700; font-size:1.3em; }
.blank-slate-content { }
.blank-slate-link { margin:20px 0 0; }
/* Layout */
.blank-slate-layout-vertical { text-align:center; flex-direction:column; }
.blank-slate-layout-horizontal { text-align:left; flex-direction:row; align-items:center; }
.blank-slate-layout-horizontal .blank-slate-icon { height:100px; text-align:center; width:100px; line-height:100px; margin:0 30px 0 0; }
@media only screen and (max-width: 765px){
	.blank-slate-layout-horizontal { text-align:center; flex-direction:column; align-items:center; }
	.blank-slate-layout-horizontal .blank-slate-icon { height:auto; width:auto; line-height:1; margin:0 0 20px; }
}
/* Size: small, normal, large */
.blank-slate-size-small { padding:3% 0; }
.blank-slate-size-large { font-size:1.3em; }
.blank-slate-size-large .blank-slate-icon { font-size:1.3em; }


.upsell-splash-wrap:after { clear:both; padding:0; }
.upsell-splash { display:flex; text-align:left; gap:40px; flex-direction:row; align-items:center; margin:0 auto; width:1000px; max-width:90%; padding:5% 0; box-sizing: border-box; }
.upsell-splash-image { display:block; width:47%; max-width:100%; }
.upsell-splash-body { flex-grow:1; }
.upsell-splash-noimage .upsell-splash-body { margin-left:0; }
.upsell-splash-title { margin:0 0 10px; line-height:1.2; font-weight:700; font-size:1.3em; }
.upsell-splash-content { }
.upsell-splash-bullets { margin:20px 0 0; }
.upsell-splash-bullet { position:relative; display:flex; align-items:center; margin:0 0 18px; }
.upsell-splash-bullet:before { content:'\f00c'; flex-grow:0; flex-shrink:0; font-family:'fontawesome'; margin:0 15px 0 0; width:26px; height:26px; font-size:12px; color:#fff; background:#7c3; border-radius:16px; text-align:center; line-height:28px;  }
.upsell-splash-link { margin:20px 0 0; }
@media only screen and (max-width: 765px){
	.upsell-splash { flex-direction:column; align-items:center; }
	.upsell-splash-image { width:100%; }
}


/* WEBSITE SETUP TEMPLATES */
.setup-templates {  }
.setup-template { float:left; width:25%; margin:0; padding:20px; border-radius:3px; box-sizing:border-box; cursor:pointer; }
.setup-template:nth-child(4n + 1) { clear:both; }
.setup-template-image { display:block; margin:0 0 10px; padding:75% 0 0; height:0; background-size:cover; background-repeat:no-repeat; border-radius:4px; width:100%; box-shadow:0 0 4px 0 rgba(0,0,0,0.2); }
.setup-template-title { font-size:1.1em; font-weight:bold; }
.setup-template-subtitle {}
/* Active */
.setup-template-active { box-shadow:inset 0 0 0 3px #7c3; }


/* DASHBOARD SETUP TEMPLATES */
.setup-dashboards { display:flex; justify-content:flex-start; flex-wrap:wrap; }
.setup-dashboards-footer { padding:20px 0 0; }
.setup-dashboard { flex-grow:0; flex-shrink:0; width:25%; margin:0; padding:20px; border-radius:3px; box-sizing:border-box; cursor:pointer; }
/*.setup-dashboard:nth-child(4n + 1) { clear:both; }*/
.setup-dashboard-body { display:block; position:relative; background:#f0f3f9; overflow:hidden; overflow-y:auto; margin:0 0 10px; height:250px; padding:20px; box-sizing:border-box; background-size:cover; background-repeat:no-repeat; border-radius:4px; width:100%; box-shadow:0 0 4px 0 rgba(0,0,0,0.2); }
.setup-dashboard-title { font-weight:bold; line-height:1.2; }
.setup-dashboard-subtitle { font-size:0.8em; line-height:1.4; height:35px; overflow:hidden; }
.setup-dashboard-preview-column { float:left; width:48%; margin-right:4%; min-height:100px; }
.setup-dashboard-preview-columns-3 .setup-dashboard-preview-column { width:30.6666667%; }
.setup-dashboard-preview-columns-4 .setup-dashboard-preview-column { width:22%; }
.setup-dashboard-preview-column:last-child { margin-right:0; }
/* Widgets */
.setup-dashboard-widget-body { margin:0 0 14px; background:#fff; border-radius:5px; overflow:hidden; box-shadow:0 4px 10px 0 rgba(0,0,0,0.1); }
.setup-dashboard-widget-title { padding:8px 10px; line-height:1; font-size:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
.setup-dashboard-widget-image { display:block; width:100%; }
/* Active */
.setup-dashboard-active { box-shadow:inset 0 0 0 3px #7c3; }
@media only screen and (max-width: 800px){
	.setup-dashboard { width:100%; }
}


/* CONTACTS */
.contacts { }
.contacts .contact { padding:0 0 10px; }
.contacts .contact .contact-field { vertical-align:middle; }
.contacts .contact .contact-tags { max-width:120px; }
.contacts .contact .contact-check { margin:0 10px 0 0; width:15px; }
.contacts .contact .contact-image { width:60px; }
.contacts .contact .contact-image img { display:block; float:left; line-height:0; margin:0; border-radius:3px; width:40px; }
.contacts .contact .contact-title { margin:0; }
.contacts .contact .contact-details { display:block; }
.contacts .contact .contact-details .icon { color:#999; }


/* CONTACT PREVIEW */
.preview { overflow:hidden; margin:0 0 20px; }
.preview:last-child { margin-bottom:0; }
.preview-image { float:left; width:60px; height:60px; border-radius:500px; margin:0 0 0; }
.preview-image img { display:block; width:100%; }
.preview-image-round img { border-radius:100px; }
.preview-body { margin:0 0 5px 75px; }
.preview-title { font-weight:bold; font-size:18px; margin:0 0 5px; }
.preview-description {  }


/* CONTACT PREVIEW */
.contact-preview { overflow:hidden; margin:0 0 20px; }
.contact-preview-image { float:left; width:60px; height:60px; border-radius:500px; margin:0 0 0; }
.contact-preview-body { margin:0 0 5px 75px; }
.contact-preview-name { font-weight:bold; font-size:18px; margin:0 0 5px; }
.contact-preview-description {  }


.theme { background:#fff; margin:0 0 30px; border-radius:2px; border:1px solid #ddd; }
.theme-image { display:block; width:100%; }
.theme-body { position:relative; padding:15px; border-top:1px solid #ddd; }
.theme-active { border:1px solid #6b2; padding:2px; box-shadow:0 0 0 4px #7c3; }
.theme-body:after { clear:both; content:' '; width:100%; display:block; }
.theme-name { float:left; font-size:20px; padding:10px 0; line-height:1; }
.theme-actions { float:right; }
.theme-actions .button { position:absolute; right:15px; top:15px; opacity:0; transition:0.2s all; }
.theme:hover .button { opacity:1; }


.avatars { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.avatar { display:inline-block; cursor:help; border:2px solid #fff; width:28px; text-align:center; font-size:10px; text-transform:uppercase; color:#fff; height:28px; line-height:28px; border-radius:50px; overflow:hidden; }
.avatar + .avatar { position:relative; margin-left:-12px; }


/* TABLE OF ENTRIES */
.item-table-wrap { }
.item-table { padding:0 0 10px; }
/* Table Header */
.item-table .table-header { border-bottom:1px solid #eee; }
.item-table .header-field { vertical-align:middle; text-transform:uppercase; font-size:0.9em; padding:10px 10px 10px 0; margin:0; }
.item-table .header-field.sorting,
.item-table .header-field.sorting_asc,
.item-table .header-field.sorting_desc { cursor:pointer; position:relative; }
.item-table .header-field.sorting:hover { color:#EB7213; }
.item-table .sorting_asc:after,
.item-table .sorting_desc:after { display:inline; content:'\f106'; font-family:'fontawesome'; color:#888; font-size:14px; margin-left:10px; }
.item-table .sorting_desc:after { content:'\f107'; }
.item-table .header-field:first-child { padding-left:20px;  }
.item-table .header-field:last-child { padding-right:20px;  }
.header-field.row-align-right + .header-field { padding-left:20px; }
/* Table Contents */
.item-table .table-row { border-bottom:1px solid rgba(0,0,0,0.1); transition:0.2s all; padding:10px 0; }
.item-table .table-row-selected { background:#e5ffe5; }
.item-table .row-field { vertical-align:middle; padding:15px 10px 15px 0px; margin:0; }
.item-table .row-field-right { text-align:right; }
.row-field.row-align-right + .row-field { padding-left:10px; }
.item-table .row-field:first-child { padding-left:20px; }
.item-table .row-field:last-child { padding-right:20px; }
.item-table .row-field-wide { width:40%; }
.item-table .row-field-tags { max-width:160px; }
.item-table .field-check { margin:0 10px 0 0; width:15px; }
.item-table .row-image { width:80px; min-width:60px; }
.item-table .row-image img { display:block; float:left; line-height:0; border-radius:3px; width:60px; }
.item-table .field-title { margin:0; font-size:14px; max-width:450px; }
.item-table .field-details { display:block; }
.item-table .field-details .icon { color:#999; }
.item-table .row-select { width:20px; padding:10px 20px 10px 0; }


.chart-data { overflow-x:auto; }
/* Date Controls */
.chart-date { float:none; }
.chart-date-start { float:left; width:130px; }
.chart-date-end { float:left; width:130px; }
.chart-date-interval { float:left; margin-left:20px; width:130px; }
.chart-date input,
.chart-date select { border:none; padding:0px 15px 0px 0; width:100%; max-width:100%; box-sizing:border-box; font-size:20px; }
@media screen and (max-width:600px) {
	.chart-date-start,
	.chart-date-end,
	.chart-date-interval { margin-left:0; width:110px; }
	.chart-date input,
	.chart-date select { font-size:16px; }
}
/* Submit controls */
.chart-submit { float:left; padding-top:10px; }
.chart-tools { float:right; padding-top:10px; }
/* Search fields */
.chart-filter-fields {  }



.vertical-chart { display:inline-flex; width:240px; max-width:100%; height:40px; align-items:flex-end; gap:2px; }
.vertical-chart-bar { flex-grow:0; flex-shrink:1; width:5px; min-height:4px; border-radius:3px; background: #7be1d1;  }

/* Toggle */
.row-field-toggle-button { display:none; float:right; margin:4px 0 0 10px; position:relative; font-size:16px; font-weight:bold; background:none; color:#aaa; border-radius:30px; height:28px; width:28px; line-height:28px; text-align:center; cursor:pointer; }
.row-field-toggle-button:before { font-family:'fontawesome'; content:'\f105'; }
.row-field-open .row-field-toggle-button:before { font-family:'fontawesome'; content:'\f107'; }

/* Display on hover */
.item-table .field-hidden { opacity:0; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.item-table .table-row:hover .field-hidden { opacity:1; }
/* Table Footer */
.item-table .table-footer { }
.item-table .footer-field { }

/* TABLE OF PROPERTIES */
.property-row-image { display:block; position:relative; float:left; margin:0 15px 0 0; color:#ccc; border-radius:3px; width:40px; height:40px; line-height:40px; text-align:center; font-size:24px; }
.property-row-image.property-row-image-large { width:100px; }
.property-row-image-placeholder:before { content:'\e827'; font-family:'linearicons'; color:#ccc; }
.property-row-image img { display:block; float:left; line-height:0; border-radius:3px; width:40px; }
.property-row-image.property-row-image-large img { width:100px; }
.property-row-image-person,
.property-row-image-person img { border-radius:50px; }
.property-row-image .property-row-image-user { display:block; position:absolute; float:none; border-radius:50px; background:#fff; border:2px solid #fff; width:20px; height:20px; left:0; bottom:0; margin:0 0 -8px -8px; cursor:help; }
.table-row-featured .property-row-image:before { display:block; position:absolute; margin:-16px 0 0 -16px; font-family:'linearicons'; content:'\e814'; padding:0; font-size:14px; font-weight:normal; width:24px; height:24px; line-height:24px; top:100%; left:100%; border-radius:30px; text-align:center; color:#fa0; background:#fff; }
/* Price icons */
.table-row strike { opacity:0.6; }
/* Meta icons */
.property-row-meta { display:block; float:left; position:relative; margin:0 14px 0 0; line-height:1; padding-left:25px; }
.property-row-meta:last-child { margin:0; }
.property-row-meta:before { display:block; position:absolute; margin:-12.5px 0 0; font-family:'fontawesome'; content:'\f015'; padding:0; font-size:16px; font-weight:normal; width:20px; height:25px; line-height:30px; top:50%; left:0; text-align:center; color:#ccc; }
.property-row-surface:before { font-size:20px; }
.property-row-bedrooms:before { content:'\f236'; }
.property-row-bathrooms:before { content:'\f7d8'; }
/* Tags */
.tag { display:inline-block; white-space:nowrap; padding:2px 8px; margin:2px 4px 0px 0; font-weight:400; font-size:12px; background:#a1a4a8; color:#fff; border-radius:30px; height:20px; line-height:20px; text-align:center; }
.tag-subtle { background:none; box-shadow:0 0 0 2px #a1a4a8; color:#a1a4a8; }
.tag-tiny { padding:0 4px; margin:0 4px 0 0; font-weight:400; text-transform:uppercase; vertical-align:middle; font-size:8px; height:14px; line-height:14px; }
.tag-small { padding:0px 8px; margin:2px 4px 0px 0; font-weight:400; font-size:10px; height:18px; line-height:18px; }
.tag-medium { padding:4px 16px; font-size:16px; height:24px; line-height:24px; }
.tag-inline { padding:0 4px; margin:0; font-weight:400; font-size:0.8em; border-radius:4px; height:auto; line-height:inherit; }
.tag-disabled { background:#f1f1f1; color:#b1b4b8; }


.select-item { line-height:1.3; padding:5px 0; overflow:hidden; }
.select-item:after { display:block; content:' '; height:0; clear:both; width:100%; }
.select-item-body {}
.select-item-title {}
.select-item-subtitle { font-size:0.8em; opacity:0.6; }
.select-item-meta { float:right; }
.select-item-image { float:left; width:30px; height:30px; line-height:30px; font-size:16px; border-radius:3px; margin:0 10px 0 0; background:#fff; text-align:center; color:#666; overflow:hidden; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1); }
/* Inside selection */
.selection .select-item,
.selection .select-item-body,
.selection .select-item-title { display:inline; }
.selection .select-item-title { max-width:250px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.selection .select-item-image,
.selection .select-item-meta,
.selection .select-item-subtitle { display:none; }


/* Tag colors */
body .color-white { color:#eee; }
body .color-lightgrey { color:#bbb; }
body .color-grey { color:#777; }
body .color-black { color:#333; }
body .color-orange { color:#f90; }
body .color-red { color:#F66; }
body .color-blue { color:#2ac; }
body .color-cyan { color:#7cb; }
body .color-green { color:#6d3; }
body .color-violet { color:#e8e; }
body .color-purple { color:#f4c; }
body .color-yellow { color:#fc0; }
/* Tag backgrounds */
body .background-white { background:#eee; }
body .background-lightgrey { background:#bbb; }
body .background-grey { background:#777; }
body .background-black { background:#333; }
body .background-orange { background:#f90; }
body .background-red { background:#F66; }
body .background-blue { background:#2ac; }
body .background-cyan { background:#7cb; }
body .background-green { background:#6d3; }
body .background-violet { background:#e8e; }
body .background-purple { background:#f4c; }
body .background-yellow { background:#fc0; }

/* Tag colors */
body .tag-color-white { background:#eee; color:#555; box-shadow:inset 0 0 0 1px #ddd; }
body .tag-color-lightgrey { background:#bbb; }
body .tag-color-grey { background:#777; }
body .tag-color-black { background:#333; }
body .tag-color-orange { background:#f90; }
body .tag-color-red { background:#F66; }
body .tag-color-blue { background:#2ac; }
body .tag-color-cyan { background:#7cb; }
body .tag-color-green { background:#6d3; }
body .tag-color-violet { background:#e8e; }
body .tag-color-purple { background:#f4c; }
body .tag-color-yellow { background:#fc0; }

.tag-expense-status-1 { background:#f90; }
.tag-expense-status-2 { background:#6d3; }

.tag-shipping-option-status-0 { background:#F66; }
.tag-shipping-option-status-1 { background:#6d3; }

.tag-website-status-0 { background:#F66; }
.tag-website-status-1 { background:#6d3; }

.tag-website-comment-status-0 { background:#f90; }
.tag-website-comment-status-1 { background:#6d3; }
.tag-website-comment-status-2 { background:#F66; }

.tag-website-widget-status-0 { background:#F66; }
.tag-website-widget-status-1 { background:#6d3; }

.tag-reservation-status-1 { background:#6d3; }
.tag-reservation-status-2 { background:#F66; }


/* DASHBOARD LIST */
.dashboards { margin:0 0 10px; }
.dashboards-fullscreen-button { float:right; }
.dashboards-fullscreen-button:before { font-family:'fontawesome'; content:'\f065'; }
.fullscreen .dashboards-fullscreen-button:before { font-family:'fontawesome'; content:'\f066'; }
.dashboards .dashboards-item { float:left; position:relative; background:#fff; border-radius:3px; margin:0 10px 10px 0; padding:10px 20px; cursor:pointer; color:inherit; }
.dashboards .dashboards-item-title { float:left; font-weight:bold; padding:0; text-transform:uppercase; color:inherit; }
.dashboards .dashboards-item-actions { display:none; position:absolute; right:2px; top:4px; }
.dashboards .dashboards-item-active.dashboards-item { padding-right:50px; }
.dashboards-item-active .dashboards-item-actions { display:block; }
.dashboards-item-active .dashboards-item-title { color:#f90; }

/* DASHBOARD LAYOUT */
.dashboard:after { display:block; clear:both; content:' '; width:100%; height:0px; }
.dashboard:after { display:block; clear:both; content:' '; width:100%; height:0px; }
.dashboard-column { float:left; width:49%; margin-right:2%; min-height:100px; }
.dashboard-columns-3 .dashboard-column { width:32%; }
.dashboard-columns-4 .dashboard-column { width:24.25%; margin-right:1%; }
.dashboard .dashboard-column:last-child { margin-right:0; }
@media screen and (max-width:800px){
	.dashboard .dashboard-column { float:none; width:auto; margin-right:0; }
}
.dashboard-select { display:inline-block; width:250px; padding:15px 10px; margin-right:15px; }


/* DASHBOARD WIDGETS */
.dashboard-widget { margin:0 0 20px;  }
.dashboard-widget-heading { padding:10px 10px 10px 20px; }
.dashboard-widget-title { float:left; padding:5px 0 0 0; font-size:14px; font-weight:400; color:#999; letter-spacing:2px; }
.dashboard-widget-subtitle { font-size:14px; color:#bbb; }
.dashboard-widget-actions { opacity:0; float:right; padding:0 0 0; margin:0; transition:0.3s all; }
.dashboard-widget-move { float:left; width:30px; height:35px; line-height:35px; text-align:center; margin-right:5px; cursor:move; color:#aaa; font-size:16px; }
.dashboard-widget-move:before { content:'\f0b2'; font-family:'fontawesome'; }
.dashboard-widget:hover .dashboard-widget-actions { opacity:1; }
/*.dashboard-widget-body { max-height:450px; overflow-y:auto; }*/
.dashboard-widget-drag-helper { position:absolute;padding:10px; width:200px; margin:0; height:40px !important; line-height:30px; color:#ccc; font-size:24px; font-weight:bold; background:#fff; border:1px solid #eee; box-shadow:0 4px 4px -4px #ddd; }
.dashboard-widget-drag-placeholder { margin:10px; height:30px; border:2px dashed #7c3; }
@media screen and (max-width:815px){
	.dashboard-widget-body { max-height:none; }
}


/* ATTRIBUTES IN PROPERTIES TABLE */
.property-attribute { color:#888; position:relative; display:inline-block; font-size:20px; width:20px; height:20px; line-height:20px; margin:0 5px 0 0; cursor:help; transform:translateY(5px); }
.property-attribute:hover { color:#777; }
.property-attribute:before { font-family:'linearicons'; }
.property-attribute-disabled:before { opacity:0.35; }
.property-attribute-content { pointer-events:none; opacity:0; position:absolute; right:0; top:100%; color:#fff; background:rgba(50,50,50,0.8); font-size:13px; width:280px; line-height:1.5; border-radius:5px; padding:10px 15px; transition:0.3s all; margin:5px -140px 0 0; z-index:100; }
.property-attribute-content:before { position:absolute; content:' '; right:146px; bottom:100%; height:0; width:0; border-bottom:6px solid rgba(50,50,50,0.8); border-left:6px solid transparent; border-right:6px solid transparent; }
.property-attribute:hover .property-attribute-content { opacity:1; }
/* Specific attributes */
.property-attribute-web:before { content:'\e839'; }
.property-attribute-network:before { content:'\e82b'; }
.property-attribute-marketplaces:before { content:'\e80d'; }


/* Signatures */
.signature-canvas { border:2px dashed #ddd; background:#fff; border-radius:3px; width:400px; height:200px; padding:2px; margin:0 0 5px; min-height:50px; cursor:crosshair; box-sizing:border-box; }
@media only screen and (max-width: 600px){
	.form-signature-wrap { width:300px; }
	.signature-canvas { width:300px; height:150px; }
}

.tag-marketplace-status-0 { background:#F66; }
.tag-marketplace-status-2 { background:#f90; }
.tag-marketplace-status-1 { background:#6d3; }


/* BULK ACTIONS */
.bulk-actions { padding:0 0 0; }
.bulk-actions-active { margin:0; }
.bulk-actions-toggle { float:left; margin:5px 0 0; }
.bulk-actions-checkbox { float:left; height:24px; position:relative; margin-right:10px; }
.bulk-actions-list { display:block; float:left; max-width:200px; pointer-events:none; opacity:0.2; text-align:left; }
.bulk-actions-list > * { margin:0 0 0 10px; }
.bulk-actions-active .bulk-actions-list { pointer-events:auto; opacity:1; }
.bulk-action { float:right; margin:0 0 0 10px; }
.bulk-action-important { color:#f66; }
/* BULK EDIT CHECKBOXES */
.bulk-edit-checkbox { display:block; background:#fff; text-align:center; font-size:14px; color:#eee; width:20px; height:20px;line-height:20px; border-radius:5px; border:2px solid #ddd; cursor:pointer; }
.bulk-edit-checkbox.bulk-edit-checkbox-active { background:#6d4; border:2px solid #6d4; color:#fff; }
.bulk-edit-checkbox:before { content:'\f05e'; font-family:'fontawesome'; }
.bulk-edit-checkbox.bulk-edit-checkbox-active:before { content:'\f304'; }


/* BULK EDIT FORM */
.bulk-edit { display:none; position:fixed; top:0; width:100%; height:100%; left:0; background:rgba(0,0,0,0.6); z-index:999999; }
.bulk-edit.bulk-edit-active { display:block; }
.bulk-edit-form { display:block; position:absolute; top:30px; left:30px; right:30px; bottom:30px; overflow:hidden; padding:0; background:#fff; overflow:auto; }
.bulk-edit-title { float:left; padding:20px; margin:0 0 20px; }
.bulk-edit-subtitle { display:none; font-style:italic; float:right; color:#888; }
/* Sections */
.bulk-edit-section { border-top:2px solid #eee; }
.bulk-edit-section-body { padding:20px; }
.bulk-edit-section-title { padding:15px 20px; text-transform:uppercase; border-bottom:1px solid #eee; }
/* Single fields */
.bulk-edit-field { position:relative; margin:0 0 5px; padding:5px 40px 5px 5px; border-radius:3px; }
.bulk-edit-field .field:last-child,
.bulk-edit-field .field:last-child .field-content { margin-bottom:0; }
.bulk-edit-field-active { background:#dfc; }
.bulk-edit-field .bulk-edit-checkbox { position:absolute; right:5px; top:5px; }


/* ROW ACTIONS */
.table-actions { float:right; text-align:right; }

/* DATATABLES */
.datatable { transition:0.3s all; }
.datatable.datatable-loading { opacity:0.1; pointer-events:none; }
.datatable-header-left { float:left; text-align:left; }
.datatable-header-right { float:right; text-align:right; }
.datatable-header-views { margin:0 0 0 10px; width:160px; float:left; }
.datatable-header-count { margin:5px 0 0; float:left; }


/* ROW ACTIONS */
.row-actions { display:inline-block; float:right; margin-right:4px; position:relative; }
.row-actions-title { display:block; position:relative; font-size:16px; font-weight:bold; color:#fff; background:#fff; color:#aaa; border-radius:30px; height:26px; width:26px; line-height:26px; text-align:center; border:1px solid #fff; transition:0.2s all; cursor:default; }
.row-actions-title:before { content:'···'; font-family:Verdana, sans-serif; font-weight:bold; }
.row-actions-title:hover { background:#eee; color:#666; box-shadow:0 0 0 6px #999; }
.row-actions-list { position:absolute; display:block; visibility:hidden; opacity:0; top:-6px; font-weight:normal; width:250px; right:100%; background:#fff; border:1px solid #ddd; background:#fff; border-radius:2px; z-index:99; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1); transition:0.2s all; }
.row-actions-list:before { position:absolute; display:block; content:' '; left:100%; width:0; top:10px; height:0px; border-left:8px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent; z-index:11; }
.row-actions-list:after { position:absolute; display:block; content:' '; left:100%; width:0; top:10px; height:0px; border-left:8px solid #ddd; border-top:8px solid transparent; border-bottom:8px solid transparent; margin-left:1px; z-index:10; }
.row-actions:hover .row-actions-list,
.row-actions-open .row-actions-list { visibility:visible; opacity:1; transition-delay:initial; }
.row-action { display:block; padding:10px 20px; text-align:left; border-top:1px solid #eee; color:#999; font-size:14px; letter-spacing:1px; line-height:20px; cursor:pointer; }
.row-action input[type=submit] { display:block; padding:0; background:none; letter-spacing:1px; text-transform:none; text-align:left; color:#999; font-weight:normal; line-height:20px; font-size:14px; border:none; cursor:pointer; }
.row-action-form input[type=submit] { background-color:transparent; width:100%; border-width: 1px 0 0 0; }
.row-action-form input[type=submit],
.row-action-form input[type=submit]:visited { color:#08c; }
.row-action-form input[type=submit]:hover { background:none; border:none; border-top:1px solid #eee; color:#2ce; }
.row-action-form .row-action-important,
.row-action-form input[type=submit].row-action-important { color:#f33; }
.row-action-form input[type=submit].row-action-important:hover { color:#f66; }
.row-action:first-child { border-top:none; }


/* DROPLIST BOX */
.droplist { display:inline-block; position:relative; text-align:left; transition:0.2s all; }
/* Button */
/*.droplist-buton { display:block; position:relative; font-size:16px; background:#fff; color:#aaa; border-radius:30px; height:26px; width:26px; line-height:26px; text-align:center; border:1px solid #fff; transition:0.2s all; cursor:pointer; }*/
.droplist-preview { cursor:pointer; display:inline-block; line-height: 1; border-radius:3px; }
.droplist-preview:hover { background:rgba(0,0,0,0.03); }
.droplist-preview .droplist-item-subtitle { display:none; }
.droplist-content { position:absolute; display:block; visibility:hidden; opacity:0; top:100%; left:0; width:320px; padding:10px; background:#fff; border-radius:4px; z-index:9999; box-shadow:0 2px 15px 0 rgba(0,0,0,0.2); transition:0.5s cubic-bezier(.17,1.11,.75,1.05); transform:scale(0.2); transform-origin:top; }
.droplist-content-items { overflow:hidden; overflow-y:auto; max-height:min(400px, 80vh); }
.droplist-content .droplist-content-filter { padding:10px; border:none; background:#fff; margin:0 0 5px; }
.droplist-content .droplist-content-filter:focus { box-shadow: none; }
.droplist-align-right .droplist-content { left:auto; right:0; }
.droplist-content-background { position:fixed; display:block; visibility:hidden; opacity:0; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.3); z-index:9998; transition:0.2s all; }
/* Common fields and content */
.droplist-item { display:flex; align-content:center; flex-wrap:nowrap; flex-direction:row; align-items:center; justify-content:flex-start; padding:10px; overflow: hidden; border-radius:3px; line-height:1.2; width:100%; box-sizing: border-box; }
.droplist-item:hover { background:rgba(0,0,0,0.03) }
.droplist-item-select { cursor:pointer; }
.droplist-item-body { margin:0; flex-grow: 1; }
.droplist-item-hidden { display:none; }
.droplist-item-icon { width:18px; line-height:1; font-size:16px; flex-grow:0; flex-shrink:0; margin:0 10px 0 0; text-align:center; color:#444; box-sizing: border-box; }
.droplist-item-title {  margin:0; font-size:14px; font-weight:normal; }
.droplist-item-subtitle { margin:2px 0 0; font-size:0.8em; line-height:1.2; color:#aaa; }
.droplist-content .droplist-item-preview { display:none; }
/* Opened droplist */
.droplist.droplist-open .droplist-content { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
.droplist.droplist-open .droplist-content-background { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
@media screen and (max-width:600px){
	.droplist .droplist-content { position:fixed; top:auto; left:20px; right:20px; width:auto; bottom:20px; transform-origin:bottom; }
}


/* DROPDOWN ACTIONS */
.dropdown { display:inline-block; position:relative; text-align:left; transition:0.2s all; }
/*.button + .dropdown { margin-left:5px; }*/
/* Button */
.dropdown-buton { display:block; position:relative; font-size:16px; background:#fff; color:#aaa; border-radius:30px; height:26px; width:26px; line-height:26px; text-align:center; border:1px solid #fff; transition:0.2s all; cursor:pointer; }
/*.dropdown-open .dropdown-buton,*/
/*.dropdown-buton:hover { background:#eee; color:#666; box-shadow:0 0 0 6px #999; }*/
.dropdown-button-title-default:before { content:'\f142'; font-family:'fontawesome'; font-weight:300; }
.dropdown-open .dropdown-button { display:none; }
/* Columns */
.dropdown-content { position:absolute; display:block; visibility:hidden; opacity:0; top:100%; right:0; width:250px; overflow:hidden; background:#fff; border-radius:4px; z-index:9999; box-shadow:0 2px 15px 0 rgba(0,0,0,0.2); transition:0.4s cubic-bezier(.35,.91,.62,1); transform:scale(0.6); transform-origin:right top; }
.dropdown-content:after { display:block; clear:both; content:' '; width:100%; height:0; }
.dropdown-content-background { position:fixed; display:block; visibility:hidden; opacity:0; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:9998; transition:0.2s all; }
.dropdown-content-close { display:none; padding:10px;text-align:left; font-weight:bold; text-transform:uppercase; color:#f66; }
.dropdown-content-close:before { content:'\f00d'; margin-right:5px; font-family:'fontawesome'; }
/*.dropdown-content:before { position:absolute; display:block; content:' '; width:0; right:10px; bottom:100%; height:0px; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; z-index:11; }*/
/* Opened dropdown */
.dropdown.dropdown-open .dropdown-content { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
.dropdown.dropdown-open .dropdown-content-background { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
.dropdown-columns-2 .dropdown-content { width:500px; }
.dropdown-columns-3 .dropdown-content { width:750px; }
.dropdown-columns-4 .dropdown-content { width:1000px; }
.dropdown-status-form .dropdown-content { width:500px; height:580px; }
/* Action columns */
.dropdown-column { display:block; float:right; padding:20px; width:250px; box-sizing:border-box; transition:0.2s opacity; }
.dropdown-column:nth-child(5) { clear:both; }
.dropdown-column-title { text-transform:uppercase; font-weight:bold; margin:0 0 5px; font-size:0.9em; }
.dropdown.dropdown-loading .dropdown-column { opacity:0; }
/* Single actions */
.dropdown-action { display:block; }
.dropdown-action-body { display:block; padding:10px 0px; text-align:left; border:none; font-size:14px; letter-spacing:1px; line-height:20px; cursor:pointer; transition:0.13s opacity; }
.dropdown-status-form .dropdown-action-body { opacity:0; }
.dropdown-action-icon { display:inline-block; font-family:'fontawesome'; color:#777; margin-right:10px; text-align:center; width:16px; }
.dropdown-action-title { color:#08c; }
.dropdown-action-title:hover { color:#2ce; }
.dropdown-action-disabled { opacity:0.3; pointer-events:none; }
.dropdown-action-style-highlight .dropdown-action-title { font-weight:bold; }
.dropdown-action-style-ok .dropdown-action-title { color:#6b2; }
.dropdown-action-style-dangerous .dropdown-action-title,
.dropdown-action-style-dangerous .dropdown-action-icon { color:#f33; }
/* Forms */
.dropdown-action-form { position:absolute; background:#fff; z-index:9; border-radius:4px; left:0; top:0; min-height:400px; height:100%; width:100%; overflow:auto; box-sizing:border-box; display:none; padding:20px; transition:0.1s opacity; }
.dropdown.dropdown-loading .dropdown-action-form { opacity:0; }
.dropdown-action-form-title { text-transform:uppercase; font-weight:bold; margin:0 0 5px; font-size:0.9em; }
.dropdown-action-form-subtitle {  }
.dropdown-action-form-body { margin:20px 0; }
.dropdown-action-form-active { display:block; }
/* Large button */
.dropdown-size-large .dropdown-button { font-size:20px; margin:10px 0 0; height:40px; width:40px; line-height:40px; background:#fff; border:2px solid #eee; border-radius:60px; }
@media screen and (max-width:1100px){
	.dropdown-content { max-width:500px; }
	.dropdown-column:nth-child(3) { clear:both; }
}
@media screen and (max-width:600px){
	.dropdown .dropdown-content { position:fixed; top:10px; left:80px; bottom:10px; right:10px; height:auto; width:auto; max-width:none; box-sizing:border-box; transform:scale(1) translateX(300px); transform-origin:bottom; }
	.dropdown-status-form .dropdown-content { left:10px; }
	.dropdown .dropdown-content-wrap { overflow-y:auto; width:100%; padding-right:30px; max-height:calc(100% - 40px); }
	.dropdown .dropdown-content-close { display:block; }
	.dropdown-column { float:none; width:auto; padding:20px 20px 0; }
	.dropdown-column:last-child { padding:20px 20px; }
}

/* TOTALS */
.totals { overflow:hidden; margin:0 0 30px; }
.totals .total-field { float:right; margin-left:40px; }
.totals .total-value { font-size:2.3em; font-weight:bold; }
.totals .total-value span { font-size:0.7em; }
.totals .total-desc { display:block; font-weight:300; color:#888; }


/* BOARD VIEW */
.board { display:flex; overflow-x:auto; }
.board-list { flex-basis:0; height:calc(100vh - 160px); flex-grow:1; border-left:1px solid #ddd; box-sizing:border-box; }
.board-list-title { background:#fff; border-bottom:1px solid #ddd; height:30px; line-height:30px; text-transform:uppercase; font-weight:bold; font-size:14px; padding:10px 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.board-list-content { padding:10px; height:calc(100vh - 211px); overflow-y:auto; box-sizing:border-box; }
.board-list-counter { float:right; color:#aaa;  background:#eee; border-radius:20px; line-height:1.4; padding:4px 10px; }
.board-card { background:#fff; border:1px solid #ddd; border-width:1px 1px 2px; padding:10px; margin:0 0 10px; border-radius:3px; }




/* STATUS TAGS */
.status-tag { display:inline-block; background:#999; color:#fff; padding:2px 5px; border-radius:2px; }
.status-tag.status-created { background:#F90; }
.status-tag.status-sent { background:#44A; }
.status-tag.status-approved,
.status-tag.status-paid { background:#4A4; }
.status-tag.status-rejected { background:#A44; }


/* PRODUCT IMAGES */

.product-images-views { float:left; font-weight:300; border:1px solid #bbb; margin:0 0 10px; font-size:16px; color:#999; border-radius:3px; overflow:hidden; }
.product-images-view { display:block; font-family:'fontawesome'; float:left; text-align:center; width:40px; height:30px; line-height:30px; cursor:pointer; }
.product-images-view-active { color:#fff; background:#bbb; }

.product-images { display:flex; flex-wrap:wrap; width:calc(100% + 10px); }
.product-images:after { display:block; content:' '; height:0; clear:both; width:100%; }
.product-image { display:block; float:left; width:82px; height:82px; margin:0 8px 8px 0; box-sizing:border-box; position:relative; overflow:hidden; line-height:1; }
.product-image:last-child { margin:0; }
.product-image .product-image-image { display:block; background:#eee; color:#666; width:82px; height:82px; font-size:14px; border-radius:3px; text-align:center; object-fit:cover; }
.product-image .product-image-body { margin-left:90px; display:none; }
.product-image .product-image-edit { margin-left:90px; }
.product-image .product-image-name { font-weight:bold; }
.product-image .product-image-size { color:#aaa; font-size:0.8em; line-height:1.2; margin:5px 0 0; }
.product-image .product-image-description { font-size:0.9em; margin:10px 0 0; line-height:1.4; }
.product-image-meta { opacity:0; position:absolute; right:5px; top:5px; height:24px; line-height:24px; transition:0.2s all; }
.product-image:hover .product-image-meta { opacity:1; }
.product-image-meta-item { float:left; font-family:'fontawesome'; margin:0 0 0 5px; width:22px; height:22px; line-height:22px; border-radius:5px; color:#666; text-align:center; font-size:12px; background:#fff; border:2px solid #ccc; overflow:hidden; cursor:pointer; z-index:10; }
.product-image-meta-edit {  }
.product-image-meta-edit:before { content:'\f304'; }
.product-image-meta-view:before { content:'\f002'; }
.product-image-meta-delete { background:#f66; color:#fff; border-color:#f33;  }
.product-image-meta-delete:before { content:'\f00d'; }
/* Dragging */
.product-image-drag-placeholder { float:left; width:80px; height:80px; line-height:80px; font-size:32px; text-align:center; color:#999; margin:0 10px 10px 0; background:#eee; box-sizing:border-box; position:relative; overflow:hidden; box-shadow:0 2px 15px 0px rgba(0,0,0,0.3); border-radius:3px; }
.product-image-drag-placeholder:before { font-family:'fontawesome'; content:'\f03e'; }
/* Uploading placeholder */
.product-image.product-image-loading { border:2px dashed #ddd; border-radius:5px; font-size:24px; height:80px; line-height:80px; text-align:center; font-weight:bold; color:#f90; box-sizing:border-box; }
.product-image.product-image-loading:before { display:block; font-family:'fontawesome'; content:'\f1ce'; animation-name: product-image-loading-spin; animation-duration:0.8s; animation-iteration-count: infinite; animation-timing-function: linear; }
.product-image.product-image-loading-error { border:2px dashed #f66; color:#f66; }
.product-image.product-image-loading-error:before { content:'\f00d'; animation:none; }
@keyframes product-image-loading-spin {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}



/* DEALS */

/*#lose_deal_submit { background:#f66; color:#fff; border-color:#b33; margin:0; }
#lose_deal_submit:hover { background:#f88; }
#win_deal_submit { background:#7c3; color:#fff; border-color:#5a1; margin:0; }
#win_deal_submit:hover { background:#8d4; }*/
.main-title-reference.deal-won { background:#7c3; }
.main-title-reference.deal-lost { background:#f66; }
.main-title-reference.deal-discarded { background:#666; }

/* DEAL STAGES */
.stages { overflow:hidden; margin:0 0 30px; border-radius:3px; }
.stages-loading { opacity:0.5; }
.stage { float:left; position:relative; text-align:center; font-size:14px; line-height:20px; background:#fff; color:#666; border-left:2px solid #eee; box-sizing:border-box; }
.stage-body { position:relative; padding:15px 10px 15px 20px; z-index:3; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
.stage-change { cursor:pointer; }
.stage-line { height:5px; background:#ddd; border-top:1px solid rgba(255,255,255,0.5); margin-left:-1px; }
.stage-active { color:#fff; background:#7c3; font-weight:bold; border-left-color:#be8; }
.stage-active:last-child:before,
.stage-active:last-child:after{ display:none; }
.stage-active:before { border-left-color:#7c3; }
.stage-active:after { border-left-color:#fff; }
.stage-active .stage-line { opacity:1; color:#fff; background:#888; }
.stage:first-child { border-left:none; }
/* Stage colors */
.stage-active { background:#8ad452; }
.stage-active:before { border-left-color:#8ad452; }
@media only screen and (max-width: 600px){
	.stages { margin:0 10px 10px; }
	.stage-body { padding:10px 10px 10px 20px; }
}

/* DEAL BLOCKS */
.deal-block-form { display:none; }
.deal-block-form-field { margin:0 0 10px; }
/* Editing Mode */
.deal-block-editing .deal-block-list,
.deal-block-editing .deal-block-edit{ display:none; }
.deal-block-editing .deal-block-form { display:block; }
/* Loading */
.deal-block-content { transition:0.2s all; }
.deal-block-loading .deal-block-content { opacity:0; }


/* PROJECT BLOCKS */
.project-block-form { display:none; }
.project-block-form-field { margin:0 0 10px; }
/* Editing Mode */
.project-block-editing .project-block-list,
.project-block-editing .project-block-edit{ display:none; }
.project-block-editing .project-block-form { display:block; }
/* Loading */
.project-block-content { transition:0.2s all; }
.project-block-loading .project-block-content { opacity:0; }


/* PROSPECT DETAILS LIST */
.prospect-details-form { display:none; }
.prospect-details-form-field { margin:0 0 10px; }
/* Editing Mode */
.prospect-details-editing .prospect-details-list,
.prospect-details-editing .prospect-details-edit{ display:none; }
.prospect-details-editing .prospect-details-form { display:block; }
/* PROSPECT REQUIREMENTS LIST */
.prospect-requirements-form { display:none; }
.prospect-requirements-form-field { margin:0 0 10px; }
/* Editing Mode */
.prospect-requirements-editing .prospect-requirements-list,
.prospect-requirements-editing .prospect-requirements-edit{ display:none; }
.prospect-requirements-editing .prospect-requirements-form { display:block; }


/* REQUIREMENTS LIST */
.requirements { }
.requirement { overflow:hidden; margin:0 0 0px; background:#fff; border-top:1px solid #eee; padding:15px 0; }

.requirement:first-child { padding-top:0; border-top:none; }
.requirement-title { float:none; font-weight:bold; margin:0 0 8px; }
.requirement-body { magin-left:100px; }
.requirement-placeholder { color:#bbb; font-style:italic; }
.requirements-form { display:none; }
.requirements-form-field { margin:0 0 10px; }
/* Editing Mode */
.requirements-editing .requirement,
.requirements-editing .requirements-edit{ display:none; }
.requirements-editing .requirements-form { display:block; }


/* TABS */
.tabs { padding:10px 20px; }
.tabs:after { content:' '; display:block; clear:both; width:100%; height:0; }
.tabs-matches { padding:10px 20px; border-bottom:1px solid #eee; margin:0; }
.tabs .tab { float:left; position:relative; line-height:30px; padding:0 15px; margin-right:5px; font-weight:bold; border-radius:30px; cursor:pointer; }
.tabs-property .tab { padding:5px 20px; }
.tabs .tab-search:before { font-family:'linearicons'; margin-right:2px; opacity:0.6; content:'\e86f'; font-weight:normal; }
.tabs .tab:hover { background:#eee; }
.tabs .tab-active,
.tabs .tab-active:hover{ color:#fff; background:#bbb; }
.tab .tab-inside-active { display:none; }
.tab-active .tab-inside-active { display:inline-block; }
/* TABLET (LANDSCAPE) */
@media only screen and (max-width:1300px){
	.tabs { padding:10px; }
}


/* SWITCHER TABS */
.switcher { padding:0 0 20px; }
.switcher:after { clear:both; width:100%; height:0; }
.switcher .switcher-tabs { overflow:hidden; margin:0 0 30px; }
.switcher .switcher-tab { float:left; display:block; padding:8px 20px; margin:0 0 5px; font-size:1em; font-weight:bold; color:#777; cursor:pointer; }
.switcher .switcher-tab-active { background:#888; color:#fff; border-radius:40px; }
.switcher .switcher-body { }
.switcher .switcher-content { width:100%; display:inline-block; }
@media screen and (min-width:800px) {
	.switcher-vertical .switcher-tabs { float:left; width:220px; }
	.switcher-vertical .switcher-tab { float:none; border-right:none; border-bottom:1px solid #eee; }
	.switcher-vertical .switcher-body { margin-left:260px; }
}


/* ONBOARDING TOOLTIPS */
.tooltip { position:fixed; bottom:10px; left:10px; z-index:99; overflow:hidden; background:#38D; color:#fff; border-radius:5px; padding:20px; max-width:100%; box-sizing:border-box; width:400px; box-shadow:0 5px 10px 0 rgba(0,0,0,0.3); }
.tooltip-title { font-weight:bold; line-height:1.2; font-size:1.3em; margin-bottom:10px; }
.tooltip-content { }
.tooltip-links { margin:15px 0 0; }
.tooltip .tooltip-link { display:block; float:left; padding:10px 15px; color:#38D; font-weight:bold; text-align:center; background:#fff; border-radius:3px; }
.tooltip .tooltip-close { display:block; float:right; padding:10px 15px; background:rgba(255,255,255,0.05); color:#fff; text-align:center; border-radius:3px; }
.tooltip .tooltip-close:hover { background:rgba(255,255,255,0.2); }
@media screen and (max-width:600px) {
	.tooltip-title { font-size:1.1em; }
	.tooltip { right:10px; bottom:90px; padding:15px; max-width:100%; width:auto; }
}


/* FOOTER BANNER TOOLTIPS */
.tooltip-banners { display:flex; align-items:stretch; gap:2%; flex-wrap:wrap; flex-direction: row; justify-content:flex-start; }
.tooltip-banners .block { flex-grow:1; min-width:300px; max-width:32%; margin: 0 0 20px; padding:0; box-sizing:border-box; }
.tooltip-banners img { display:block; width:100%; max-width:300px; margin:0 auto;  }
.tooltip-links { margin:15px 0 0; }
.tooltip .tooltip-link { display:block; float:left; padding:10px 15px; color:#38D; font-weight:bold; text-align:center; background:#fff; border-radius:3px; }
.tooltip .tooltip-close { display:block; float:right; padding:10px 15px; background:rgba(255,255,255,0.05); color:#fff; text-align:center; border-radius:3px; }
.tooltip .tooltip-close:hover { background:rgba(255,255,255,0.2); }
@media screen and (max-width:1000px) {
	.tooltip-banners .block { max-width:49%; }
}
@media screen and (max-width:700px) {
	.tooltip-banners .block { max-width:none; }
}


.minitooltip { position:relative; cursor:help; }
.minitooltip-content { position:absolute; pointer-events:none; bottom:100%; left:-150px; line-height: 1.5; background:rgba(60,60,60,0.9); color:#fff; width:300px; border-radius:5px; padding:15px; z-index:99; opacity:0; visibility:hidden; transition:0.2s all; }
.minitooltip-content:before { position:absolute; bottom:100%; left:25px; height:0; width:0; content:' '; border-bottom:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; }
.minitooltip:hover .minitooltip-content { opacity:1; visibility:visible; }


/* MATCHES */
.matches { position:relative; transition:0.3s opacity; }
.matches-loading { pointer-events:none; opacity:0.2; }
.match-list { padding:0; }
.match-display { background:#CCEEFF; padding:20px; color:#2ac; }
/* Matches search form */
.matchsearch { display:none; transition:0.3s opacity; }
.matchsearch-loading { pointer-events:none; opacity:0.2; }
.matchsearch-form { background:#fafafa; padding:20px; border-bottom:2px solid #eee; }
.matchsearch-list { padding:0; }
.matchsearch-list .match { display:table-row; }
.matchsearch-placeholder { padding:20px; margin:0; }
/* Different tabs */
.match { display:none; }
.matches-all .match,
.matches-associated .match-associated,
.matches-sent .match-sent,
.matches-visited .match-visited,
.matches-suggested .match-suggested { display:table-row; }
.matches-search .matchsearch { display:block; }
.matches-search .match-list { display:none; }
/* Type of match */
.match-associated .row-action-add,
.match-selected .row-action-select,
.match-deselected .row-action-deselect,
.match-selected .row-action-remove,
.match-suggested .row-action-remove { display:none; }
.match .row-action-select button { font-weight:bold; }

.match-attribute { color:#bbb; position:relative; display:inline-block; font-size:24px; width:24px; height:24px; line-height:24px; margin:0 5px 0 0; cursor:help; }
.match-attribute:hover { color:#777; }
.match-attribute:before { font-family:'linearicons'; }
.match-attribute-requested:before { content:'\e87d'; }
.match-attribute-favorited:before { content:'\e813'; }
.match-attribute-sent:before { position:relative; top:-3px; content:'\e818'; }
.match-attribute-visited:before { content:'\e839'; }
.match-attribute-selected:before { content:'\e814'; }
.match-attribute-content { pointer-events:none; opacity:0; position:absolute; right:0; top:100%; color:#fff; background:rgba(50,50,50,0.8); font-size:13px; width:280px; line-height:1.5; border-radius:5px; padding:10px 15px; transition:0.3s all; margin:5px -140px 0 0; z-index:100; }
.match-attribute-content:before { position:absolute; content:' '; right:146px; bottom:100%; height:0; width:0; border-bottom:6px solid rgba(50,50,50,0.8); border-left:6px solid transparent; border-right:6px solid transparent; }
.match-attribute:hover .match-attribute-content { opacity:1; }
.match-attribute .match-attribute-date { font-weight:bold; }

/* MATCH ACTIONS */
.match-actions { padding:10px 20px; border-top:1px solid #eee; }

/* PROPERTY PREVIEW */
.property-preview {  }
.property-preview-image { float:left; width:45%; }
.property-preview-image img { display:block; width:100%; }
.property-preview-body { margin-left:45%; padding:20px; }
.property-preview-meta { float:right; }
.property-preview-field { overflow:hidden; margin:0 0 10px; }
.property-preview-field:last-child { margin:0; }
.property-preview-price { font-size:1.4em; }
/* Small view */
.property-preview-small .property-preview-image { float:left; width:60px; }
.property-preview-small .property-preview-image img { border-radius:3px; }
.property-preview-small .property-preview-body { margin-left:75px; padding:0; }
.property-preview-small .property-preview-title { margin:0; }
.property-preview-field { overflow:hidden; margin:0 0 10px; }
.property-preview-small .property-preview-price { font-size:1.1em; }
/* Vertical view */
.property-preview-vertical .property-preview-image { float:none; width:auto; margin:0 0 10px; }
.property-preview-vertical .property-preview-body { margin-left:0; }
@media screen and (max-width:700px){
	.property-preview-image { float:none; width:100%; }
	.property-preview-body { margin-left:0; padding:10px; }
}


/* DEAL RATINGS */
.rating { position:relative; line-height:40px; height:40px; width:40px; text-align:center; font-weight:bold; overflow:hidden; box-shadow:inset 0 0 0 3px #eee; border-radius:100px; }
.rating .rating-line { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100px; box-sizing:border-box; z-index:1; clip:rect(0, 40px, 40px, 20px); }
.rating .rating-bar,
.rating .rating-fill { position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #2ac; border-radius:100px; box-sizing:border-box; clip:rect(0, 20px, 40px, 0); transform:rotate(0deg); z-index:2; }
.rating .rating-fill { display:none; clip:rect(0, 40px, 40px, 20px); }
.rating-overhalf .rating-line { clip:rect(auto, auto, auto, auto); }
.rating-overhalf .rating-fill { display:block; }
/* Rating Levels */
.rating-bad .rating-bar,
.rating-bad .rating-fill { border-color:#f66; }
.rating-poor .rating-bar,
.rating-poor .rating-fill { border-color:#f90; }
.rating-okay .rating-bar,
.rating-okay .rating-fill { border-color:#fd3; }
.rating-good .rating-bar,
.rating-good .rating-fill { border-color:#9e3; }
.rating-best .rating-bar,
.rating-best .rating-fill { border-color:#5d4; }


/* SUBMENU */
.submenu { padding:0; }
.submenu .submenu-item { position:relative; line-height:1; padding:15px; border-top:1px solid #eee; cursor:pointer; }
.submenu .submenu-item-title { font-weight:bold; font-size:14px; margin:0 0 5px; color:#666; }
.submenu .submenu-item-subtitle { color:#999; line-height:18px; font-size:12px; }
.submenu .submenu-item:hover { background:#eee; }
.submenu .submenu-item-active,
.submenu .submenu-item-active:hover{ color:#fff; background:#bbb; }


/* PROJECT TIME TRACKING SHEETS */
.attachments { overflow:hidden; width:103%; }
.attachment { display:block; position:relative; overflow:hidden; float:left; width:22%; margin:0 3% 3% 0; }
.attachment.ui-sortable-handle { cursor:move; }
.attachment-loading { background:#ddd; position:relative; border-radius:4px; }
.attachment-loading-error { background:#ff6666; }
.attachment-loading-inner { padding:100% 0 0; }
.attachment-loading .attachment-loading-icon { display:block; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px; width:20px; text-align:center; color:#666; height:20px; line-height:20px; animation:attachment-loading 1s linear infinite; }
.attachment-loading .attachment-loading-icon:before,
.attachment-loading .attachment-loading-icon:after { display:block; content:' '; position:absolute; top:0; left:7px; width:2px; height:2px; border:2px solid #777; border-radius:20px;  }
.attachment-loading .attachment-loading-icon:after { top:14px; }
.attachment-sort-placeholder { display:block; background:#f5f5f5; float:left; width:22%; padding:22% 0 0; margin:0 3% 3% 0; box-sizing:border-box; border-radius:4px; box-shadow:inset 0 0 6px 0 rgba(0,0,0,0.2); }
.attachment-large { float:none; width:100%; margin:0 0 5%; }
.attachment-placeholder { padding-top:60%; background:#eee; border-radius:4px; }
.attachment-placeholder:before { position:absolute; content:'\e827'; font-family:'linearicons'; font-size:40px; top:50%; left:0; color:#ddd; width:100%; height:50px; line-height:50px; margin:-25px 0 0; text-align:center; }
.attachment img { display:block; height:auto; width:100%; border-radius:4px; }
/*.attachment-upload { display:block; height:50px; line-height:50px; margin:0 0; border-radius:4px; text-align:center; font-size:18px; cursor:pointer; } */
.attachment-delete { display:none; position:absolute; right:0; top:0; padding:22px 0 0; width:22px; height:0px; margin:0; border-radius:0 4px 0 10px; color:#fff; border:4px solid #eee; border-width:0 0 4px 4px; background:#F55; font-weight:bold; overflow:hidden; cursor:pointer; }
.attachment:hover .attachment-delete { display:block; }
.attachment.ui-sortable-helper .attachment-delete { display:none; }
.attachment-delete:hover { color:#fff; text-decoration:none; }
.attachment-delete:before { position:absolute; content:'x'; top:0; left:0; width:100%; text-align:center; line-height:19px; }
@keyframes attachment-loading {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}


/* GOOGLE RESULT SNIPPET */
.url-preview { }
.url-preview-content { font-style:italic; color:#999; }


/* GOOGLE RESULT SNIPPET */
.google-result { border-top:1px solid #eee; background:none; }
.google-result-tooltip { float:right; font-style:italic; color:#aaa; font-size:12px; }
.google-result-content { font-family:arial, sans-serif; max-width:600px; }
.google-result-title {  font-size:18px; color:#1a0dab; line-height:22px; }
.google-result-url { font-size:14px; line-height:20px; }
.google-result .google-result-url a { color:#006621; }
.google-result .google-result-url a:hover { text-decoration:underline; }
.google-result-description { font-size:14px; color:#545454; line-height:18px; }


/* BILLING */
.billing-plan { display:block; padding:20px; border-top:2px solid #eee; cursor:pointer; }
.billing-plan:first-child { border-top:none; }
.billing-plan-selected { background:#f2ffdd; }
.billing-plan-selected .billing-plan-name { color:#6b2; }
.billing-plan-name { line-height:1.2; font-size:26px; margin-bottom:10px; font-weight:bold; }
.billing-plan-price { text-align:right; float:right; font-size:24px; }
.billing-plan-price-desc { font-size:14px; font-style:italic; }
.billing-plan-item { font-style:italic; color:#999; }


.toolbar { float:right; margin:10px 0 20px; }
/*.toolbar > * { float:left; margin:0 0 10px 10px; }*/
.toolbar .toolbar-left { float:none; }
.toolbar .toolbar-right { float:none; }
.toolbar:after { content:' '; display:block; clear:both; width:100%; height:0; }
/* Actions */
.toolbar-actions { display:inline-block; position:relative; margin:0 0 10px 10px; background:#fff; color:#666; border:2px solid #ccc; border-radius:3px; letter-spacing:1px; }
/*.toolbar-actions { display:inline-block; vertical-align:middle; font-size:1em; text-align:center; color:#666; padding:15px 24px; line-height:1; font-weight:bold; border:2px solid #ccc; margin:0px 2px 0 0; border-radius:40px; cursor:pointer; background:#fff;  }*/
.toolbar-actions-dropdown { position:relative; float:left; border-left:1px solid #eee; padding:0; }
.toolbar-actions-dropdown:first-child { border-left:none; }
.toolbar-actions-title { padding:13px 30px 12px; font-weight:bold; }
.toolbar-actions-small .toolbar-actions-title { padding:5px 20px 5px; }
.toolbar-actions-open .toolbar-actions-title:before,
.toolbar-actions-open .toolbar-actions-title { color:#7c3; }
/* List */
.toolbar-actions-list { position:absolute; visibility:hidden; opacity:0; left:-2px; font-weight:normal; width:250px; top:100%; margin:10px 0 0; z-index:99; transition:0.2s all; transition-delay:0s; }
.toolbar-actions-list-body { position:relative; background:#fff; border:2px solid #ccc; margin:0 0; border-radius:3px; box-shadow:0 8px 20px -4px rgba(0,0,0,0.2); transition:0.2s all; }
.toolbar-actions-dropdown:hover .toolbar-actions-list,
.toolbar-actions-open .toolbar-actions-list { display:block; visibility:visible; opacity:1; margin-top:0; transition-delay:0s; }
/* First item to the right */
.toolbar-actions-dropdown:first-child .toolbar-actions-list { left:-2px; right:auto; }
@media only screen and (min-width:800px){
	.toolbar-actions-dropdown:last-child .toolbar-actions-list { left:auto; right:-2px; }
}
/* Last item to the left */
/* Single links inside dropdown */
.toolbar-action { display:block; position:relative; float:none; padding:10px 20px; text-align:left; border-top:1px solid #eee; font-size:14px; letter-spacing:1px; line-height:20px; cursor:pointer; }
.toolbar-action button { display:block; padding:10px 20px; background:none; letter-spacing:1px; text-transform:none; text-align:left; font-weight:normal; line-height:20px; font-size:14px; border:none; border-top:1px solid #eee; cursor:pointer; }
.toolbar-action button:hover { background:none; }
.toolbar-action-form button { font-family:'Montserrat', Arial, sans serif; background-color:transparent; width:100%; border-width: 1px 0 0 0; }
.toolbar-action-form button,
.toolbar-action-form button:visited { color:#08c; }
.toolbar-action-form button:hover { color:#2ce; }
.toolbar-action-form button.toolbar-action-important { color:#f33; }
.toolbar-action-form button.toolbar-action-important:hover { color:#f02; }
.toolbar-action:first-child { border-top:none; }
.toolbar-action-icon { display:block; font-family:'linearicons'; font-weight:normal; margin:0 auto 5px; width:18px; line-height:18px; font-size:18px; padding-right:5px; float:left; }
/* Language Switcher */
.toolbar-language .toolbar-actions-title,
.toolbar-action.toolbar-language { padding-left:60px; }
.toolbar-actions .toolbar-language-icon { position:absolute; width:32px; height:32px; left:15px; top:50%; margin:-16px 0 0; }
/* Icons */
.toolbar-actions-title:after { font-weight:normal; display:inline-block; font-family:'fontawesome'; font-size:0.8em; content:'\f078'; margin:0 0 0 14px; color:#ddd; transform:translateY(-1px); }


/* ACTION DROPDOWNS */
.action-dropdown {}
.action-dropdown-list { visibility:hidden; opacity:0; }



/* INVOICES */
.total { float:right; }
.total-field { float:left; margin-left:40px; }
.total-field .total-title { color:#aaa; text-transform:uppercase; font-size:0.8em; }
.total-field .total-amount { font-size:2em; line-height:1; }
.total-field .total-highlight { font-weight:bold; }
.total-field .total-coin { font-size:0.7em; }


/* NUMBER COUNTERS */
.counter { display:block; color:inherit; position:relative; text-align:left; padding:20px; }
a.counter:hover { text-decoration:none; background:rgba(0,0,0,0.04); }
.counter-title { line-height:1; color:#ccc; font-size:14px; margin:10px 0 0; }
.counter-value { line-height:1; font-size:36px; font-weight:bold; color:#666; }
.counter-unit { font-size:0.7em; }
.counter-value:before { font-family:'linearicons'; font-weight:normal; margin-right:10px; color:#aaa; }
/* Counter sizes */
.counter-display-inline { display:inline-block; padding:0; }
/* Counter sizes */
.counter-size-small .counter-title { font-size:12px; margin:5px 0 0; }
.counter-size-small .counter-value { font-size:20px; }
.counter-size-medium .counter-title { font-size:16px; margin:5px 0 0; }
.counter-size-medium .counter-value { font-size:42px; }


/* LIST OF COUNTERS */

.counters { gap: 15px 30px; display:flex; justify-content:flex-start; flex-wrap:wrap; text-align:left; padding:0; }
.counters + .counters { margin-top:20px; }
.counters::-webkit-scrollbar { display:none; }
.counters-counter { display:inline-block; font-size:18px; flex-grow:0; margin:0; line-height:1; color:inherit; position:relative; text-align:left; }
.counters-counter:last-child { margin-right:0; }
a.counters-counter:hover { text-decoration:none; background:rgba(0,0,0,0.04); }
.counters-counter-title { color:#999; font-size:12px; margin:5px 0 0; }
.counters-counter-value { font-size:1em; color:#666; }
.counters-counter-unit { font-size:0.7em; }
/* Size */
.counters-size-medium .counters-counter { font-size:24px; }
.counters-size-large .counters-counter { font-size:32px; }
/* Align */
.counters-align-right { text-align:right; justify-content:flex-end; }
.counters-align-right .counters-counter { text-align:right; margin:0; }
.counters-align-right .counters-counter:first-child { margin-left:0; }
@media screen and (max-width: 600px){
	.counters { gap:20px; text-align:left; flex-wrap:wrap; }
	.counters-counter-title { color:#999; font-size:11px; margin:5px 0 0; }
	.counters-counter-value { font-size:15px; color:#666; }
}



/* ICON BLOCKS */
.blurb { position:relative; margin:0 0 30px; }
.blurb-body { overflow:hidden; }
.blurb-has-icon .blurb-body { margin-left:55px; }
.blurb-icon { float:left; font-family:'linearicons'; color:#bbb; text-align:center; font-size:36px; line-height:36px; height:36px; width:36px; }
.blurb-title { font-size:18px; font-weight:bold; margin:0 0 4px; }
.blurb-content {  }


/* ICON LINKS - Square links with icon and description */
body .icon-link { display:block; position:relative; margin:0; padding:20px 5px; line-height:1; color:inherit; text-align:center; border-radius:3px; background:rgba(0,0,0,0.03); }
body .icon-link:hover { background:#fff; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.03) }
.icon-link-icon { font-family:'fontawesome'; color:#bbb; margin:0 0 10px; text-align:center; font-size:24px; line-height:24px; height:24px; }
.icon-link-title { font-size:14px; font-weight:normal; margin:0; }
.icon-link-content {  }


.infobox { font-style:italic; position:relative; color:#999; margin:0 0 20px; padding:0 0; }


.component {}
.component form { transition:0.2s opacity; }
.component-loading form { opacity:0.3; pointer-events:none; cursor:wait; }



/* TASKLISTS */
.tasklists { position:relative; }
.tasklist { display:block; position:relative; margin:0; border-top:1px solid #eee; transition:0.3s background; }
.tasklist:last-child { border-bottom:1px solid #eee; }
.tasklist-placeholder { padding:15px 20px 15px; }
/* Heading of tasklist */
.tasklist-heading { position:relative; padding:0; vertical-align:middle; }
.tasklist-heading:before { float:left; display:block; content:'\f00c'; font-family:'fontawesome'; border:3px solid #ddd; font-size:14px; margin:4px 10px 0 0; color:#fff; background:#fff; width:26px; height:26px; line-height:28px; text-align:center; border-radius:4px; }
.tasklist-completed .tasklist-heading:before { background:#6e4; border-color:#6e4; }
.tasklist-heading:after { clear:both; width:100%; content:' '; display:block; height:0; }
.tasklist-heading-body { float:left; position:relative; line-height:1.5; padding:0; }
.tasklist-heading-open { cursor:pointer; }
.tasklist-title { font-weight:bold; }
.tasklist-status { float:left; width:24px; height:24px; }
.tasklist-status-toggle { position:relative; display:block; width:18px; height:18px; border:2px solid #ddd; background:#fff; border-radius:4px; text-align:center; }
.tasklist-meta { float:right; margin:0 0 0; width:auto; position:relative; }
.tasklist-meta-item { float:left; margin:0 0 0 18px; }
.tasklist-meta-item:first-child { margin:0; }
.tasklist-actions { float:right; margin:0 0; width:auto; position:relative; }
/**.tasklist-assigned { margin:5px 0 0; border-radius:50px; width:30px; height:30px; box-shadow:0 0 0 2px rgba(0,0,0,0.1); }**/

.tasklist-assigned img { display:block; border-radius:50px; width:100%; height:auto; }
.tasklist-created { color:#999; max-width:200px; }
.tasklist-date-today { color:#fa0; }
.tasklist-date-past { color:#f44; }
.tasklist-toolbar { text-align:right; }
/* TASKS */
.tasklists { position:relative; }
.tasklists-placeholder { padding:15px; }
.tasklist:after { display:block; content:' '; height:0; clear:both; width:100%; }
.tasklist:last-child { }
.tasklist-placeholder { padding:15px 20px 15px; }
/* Heading of tasklist */
.tasklist-meta { float:right; margin:0px 0 0; width:auto; position:relative; }
.tasklist-meta-item { float:left; margin:0 0 0 18px; }
.tasklist-meta-item:first-child { margin:0; }
.tasklist-actions { margin-top:-3px; }
.tasklist-edit { margin:0 0 20px; }
/* Tasks */
.tasks { position:relative; }
.tasks-placeholder { padding:15px; }
.tasklist { padding:5px 0; }
.tasklist-create { margin:10px 0 0; }
.tasklist-tasks { padding:0 0 5px; }

.tasklist-body { margin:5px 0 0; }
.tasklist-collapsed .tasklist-body { display:none; }

/* Reorder as soon as they are completed
.tasks-list { display:flex; flex-direction:column; position:relative; }
.tasks-list > .task { flex-grow:1; order:1; }
.tasks-list > .task.task-completed { order:2; }*/
.task { display:block; position:relative; margin:0; padding:0; border-bottom:0px solid #eee; transition:0.3s all; }
.task:after { display:block; content:' '; height:0; clear:both; width:100%; }
.task:last-child { }
.task-placeholder { padding:15px 20px 15px; }
/* Heading of task */
.task-heading { padding:8px 0 8px 0; }
.task-meta { float:right; margin:0px 0 0; width:auto; position:relative; }
.task-meta-item { float:left; margin:0 0 0 18px; }
.task-meta-item:first-child { margin:0; }
.task-actions { margin-top:-3px; }
.task-edit { margin:10px 0; }
/* Specific meta items */
.task-toggle { float:left; cursor:pointer; position:relative; width:20px; height:20px; border-radius:3px; border:2px solid #ddd; margin:0; z-index:99; text-align:center; line-height:20px; color:#eee; font-size:14px; transition:0.4s all; }
.task-completed .task-toggle { background:#6e4; border:2px solid #6e4; background:#888; border:2px solid #888; }
.task-completed .task-toggle:before { display:block; font-family:fontawesome; content:'\f00c'; color:#fff; }
.task-title { display:inline-block; position:relative; line-height:1.5; padding:1px 0 0 10px; cursor:pointer; }
.task-title:hover { text-decoration:underline; }
.task-completed .task-title { text-decoration:line-through; color:#aaa; }
/* Tasklist Statuses */
.tasklist-create,
.tasklist-status-create .tasklist-create-button { display:none; }
.tasklist-status-create .tasklist-create { display:block; }
.tasklist-create-button { margin-left:34px; }
/* Task Statuses */
.task-edit,
.task-completed,
.task-fulfill,
.task-status-edit .task-body,
.task-status-fulfill .task-body { display:none; }
.tasklist-show-completed .task,
.task-status-edit .task-edit,
.task-status-fulfill .task-fulfill { display:block; }
/* TASK CREATE FORM */
.task-create { border-bottom:1px solid #f5f5f5; }
.task-create-types { overflow:hidden; padding:0; margin:0; border-bottom:1px solid #eee;  }
.task-create-form { display:block; }
.task-create-body { display:none; }
.task-create-body-content { padding:20px; }
.task-create-content { height:40px; line-height:40px; margin-right:180px; }
.task-create .task-create-title-input { height:40px; line-height:40px; padding:0 15px; }
.task-create .task-create-date-input { float:right; height:40px; line-height:40px; width:120px; padding:0 15px; margin:0 10px 0 0; }




/* ACTIVITIES */
.activities { position:relative; }
.activities-list { position:relative; }
.activity { display:block; position:relative; margin:0; padding:0; border-bottom:1px solid #eee; transition:0.3s background; }
.activity:last-child { }
.activity-placeholder { padding:15px 20px 15px; }
/* Heading of Activity */
.activity-heading { position:relative; padding:15px 20px; }
.activity-heading:before { position:absolute; display:block; content:'\f249'; font-family:'fontawesome'; font-size:14px; left:20px; top:20px; margin:0; color:#fff; background:#888; width:32px; height:32px; line-height:32px; text-align:center; border-radius:4px; }
.activity-heading:after { clear:both; width:100%; content:' '; display:block; height:0; }
.activity-heading-body { float:left; position:relative; line-height:1.5; padding:0 0 0 50px; }
.activity-heading-open { cursor:pointer; }
.activity-status { float:left; width:24px; height:24px; }
.activity-status-toggle { position:relative; display:block; width:18px; height:18px; border:2px solid #ddd; background:#fff; border-radius:4px; text-align:center; }
.activity-image { float:left; width:40px; margin:5px 0 0; }
.activity-image img { display:block; width:100%; border-radius:100px; }
.activity-meta { float:right; margin:0 0 0; width:auto; position:relative; }
.activity-meta-item { float:left; margin:0 0 0 18px; }
.activity-meta-item:first-child { margin:0; }
.activity-actions { float:right; margin:6px 0 0; width:auto; position:relative; }
/**.activity-assigned { margin:5px 0 0; border-radius:50px; width:30px; height:30px; box-shadow:0 0 0 2px rgba(0,0,0,0.1); }**/
.activity-assigned { line-height:40px; }
.activity-assigned img { display:block; border-radius:50px; width:100%; height:auto; }
.activity-created { color:#999; max-width:400px; }
.activity-date { line-height:40px; }
.activity-date-today { color:#fa0; }
.activity-date-past { color:#f44; }
.activity-toolbar { text-align:right; }

/* Body of Activity */
/*.activity-body { display:none; padding:0; }*/
.activity-body { display:block; padding:0 20px 20px; }
.activity-body p:last-child { margin-bottom:0; }
/* Types of Activity */
.activity-log .activity-heading:before { content:'\f303'; background:#888; }
.activity-note .activity-heading:before { content:'\f249'; background:#ffc600; }
.activity-dossier .activity-heading:before { content:'\f200'; background:#fa9358; }
.activity-issue .activity-heading:before { content:'\f071'; background:#ff6666; }
.activity-tasklist .activity-heading:before { content:'\f00c'; background:#ff5696; }
.activity-event .activity-heading:before { content:'\f133'; background:#60a5da; }
.activity-call .activity-heading:before { content:'\f095'; background:#ae7; }
.activity-meeting .activity-heading:before { content:'\f007'; background:#d273ec; }
.activity-email .activity-heading:before { content:'\f0e0'; background:#ec56c7; }
.activity-response .activity-heading:before { content:'\f075'; background:#fa9358; }


/* Email activities */
.activity-email-status { margin-top:5px; }
.activity-email-status:before { font-family:'fontawesome'; font-size:20px; content:'\f017'; color:#bbb; }
.activity-email-status-unopened:before { content:'\f00c'; color:#7c3; }
.activity-email-status-error:before { content:'\f071'; color:#f90; }
.activity-email-status-opened:before { content:'\f560'; color:#5AC7E8; }

/* Log activities */
.activity-type-log .activity-title-user { font-weight:bold; }
.activity-type-log .activity-title-item { background:#eee; border-radius:2px; padding:0 5px; }
.activity-type-log .activity-title-value { background:#eee; border-radius:2px; padding:0 5px; }

/* Activity Statuses */
.activity-edit,
.activity-fulfill,
.activity-status-edit .activity-body,
.activity-status-fulfill .activity-body { display:none; }
.activity-status-edit .activity-edit,
.activity-status-fulfill .activity-fulfill { display:block; }


/* Activity Open */
.activity-open .activity-title:before,
.activity-open .activity-title,
.activity-open .activity-type { }
/* Activity Done */
.activity-done .activity-status-toggle { border:2px solid #fff; }
.activity-done .activity-status-toggle:before { position:absolute; display:block; content:'\f058'; font-family:'fontawesome'; font-size:18px; left:50%; top:50%; margin:-20px 0 0 -20px; color:#7c3; width:40px; height:40px; line-height:40px; text-align:center; }
.activity-done .activity-title { color:#aaa; text-decoration:line-through; }
.activity-done .activity-title:before { color:#bbb; }


/* ACTIVITY CREATE */
.activity-create { border-bottom:1px solid #f5f5f5; }
.activity-create-types { overflow:hidden; padding:0; margin:0; border-bottom:1px solid #eee;  }
.activity-create-type { display:block; float:left; overflow:hidden; box-sizing:border-box; }
.activity-create-type span { position:relative; display:block; padding:20px 20px 14px 40px; border-bottom:4px solid #fff; cursor:pointer; }
.activity-create-type-active span { border-bottom:4px solid #6b2; }
.activity-create-type span:before { display:block; position:absolute; top:53%; color:#bbb; left:15px; width:24px; line-height:24px; height:24px; margin:-11px 0 0; font-weight:normal; content:'\f1d8'; font-family:'fontawesome'; font-size:16px; }
.activity-create-type-active span:before { color:#6b2; }
.activity-create-type-tasklist span:before { content:'\e87f'; }
.activity-create-type-note span:before { content:'\f249'; }
.activity-create-type-issue span:before { content:'\e87c'; }
.activity-create-type-event span:before { content:'\f133'; }
.activity-create-type-showing span:before { content:'\e800'; }
.activity-create-type-meeting span:before { content:'\f007'; }
.activity-create-type-dossier span:before { content:'\e842'; }
.activity-create-type-call span:before { content:'\f095'; }
.activity-create-type-message span:before { content:'\f075'; }
.activity-create-type-response span:before { content:'\e83f'; }

.activity-create-type:first-child { border-left:none; }
.activity-create-type input { display:inline-block; width:15px; }
.activity-create-form { display:block; }
.activity-create-body { display:none; }
.activity-create-body-content { padding:20px; }
.activity-create-content { height:40px; line-height:40px; margin-right:180px; }
.activity-create .activity-create-title-input { height:40px; line-height:40px; padding:0 15px; }
.activity-create .activity-create-date-input { float:right; height:40px; line-height:40px; width:120px; padding:0 15px; margin:0 10px 0 0; }
.activity-create-submit { position:relative; float:right; height:40px; width:40px; border-radius:3px; border:none; padding:0; margin:0; background:#6b2; cursor:pointer; }
.activity-create-submit:hover { background:#7c3; }
.activity-create-submit:before { position:absolute; display:block; content:'\f1d8'; font-family:'fontawesome'; font-size:14px; left:49%; top:50%; margin:-20px 0 0 -20px; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; }
/* Sending Message */
.activity-create-sending { opacity:0.5; pointer-events:none; }
.activity-create-sending .activity-create-submit:before { content:'\f141'; }


/* ITEM PREVIEW */
/* A title, subtitle and content with an image to the left */
/* Used for contacts, row titles, product listings */
.item-preview { position:relative; display:inline-block; vertical-align:top; margin:0; max-width:450px; }
.item-preview-large { max-width:none; }
.item-preview-layout-left { margin:0 30px 20px 0; }
.item-preview:after { clear:both; content:' '; width:100%; height:0; display:block; }
.item-preview-image { position:absolute; left:0; top:50%; width:30px; height:30px; line-height:30px; font-size:16px; border-radius:3px; margin:-15px 0 0; background:#fff; text-align:center; color:#666; overflow:hidden; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1); }
.item-preview-image img { display:block; width:100%; }
.item-preview-image-round img { border-radius:100px; }
.item-preview-body { margin:0 0 0 45px; font-size:0.9em; }
.item-preview-title { margin:0 0 0; line-height:1.3; }
.item-preview-subtitle { font-size:0.8em;  }
.item-preview-content {  }
@media screen and (max-width:600px){
	.item-preview { max-width:none; }
}



/* CALENDAR */
.contract { }
.contract .contract-input-field { display:inline-block; width:auto; border:1px solid #ff9900; padding:2px 5px; background:#fec; color:#aa5500; font-weight:bold; }


/* NAVIGATION MENUS UI */
.nav-item { position:relative; padding:0 0 0 50px; margin:0 0 10px; background:#f2f2f2; border-radius:3px; cursor:move; transition:0.3s transform; }
.nav-item.ui-sortable-helper { transform:rotate(4deg); box-shadow:0 0 3px 0 rgba(0,0,0,0.2); }
.nav-item:before { position:absolute; display:block; content:'\f0c9'; font-family:'fontawesome'; font-size:24px; left:10px; top:50%; margin:-15px 0 0; color:#ddd; width:30px; height:30px; line-height:30px; text-align:center; }
.nav-item-body { position:relative; padding:10px; margin-right:110px; }
.nav-item .nav-item-title { font-weight:bold; max-width:400px; padding:0; font-size:16px; margin:0 0 0; }
.nav-item .nav-item-subtitle { opacity:0.6; }
.nav-item .nav-item-url { max-width:400px; padding:0; font-size:14px; margin:0; }
.nav-item .nav-item-fields { display:none; cursor:default; }
.nav-item .nav-item-field-title { display:block; background:#fff; border:none; font-weight:bold; max-width:400px; font-size:18px;padding:10px; margin:0 0 5px; border-radius:3px; }
.nav-item .nav-item-field-url { display:block; background:#fff; border:none; max-width:400px; font-size:14px; margin:0 0 10px; padding:10px; border-radius:3px; }
/* Editing */
.nav-item-editing .nav-item-fields { display:block; }
.nav-item-editing .nav-item-details { display:none; }
/* Actions */
.nav-item-actions { float:right; padding:15px 15px 15px 10px; opacity:0; transition:0.2s all; }
.nav-item-action { float:left; text-align:center; padding:0; margin:0 0 0 5px; background:#aaa; color:#fff; width:26px; height:26px; line-height:26px; font-size:14px; cursor:pointer; border-radius:50px; }
.nav-item-delete { background:#e77;	 }
.nav-item-top .nav-item-outdent,
.nav-item-bottom .nav-item-indent { opacity:0.3; }
.nav-item-indent:before { content:'\f03c'; font-family:'fontawesome'; }
.nav-item-outdent:before { content:'\f03b'; font-family:'fontawesome'; }
.nav-item-edit:before { content:'\f013'; font-family:'fontawesome'; }
.nav-item-delete:before { content:'\f00d'; font-family:'fontawesome'; }
.nav-item:hover .nav-item-actions,
.nav-item-open .nav-item-actions { opacity:1; }


/* NAVIGATION MENUS */
.nav-page-list { overflow:auto; max-height:400px; background:#fafafa; }
.nav-custom,
.nav-page { position:relative; border-bottom:1px solid #eee; padding:8px 20px; margin:0; background:#fff; font-size:12px; }
.nav-page-add { display:block; float:right; opacity:0; cursor:pointer; text-transform:uppercase; font-weight:bold; }
.nav-page:hover .nav-page-add { opacity:1; }
.nav-page-title { font-weight:bold; }
.nav-page-subtitle { text-transform:uppercase; opacity:0.6; font-size:10px; }
/* Custom Links */
.nav-custom { padding:12px 20px; border-top:1px solid #eee; font-size:14px; }
.nav-custom-add:before { content:'\f0c1'; font-family:'fontawesome'; margin-right:6px; color:#999; }


/* MAP FIELD */
.map { width:100%; height:400px; margin-bottom:-400px; position:relative; background-color:#eee; overflow:hidden; }
.map-overlay { width:100%; max-width:100%; height:400px; position:relative; pointer-events:none; }
.map iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }
.map img { max-width:none; }


/* PROFILE PAGE */
.profile { overflow:hidden; position:relative; margin:0 0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.profile .image { display:block; float:left; margin-right:30px; width:150px; border-radius:5px; }
.profile .title { margin:0 0 10px; }
.profile .content { }
.profile .meta { margin:0 0 10px; font-size:1.3em; }
.profile .field { margin:0 0 10px; }
.profile .utility { display:none; margin:10px 0 0; text-align:right; color:#999; }

.text-error { color:#f66; }
.text-error:before { content:'\f057 '; font-family:'fontawesome'; }
.text-warning { color:#fa0; }
.text-warning:before { content:'\f06a '; font-family:'fontawesome'; }

/* NUMBERED POST NAVIGATION */
.pagination { float:left; overflow:hidden; }
.pagination .page { display:inline-block; cursor:pointer; font-weight:bold; margin:0 0; color:inherit; padding:8px 12px; text-align:center; border-radius:3px; }
.pagination .page-current { background:#ddd; }
.pagination a:hover { color:#888; text-decoration:none; }

.pagination-ordering { float:right; }
.pagination-ordering-title { line-height:30px; }
.pagination-ordering-item { float:left; margin:0 0 0 10px; }





/* SELECT2 */
.select2-container { box-sizing:border-box; display:inline-block; margin:0; position:relative; vertical-align:middle; }
.select2-container li { list-style:none; margin:0; }
.select2-container .select2-selection--single { box-sizing:border-box; cursor:pointer; display:block; min-height:30px; user-select:none; -webkit-user-select:none }
.select2-container .select2-selection--single .select2-selection__rendered { display:block; padding-left:8px; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.select2-container .select2-selection--single .select2-selection__clear { position:relative }
.select2-container .select2-selection--multiple { box-sizing:border-box; cursor:pointer; display:block; min-height:32px; user-select:none; -webkit-user-select:none }
.select2-container .select2-selection--multiple .select2-selection__rendered { display:inline-block; overflow:hidden; padding-left:8px; text-overflow:ellipsis; white-space:nowrap }
.select2-container .select2-search--inline { float:left }
.select2-container .select2-search--inline .select2-search__field { box-sizing:border-box; border:none; font-size:100%; margin-top:5px; padding:0 }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none }
.select2-dropdown { background-color:white; border:1px solid #aaa; border-radius:4px; box-sizing:border-box; display:block; position:absolute; left:-100000px; width:100%; z-index:1051 }
.select2-results { display:block }
.select2-results__options { list-style:none; margin:0; padding:0 }
.select2-results__option { padding:6px; user-select:none; -webkit-user-select:none; list-style:none; margin:0; }
.select2-results__option[aria-selected] { cursor:pointer }
.select2-container--open .select2-dropdown { left:0 }
.select2-container--open .select2-dropdown--above { border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0 }
.select2-container--open .select2-dropdown--below { border-top:none; border-top-left-radius:0; border-top-right-radius:0 }
.select2-search--dropdown { display:block; padding:4px }
.select2-search--dropdown .select2-search__field { padding:4px; width:100%; box-sizing:border-box }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none }
.select2-search--dropdown.select2-search--hide { display:none }
.select2-close-mask { border:0; margin:0; padding:0; display:block; position:fixed; left:0; top:0; min-height:100%; min-width:100%; height:auto; width:auto; opacity:0; z-index:99; background-color:#fff; filter:alpha(opacity=0) }
.select2-hidden-accessible { border:0 !important; clip:rect(0 0 0 0) !important; height:1px !important; margin:-1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; width:1px !important }
.select2-container--default .select2-selection--single { background-color:#fff; border:1px solid #ddd; border-radius:2px }
.select2-container--default .select2-selection--single .select2-selection__rendered { color:#444; line-height:30px }
.select2-container--default .select2-selection--single .select2-selection__clear { cursor:pointer; float:right; font-weight:bold }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color:#999 }
.select2-container--default .select2-selection--single .select2-selection__arrow { height:26px; position:absolute; top:1px; right:1px; width:20px }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color:#888 transparent transparent transparent; border-style:solid; border-width:5px 4px 0 4px; height:0; left:50%; margin-left:-4px; margin-top:-2px; position:absolute; top:50%; width:0 }
.select2-container--default.select2-container--disabled .select2-selection--single { background-color:#eee; cursor:default }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display:none }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color:transparent transparent #888 transparent; border-width:0 4px 5px 4px }
.select2-container--default .select2-selection--multiple { background-color:white; border:1px solid #ddd; border-radius:2px; cursor:text }
.select2-container--default .select2-selection--multiple:hover { border:1px solid #bbb; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing:border-box; list-style:none; margin:0; padding:0 5px; width:100% }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style:none }
.select2-container--default .select2-selection--multiple .select2-selection__placeholder { color:#999; margin-top:5px; float:left }
.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor:pointer; float:right; font-weight:bold; margin-top:5px; margin-right:10px }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:#eee; color:#999; border:none; border-radius:2px; cursor:default; float:left; margin:5px 5px 0 0; padding:1px 5px }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color:#999; cursor:pointer; display:inline-block; font-weight:bold; margin-right:2px }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color:#333 }
.select2-container--default.select2-container--focus .select2-selection--multiple { border:1px solid #2ac; box-shadow:0 0 4px 1px #4cf; outline:0 }
.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color:#eee; cursor:default }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display:none }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius:0; border-top-right-radius:0 }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius:0; border-bottom-right-radius:0 }
.select2-container--default .select2-search--dropdown .select2-search__field { border:1px solid #aaa }
.select2-container--default .select2-search--inline .select2-search__field { background:transparent; border:none; outline:0; box-shadow:none; -webkit-appearance:textfield }
.select2-container--default .select2-results>.select2-results__options { max-height:200px; overflow-y:auto }
.select2-container--default .select2-results__option[role=group] { padding:0 }
.select2-container--default .select2-results__option[aria-disabled=true] { color:#999 }
.select2-container--default .select2-results__option[aria-selected=true] { background-color:#ddd }
.select2-container--default .select2-results__option .select2-results__option { padding-left:1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left:0 }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left:-1em; padding-left:2em }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-2em; padding-left:3em }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-3em; padding-left:4em }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-4em; padding-left:5em }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-5em; padding-left:6em }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color:#5897fb; color:white }
.select2-container--default .select2-results__group { cursor:default; display:block; padding:6px }


/* MEDIA POPUP */
.media { display:none; position:fixed; top:0; width:100%; height:100%; left:0; background:rgba(0,0,0,0.6); z-index:999999; }
.media.media-active { display:block; }
.media-wrap { padding:20px; position:absolute; background:#fff; top:20px; bottom:20px; right:20px; left:20px; border-radius:3px; box-sizing:border-box; }

.media-title { padding:0; font-size:16px; height:50px; box-sizing:border-box; }
.media-title-tab { display:inline-block; margin-right:20px; cursor:pointer; }
.media-title .media-title-tab-active { color:inherit; }

.media-body-wrap { position:absolute; overflow:hidden; top:50px; bottom:0; left:0; right:0; box-sizing:border-box; }
.media-body { position:absolute; overflow:auto; top:0; bottom:0; left:0; right:450px; box-sizing:border-box; padding:20px; }
.media-items { overflow:hidden; }
.media-meta { padding:20px 10px; text-align:center; }
/* Media items */
.media-item { position:relative; border:2px solid #eee; float:left; margin:0 10px 10px 0; width:150px; background:#eee; background-position:center; background-size:cover; border-radius:3px; box-sizing:border-box; cursor:pointer; overflow: hidden; }
.media-item .media-item-preview { position:relative; border:2px solid #eee; height:80px; background:#eee; background-position:center; background-size:cover; border-radius: 3px; }
.media-item .media-item-body { padding:10px 12px; line-height: 1.2; }
.media-item .media-item-title { white-space:nowrap; overflow: hidden; font-size:14px; text-overflow:ellipsis; }
.media-item .media-item-subtitle { white-space:nowrap; overflow: hidden; font-size:12px; opacity:0.6; text-overflow:ellipsis; }
.media-item-file:after { position:absolute; float:left; width:60px; height:60px; line-height:60px; left:50%; top:50%; font-size:48px; text-align:center; margin:-30px 0 0 -30px; opacity:0.1; color:#000; font-family:'fontawesome'; content:'\f15b'; }
.media-item:before { content:' '; position:absolute; top:0; left:0; right:0; bottom:0; }
.media-item.media-item-selected { border:2px solid #6b2; }
/* Uploading placeholder */
.media-item-placeholder { pointer-events:none; }
.media-item-placeholder:before { display:block; position:absolute; text-align:center; top:50%; left:50%; margin:-25px 0 0 -25px; width:50px; height:50px; line-height:50px; font-size:50px; color:#f90; font-family:'fontawesome'; content:'\f1ce'; animation-name: media-item-placeholder-spin; animation-duration:2s; animation-iteration-count: infinite; animation-timing-function: linear; }
.media-item-placeholder-error:before { content:'\f00d'; color:#f66; animation:none; }
@keyframes media-item-placeholder-spin {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
/* Close Button */
.media-close { float:right; font-family:'fontawesome'; font-size:32px; text-align:right; margin:0; width:32px; height:32px; line-height:28px; cursor:pointer; }
.media-close:before { content:'\f00d'; }
/* Search */
.media .media-search-input { width:400px; }
/* Details pane */
.media-pane { display:none; position:absolute; overflow:auto; top:50px; bottom:0; right:0; width:450px; box-sizing:border-box; }
.media-details { padding:0; }
.media-details-body { padding:20px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; max-height:calc(100% - 80px); }
.media-details-preview { width:100%; overflow:hidden; }
.media-details-image { padding:70% 0 0; background:no-repeat center; background-size:contain; }
.media-details-placeholder { position:relative; background:#eee; border-radius:3px; padding:70% 0 0; }
.media-details-placeholder:after { position:absolute; float:left; width:60px; height:60px; line-height:60px; left:50%; top:50%; font-size:48px; text-align:center; margin:-30px 0 0 -30px; opacity:0.1; color:#000; font-family:'fontawesome'; content:'\f15b'; }
.media-info { padding:20px 0 0; overflow:hidden; }
.media-info-title { font-weight:bold; margin:0; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.media .media-info-delete { color:#f66; }
.media-options { position:absolute; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; }
/* Multiselect pane */
.media-multiselect { padding:15px; display:none; }
.media-selected { display:block; float:left; width:90px; max-width:28%; height:auto; margin:5px; border-radius:3px; }
.media-multiselect-message { margin-left:20px; font-style:italic; color:#999; font-size:16px; font-weight:300; }
.media-has-multiselect .media-multiselect-message { display:inline; }
/* Blank pane */
.media-blank { display:block; padding:300px 30px 0; text-align:center; font-size:16px; box-sizing:border-box; }
.media-blank-content { margin:0 0 30px; }
.media-blank-content:before { content:'\f382'; font-family:'fontawesome'; display:block; margin:0 auto 30px; color:#000; opacity:0.1; font-size:58px; line-height:1; margin:0 0 20px; }
/* Upload drag & drop */
.media-upload { opacity:0; visibility:hidden; position:absolute; background:rgba(255,255,255,0.8); color:#666; top:0; bottom:0; right:0; left:0; }
.media-upload.media-upload-active { opacity:1; visibility:visible; }
.media-upload-label { position:absolute; top:46%; left:0; width:100%; text-align:center; font-size:32px; cursor:pointer; }
.media-upload-file,
.media-upload-submit { visibility:hidden; }
/* Media page (no popup) */
.media.media-static { display:block; position:static; }
.media.media-static .media-wrap  { position:relative; top:auto; left:auto; right:auto; bottom:auto; }
.media.media-static .media-body { position:static; width:auto; margin-right:350px; }
.media.media-static .media-details { width:350px; }
.media.media-static .media-details-preview { padding:0 0 0 20px; box-sizing:border-box; }
.media.media-static .media-details-preview img { border-radius:3px; }
.media.media-static .media-options { position:static; }

.media-browse {}
.media-browse-form { margin:0 0 20px;}
.media-browse-item { position:relative; float:left; margin:0 10px 10px 0; width:160px; height:120px; background:#ddd; background-position:center; background-size:cover; border-radius:3px; box-sizing:border-box; cursor:pointer; }


/* UPDATE NOTICES */
.notice-background { position:fixed; display:block; visibility:hidden; opacity:0; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:999; transition:0.2s all; }
.notice-body { position:fixed; left:50%; top:50%; margin:-250px 0 0 -250px; visibility:hidden; opacity:0; width:500px; background:#fff; padding:30px; border-radius:6px; z-index:1000; box-shadow:0 2px 15px 0 rgba(0,0,0,0.2); transition:0.5s cubic-bezier(.17,1.11,.75,1.05); box-sizing:border-box; transform:scale(0.2); transform-origin:bottom; }
.notice-title { font-size:24px; font-weight:bold; margin:0 0 20px; }
.notice-content { font-size:18px; margin:0 0 30px; }
.notice-content:after { clear:both; display:block; width:100%; height:0; content:' '; }
/* Display Notices */
.notice-open .notice-body { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
.notice-open .notice-background { visibility:visible; opacity:1; transition-delay:initial; transform:none; }
@media screen and (max-width:600px) {
	.notice-body { padding:20px; left:40px; top:60px; right:40px; width:auto; margin:0; }
	.notice-title { font-size:18px; }
	.notice-content { font-size:14px; }
}


/* MODAL POPUPS */
.popup { position:fixed; top:0; width:100%; height:100%; left:0; visibility:hidden; opacity:0; transition:0.2s all; background:rgba(0,0,0,0.6); z-index:999; }
.popup-active .popup { visibility:visible; opacity:1; }
body.popup-active { overflow:hidden; }
.popup-active .outer { pointer-events:none }
.popup-wrap { position:absolute; display:flex; top:40px; bottom:40px; right:30px; left:30px; flex-direction:column; align-content:center; justify-content:center; }
.popup-body { position:relative; background:#fff; width:800px; max-width:100%; overflow:hidden; max-height:100%; margin:0 auto; border-radius:4px; z-index:998; }
/*.popup-title { padding:0 30px; font-size:20px; height:60px; line-height:60px; font-weight:300; color:#999; background:#f8fafb; box-sizing:border-box; border-bottom:1px solid #ddd; }*/
.popup-content { width:100%; height:100%; box-sizing:border-box; padding:30px; overflow-y:auto; }
.popup-content:after { clear:both; display:block; width:100%; height:0; content:' '; }
.popup-close-button { position:absolute; top:30px; right:30px; border-radius:60px; width:50px; height:50px; line-height:50px; font-size:20px; color:#fff; background:rgba(0,0,0,0.6); text-align:center; z-index:999; cursor:pointer; }
.popup-close-button:before { font-family:'fontawesome'; content:'\f00d'; }
.popup-maximize-button { visibility:hidden; opacity:0; position:fixed; bottom:-100px; left:35vw; right:35vw; border-radius:100px; height:50px; line-height:50px; font-size:16px; color:#fff; background:#444; text-align:center; z-index:999; cursor:pointer; transition:0.3s all; }
.popup-maximize-button:before { font-family:'fontawesome'; content:'\f077'; margin-right:10px; }
.popup-submit { padding:10px 0; }
/* Minimized */
body.popup-minimized { overflow:visible; }
.popup-minimized .popup { visibility:hidden; opacity:0; }
.popup-minimized .outer { pointer-events:auto; }
.popup-minimized .popup-maximize-button { visibility:visible; opacity:1; bottom:10px; }
@media screen and (max-width:1100px) {
	.popup-close-button { top:10px; right:10px; }
}
@media screen and (max-width:600px) {
	.popup-minimize-button { display:none; }
	.popup-close-button { display:none; top:5px; right:5px; }
	.popup-wrap { position:absolute; top:10px; bottom:30px; right:10px; left:10px; }
	.popup-content { padding:15px; }
	.popup-body { padding-bottom:80px; border-radius:4px; }
	.popup-submit { position:absolute; bottom:0; left:0; width:100%; padding:20px 15px; border-top:1px solid #eee; }
}

.popup-content-heading { display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; width:100%; margin:10px 0 20px; }
.popup-content-heading:first-child { margin-top:0; }
.popup-content-heading-title { font-size:18px; font-weight:bold; }
.popup-content-heading-content {  }


/* Details pane */
.popup-details { }

.campaign-article-title { cursor:pointer; color:#08c; line-height:1.5; }

.row-align-center { text-align:center; }
.row-align-right { text-align:right; }

.row-field-comments { position:relative; }
.article-comments-box { position:absolute; width:300px; bottom:0; right:20px; padding:30px; border-radius:3px; background:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.4); }
.article-gallery { position:relative; }
.article-gallery .article-gallery-item { position:absolute; top:0; left:0; width:100%; display:none; padding:75% 0 0; background-size:contain; background-position:center; background-repeat:no-repeat; }
.article-gallery .article-gallery-item-active { display:block; }
.article-gallery .article-gallery-prev,
.article-gallery .article-gallery-next { position:absolute; left:0; top:50%; background:rgba(0,0,0,0.4); color:#fff; display:block; width:80px; height:60px; line-height:60px; text-align:center; margin:-30px 0 0; opacity:0.2; transition:0.2s all; }
.article-gallery .article-gallery-next { left:auto; right:0; }
.article-gallery:hover .article-gallery-prev,
.article-gallery:hover .article-gallery-next { opacity:0.9; }
.article-gallery-slides { position:relative; padding:75% 0 0; overflow:hidden; }



/* Details pane */
.search-pane { display:none; position:absolute; background:#f5f5f5; overflow:auto; top:0; height:100%; right:0; width:25%; box-sizing:border-box; }
.search-details { }
.search-details-preview { width:100%; overflow:hidden; max-height:400px; }
.search-details-preview img { display:block; width:100%; }
.search-info { padding:20px; }
.search-info-title { font-size:16px; }
.search-info-delete { color:red; font-weight:bold; margin-top:10px; cursor:pointer; }
.search-options { position:absolute; background:#e5e5e5; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; }
/* Multiselect pane */
.search-multiselect { padding:15px; display:none; }
.search-selected { display:block; float:left; width:90px; max-width:28%; height:auto; margin:5px; border-radius:3px; }
.search-multiselect-message { margin-left:20px; font-style:italic; color:#999; font-size:16px; font-weight:300; }
.search-has-multiselect .search-multiselect-message { display:inline; }
/* Blank pane */
.search-blank { display:block; padding:300px 30px 0; text-align:center; font-size:18px; box-sizing:border-box; }
.search-blank-content { margin:0 0 30px; }
.search-blank-content:before { content:'\f0ee'; font-family:'fontawesome'; display:block; margin:0 auto 30px; color:#000; opacity:0.1; font-size:58px; line-height:1; margin:0 0 20px; }


/* COLORPICKER */
.colorpicker { width:356px; height:176px; overflow:hidden; position:absolute; background:url(../images/colorpicker/colorpicker_background.png); font-family:Arial, Helvetica, sans-serif; display:none; z-index:9999 }
.colorpicker_color { width:150px; height:150px; left:14px; top:13px; position:absolute; background:#f00; overflow:hidden; cursor:crosshair; }
.colorpicker_color div { position:absolute; top:0; left:0; width:150px; height:150px; background:url(../images/colorpicker/colorpicker_overlay.png); }
.colorpicker_color div div { position:absolute; top:0; left:0; width:11px; height:11px; overflow:hidden; background:url(../images/colorpicker/colorpicker_select.gif); margin:-5px 0 0 -5px; }
.colorpicker_hue { position:absolute; top:13px; left:171px; width:35px; height:150px; cursor:n-resize; }
.colorpicker_hue div { position:absolute; width:35px; height:9px; overflow:hidden; background:url(../images/colorpicker/colorpicker_indic.gif) left top; margin:-4px 0 0 0; left:0px; }
.colorpicker_new_color { position:absolute; width:60px; height:30px; left:213px; top:13px; background:#f00; }
.colorpicker_current_color { position:absolute; width:60px; height:30px; left:283px; top:13px; background:#f00; }
.colorpicker input { background-color:transparent; border:1px solid transparent; position:absolute; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#898989; top:4px; right:11px; text-align:right; margin:0; padding:0; height:11px; }
.colorpicker_hex { position:absolute; width:72px; height:22px; background:url(../images/colorpicker/colorpicker_hex.png) top; left:212px; top:142px; }
.colorpicker_hex input { right:6px; }
.colorpicker_field { height:22px; width:62px; background-position:top; position:absolute; }
.colorpicker_field span { position:absolute; width:12px; height:22px; overflow:hidden; top:0; right:0; cursor:n-resize; }
.colorpicker_rgb_r { background-image:url(../images/colorpicker/colorpicker_rgb_r.png); top:52px; left:212px; }
.colorpicker_rgb_g { background-image:url(../images/colorpicker/colorpicker_rgb_g.png); top:82px; left:212px; }
.colorpicker_rgb_b { background-image:url(../images/colorpicker/colorpicker_rgb_b.png); top:112px; left:212px; }
.colorpicker_hsb_h { background-image:url(../images/colorpicker/colorpicker_hsb_h.png); top:52px; left:282px; }
.colorpicker_hsb_s { background-image:url(../images/colorpicker/colorpicker_hsb_s.png); top:82px; left:282px; }
.colorpicker_hsb_b { background-image:url(../images/colorpicker/colorpicker_hsb_b.png); top:112px; left:282px; }
.colorpicker_submit { position:absolute; width:22px; height:22px; background:url(../images/colorpicker/colorpicker_submit.png) top; left:322px; top:142px; overflow:hidden; }
.colorpicker_focus { background-position:center; }
.colorpicker_hex.colorpicker_focus { background-position:bottom; }
.colorpicker_submit.colorpicker_focus { background-position:bottom; }
.colorpicker_slider { background-position:bottom; }


/* SPECTRUM COLORPICKER */
/***
Spectrum Colorpicker v1.8.0
https://github.com/seballot/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; z-index: 9999994; overflow: hidden; }
.sp-original-input-container { position: relative; display: inline-flex; }
.sp-original-input-container input { margin: 0 !important; }
.sp-original-input-container .sp-add-on { width: 40px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
input.spectrum.with-add-on { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }
.sp-original-input-container .sp-add-on .sp-colorize { height: 100%; width: 100%; border-radius: inherit; }
.sp-colorize-container { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); background-repeat:repeat; overflow:hidden; width:40px !important; }
.sp-container.sp-flat { position: relative; }
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top { position:relative; width: 100%; display:inline-block; }
.sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; }
.sp-color { position: absolute; top:0; left:0; bottom:0; right:20px !important; }
.sp-hue { position: absolute; top:0; right:0; bottom:0; width: 12px; height: 100%; left: initial !important; }
.sp-clear-enabled .sp-hue { top: 15%; height: 85%; }
.sp-fill { padding-top: 80%; }
.sp-sat,
.sp-val { position: absolute; top:0; left:0; right:0; bottom:0; }
.sp-alpha-enabled .sp-top { margin-bottom: 28px !important; }
.sp-alpha-enabled .sp-alpha { display: block; }
.sp-alpha-handle { position: absolute; top: -3px; cursor: pointer; height: 16px; border-radius: 50%; width: 16px; margin-right: 5px; left: -2px; right: 0; background: #f9f9f9; box-shadow: 0 0 2px 0px #3a3a3a; }
.sp-alpha { display: none; position: absolute; bottom: -18px; right: 0; left: 0; height: 10px; }
.sp-alpha-inner { border-radius: 4px; }
.sp-clear { display: none; }
.sp-clear.sp-clear-display { background-position: center; }
.sp-clear-enabled .sp-clear { display: block; position: absolute; top: 3px; right: 0; bottom: 0; cursor: pointer; left: initial; height: 12px; width: 12px; }
/* Don't allow text selection */
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; }
.sp-container.sp-input-disabled .sp-input-container { display: none; }
.sp-container.sp-buttons-disabled .sp-button-container { display: none; }
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; }
.sp-palette-only .sp-picker-container { display: none; }
.sp-palette-disabled .sp-palette-container { display: none; }
.sp-initial-disabled .sp-initial { display: none; }
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }
.sp-val { border-radius: 4px; background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }
.sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

/* IE filters do not support multiple color stops.
 Generate 6 divs, line them up, and do two color gradients for each.
 Yes, really.
 */
.sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }
.sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }
.sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }
.sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }
.sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }
.sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }
.sp-hidden { display: none !important; }

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
	.sp-color { right: 40%; }
	.sp-hue { left: 63%; }
	.sp-fill { padding-top: 60%; }
}
.sp-dragger { border-radius: 5px; height: 10px; width: 10px; border: 1px solid #fff; cursor: pointer; position:absolute; top:0; left: 0; margin-left: 3px; margin-top: 3px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, .2); }
.sp-slider { position: absolute; top: 0; cursor: pointer; height: 16px; border-radius: 50%; width: 16px; left: -2px; background: #f9f9f9; box-shadow: 0 0 2px 0px #3a3a3a; margin-top: 8px; }
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths)
*/
.sp-container { display: inline-flex; background-color: white; padding: 0; border-radius: 4px; color: black; box-shadow: 0 0 0 1px rgba(99,114,130,.16), 0 8px 16px rgba(27,39,51,.08); }
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear { font-size:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.sp-top { margin-bottom: 10px; }
.sp-color,
.sp-hue,
.sp-clear,
.sp-val,
.sp-sat { border-radius: 3px; }
.sp-input-container { margin-top: -5px; }
.sp-input-container.sp-cf,
.sp-initial.sp-thumb.sp-cf,
.sp-button-container.sp-cf { height: 25px; }
.sp-picker-container .sp-cf { margin-bottom: 10px; }
.sp-palette-row-initial > span:first-child { cursor: pointer; }
/* Input */
.sp-initial-disabled .sp-input-container { width: 100%; }
.sp-input { padding: 0px 5px !important; margin: 0; width: 100%; box-shadow: none !important; height: 100% !important; background: transparent; color: #3a3a3a; border-radius: 2px !important; border: 1px solid #e0e0e0 !important; text-align: center; font-family: monospace; font-size: inherit !important; }
.sp-input:focus { border: 1px solid orange; }
.sp-input.sp-validation-error { border: 1px solid red; background: #fdd; }
.sp-picker-container , .sp-palette-container { position: relative; padding: 10px; }
.sp-picker-container { width: 200px; padding-bottom: 0; }
/* Palettes */
.sp-palette-container { border-right: solid 1px #ccc; }
.sp-palette-only .sp-palette-container { border: 0; }
.sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; }
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; }
.sp-thumb-el { position:relative; }
/* Initial */
.sp-initial { float: left; }
.sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; }
.sp-initial .spe-thumb-el.sp-thumb-active { border-radius: 0 5px 5px 0; }
.sp-initial .spe-thumb-el{ border-radius: 5px 0 0 5px; }
.sp-initial .sp-clear-display { background-position: center; }
/* Buttons */
.sp-button-container { float: right; }
.sp-palette-button-container { margin-top: 10px; }
/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer { position: relative; overflow:hidden; cursor:pointer; display:inline-block; border-radius: 3px; border: 1px solid #aaa; color: #666; transition: border-color .3s; vertical-align: middle; width: 3rem; height: 1.5rem; }
.sp-replacer:hover,
.sp-replacer.sp-active { border: 1px solid #666; color: black; }
.sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; }
.sp-dd { position: absolute; font-size: 10px; right: 0; top: 0; bottom: 0; padding: 0 2px; line-height: 1.6rem; background-color: white }
.sp-preview { position:relative; width: 100%; height: 100%; float:left; z-index: 0; }
.sp-preview-inner { transition: background-color .2s; }
.sp-preview-inner.sp-clear-display { display: none; }
/* Color Picker */
.sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 3px; border: none; border-radius: 3px; }
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button { border-radius: 3px; border: none; background: transparent; line-height: 1; padding: 0 8px; height: 25px; text-transform: capitalize; text-align: center; vertical-align: middle; cursor: pointer; color: #606c72; font-weight: bold; }
.sp-container button.sp-choose { background-color: #3cab3b; color: #fff; margin-left: 5px; }
.sp-container button:hover { opacity: .8; }
.sp-container button.sp-palette-toggle { width: 100%; background-color: #f3f3f3; margin: 0; }
.sp-palette span:hover,
.sp-palette span.sp-thumb-active { border-color: #000; }
.sp-preview,
.sp-alpha,
.sp-thumb-el { position:relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); background-repeat:repeat; overflow:visible; }
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; }
.sp-palette .sp-thumb-inner { border-radius: 3px; background-position: 50% 50%; background-repeat: no-repeat; }
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }
.sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==); }


/* Magnific Popup CSS */
.mfp-bg { top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.8; filter:alpha(opacity=80); }
.mfp-wrap { top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden; }
.mfp-container { text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.mfp-container:before { content:' '; display:inline-block; height:100%; vertical-align:middle; }
.mfp-align-top .mfp-container:before { display:none; }
.mfp-content { position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045; }
.mfp-hide { display:none !important; }
button.mfp-close,
button.mfp-arrow { overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; -webkit-box-shadow:none; box-shadow:none; }
button::-moz-focus-inner { padding:0; border:0; }
/* Close Button & arrows */
.mfp-close { position:fixed; height:40px; color:transparent; line-height:40px; width:40px; top:40px; right:40px; }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-close:before,
.mfp-close:after { display:block; position:absolute; top:50%; left:0; content:' '; width:40px; height:1px; background:#fff; }
.mfp-arrow-left:before,
.mfp-arrow-right:before,
.mfp-close:before { -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.mfp-arrow-left:after,
.mfp-arrow-right:after,
.mfp-close:after { -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
/* Counter */
.mfp-counter { display:none; }
/* Arrows */
.mfp-arrow { position:absolute; opacity:0.5; top:50%; margin-top:-25px; height:50px; width:50px; padding:0; }
.mfp-arrow-left { left:20px; }
.mfp-arrow-left:before,
.mfp-arrow-left:after { transform-origin:left; }
.mfp-arrow-right { right:20px; }
.mfp-arrow-right:before,
.mfp-arrow-right:after { transform-origin:right; }

/* Main image in popup */
img.mfp-img { width:auto; max-width:100%; height:auto; display:block; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height:0; }
.mfp-figure:after { content:' '; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#444; }
.mfp-figure small { color:#BDBDBD; display:block; font-size:12px; line-height:14px; }
.mfp-figure figure { margin:0; }
.mfp-bottom-bar { display:none; }
.mfp-image-holder .mfp-content { max-width:100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor:pointer; }

@media screen and (max-width:815px) and (orientation:landscape), screen and (max-height:300px) {
	/* Remove all paddings around the image on small screen */
	.mfp-img-mobile .mfp-image-holder { padding-left:0; padding-right:0; }
	.mfp-img-mobile img.mfp-img { padding:0; }
	.mfp-img-mobile .mfp-figure:after { top:0; bottom:0; }
	.mfp-img-mobile .mfp-figure small { display:inline; margin-left:5px; }
	.mfp-img-mobile .mfp-bottom-bar { background:rgba(0, 0, 0, 0.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.mfp-img-mobile .mfp-close { top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0, 0, 0, 0.6); position:fixed; text-align:center; padding:0; }
}


.optin-layout-preview { width:150px;height:100px; background:#eee;border-radius:3px;overflow:hidden; position:relative; }



/* SMALL DESKTOP SCREENS */
@media only screen and (max-width:1280px){

	.account-links { display:none; }
	.column.column-early { float:none; width:auto; margin:0; }


	/*.field .field-title { width:100px; }
	.field .field-content { margin:0 0 0 110px; }*/

	.field-large .field-title { float:none; width:auto; margin:0; }
	.field-large .field-content { margin:0; }
}


/* TABLET (LANDSCAPE) */
@media only screen and (max-width:1300px){
	.container { width:auto; margin:0 10px; }
	.tasklist .tasklist-utility { opacity:0.5; }
	
	.content .column,
	.column .col2 { float:none; width:auto; margin:0; }
	
	/*.col2 .field .field-title { float:none; width:auto; }
	.col2 .field .field-content { margin-left:0; }*/
	
	/* MAIN SITE TAB NAVIGATION */
	.site-main { display:block; }
	.site-body { margin:50px 0 0; border-radius:0; min-height:calc(100vh - 60px); }
	.site-content { padding:0; }
	.site-content-wrap { padding:20px 0 0; }
	.site-title { padding:20px 0 0; }
	.site-container { padding:0 20px; }
	.mobile-menu-logo { display:block; }

	.site-heading { position:fixed; top:0; left:0; width:100%; height:50px; margin:0; padding:0; transition:0.4s margin; z-index:300; }
	.site-heading-content { margin:0; padding:0 10px; }


	.site-tabs { height:50px; }
	.site-tabs .site-tab { position:relative; overflow:hidden; float:left; height:50px; line-height:50px; margin:0 0 0; }
	.site-tabs .site-tab .tab-icon { }
	.site-tabs .site-tab .tab-title { font-size:11px; }
	.site-tabs .site-tab .tab-title { display:none; }

	.site-tabs { display:none; clear:both; float:none; height:50px; }
	.site-tabs-body { clear:both; float:none; display:flex; height:50px; background:#444; }
	.site-tabs .site-tab { flex-grow:1; margin:0; min-width:30px; }

	.utility { width:auto; position:static; float:right; margin:0; padding:0; }
	.utility-item {  }
	.launchpad-open { display:block; }

	/* PLACE UTILITY POPUPS DOWNWARDS */
	.utility .utility-popup { position:fixed; top:60px; right:10px; left:auto; bottom:auto; box-sizing:border-box; border-radius:0; box-shadow:0 4px 5px 0 rgba(0,0,0,0.2); }
	.utility .utility-popup:before { display:none; }

	.content-block .block-title { padding:15px; }
	.content-block .content-block-body { padding:15px; }
	
	.languages .language { padding:10px; }
	.languages .language .language-icon { display:none; }


}

@media only screen and (max-width:1024px) and (min-width:765px){
	.row-field .property-row-meta { float:none; }
	.row-field .rating { display:none; }
}

	
@media only screen and (max-width:1024px){
}


/* TABLET (PORTRAIT) */
@media only screen and (max-width:815px){

	/*.field .field-title { float:none; width:auto; margin:0; }
	.field .field-content { margin:0; }
	.field .field-content .readonly { padding:0; }	*/
	.site-tabs .site-tab .tab-icon { width:100%; }
	.site-tabs .site-tab .tab-title { display:none; }

	.column.col2,
	.column.col3,
	.column.col3x2 { float:none; width:auto; margin:0; }
	.column.col4 { width:48%; }
	.column.col4:nth-child(2) { margin-right:0; }

	.toolbar-actions { margin:0 10px 10px 0; }


	.utility {  }
    .utility .user-profile { padding:0; }
    .utility .user-name { display:none; }
    .stage { font-size:14px; }

	/* CONTENT */
	.content { margin-right:280px; }
	.sidebar { width:265px; }
	.sidebar.sidebar-left + .content { margin:0 0 0 280px; }
	.content-block { margin:0 0 15px; }
	
	/* MEDIA */
	.media-wrap { top:10px; bottom:10px; right:10px; left:10px; }
	.media-title { padding:10px; font-size:18px; height:50px; box-sizing:border-box; }
	.media-body { top:50px; bottom:0; width:100%; padding:0; }
	.media-meta { padding:20px 10px; }
	.media-item { float:left; margin:3px; width:60px; height:60px; background-size:60px; }
	.media-item-selected { border:5px solid #6b2; box-shadow:inset 0 0 0 2px #fff; }
	/* Close Button */
	.media-close { top:18px; right:12px; width:30px; height:30px; }
	.media-close:before,
	.media-close:after { margin-right:-10px; width:30px; background:#666; }
	/* Details pane */
	.media-pane { background:#f5f5f5; overflow:auto; bottom:0; left:0; right:auto; width:100%; }
	.media-details { top:50px; height:auto; bottom:0; overflow:hidden; }
	.media-details-preview { width:100%; max-height:400px; }
	.media-info { padding:10px; }
	.media-info-title { font-size:16px; }
	.media-options { padding:10px; }
	/* Multiselect pane */
	.media-multiselect { padding:5px; display:none; bottom:0; top:auto; height:175px; }
	.media-selected { width:50px; max-width:28%; }
	.media .media-multiselect-message { display:none; }
	/* Blank pane */
	.media-blank { display:none !important; text-align:left; padding:10px 10px 0; font-size:16px; }
	/* Upload drag & drop */
	.media-upload { opacity:0; visibility:hidden; position:absolute; background:rgba(255,255,255,0.8); color:#666; top:0; bottom:0; right:0; left:0; }
	.media-upload.media-upload-active { opacity:1; visibility:visible; }
	.media-upload-label { position:absolute; top:46%; left:0; width:100%; text-align:center; font-size:32px; cursor:pointer; }
	.media-upload-file,
	.media-upload-submit { visibility:hidden; }
	/* Media buttons */
	.media-options .button { padding:5px 10px; }

}

/* NON-SMARTPHONE SCREENS */
@media only screen and (min-width: 600px){
	.mobile-only { display:none !important; }
}


/* LARGE SMARTPHONE SCREENS */
@media only screen and (max-width: 765px){

	/* NUMBER COUNTERS */
	.counter-title { padding:0; font-size:14px; }
	.counter-value { padding:0px; font-size:32px; }

	/* Toolbar */
	.main-title { float:left; }
    .main-title-reference { float:right; }
	/*.toolbar { float:none; clear:both; margin:0 0 20px; }*/
	
	/* Tables */
	.item-table thead { display:none; }
	.item-table .row-field { display:block; padding:15px 20px 15px 0; }
	.item-table .row-field:first-child { padding-left:10px; }
	.item-table .row-image { float:left; padding-right:15px; width:40px; min-width:40px; }
	.item-table .property-row-image { float:left; width:40px; height:40px; line-height:40px; font-size:18px; margin-right:15px; }
	.item-table .row-image img { width:40px; }
	.item-table .row-select { float:left; width:20px; padding:20px 10px 0 0; }
	.item-table .row-primary { padding:15px 10px 15px 0; }
	.item-table .row-field-toggle-button { display:block; }
	.item-table .field-title { max-width:none; font-size:14px; }
	.item-table .header-field-collapse { display:none; }
	.item-table .row-collapse { display:none; max-width:100%; position:relative; clear:both; float:none; margin:0 0 14px; padding:4px 10px 0 100px; }
	.item-table .row-collapse-actions { display:none !important; }
	.item-table .row-collapse:after { display:block; content:' '; clear:both; width:100%; height:0; }
	.item-table .row-collapse:before { display:block; overflow:hidden; width:100px; position:absolute; left:10px; color:#aaa; content:attr(data-title); }
	.row-field-open .row-collapse { display:block; }
	/* Row Actions */
	.row-collapse .row-actions { float:left; width:auto; padding:0; }
	.row-collapse .row-actions > span { display:none; }
	.row-collapse .row-actions-title { width:auto; padding:0 10px; }
	.row-collapse .row-actions-title:before { content:'ACCIONES'; }
	.row-collapse .row-actions-list { top:100%; right:auto; left:-10px; }
	.row-collapse .row-actions-list:before { left:14px; bottom:100%; top:auto; border-bottom:8px solid #fff; border-left:8px solid transparent; border-right:8px solid transparent; border-top:none; }
	.row-collapse .row-actions-list:after { left:14px; bottom:100%; top:auto; border-bottom:8px solid #ddd; border-left:8px solid transparent; border-right:8px solid transparent; border-top:none; margin-bottom:1px; }

	.bulk-edit-checkbox { width:16px; height:16px; line-height:16px; border-radius:3px; }

	/* PLACE UTILITY POPUPS DOWNWARDS */
	.utility {  }
	.utility .utility-popup { position:fixed; top:60px; left:10px; right:10px; bottom:10px; width:auto; box-sizing:border-box; border-radius:0; overflow-y:auto; }
	.utility .utility-popup:before { display:none; }
}


/* LARGE SMARTPHONE SCREENS */
@media only screen and (max-width: 700px){
	/* CONTENT */
	.site-body .content,
	.site-body .sidebar { margin:0; float:none; width:auto; }

}


/* SMARTPHONE SCREENS */
@media only screen and (max-width: 600px){

	.desktop-only { display:none !important; }
    	
	body { font-size:0.8em; }

	.messages { right:-600px; padding:0; left:0; width:100%; box-sizing:border-box; }
	
	/* HEADER */
    .site-header { padding:0; }
	.site-title { padding:10px 0 0; margin:0 0 10px; }
	.site-content-wrap { padding:20px 0; }
	.site-container { padding:0 10px; }
	.site-content { padding:0; }
	.site-content-title-title { font-size:20px; }

	.main-title { float:none; min-height:0; margin:0 0 20px; }
	.main-title h1 { font-size:22px; }
	.main-title-reference { font-size:16px; }
	.toolbar { float:none; margin:0 0 20px; }

	.site-footer { padding:30px 0 20px; }
	.site-footer-left,
	.site-footer-right { margin:0 0 5px; float:none; text-align:center; }

	.launchpad-open { display:block; }
    .stage-body { color:transparent; }


	/* COLUMNS */
	.column.col4,
	.column { float:none; width:auto; margin:0; }
	
	.content-block .block-title { font-size:14px; padding:10px; }
	.content-block-tabs .content-block-tab-title { font-size:0.85em; }
	.content-block-tabs .content-block-tab { margin:0 10px 0 0; padding:0 0 10px; }
	.content-block-tabs .content-block-tab-active { padding-bottom:11px; }

	.toolbar-actions-title { padding:13px 12px 12px; }
	.toolbar-action:before { display:none; }
	
	.toolbar.submit-block { position:fixed; background:#fff; padding:10px 10px 10px 10px; margin:0; box-shadow:0 0 0 1px #ddd; z-index:9999; bottom:0px; left:0px; right:0; }
	.toolbar.submit-block .button { margin:0 10px 0 0; padding:10px 20px; }

	.bulk-edit-form { top:10px; left:10px; right:10px; bottom:10px;padding:10px; }

	/* MEDIA POPUP */
	/* Search form */
	/* Search Results */
	.search-results { max-height:84vh; }
	.search-results .search-result { padding:10px; color:inherit; }
	.search-result .search-result-type { float:none; }

	/* Activities */
	.activity-heading { padding:10px; }
	.activity-heading-body { padding:0 0 0 36px; }
	.activity-body { padding:0 10px 10px; }
	.activity-meta { clear:both; float:none; margin:10px 0 0; }
	.activity-meta-item { margin:0 15px 0 0; }
	.activity-meta-item:first-child { margin:0 15px 0 0; }
	.activity-heading:before { font-size:12px; margin:5px 0 0; left:10px; top:10px; width:24px; height:24px; line-height:24px; }
}


/* Experimental bottom heading */
@media only screen and (max-width: 600px){

	/*.body { height:100vh; overflow: hidden;}*/
	.utility { display:flex; justify-content:space-between; width:100%; }
	.site-heading { position:fixed; bottom:0; top:auto; padding:0 0 25px; height:80px; box-sizing: border-box; }
	.site-body { margin:0; min-height:calc(100vh - 80px); padding:0 0 80px; }

}



/* ARTICLE PREVIEW */
body .article-preview { padding:0 0 0 25px; }
body .article-preview * { font-size:16px; line-height:1.5; color:#666; }
body .article-preview h1,
body .article-preview h2,
body .article-preview h3,
body .article-preview h4,
body .article-preview h5,
body .article-preview h6 { position:relative; font-size:16px; line-height:1.2; font-weight:bold; margin:0 0 20px; color:#444; }
body .article-preview h1 { font-size:28px; }
body .article-preview h2 { font-size:24px; }
body .article-preview h3 { font-size:20px; }
body .article-preview h4 { font-size:18px; }
body .article-preview h5 { font-size:16px; }
body .article-preview h6 { font-size:16px; }
body .article-preview h1:before,
body .article-preview h2:before,
body .article-preview h3:before,
body .article-preview h4:before,
body .article-preview h5:before,
body .article-preview h6:before { position:absolute; left:-30px; top:50%; margin:-10px 0 0; display:inline-block; font-size:10px; content:'h1'; font-weight:400; padding:2px 4px; border-radius:3px; background: #fc0; color:#fff; }
body .article-preview h1:before { content:'H1'; }
body .article-preview h2:before { content:'H2'; }
body .article-preview h3:before { content:'H3'; }
body .article-preview h4:before { content:'H4'; }
body .article-preview h5:before { content:'H5'; }
body .article-preview h6:before { content:'H6'; }
body .article-preview a,
body .article-preview a:link,
body .article-preview a:visited { text-decoration:underline; color:#2ac; }


.popup .mce-tinymce { padding-top:0; }
.popup .mce-toolbar-grp { position:sticky; top:-30px; }