

/* --------------------------------------------------------------
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
-------------------------------------------------------------- */
/* Firefox specific rule */
html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; background:#345f90; }
@-moz-document url-prefix(){
	body { font-weight: lighter !important; }
}
html { }
body { font-family:'Montserrat', Arial, sans serif; font-weight:400; background:#345f90; font-size:14px; letter-spacing:0.05em; color:#333; line-height:1.6; }

a, a:link, a:visited { color:#08c; text-decoration:none; }
a:hover { color:#2ce; 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:square outside none; padding:0; margin:0 0 0.5em 1.2em; }
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%; }
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 }
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:4px 0 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; }
::placeholder { color:#bbb; }
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:70px; }
input[type=submit] { width:auto; -webkit-appearance:none; }
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}
input, button { font-family:'Montserrat', Arial, sans serif; }
input[type=text].input-copied { border:1px solid #7c3; box-shadow:0 0 2px 1px #7c3; }

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

/* Checkboxes */
/*.label-check input { margin-right:5px; }
.label-check { position:relative; padding-left:55px; }
.label-check-field { cursor:pointer; }
.label-check:before { display:block; position:absolute; top:50%; left:0; content:' '; background:#f5f5f5; color:#fff; width:40px; height:24px; margin-top:-12px; line-height:20px; border-radius:20px; border:1px solid rgba(0,0,0,0.15); transition:0.2s linear all;  }
.label-check-field:after { display:block; position:absolute; top:50%; left:2px; content:' '; background:#fff; width:20px; height:20px; margin-top:-10px; line-height:20px; border-radius:20px; border:1px solid rgba(0,0,0,0.2); transition:0.2s ease all; }
.label-check.label-check-active:before { background:#6e4; }
.label-check.label-check-active:after { left:18px; }
.label-check input { position:absolute; left:-9999px; }
.label-check-readonly.label-check-active:before { box-shadow:inset 0 0 0 2px #fff; }*/
/* Version 2 - Square */
.label-check input { margin-right:5px; }
.label-check { position:relative; padding-left:36px; }
.label-check-field { cursor:pointer; }
.label-check:before { display:block; position:absolute; top:50%; left:0; background:#f5f5f5; font-family:'fontawesome'; content:' '; color:#fff; text-align:center; width:20px; height:20px; margin-top:-12px; line-height:20px; border-radius:5px; border:1px solid rgba(0,0,0,0.15); transition:0.2s linear all;  }
.label-check.label-check-active:before { background:#6e4; color:#fff; content:'\f00c'; }
.label-check input { position:absolute; left:-9999px; }
.label-check-readonly.label-check:before { border:2px solid rgba(0,0,0,0); border-radius:20px; }
.label-check-readonly:not(.label-check-active) { color:#aaa; }


.field-checkbox input { margin-right:5px; }
.field-checkbox { position:relative; padding-left:36px; }
.field-checkbox-field { cursor:pointer; }
.field-checkbox:before { display:block; position:absolute; top:50%; left:0; background:#f5f5f5; font-family:'fontawesome'; content:' '; color:#fff; text-align:center; width:20px; height:20px; margin-top:-12px; line-height:20px; border-radius:5px; border:1px solid rgba(0,0,0,0.15); transition:0.2s linear all;  }
.field-checkbox.field-checkbox-active:before { background:#6e4; color:#fff; content:'\f00c'; }
.field-checkbox input { position:absolute; left:-9999px; }
.field-checkbox-readonly.field-checkbox:before { border:2px solid rgba(0,0,0,0); border-radius:20px; }
.field-checkbox-readonly:not(.field-checkbox-active) { color:#aaa; }


/* Radio Buttons */
.label-radio input { margin-right:5px; }
.label-radio { position:relative; padding-left:40px; margin:0 0 15px; }
.label-radio-field { cursor:pointer; }
.label-radio:before { display:block; position:absolute; top:50%; left:0; content:' '; background:#f5f5f5; color:#fff; width:24px; height:24px; margin-top:-12px; line-height:20px; border-radius:20px; border:1px solid rgba(0,0,0,0.15); transition:0.2s linear all;  }
.label-radio.label-radio-active:after { display:block; position:absolute; top:50%; left:4px; content:' '; background:#6e4; width:16px; height:16px; margin-top:-8px; line-height:16px; border-radius:20px; border:1px solid rgba(0,0,0,0.2); transition:0.2s ease all; }
.label-radio input { position:absolute; left:-9999px; }
.label-radio-readonly.label-radio-active:before { box-shadow:inset 0 0 0 2px #fff; }

.label-radio-image-item { padding:0 0 30px; margin:0 0 30px; }
.label-radio-image-item:before { top:100%; left:50%; margin:-24px 0 0 -12px; }
.label-radio-image-item.label-radio-active:after { top:100%; left:50%; margin:-20px 0 0 -8px; }
.label-radio-image { display:block; width:100%; }
.label-radio-title { text-align:center; }

/*.progress-bar { background:#ddd; border-radius:20px; overflow:hidden; margin:0 0 15px; }*/
/*.progress-bar-bar { height:10px; background:#fb0; max-width:100%; width:0; transition:0.6s all; }*/
/*.progress-bar-status-done .progress-bar-bar { background:#7c3; }*/

.progress-bar { background:#ddd; display:flex; flex-wrap:nowrap; border-radius:20px; overflow:hidden; margin:0 0 15px; }
.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; }


.readonly-content { display:block; overflow:hidden; text-overflow:ellipsis; }

.link-email, .link-phone { display:block; max-width:300px; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.link-email { max-width:300px; }
.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'; }

/* Date Picker */
.date-picker-wrap { position:relative; display: inline-block; }
input.date-picker {  }
.date-picker-clear { position:absolute; background:#fff; right:-10px; top:-10px; width:20px; height:20px; line-height:20px; text-align:center; border-radius:20px; }
.date-picker-clear:before { content:'\f057'; font-family:'fontawesome'; }

/* Layout helpers */
.ui-helper-hidden { display:none; }
.ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content:""; display:table; border-collapse:collapse; }
.ui-helper-clearfix:after { clear:both; }
.ui-helper-clearfix { min-height:0; /* support:IE7 */}
.ui-helper-zfix { width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0); }
.ui-front { z-index:100; }
/* Interaction Cues */
.ui-state-disabled { cursor:default !important; }
/* states and images */
.ui-icon { display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; }
/* Overlays */
.ui-widget-overlay { position:fixed; top:0; left:0; width:100%; height:100%; }
.ui-datepicker { width:200px; padding:10px; display:none; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:0 2px 3px 0 rgba(0,0,0,0.2); z-index:1000 !important; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:0; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position:absolute; top:0; width:20px; height:20px; background:none; line-height:20px; text-align:center; font-size:14px; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev:before { content:'\f053'; font-family:'fontawesome'; }
.ui-datepicker .ui-datepicker-next:before { content:'\f054'; font-family:'fontawesome'; }
.ui-datepicker .ui-datepicker-prev { left:0; }
.ui-datepicker .ui-datepicker-next { right:0; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px; }
.ui-datepicker .ui-datepicker-title { margin:0 20px 10px; line-height:1.4; text-align:center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width:49%; }
.ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em; }
.ui-datepicker th { padding:.7em .3em; text-align:center; font-weight:bold; border:0; }
.ui-datepicker td { border:0; width:20px; text-align:center; padding:1px; }
.ui-datepicker td span,
.ui-datepicker td a { display:block; padding:2px; text-align:center; color:#999; text-decoration:none; }
.ui-datepicker .ui-datepicker-today a { background:#eee; color:#666; border-radius:3px; }
.ui-datepicker .ui-datepicker-current-day a { background:#6e4; color:#fff; border-radius:30px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0; }
.ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.shortcut { display:inline-block; text-transform:lowercase; font-weight:400; font-size:12px; padding:2px 4px; line-height:1; background:rgba(0,0,0,0.05); border-radius:3px; }

/* 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; }
.loading { opacity:0.2; pointer-events:none; }


/* LENGTHS */
body .field-short { width:150px; }
body .field-long { width:400px; }
body .threefourths { width:75%; }
body .twothirds { width:66%; }
body .half { width:50%; }
body .third { width:33%; }
body .quarter { width:25%; }
body .middle { padding:0 25%; }
/* 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%; }


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


/* MESSAGES */
.messages { position:fixed; left:-600px; padding:10px; bottom:0; width:500px; transition:0.6s ease all; transition-delay:0.3s; z-index:9999; pointer-events: none; }
.body-ready .messages { left:0; }
.body-messages .messages { left:-600px; opacity:0; }
.message { display:block; position:relative; background:#888; margin:0 0 20px; padding:20px; font-weight:500; line-height:1.4; border-radius:3px; }
.content-block > .message { border-radius:0; margin:0; }
.messages .message { margin:0; font-weight:bold; box-shadow:0 4px 15px 0 rgba(100,100,100,0.2); }
.message p { margin:0; }
.message .message-title { font-size:24px; margin:0 0 5px; line-height:1.2; }
.message-ok { background:#dfd; color:#2a2; }
.message-error { background:#fbb; color:#a22;  }
.message-warn { background:#fe9; color:#960;  }
.message-info { background:#cef; color:#22a; }
.message-small { padding:10px 20px; font-size:12px; }
@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:#292; 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:#17AC1A; }


/* 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:2px solid #ccc; margin:0px 2px 0 0; border-radius:3px; cursor:pointer; background:#fff; letter-spacing:1px; text-transform:uppercase; }
.button:link { color:#444; }
.button:hover { }
.button .icon, .button-icon { font-size:16px; margin-right:10px; color:#999; opacity:0.7; }
.button-wide { display:block; margin:0; width:auto; }
/* Button Sizes */
.button-small { padding:8px 15px; font-size:12px; }
.button-medium { padding:18px 45px; }
/* Primary Buttons */
.button-primary, 
.button-primary:link, 
.button-primary:visited { color:#fff; border-color:#592; background:#7c3; }
.button-primary:hover { opacity:0.8; border-color:#592; }
.button-primary .icon { color:#7c3; }
/* 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; }


/* Multi Icons - Icons with composite design */
.multicon { background:rgba(0,0,0,0.05); border-radius:3px; width:25px; height:25px; line-height:25px; text-align:center; display:inline-block; position:relative; }
.multicon-icon { font-size:1em; }
.multicon-subicon { color:#fff; background:#345F90; font-size:8px; width:14px; height:14px; line-height:14px; text-align:center; position:absolute; right:-3px; bottom:-3px; border-radius:20px; }


/* 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:2px solid transparent; transition:0.1s linear all; }
.button-link:hover { background:rgba(255,255,255,0.8); color:inherit; border:2px solid #ccc; 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;  }
.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; }


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


/* BLANK SLATES */
/*.blank-slate { margin:0 auto; max-width:800px; padding:0px 0; text-align:center; }*/
/*.blank-slate-icon { display:inline-block; width:170px; color:#345f90; opacity:0.4;  font-size:70px; text-align:center; line-height:1; font-family:'fontawesome'; margin:0 0 10px; font-weight:normal; transform:rotate(-10deg); text-shadow:5px 5px 0px rgba(0,0,0,0.1); }*/
/*.blank-slate-body { }*/
/*.blank-slate-noimage .blank-slate-body { margin-left:0; }*/
/*.blank-slate-title { margin:0 0 5px; line-height:1.2; font-size:20px; color:#555; font-weight:300; }*/
/*.blank-slate-content { font-size:16px; color:#999; font-weight:300; margin:0; }*/
.blank-slate-wrap:after { clear:both; }
.blank-slate { display:flex; margin:0 auto; width:800px; align-items: center; max-width:100%; padding:30px 30px; box-sizing: border-box; }
.blank-slate-icon { display:block; position:relative; height:100px; width:100px; line-height:100px; color:#fd7; background:#F2FBFD; border-radius:15px; font-size:60px; margin:0 0 20px; font-weight:normal; }
/*.blank-slate-icon:before { display:block; position: absolute; content:''; left:-10px; top:-10px; height:70px; width:70px; border:2px solid #6b2; border-radius:100px; opacity:0.05; }*/
/*.blank-slate-icon:after { display:block; position: absolute; content:''; right:-10px; bottom:10px; height:40px; width:40px; border:2px solid #f66; border-radius:100px; opacity:0.04; }*/
.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 {  flex-grow:0; flex-shrink:0; background:#F2FBFD; border-radius:15px;text-align:center; 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 {  margin:0 0 20px; }
}
/* Size: small, normal, large */
.blank-slate-size-small { font-size:0.8em;  }
.blank-slate-size-large { font-size:1.3em; }
.blank-slate-size-large .blank-slate-icon { font-size:1.3em; }


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


/* 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%; }
/* Columns with half padding */
.column-narrow { display:block; float:left; margin-right:2%; }
.column-narrow.col2 { width:49%; }
.column-narrow.col3 { width:32%; }
.column-narrow.col3x2 { width:66%; }
.column-narrow.col4 { width:23.5%; }
.column-narrow.col4x2 { width:49%; }
.column-narrow.col4x3 { width:74.5%; }
.column-narrow.col5 { width:18.4%; }
.column-narrow.col5x2 { width:38.8%; }
.column-narrow.col5x3 { width:60%; }
.column-narrow.col5x4 { width:80%; }
.column-narrow.col6 { width:15%; }
.column-narrow.col6x2 { width:32%; }
.column-narrow.col6x3 { width:49%; }
.column-narrow.col6x4 { width:66%; }
.column-narrow.col6x5 { width:83%; }
.column-narrow.col7 { width:12.57142%; }
/* Columns with no padding */
.column-fit { display:block; float:left; margin-right:0; }
.column-fit.col2 { width:50%; }
.column-fit.col3 { width:33.3333%; }
.column-fit.col3x2 { width:66.6666%; }
.column-fit.col4 { width:25%; }
.column-fit.col4x2 { width:50%; }
.column-fit.col4x3 { width:75%; }
.column-fit.col5 { width:20%; }
.column-fit.col5x2 { width:40%; }
.column-fit.col5x3 { width:60%; }
.column-fit.col5x4 { width:80%; }
.column-fit.col6 { width:16.66666%; }
.column-fit.col6x2 { width:33.3333%; }
.column-fit.col6x3 { width:50%; }
.column-fit.col6x4 { width:66.666666%; }
.column-fit.col6x5 { width:83.333333%; }
.column-fit.col7 { width:14.2857%; }
.column-separator { box-shadow:inset -2px 0 0 -1px #eee; }


/* GENERAL LAYOUT ELEMENTS */
.outer { width:100%; 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;background:#345f90;  width:100%; box-sizing:border-box; z-index:300; }
.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; max-width:80px; }
.site-logo a,
.site-logo img { display:block; width:100%; }
.site-logo .site-logo-compact { display:none; }
/* Site Tabs */
.site-tabs { position:fixed; padding:0; margin:0; overflow:hidden; top:80px; left:20px; width:180px; height:calc(100vh - 100px); }
.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:40px; min-width:50px; height:40px; color:#eee; font-weight:400; text-align:left; }
.site-tabs .site-tab:hover { text-decoration:none; color:#fff; }
.site-tabs .site-tab .tab-icon { display:block; position:absolute; font-weight:normal; top:0; left:0; margin:0; height:40px; width:40px; line-height:40px; font-size:20px; text-align:center; }
.site-tabs .site-tab .tab-title { display:block; font-weight:700; font-size:14px; height:40px; line-height:40px; margin:0 0 0 50px; }
.site-tabs .site-tab-active .tab-title { color:#fb0; }
.site-tabs .site-tab-active .tab-icon { color:#fb0; }
.site-tabs .site-tab-active .tab-icon:before { opacity:1; }
/* Tab Icons */
.site-tab .tab-icon { font-family:'fontawesome'; opacity:0.7; }


/* NEW MENU */
.site-menu { position:fixed; padding:0; margin:0; overflow:hidden; top:60px; left:20px; 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:90px; 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:#89a; line-height: 1; }
.site-menu .site-menu-group-toggle { opacity:0; font-family: 'fontawesome'; color:#abc; 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:#eee; font-weight:bold; 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:#fb0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.site-menu .site-menu-item-active .site-menu-item-icon { color:#fb0; }
/* 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:800px){
	.site-menu { position:fixed; top:0; left:-250px; padding:0; width:250px; height:100%; background:#345f90; 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); 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; }
}

/* NEW MENU */
.site-menu2 { flex-grow:1; margin-left:40px; 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 20px; height:40px; } /* Only mobile */
.site-menu2-logo { display:block;width:100px; 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:#eee; line-height:60px; white-space: nowrap; }
.site-menu2 .site-menu2-group-name-active { color:#FF9A19; }
.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:10px; 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: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 }
/* 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:1200px){
	.site-menu2-body { gap:15px; }
}
@media only screen and (max-width:1000px){
	.site-menu2 { position:fixed; top:0; left:-260px; margin:0; padding:0; width:250px; height:100%; background:#345f90; background:#fff; 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; }
	.site-menu2 .site-menu2-group { margin:0 0 10px; }
	.site-menu2 .site-menu2-group-name { line-height:1; padding:10px 0; color:#345f90; text-transform:uppercase; letter-spacing:1px; opacity:0.9; font-size: 12px }
	.site-menu2 .site-menu2-group-name:after { display:none; }
	.site-menu2 .site-menu2-group-body { position:static; visibility:visible; opacity:1; padding:0; background:#fff; 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; }*/
}



/* MAIN BODY */
.site-body { position:relative; padding:0; margin:60px 20px 20px 20px; min-height:calc(100vh - 110px); background:#f0f3fb; box-shadow:0 5px 10px 1px rgba(0,0,0,0.4); border-radius:5px; }
.site-body-full { position:relative; padding:40px 20px; margin:0; min-height:calc(100vh); background:#f0f3fb; box-sizing:border-box; }
.site-title { padding:50px 0 0; margin:0; background:rgba(255,255,255,0.6); border-radius:3px 3px 0 0; border-bottom:1px solid #ddd; }
.site-title:after { content:' '; display:block; clear:both; width:100%; }
.site-content { margin:0 auto; max-width:1900px; padding:0; }
.site-content-wrap { padding:20px 0 0; }
.site-content.content-menu { overflow:hidden; }
.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-heading { margin:0 0 20px; min-height:50px; display:flex; align-items:center; justify-content: space-between; }
.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; 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 { box-shadow:inset 0 -8px 0 -4px #fc0; }
/* Title Toolbar */
.site-content-toolbar { flex-grow:1; flex-shrink:1; text-align: right; }
.site-container { margin:0 auto; max-width:1600px; padding:0 40px; }
.site-container-wide { max-width:1600px; padding:0 40px; }
.site-container:after { display:block; clear:both; content:' '; width:100%; height:0px; }
.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:300; color:#bbb; margin:12px 0 2px; line-height:1; }
.site-footer { padding:50px 0; margin:0; color:#aaa; }
.site-footer a, .site-footer a:link, .site-footer a:visited{ color:#aaa; }
.site-footer:after { content:' '; display:block; clear:both; width:100%; }
.site-footer-content { float:left; }
.site-footer-menu { float:right; }
@media screen and (max-width:1300px){
	.site-main { display:block; }
	.site-content { padding:0; }
	.site-content-wrap { padding:20px 0; }
	.site-title { padding:20px 0 0; }
	.site-footer { padding:20px 0; }
	.site-footer-content { float:none; margin:0 0 10px; }
	.site-footer-menu { float:none; }
	.site-container { padding:0 20px; }
}
@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 screen and (max-width:600px){
	.site-container { padding:0 10px; }
	.site-header { padding:0; }
	.site-title { padding:10px 0 0; margin:0 0 10px; }
	.site-footer { padding:10px 0 0; }
	.site-content-title-title { font-size:18px; }
	.site-content { padding:0; }
	.site-body-full { padding:20px 10px; }
	.site-footer-content,
	.site-footer-menu { float:none; margin:0 0 10px; }
	.main-title { min-height:0; margin:0 0 20px; }
	.main-title h1 { font-size:22px; }
	.main-title-reference { font-size:16px; }
	.site-logo { display:none; }
	.site-body { margin:50px 0 0; border-radius:0; min-height:calc(100vh - 50px); border-radius:0; }
	.site-heading { position:fixed; bottom:0; top:auto; padding:0 20px 25px; height:80px; box-sizing: border-box; }
	.site-body { margin:0; min-height:100vh; padding:0 0 80px; }
}


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


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


/* PRICETABLE */
.pricetable { overflow:hidden; text-align:right; display:block; min-width:400px; }
.pricetable-title { width:100px; float:left; }
.pricetable-section { margin:0 0 5px; }
.pricetable-body { margin-left:120px; }
.pricetable-body-row { margin:0 0 8px; overflow:hidden; }
.pricetable-body-cell { width:110px; float:left; font-size:1em; text-align:right; }
.pricetable-body-cell:first-child { text-align:left; font-size:0.8em; font-weight:bold; }
.pricetable-discount { color:#6b2; }
.pricetable-footer { font-size:0.8em; opacity:0.7; text-align:left; display:block; }
@media screen and (max-width:650px){
	.pricetable { min-width:100px; text-align:left; max-width:85vw; overflow-x:auto; }
	.pricetable-body-row { white-space:nowrap; width:500px; }
	.pricetable-body-cell { float:none; width:100px; display:inline-block; }
	/*.pricetable-body-cell:first-child { width:100px; }*/
}


/* ITEM TABLES - Price row for stacking discounts on a base price */
.item-pricetable { display:flex; flex-wrap:nowrap; justify-content:space-between; min-width:160px; max-width:210px; line-height:1.4; }
.item-pricetable-large { min-width:300px; max-width:500px; width:100%; }
.item-pricetable-title { text-align:left; width:100px; font-size:0.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.item-pricetable-price { text-align:right; width:80px; }
.item-pricetable-usage { text-align:right; width:80px; }
.item-pricetable-amount { text-align:right; width:80px; }
.item-pricetable-total { text-align:right; width:150px; }
.item-pricetable-discount { color:#6b2; }


/* 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-content { flex-grow:1; flex-shrink:1; width:100px; }
.layout-sidebar { flex-grow:0; flex-shrink:0; width:380px; }
.layout-sidebar-large { width:550px; }
.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%; }
}


/* FORM LAYOUT */
.layout-order { display:flex; flex-wrap:wrap; gap:30px; max-width:100%; }
.layout-order-content { flex-grow:1; flex-shrink:1; width:100px; }
.layout-order-sidebar { flex-grow:0; flex-shrink:0; width:380px; }
.layout-order-meta { flex-grow:0; flex-shrink:0; width:320px; }
@media screen and (max-width:650px){

}


/* FORM LAYOUT */
.content-block { margin:0 0 30px; background:#fff; border-radius:10px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.05); }
.content-block .block-title { padding:20px; font-size:16px; margin:0; font-weight:normal; color:#999; letter-spacing:2px; }
.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; }

/* Block tabs */
.content-block-tabs { clear:both; overflow:hidden; }
.content-block-tabs .content-block-tab { display:block; 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:#aaa; 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; text-transform:uppercase; 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 #fc0; background:none; color:#888; padding-bottom:15px; cursor:default; }
.content-block-tabs + .content-block { margin-top:-1px; }


/* NEW LAYOUT BLOCKS */
.block { margin:0 0 30px; position:relative; background:#fff; border:none; border-radius:10px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.05); }
.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:hover .block-title-title:after { font-family:'fontawesome'; content:' \f0d7'; }
.block-status-open .block-heading:hover .block-title-title:after { content:' \f0d8'; }
.block-content { display:none; padding:0 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 15px; }
.block-separator-title { font-weight:normal; letter-spacing:2px; font-size:16px; color:#999;  }
.block-separator-content { }
.block-status-open .block-content { display:block; }
/* 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:0 15px 15px; }
}
@media only screen and (max-width: 600px){
	.block { margin:0 0 10px; border-radius:5px; }
	.block-heading { font-size:14px; padding:15px; }
	.block-content { display:none; }

}

/* Block tooltip */
/*.block-tooltip { visibility:hidden; opacity:0; float:right; position:relative; width:20px; height:20px; cursor:help; transition:0.2s all; }*/
.block-tooltip { position:relative; cursor:help; transition:0.2s all; }
/*.block-tooltip:before { display:block; position:absolute; margin:0; font-family:'linearicons'; content:'\e87d'; 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 0 0; font-weight:700; text-transform:uppercase; font-size:0.8em; text-align:left; white-space:nowrap; overflow:hidden; }
.field .field-content { margin:0 0 0 130px; }
/*.field.field-notitle { margin:0; }*/
.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-color { width:100px; float:left; }
.field .field-color-preview { float:left; width:50px; height:25px; margin:0 0 0 10px; border:3px solid #ddd; background:#ddd; border-radius:2px; }
.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; }


.field-collection { position:relative; margin:0 0 30px; }
.field-collection-meta { margin:0 0 0 35px; }
.field-collection-template { display:none; }
.field-collection-row-placeholder { padding:20px 0; }
.field-collection-row { position:relative; padding:0 0 5px; }
.field-collection-row:after { clear:both; width:100%; height:0; display:block; content:' '; }
.field-collection-row-reorder { position:absolute; display:block; font-size:20px; left:0; top:0px; margin:0; color:#eee; width:25px; height:30px; line-height:30px; text-align:left; cursor:move; }
.field-collection-row-reorder:before { content:'\f0c9'; font-family:'fontawesome'; }
.field-collection-row:hover .field-collection-row-reorder { color:#ccc; }
.field-collection-row-delete { float:right; margin:5px 0 0; width:20px; height:20px; line-height:19px; border-radius:30px; text-align:center; background:#eee; color:#fff; font-size:12px; cursor:pointer; }
.field-collection-row:hover .field-collection-row-delete { background:#f66; }
.field-collection-row-delete:before { content:'\f00d'; font-family:'fontawesome'; }
.field-collection-row-body { display:flex; display:block; flex-wrap:wrap; flex-direction:row; margin:0 30px; }
.field-collection-readonly { margin:0; }
.field-collection-readonly .field-collection-row-body { margin:0; }

.field-collection-cell { float:none; flex-grow:1; box-sizing:border-box; padding:0 20px 10px 0; }
.field-collection-cell-left { float:left; }
.field-collection-cell-right { float:right; }
.field-collection-cell-last,
.field-collection-cell:last-child { padding-right:0; }
.field-collection-cell { }


.form-image-wrap { position:relative; max-width:500px; }
.form-image { border:3px dashed #ddd; background:#f9f9f9; border-radius:3px; padding:10px; margin:0 0 5px; min-height:50px; }
.form-image img { display:block; margin:0 auto; border-radius:3px; }
.form-image-wrap .form-image-clear { display:none; position:absolute; top:-3px; right:-3px; background:#f66; border-radius:30px; padding:0; margin:0; height:24px; line-height:24px; width:24px; text-align:center; font-size:12px; color:#fff; }
.form-image-wrap .form-image-clear:before { content:'\f00d'; font-family:'fontawesome'; }
.form-image-wrap:hover .form-image-clear { display:block; }


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


/* FILE FIELD */
.field-file-wrap { position:relative; max-width:500px; }
.field-file { margin:0 0 5px; }
.field-file-edit { margin:0 0 5px; cursor:pointer; }
/* Placeholder */
.field-file-placeholder { display:none; }
.field-file-readonly .field-file-placeholder { opacity:0.4; }
.field-file-empty .field-file-placeholder { display:block; }
.field-file-empty .field-file-preview { display:none; }
/*.field-file-empty .field-file:before { display:block; padding:10px; text-align:center; font-size:26px; color:#ddd; content:'\f15b'; font-family:'fontawesome'; }*/
/*.field-file-empty:hover .field-file:before { color:#bbb; }*/
/* Clear Button */
.field-file-wrap .field-file-clear { display:none; position:absolute; top:50%; right:0; background:#f66; border-radius:30px; padding:0; margin:-12px 0 0; height:24px; line-height:24px; width:24px; text-align:center; font-size:12px; color:#fff; }
.field-file-wrap .field-file-clear:before { content:'\f00d'; font-family:'fontawesome'; }
.field-file-wrap:hover .field-file-clear { display:block; }
.field-file-wrap.field-file-empty .field-file-clear { display:none; }


/* IMAGE FIELD */
.field-image-wrap { position:relative; max-width:500px; }
.field-image { border:2px dashed #ddd; background:#f9f9f9; border-radius:3px; padding:2px; margin:0 0 5px; min-height:50px; cursor:pointer; }
.field-image-empty .field-image:before { display:block; padding:10px; text-align:center; font-size:26px; color:#ddd; content:'\f03e'; font-family:'fontawesome'; }
.field-image-empty:hover .field-image:before { color:#bbb; }
.field-image-wrap .field-image-clear { display:block; position:absolute; top:-3px; right:-3px; background:#f66; border-radius:30px; padding:0; margin:0; height:24px; line-height:24px; width:24px; text-align:center; font-size:12px; color:#fff; }
.field-image-wrap .field-image-clear:before { content:'\f00d'; font-family:'fontawesome'; }
.field-image-wrap:hover .field-image-clear { display:block; }
.field-image-wrap.field-image-empty .field-image-clear { display:block; }
.field-image img { display:block; margin:0 auto; border-radius:3px; }

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


/* UTILITY BAR NEW */
.utility { z-index:9999; box-sizing:border-box; }
.utility-item { display:block; float:left; position:relative; width:42px; height:42px; cursor:pointer; }
.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 { display:block; float:left; margin:0 10px 0 0; width:28px; height:28px; line-height:0; border-radius:40px; background:rgba(255,255,255,0.15); border:0px solid rgba(255,255,255,0.2); }
.utility .utility-user-body { text-align:left; max-width:110px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.utility-open .utility-user-image { border:2px solid #fff; }
/* Utility Popup Box */
.utility .utility-popup { pointer-events:none; opacity:0; visibility:hidden; padding:0px; 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 .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; }
.utility .utility-link { width:100%; float:none; }
.utility .utility-user-name { width:auto; }
.utility-item-account { width:160px; }
.utility-link:hover { opacity:1; }
.utility-link-body { display:none; }
.utility-link:before { font-family:'fontawesome'; width:32px; 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'; }
.support-link { position:absolute; background:#66bb22; color:#ffF; line-height: 1; width:60px; padding:3px; border-radius:3px; top:100%; left:-10px; font-size: 11px; box-sizing:border-box; }
.support-link:before { position:absolute; content:' '; color:transparent; border-bottom:10px solid #66bb22; border-left:10px solid transparent; border-right:10px solid transparent; bottom:100%; left:20px; height:0; width:0; }
.utility-link-search:before { content:'\f002'; }
.utility-link-help:before { content:'\f059'; }
.utility-link-refresh:before { content:'\f2f1'; }
.utility-link-create:before { content:'\f067'; }
@media screen and (max-width:1250px){
	.utility-item-account { width:42px; }
	.utility .utility-user-body { display:none; }
}
@media screen and (max-width:1000px){
	.utility .utility-item-launchpad { display:block; }
}
@media screen and (max-width:800px){
	.utility {  }
	.utility .user-profile { padding:0; }
	.utility .user-name { display:none; }
}
@media screen and (max-width:600px){
	.utility { display:flex; justify-content:space-between; width:100%; }
	.utility-item-support { display: none; }
	.utility-link-create:before { width:40px; height:40px; font-size:14px; line-height:40px; background:rgba(255, 255, 255, 0.5); color:#345f90; 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:block; border-bottom:1px solid #eee; border-left:5px solid #aaa; background:#fff; padding:15px 15px; line-height:1; }
.notification-read { opacity:0.5; background:#f3f3f3; border-left:5px solid rgba(0,0,0,0); }
.notification-icon { float:left; width:30px; }
.notification-icon img { display:block; width:100%; border-radius:2px; }
.notification-body { margin-left:0; }
.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:2px 2px 0 0; right:5px; top:0; border-radius:30px; text-align:center; width:10px; height:10px; line-height:20px; font-weight:bold; }



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


/* 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 #eee; transition:0.2s all; padding:10px 0; }
.item-table .table-row-error { border-left:5px solid #f66; }
.item-table .table-row-warning { border-left:5px solid #fb0; }
.item-table .table-row-selected { background:#e5ffe5; }
.item-table .row-field { vertical-align:middle; padding:15px 10px 15px 0px; margin:0; line-height:1.3; }
.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 {  }


.icon { display:inline-block; width:24px; text-align:center; font-size:20px; color:#666; font-family:'fontawesome'; }


/* 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:20px; padding-left:30px; }
.property-row-meta:last-child { margin:0; }
.property-row-meta:before { display:block; position:absolute; margin:-15px 0 0; font-family:'realestate'; content:'\f115'; padding:0; font-size:23px; font-weight:normal; width:25px; height:30px; line-height:30px; top:50%; left:0; text-align:center; color:#ccc; }
.property-row-surface:before { font-size:20px; }
.property-row-bedrooms:before { content:'\f103'; }
.property-row-bathrooms:before { content:'\f102'; }
/* Tags */
.tag { display:inline-block; padding:2px 8px 1px 8px; margin:2px 4px 2px 0; font-weight:bold; font-size:12px; background:#c1c4c8; color:#fff; border-radius:4px; height:20px; line-height:20px; text-align:center; white-space:nowrap; }
.tag-small { padding:0 6px; font-weight:bold; font-size:10px; height:18px; line-height:18px; }
.tag-micro { padding:0 4px; font-weight:bold; font-size:10px; font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; height:14px; line-height:14px; }
.tag-minimal { display:block; float:left; color:transparent; padding:0; margin:2px 2px 2px 0; height:10px; width:6px; border-radius:2px; }
.tag-medium { padding:4px 16px; font-size:16px; height:24px; line-height:24px; }
.tag-disabled { background:#f1f1f1; color:#b1b4b8; }
.tag-tooltip { cursor:help; }
/* Tag colors */
.tag-color-white { background:#fcfcfc; color:#555; box-shadow:inset 0 0 0 1px #999; }
.tag-color-lightgrey { background:#bbb; }
.tag-color-grey { background:#777; }
.tag-color-black { background:#333; }
.tag-color-orange { background:#f90; }
.tag-color-red { background:#F66; }
.tag-color-blue { background:#2ac; }
.tag-color-cyan { background:#7cb; }
.tag-color-green { background:#6d3; }
.tag-color-violet { background:#e8e; }
.tag-color-purple { background:#f4c; }
.tag-color-yellow { background:#fc0; }
/* Subtle colorings */
.tag-style-subtle.tag-color-white { background:#fff; color:#555; box-shadow:inset 0 0 0 1px #555; }
.tag-style-subtle.tag-color-lightgrey { background:#fff; color:#bbb; box-shadow:inset 0 0 0 1px #bbb; }
.tag-style-subtle.tag-color-grey { background:#fff; color:#777; box-shadow:inset 0 0 0 1px #777; }
.tag-style-subtle.tag-color-black { background:#fff; color:#333; box-shadow:inset 0 0 0 1px #333; }
.tag-style-subtle.tag-color-orange { background:#fff; color:#f90; box-shadow:inset 0 0 0 1px #f90; }
.tag-style-subtle.tag-color-red { background:#fff; color:#F66; box-shadow:inset 0 0 0 1px #F66; }
.tag-style-subtle.tag-color-blue { background:#fff; color:#2ac; box-shadow:inset 0 0 0 1px #2ac; }
.tag-style-subtle.tag-color-cyan { background:#fff; color:#7cb; box-shadow:inset 0 0 0 1px #7cb; }
.tag-style-subtle.tag-color-green { background:#fff; color:#6d3; box-shadow:inset 0 0 0 1px #6d3; }
.tag-style-subtle.tag-color-violet { background:#fff; color:#e8e; box-shadow:inset 0 0 0 1px #e8e; }
.tag-style-subtle.tag-color-purple { background:#fff; color:#f4c; box-shadow:inset 0 0 0 1px #f4c; }
.tag-style-subtle.tag-color-yellow { background:#fff; color:#fc0; box-shadow:inset 0 0 0 1px #fc0; }
/* Statuses */
.property-row-status { display:inline-block; padding:3px 10px; text-transform:uppercase; font-weight:bold; font-size:12px; background:#d1d6da; color:#fff; border-radius:30px; height:20px; line-height:20px; text-align:center; }
.property-row-status-publish { background:#6d3; }
.property-row-status-scheduled { background:#f90; }
.property-row-status-draft { background:#999; }


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


body .color-white { color:#fff; }
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; }

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


.tag-invoice-status-paid { background:#6d3; }
.tag-invoice-status-unpaid { background:#f90; }
.tag-invoice-status-cancelled { background:#F66; }
.tag-invoice-status-cancellation { background:#2ac; }
.tag-invoice-status-3 { background:#e8e; }
.tag-invoice-status-4 { background:#888; }

.tag-invoice-paid-0 { background:#F66; }
.tag-invoice-paid-1 { background:#6d3; }

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

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

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

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

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

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

.tag-offer-status-0 { background:#888; }
.tag-offer-status-1 { background:#f90; }
.tag-offer-status-2 { background:#6d3; }
.tag-offer-status-3 { background:#F66; }
.tag-offer-status-4 { background:#ccc; }

.tag-order-status-0 { background:#888; }
.tag-order-status-1 { background:#f90; }
.tag-order-status-2 { background:#2ac; }
.tag-order-status-3 { background:#6d3; }
.tag-order-status-4 { background:#e8e; }
.tag-order-status-5 { background:#f66; }
.tag-order-status-6 { background:#a7f; }
.tag-order-status-7 { background:#f66; }
.tag-order-status-process { background:#fd0; }

.tag-order-item-status-0 { background:#888; }
.tag-order-item-status-1 { background:#f90; }
.tag-order-item-status-2 { background:#2ac; }
.tag-order-item-status-3 { background:#e8e; }
.tag-order-item-status-4 { background:#6d3; }
.tag-order-item-status-5 { background:#f66; }
.tag-order-item-status-6 { background:#f66; }
.tag-order-item-status-7 { background:#f90; }
.tag-order-item-status-8 { background:#a7f; }
.tag-order-item-status-9 { background:#f66; }
.tag-order-item-status-10 { background:#f66; }

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

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

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

.tag-issue-type-0 { background:#f90; }
.tag-issue-type-1 { background:#2ac; }
.tag-issue-type-2 { background:#6d3; }
.tag-issue-type-3 { background:#F66; }
.tag-issue-type-4 { background:#e8e; }
.tag-issue-type-5 { background:#fd0; }
.tag-issue-type-6 { background:#888; }

.tag-issue-status-0 { background:#f90; }
.tag-issue-status-1 { background:#6d3; }

.tag-meeting-status-0 { background:#f90; }
.tag-meeting-status-1 { background:#6d3; }

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

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

.tag-commission-period-status-0 { background:#f90; }
.tag-commission-period-status-1 { background:#6d3; }

.tag-invoice-status-1 { background:#bbb; }
.tag-invoice-status-1 { background:#888; }
.tag-invoice-status-2 { background:#f90; }
.tag-invoice-status-3 { background:#F66; }
.tag-invoice-status-4 { background:#2ac; }
.tag-invoice-status-5 { background:#6d3; }
.tag-invoice-status-6 { background:#f4c; }


.bg-discount { background:#f4fff4; }
.bg-subproduct { background:#f9f9ff; }

/* ITEM PREVIEW */
/* A title, subtitle and content with an image to the left */
/* Used for contacts, row titles, product listings */
.item-previews { display:flex; width:100%; gap:10px; margin:10px 0 0; box-sizing:border-box; flex-wrap: wrap; }
.item-preview { margin:0; max-width:450px; padding:10px; background:rgba(150,150,150,0.06); background: #fff; border-radius:5px; }
.item-preview-large { max-width:none; }
.item-preview-layout-left { margin:0; }
.item-preview:after { clear:both; content:' '; width:100%; height:0; display:block; }
.item-preview-image { float:left; width:30px; height:30px; line-height:30px; font-size:16px; border-radius:3px; margin:0; background:#fff; text-align:center; color:#666; overflow:hidden; }
.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; }
}

.item-discounts { display:flex; flex-direction:column; width:100%; gap:10px; margin:10px 0 0; box-sizing:border-box; flex-wrap:wrap; }

/* ITEM feature */
/* A title, subtitle and content with an image to the left */
/* Used for contacts, row titles, product listings */
.item-features { display:flex; width:100%; gap:10px; margin:10px 0 0; box-sizing:border-box; flex-wrap: wrap; }
.item-feature { display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; gap:15px; margin:0; max-width:450px; padding:10px; background:rgba(150,150,150,0.06); border-radius:5px; box-shadow:0 0 0 2px #fff; }
.item-feature-discount { background:#f5fff5; }
.item-feature-icon { width:30px; flex-grow:0;flex-shrink:0; height:30px; line-height:30px; font-size:16px; border-radius:3px; margin:0; background:#fff; text-align:center; color:#666; }
.item-feature-body { margin:0; flex-grow:1; }
.item-feature-title { margin:0 0 5px; line-height:1.3; display:none; }
.item-feature-content { font-size:0.9em; line-height:1.3; }
@media screen and (max-width:600px){
	.item-feature { max-width:none; flex-grow:1; }
}

.item-bullet { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; gap:15px; margin:0; }
.item-bullet + .item-bullet { margin:5px 0 0; }
.item-bullet-title { width:90px; flex-shrink:0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; opacity:0.6; }
.item-bullet-content { flex-grow:1; }

/*.item-subproduct { background:#fafafa; }*/
.css-order-item-child { background:#f8f8ff; border-left:5px solid #2ac; }
.css-order-discount { background:#f5fff5; border-left:5px solid #6b2; }


/*Item list toolbar*/
.item-heading { display:flex; justify-content:space-between; }
.item-count { display:flex; justify-content:flex-end; align-items: center; gap:15px; }
@media screen and (max-width:1000px){
	.item-heading { flex-direction:column; align-items:flex-start; }
	.item-count { display:none; }
}

/* ITEM DISCOUNT */
/* A title, subtitle and content with an image to the left */
/* Used for contacts, row titles, product listings */
.item-discounts { display:flex; width:100%; gap:10px; box-sizing:border-box; flex-wrap:nowrap; flex-direction:column; }
.item-discount { display:flex; flex-wrap:nowrap; flex-direction:row; margin:0; width:100%; padding:10px; background:#f5fff5; border-radius:5px; box-sizing: border-box; }
.item-discount-heading { width:400px; }
.item-discount-price { width:200px; text-align:right;  }
.item-discount-meta { width:60px; }
@media screen and (max-width:600px){
	.item-discount { max-width: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'; }



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

.property-row-status-suggested { background:#f90; }
.property-row-status-associated { background:#6d3; }
.property-row-status-website { background:#6d3; }
.property-row-status-manual { background:#2ac; }
.property-row-status-automatic { background:#f90; }


/* BULK ACTIONS */
.bulk-actions { overflow:hidden; 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:16px; color:#fff; 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; }
.bulk-edit-checkbox.bulk-edit-checkbox-active:before { content:'✓'; font-family:arial; }


/* BULK EDIT FORM */
.bulk-edit { display:none; margin:0 auto; padding:50px 0; }
.bulk-edit-active .bulk-edit { display:block; }
.bulk-edit-active .site-content-inner { display:none; }
.bulk-edit-form { display:block; padding:0; }
.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 { }
.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; }
.table-actions-list { }


/* 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; margin-right:4px; position:relative; text-align:left; transition:0.2s all; }
/* 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; }
/* 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.5s cubic-bezier(.17,1.11,.75,1.05); transform:scale(0.2); 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-open .dropdown-button { display: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:400px; }
/* 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; }
.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; }


/* 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; box-shadow:0 2px 2px 0px rgba(0,0,0,0.1); 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:1px solid #eee; box-sizing:border-box; }
.stage:before,
.stage:after { display:block; position:absolute; left:100%; top:50%; margin-top:-32px; content:' '; width:0; height:0; border-left:10px solid #fff; border-top:32px solid transparent; border-bottom:32px solid transparent; z-index:10; }
.stage:before { margin-left:-2px; }
.stage:after { border-left:10px solid #eee; z-index:9; }
.stage-body { position:relative; padding:15px 20px; z-index:3; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.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; }
.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; }

/* LIST OF STEPS */
.steps { display:flex; align-items:center; flex-wrap:nowrap; background:#eee; gap:2px; border-radius:10px; padding:0; margin:0 0 10px; overflow:hidden; }
.steps .step { padding:0; line-height:40px; height:40px; flex-grow:1; text-align:center; background:#f5f5f5; border-radius:0; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.steps .step-active { background:#7c3; color:#fff; }
.steps .step-name { font-weight:bold; }
.steps .step-description { display:none; opacity:0.5; }
@media screen and (max-width:800px) {
	.steps .step-name { display: none; }
}

.requirement { display:flex; gap:30px; align-items:center; justify-content:space-between; flex-wrap:nowrap; padding:0; overflow:hidden; }
.requirement .requirement-heading { margin:20px 0 0; width:50%; }
.requirement .requirement-content { margin:20px 0 0; flex-grow:1; }
/*.requirement .requirement-content { text-align:right; }*/
@media screen and (max-width:800px) {
	.requirement { flex-wrap:wrap; flex-display: column; gap:0; }
	.requirement .requirement-heading { width:auto; }
	.requirement .requirement-content { text-align:left; }
}


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


/* OFFER ITEMS */
.offer-products { transition:0.3s opacity; }
.offer-products-loading { position:relative; pointer-events:none; opacity:0; }
.row-action-accept.offer-item-accept-button { font-weight:bold; }
.offer-product-block { margin:0 0; background:#fafafa; border-radius:2px; }
.offer-product-discounts { border-left:3px solid #6b2; background:#f1fdf1; }
.offer-product-items { border-left:3px solid #2ac; margin:10px 0 0; background:#f5f5ff; }
.offer-product-items .datatable-row { border-bottom:2px solid #fff; }
.offer-item-child { background:#f8f8ff; }
.offer-product-devices { border-left:5px solid #e8e; background:#fff4ff; }
.offer-product-items .offer-item-disabled { border-left:5px solid #cfdff3; background:rgba(255,255,255,0.7); }
.offer-item-contents { display:flex; align-items:stretch; justify-content:flex-start; }
.offer-item-content { flex-grow:1; width:100%; margin:0; padding:0; box-sizing:border-box; border:0px solid #eee; }
.offer-item-content:first-child { margin-left:0; }
.offer-item-content-title { font-size:12px; margin:0 0 0; color:#999; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }


/* ORDER ITEMS */
.order-products { transition:0.3s opacity; }
.order-products-loading { position:relative; pointer-events:none; opacity:0; }
.order-product-block { margin:0 0; background:#fafafa; border-radius:2px; }
.order-product-discounts { border-left:3px solid #6b2; background:#f1fdf1; }
.order-product-items { border-left:3px solid #2ac; margin:10px 0 0; background:#f5f5ff; }
.order-product-items .datatable-row { border-bottom:2px solid #fff; }
.order-item-child { background:#f8f8ff; }
.order-product-devices { border-left:5px solid #e8e; background:#fff4ff; }
.order-product-items .order-item-disabled .order-item-heading { }
.order-item-contents { display:flex; align-items:stretch; justify-content:flex-start; }
.order-item-content { flex-grow:1; width:100%; margin:0; padding:0; box-sizing:border-box; border:0px solid #eee; }
.order-item-content:first-child { margin-left:0; }
.order-item-content-title { font-size:12px; margin:0 0 0; color:#999; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }


.offer-products-loading:before,
.order-products-loading:before { position:absolute; top:50%; left:0; width:100%; text-align:center; margin:-20px 0 0; height:40px; line-height:40px; font-size:32px; font-weight:bold; content:'CARGANDO'; color:#000; opacity:0.1; }


.composite-table thead { border-bottom:1px solid #eee; }
.composite-table thead th { vertical-align:middle; text-transform:uppercase; font-size:0.9em; padding:10px 10px 10px 0; margin:0; }
.composite-table thead th:first-child { padding-left:20px;  }
.composite-table thead th:last-child { padding-right:20px;  }
.composite-table thead th.row-align-right + .header-field { padding-left:20px; }
.composite-table tbody { border-bottom:2px solid #eee; transition:0.2s all; }
.composite-table tbody table tbody { border-bottom:5px solid #fff; }
.composite-table tbody table tbody tr { border-bottom:none; }
.composite-table tbody:last-child { border-bottom:none; }
.composite-table table tbody { border-bottom:none; }
.composite-table tbody tr { padding:0; }
.composite-table tbody.disabled { opacity:0.5; }
.composite-table tbody td { vertical-align:middle; padding:15px 10px 15px 0; margin:0; max-width:100%; box-sizing:border-box; }
.composite-table tbody td:first-child { padding-left:20px; }
.composite-table tbody td:last-child { padding-right:20px; }


/* FIXED BOTTOM */
.floating-toolbar { position:fixed; padding:15px; top:0; left:0; width:100%; height:100px; background:#fff; box-sizing:border-box; z-index:999; }
.floating-content { position:fixed; top:100px; bottom:0; right:0; left:0; background:#eef; box-sizing:border-box; z-index:998; }
.floating-iframe { display:block;position:absolute; top:0; left:0; width:100%; height:100%; }


/* DOCUMENTS & CONTRACTS */
.document-preview { padding:0; margin:0 auto; width:100%; max-width:900px; font-size:14px; line-height:1.7; font-weight:300; }
.document-preview-title { font-size:26px; margin:0 0 40px; line-height:1.2; font-weight:700; }
.document-preview-content { margin:0 0 30px; }
.document-preview-meta { margin:0 0 30px; }
.document-preview-footer { margin:0 0 30px; }
.document-preview p { }


/* DOCUMENT SIGNING */
.signing-old { padding:50px; background:#fff; margin:0 auto; width:100%; max-width:900px; font-size:14px; line-height:1.7; font-weight:300; }
.signing-old-title { margin:0 0 50px; font-size:26px; line-height:1.2; font-weight:700; }


.component {}
.component form { transition:0.2s opacity; }
.component-loading form { opacity:0.3; pointer-events:none; cursor:wait; }
.component-placeholder { position:relative; }
.component-placeholder:before,
.component-placeholder:after { display:none; content:' '; height:20px; background:#f2f2f2; border-radius:2px; margin:0 0 20px }
.component-placeholder:after { width:50%; }


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


/* ORDER MANAGEMENT */
.due { white-space:nowrap; line-height:1.2; }
.due-title { }
.due-subtitle { font-size:0.8em; }
.due-soon .due-subtitle { color:#fc0; font-weight:500; }
.due-today .due-subtitle { color:#f90; font-weight:500; }
.due-past { color:#ff6666; }


/* ORDER MANAGEMENT */
.order-management { width:180px; min-height:30px; position:relative; white-space:nowrap; text-overflow:ellipsis; line-height:1.2; }
.order-management-icon { width:26px; color:#888; height:30px; line-height:30px; position:absolute; margin:-15px 0 0; top:50%; left:0; font-size:20px; font-family:'fontawesome'; }
.order-management-title { display:block; margin-left:32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.order-management-subtitle { display:block; margin-left:32px; font-size:0.8em; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* ORDER MANAGEMENT */
.order-distribution { width:160px; white-space:nowrap; line-height:1.2; overflow:hidden; }
.order-distribution-image { width:30px; float:left; margin-right:10px; font-size:24px; font-family:'linearicons'; }
.order-distribution-image-placeholder { width:30px; float:left; margin-right:0px; font-size:24px; font-family:'fontawesome'; color:#aaa; }
.order-distribution-image-placeholder:before { content:'\f192'; }
.order-distribution-company { display:block; margin-left:32px; white-space:nowrap; text-overflow:ellipsis; }
.order-distribution-segment { display:block; margin-left:32px; white-space:nowrap; text-overflow:ellipsis; font-size:0.8em; color:#888; }
.order-distribution-segment-1 { color:#2fb480; }
.order-distribution-segment-2 { color:#ff93e8; }
.order-distribution-segment-3 { color:#6095ff; }


/* ORDER ITEMS */
/*.order-item { border-bottom:1px solid #eee; }
.order-item-heading { display:flex; align-items:center; }
.order-item-field { flex-grow:1;  }
.order-item-title { max-width:350px; }
.order-item-subtitle { font-size:0.9em; font-style:italic; font-weight:400; }
.order-item-content { margin:20px 0 0 40px; padding:20px; border:2px solid #f5f5f5; }
.order-item-actions { width:50px; }*/

/* EXPERIMENT, can discard */
/*.detail-grid { display:grid; grid-auto-flow:column; align-items: stretch; grid-template-columns:380px auto 380px; grid-template-rows:repeat(3, auto); gap:30px; justify-items: stretch; }*/
/*.detail-grid > div { padding:20px; text-align: center; border-radius: 10px; }*/
/*.detail-grid-details { background: #f66; min-height:200px; }*/
/*.detail-grid-contacts { background: #2ac; min-height: 300px; }*/
/*.detail-grid-items { background: #6b2; min-height: 500px; }*/
/*.detail-grid-other { background: #fb0; min-height: 500px; }*/
/* Wide */
/*.detail-grid-details { grid-column:1 / 1; grid-row:1 / 1; }*/
/*.detail-grid-contacts { grid-column:1 / 1; grid-row:2 / 2; }*/
/*.detail-grid-items { grid-column:2 / 4; grid-row:1 / 1; }*/
/* Compact */
/*.detail-grid-details { grid-column:1 / 1; grid-row:1 / 1; }*/
/*.detail-grid-contacts { grid-column:2 / 4; grid-row:1 / 1; }*/
/*.detail-grid-items { grid-column:1 / 4; grid-row:2 / 2; }*/

.tooltip { position:relative; cursor:help; }
.tooltip-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; }
.tooltip-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; }
.tooltip:hover .tooltip-content { opacity:1; visibility:visible; }


/* TABS */
.tabs { padding:10px 20px; border-bottom:1px solid #eee; }
.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; }


/* 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 0 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:140px; }
	.switcher-vertical .switcher-tab { float:none; border-right:none; border-bottom:1px solid #eee; }
	.switcher-vertical .switcher-body { margin-left:170px; }
}


/* 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-suggested .property-row-status { background:#f90; }
.match-associated .property-row-status { background:#7c3; }
.match-selected .property-row-status { background:#2ac; }
.match-suggested .property-row-status:before { content:'Sugerida'; }
.match-associated .property-row-status:before { content:'Asociada'; }
.match-selected .property-row-status:before { content:'Elegida'; }
.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; }


.files { }
.file { margin:0 0 20px; position:relative; overflow:hidden; line-height:1; }
.file:last-child { margin:0; }
.file .file-heading { float:left; background:#eee; color:#666; font-size:14px; border-radius:3px; width:30px; height:30px; line-height:30px; text-align:center; }
.file .file-heading:before { font-family:'linearicons'; content:'\e81d'; }
.file .file-body { margin-left:40px; }
.file .file-edit { margin-left:40px; }
.file .file-name { font-weight:bold; }
.file .file-size { color:#aaa; font-size:0.8em; line-height:1.2; margin:5px 0 0; }
.file .file-description { font-size:0.9em; margin:10px 0 0; line-height:1.4; }
.file-meta { opacity:0; float:right; height:24px; line-height:24px; }
.file:hover .file-meta { opacity:1; }
.file-meta-item { float:left; font-family:'linearicons'; margin:0 0 0 5px; width:24px; height:24px; line-height:24px; border-radius:5px; color:#fff; text-align:center; background:#999; overflow:hidden; cursor:pointer; z-index:10; }
.file-meta-edit {  }
.file-meta-edit:before { content:'\e802'; }
.file-meta-delete { background:#f66;  }
.file-meta-delete:before { content:'\e870'; }


/* 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 { height:80px; }
.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; }


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




.toolbar { float:right; margin:0 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-open .toolbar-actions-title:before,
.toolbar-actions-open .toolbar-actions-title { color:#7c3; }
/* List */
.toolbar-actions-list { position:absolute; visibility:hidden; opacity:0; left:0; 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:10px 0 0; border-radius:8px; 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:0; right:auto; }
/* Last item to the left */
.toolbar-actions-dropdown:last-child .toolbar-actions-list { left:auto; right:0; }
/* 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 { 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; }


/* LIST OF COUNTERS */

.counters { gap: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 8px; }
.blurb-content {  }

.infobox { font-style:italic; position:relative; color:#999; margin:0 0 20px; padding: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-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-task span:before { content:'\f00c'; }
.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-email span:before { content:'\e818'; }
.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'; }

/* MEETINGS */
.meeting-fulfill,
.meeting-status-fulfill .meeting-fulfill-button { display:none; }
.meeting-status-fulfill .meeting-fulfill { display:block; }


/* 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-create-button { margin:15px 0 0; }

/* 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:20px; 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 { border:2px solid #6e4; }
.task-completed .task-toggle:before { display:block; font-family:fontawesome; content:'\f00c'; color:#6e4; }
.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; }
/* 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; }


/* ISSUES */
.issue-comments { margin:0 0 10px; box-sizing: border-box; width:100%; }
.issue-comment { display:block; box-sizing: border-box; width:100%; padding:15px; background:#f8f8ff; border-radius:3px; margin:0 0 5px; }


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


/* 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.select2-container--open { z-index:9999; }
.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 }


/* RICH SELECT FIELDS */
.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; }


/* 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 { position:absolute; background:#fff; top:30px; bottom:30px; right:70px; left:30px; }
.media-title { padding:20px; font-size:20px; height:70px; background:#f5f5f5; box-sizing:border-box; }
.media-body { position:absolute; overflow:auto; top:70px; bottom:0; left:0; width:75%; box-sizing:border-box; padding:10px; }
.media-items { overflow:hidden; }
.media-meta { padding:20px 10px; }
.media-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; }
.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-selected:before { border:5px solid #6b2; box-shadow:inset 0 0 0 2px #fff; border-radius:3px; }
/* Close Button */
.media-close { position:fixed; margin:0; top:30px; right:30px; width:40px; height:40px; z-index:999999; cursor:pointer; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.media-close:before,
.media-close:after { position:absolute; content:' '; top:50%; right:50%; margin-right:-30px; width:40px; height:2px; background:#fff; }
.media-close:before { -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.media-close:after { -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
/* Details pane */
.media-pane { display:none; position:absolute; background:#f5f5f5; overflow:auto; top:0; height:100%; right:0; width:25%; box-sizing:border-box; }
.media-details { }
.media-details-preview { width:100%; overflow:hidden; max-height:400px; }
.media-details-preview img { display:block; width:100%; }
.media-info { padding:20px; }
.media-info-title { font-size:16px; }
.media-info-delete { color:red; font-weight:bold; margin-top:10px; cursor:pointer; }
.media-options { position:absolute; background:#e5e5e5; 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:18px; box-sizing:border-box; }
.media-blank-content { margin:0 0 30px; }
.media-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; }
/* 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; }


/* 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:-30vh 0 0 -350px; visibility:hidden; opacity:0; width:700px; 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 5px; }
.notice-content { font-size:14px; margin:0 0 30px; }
.notice-content:after { clear:both; display:block; width:100%; height:0; content:' '; }
.notice-footer { line-height:1.3; font-size:12px; color:#888; margin:20px 0 0; }
/* 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:680px) {
	.notice-body { padding:20px; left:10px; top:10px; right:10px; width:auto; margin:0; }
	.notice-title { font-size:18px; }
	.notice-content { font-size:14px; }
}


.field-auto-copy { position:relative; border:1px dashed transparent; cursor:pointer; }
.field-auto-copy:hover { border:1px dashed #ddd; }
.field-auto-copy:hover:after { position:absolute; font-family:'fontawesome'; content:'\f328'; margin-left:8px; }
.field-auto-copied:hover:after { position:absolute; font-family:'fontawesome'; content:'\f46c'; margin-left:8px; color:#66bb22; }


/* MEDIA POPUP */
.popup { position:fixed; top:0; width:100%; height:100%; left:0; visibility:hidden; opacity:0; transition:0.3s 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:20px; 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-minimize-button { position:absolute; top:30px; right:100px; 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-minimize-button:before { font-family:'fontawesome'; content:'\f068'; }*/
.popup-maximize-button { visibility:hidden; opacity:0; position:fixed; bottom:-100px; left:50%; margin-left:-175px; border-radius:100px; width:350px; height:50px; line-height:50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:0 25px; font-size:16px; color:#fff; background:#444; text-align:center; z-index:999; cursor:pointer; transition:0.3s all; box-sizing: border-box; }
.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:10px; 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-minimized .popup-maximize-button { bottom:90px; }
}

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



/* 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]: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-placeholder { padding:0 0 10px 0; box-sizing:border-box; font-size:0.8em; }
.search-active .search-placeholder { display:block; visibility:visible; opacity:1; }
.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; }
}
@media only screen and (max-width: 600px){
	.search-results { max-height:84vh; }
	.search-results .search-result { padding:10px; color:inherit; }
	.search-result .search-result-type { float:none; }
}



/* ONBOARDING TOOLTIPS */
.onboard-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; }
.onboard-tooltip-title { font-weight:bold; line-height:1.2; font-size:1.3em; }
.onboard-tooltip-content { }
.onboard-tooltip-links { margin:15px 0 0; }
.onboard-tooltip .onboard-tooltip-link { display:block; float:left; padding:10px 15px; color:#38D; font-weight:bold; text-align:center; background:#fff; border-radius:3px; }
.onboard-tooltip .onboard-tooltip-close { display:block; float:right; padding:10px 15px; background:rgba(255,255,255,0.05); color:#fff; text-align:center; border-radius:3px; }
.onboard-tooltip .onboard-tooltip-close:hover { background:rgba(255,255,255,0.2); }
@media screen and (max-width:600px) {
	.onboard-tooltip { right:10px; padding:10px; max-width:100%; width:auto; }
}

/* LAUNCHPAD */
.launchpad { position:fixed; top:0; left:0; padding:2%; width:100%; height:100%; background:#345f90; 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 40px; }
.launchpad-logo { float:left; width:220px; max-width:30%; padding-right:20px; box-sizing:border-box; }
.launchpad-account { float:right; width:250px; }
/* Launchpad menu */
.launchpad-menu { position:absolute; bottom:50px; top:50px; left:0; 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:260px; max-width:250px; padding:0; margin:0; color:#bbb; font-weight:bold; }
.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:50px; width:50px; line-height:50px; font-size:20px; text-align:center; }
.launchpad-menu .launchpad-menu-group-title { display:block; font-size:16px; height:50px; line-height:50px; margin:0 0 0 50px; }
.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 { 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'; }


/* Omnisearch */
.launchpad-search { margin:20px auto 0; max-width:100%; padding:0; height:40px; width:400px; 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] { position:absolute; left:0; top:0; height:40px; width:100%; font-size:16px; padding:20px; margin:0; 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; right:0; 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:800px) {
	.launchpad-close { margin:0; }
	.launchpad-logo { margin-bottom:20px; }
	.launchpad-search { clear:both; }
	.launchpad-search-submit { font-size:18px; width:36px; height:36px; line-height:36px; }
	.launchpad-menu { bottom:10px; top:30px; }
	.launchpad-menu .launchpad-menu-groups { display:block; overflow-y:auto; }

}

/* Search Results */
.launchpad-search-placeholder { position:absolute; top:180px; left:0; width:100%; opacity:0; visibility:hidden; transform:translateY(50px); transition:0.8s all; font-weight:300; font-size:60px; color:rgba(255,255,255,0.1); text-align:center; }
.launchpad-search-results::-webkit-scrollbar { display:none; }
.launchpad-search-results { position:absolute; bottom:50px; top:120px; left:0; width:100%; 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:'linearicons', sans-serif; float:left; color:#999; font-size:24px; width:30px; height:30px; line-height:30px; display:block; }
.launchpad-search-results .launchpad-search-result-orders:before { content:'\e84c'; }
.launchpad-search-results .launchpad-search-result-order-items:before { content:'\e83d'; }
.launchpad-search-results .launchpad-search-result-offers:before { content:'\e88e'; }


/* 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-menu,
.launchpad-searching .launchpad-search-results,
.launchpad-searched .launchpad-menu { opacity:0; visibility:hidden; transform:translateY(50px); }
.launchpad-searched .launchpad-search-results,
.launchpad-searching .launchpad-search-placeholder { opacity:1; visibility:visible; transform:none; }

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


/* DASHBOARD LIST */
.dashboards { margin:0 0 10px; }
.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-select { display:inline-block; width:250px; padding:15px 10px; margin-right:15px; }

/* DASHBOARD LAYOUT */
.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 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:#bbb; 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; }
.dashboard-widget-move:before { content:'\f0b2'; font-family:'fontawesome'; }
.dashboard-widget:hover .dashboard-widget-actions { opacity:1; }
/*.dashboard-widget-body { max-height:600px; 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; }


/* DASHBOARD SETUP TEMPLATES */
.setup-dashboards {  }
.setup-dashboard { float:left; width:33.333%; 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 { float:none; width:100%; }
}


/* REPORTS */
.report-table-header-sort { cursor:pointer; }
.report-table-header-ascending:after { content:' \25B2'; }
.report-table-header-descending:after { content:' \25BC'; }


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


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



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

	.mobile-menu-logo { display:block; }


	/*.content-block .block-title { padding:10px; }*/
	.content-block .content-block-body { padding:15px; }
	.tabs { padding:10px; }
	
	.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; }
}



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

	.site-tabs { display:none; }

	/*.field .field-title { float:none; width:auto; margin:0; }
	.field .field-content { margin:0; }
	.field .field-content .readonly { padding:0; }	*/

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

	.launchpad-search { margin:20px 0 0; padding:0; width:auto; padding-right:60px; }
	.launchpad-open { display:block; }


    .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; position:relative; clear:both; float:none; margin:0 0 14px; padding:4px 0 0 120px; }
	.item-table .row-collapse:after { display:block; content:' '; clear:both; width:100%; height:0; }
	.item-table .row-collapse:before { display:block; width:120px; 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; }


	/* Composite Tables (tables within tables) */
	.composite-table thead {  }
	.composite-table thead { display:none; }
	.composite-table tbody td { padding:10px 10px 10px 0; }
	.composite-table tbody td:first-child { padding-left:10px; }
	.composite-table tbody td:last-child { padding-right:10px; }
	.composite-table .row-field { display:block; padding:15px 20px 15px 0; }
	.composite-table .row-field:first-child { padding-left:10px; }
	.composite-table .row-image { float:left; padding-right:15px; width:40px; min-width:40px; }
	.composite-table .row-image img { width:40px; }
	.composite-table .row-select { float:left; width:20px; padding:20px 10px 0 0; }
	.composite-table .row-primary { padding:15px 10px 15px 0; }
	.composite-table .row-field-toggle-button { display:block; }
	.composite-table .field-title { max-width:none; font-size:14px; }
	.composite-table .header-field-collapse { display:none; }
	.composite-table .row-collapse { display:none; position:relative; clear:both; float:none; margin:0 0 14px; padding:4px 0 0 120px; }
	.composite-table .row-collapse:after { display:block; content:' '; clear:both; width:100%; height:0; }
	.composite-table .row-collapse:before { display:block; width:120px; position:absolute; left:10px; color:#aaa; content:attr(data-title); }
	.row-field-open .row-collapse { display:block; }


	.toolbar-actions-dropdown:last-child .toolbar-actions-list { left:0; right:auto; }

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


    .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 12px 0 0; padding:0 0 10px; }
	.content-block-tabs .content-block-tab-active { padding-bottom:11px; }

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


	.button-subtle { padding:10px; }

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

	.form-signature-wrap { width:300px; }
	.signature-canvas { width:300px; height:150px; }

}


.marketplace { display:flex; align-items: stretch; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; }
.marketplace-item { width:22%; margin:0 3% 30px 0; padding:30px; background:#fff; border-radius:5px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.08); box-sizing: border-box; }
.marketplace-item-image { display:block; position:relative; width:100%; height:0;padding:35% 0 0; }
.marketplace-item-image img { display:block; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; }
.marketplace-item-body { margin:20px 0 0; }
.marketplace-item-title { font-size:1.1em;font-weight:bold; }
.marketplace-item-subtitle {  }
.marketplace-item-features { margin:20px 0 0; }
.marketplace-item-feature { margin:0 0 10px; line-height:1.4; position:relative; padding-left:0; display:flex; flex-wrap: nowrap;justify-content: flex-start;align-items: center;flex-direction: row; }
.marketplace-item-feature:last-child { margin:0; }
.marketplace-item-feature:before { margin-right:15px; width:15px; font-family:'fontawesome'; color:#bbb; }
.marketplace-item-feature-location:before { content:'\f3c5'; }
.marketplace-item-feature-sectors:before { content:'\f275'; }
.marketplace-item-feature-segment:before { content:'\f2bd'; }
.marketplace-item-feature-commissions:before { content:'\f51e'; }
@media only screen and (max-width:1300px){
	.marketplace-item { width:30%; margin:0 3% 30px 0; }
}
@media only screen and (max-width:1000px){
	.marketplace-item { width:47%; margin:0 3% 30px 0; }
}
@media only screen and (max-width:800px){
	.marketplace-item { width:100%; margin:0 0 30px 0; }
}


/* REMOTEDROPLISTS */

.field-remotedroplist { position:relative;  }
/* Preview and clear button */
.field-remotedroplist-preview { border:1px solid #ddd; border-radius:3px; background:#fff; font-size:1em; width:100%; padding:0; box-sizing:border-box; cursor:pointer; }
.field-remotedroplist-preview:focus { border-color:#2ac; box-shadow:0 0 4px 1px #4cf; }
.field-remotedroplist-placeholder { color:#bbb; padding:5px 10px; }
.field-remotedroplist-clear { position:absolute; background:#fff; right:-10px; top:-10px; width:20px; height:20px; line-height:20px; text-align:center; border-radius:20px; }
.field-remotedroplist-clear:before { content:'\f057'; font-family:'fontawesome'; }
/* Dropdown List */
.field-remotedroplist-dropdown { position:absolute; top:100%; left:0; visibility:hidden; box-sizing: border-box; width:100%; min-width:300px; padding:0; background:#fff; border:1px solid #ddd; border-radius:3px; z-index:1001; }
.field-remotedroplist-loading .field-remotedroplist-dropdown:before { position:absolute; font-family:'fontawesome'; right:10px; top:11px; margin:0; text-align:center; width:20px; height:20px; font-size:16px; line-height:1; content:'\f141'; color:#ccc; }
.field-remotedroplist .field-remotedroplist-search { padding:10px; border:none; box-shadow:none; }
.field-remotedroplist-list { max-height:min(300px, 80vh); border-top:1px solid #ddd; overflow-y:auto; overflow-x:hidden; }
.field-remotedroplist-item { padding:5px 10px; cursor:pointer; }
.field-remotedroplist-message-noresults { padding:10px; opacity:0.6; line-height:1.2; }
.field-remotedroplist-list .field-remotedroplist-item:hover { background:#f5f6f8; transition:0.2s all; }
.field-remotedroplist-list .field-remotedroplist-item-selected { background:#f5f6f8; }
.field-remotedroplist .field-remotedroplist-input { clip:rect(0 0 0 0) !important; height:0 !important; position:absolute;  }
/* Opened list */
.field-remotedroplist-open .field-remotedroplist-background { position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; }
.field-remotedroplist-open .field-remotedroplist-dropdown { visibility:visible; }
@media screen and (max-width:600px){
	.field-remotedroplist-dropdown { position:fixed; top:auto; bottom:20px; left:20px; width:calc(100% - 40px); }
	.field-remotedroplist-open .field-remotedroplist-background { background:rgba(0,0,0,0.5); }
	.field-remotedroplist-list { }
}
/* Inside table-view dataviews, turn dropdown into popups */
/* Absolutes are not compatible with horizontal scrolling rows */
.dataview .dataview-table-field-edit .field-remotedroplist-preview { border:none; overflow:hidden; display:flex; align-items:center; height:40px; padding:0; font-size:12px; border-radius:0; background:#fff; }
.dataview .dataview-table-field-edit .field-remotedroplist-clear { top:4px; right:4px; }
.dataview .dataview-table-field-edit .field-remotedroplist-dropdown { position:fixed; width:300px; left:calc(50% - 150px); top:30%; }
.dataview .dataview-table-field-edit .field-remotedroplist-open .field-remotedroplist-background { background:rgba(0,0,0,0.1); }
