/* -------------------------------------------------------------- CSS RESET -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, menu, nav, section {display:block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;} table { border-collapse:collapse; border-spacing:0; } /* -------------------------------------------------------------- GENERAL ELEMENTS -------------------------------------------------------------- */ html { } body { font-family:'Open Sans', Arial, sans serif; background:#333; font-size:14px; letter-spacing:0.05em; color:#555; 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-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 inside none; padding:0; margin:0 0 0.5em 1.5em; } ol li { list-style:decimal; margin:0 0 5px 20px; list-style-position:outside; } ol ol li { list-style:upper-alpha; } ol ol ol li { list-style:lower-roman; } ol ol ol ol li { list-style:lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } ul, ol, dd, pre, hr { margin-bottom:24px; } ul ul, ol ol, ul ol, ol ul { margin-bottom:0; } dl { margin:0 0 24px 0; } dt { font-weight:bold; } dd { margin-bottom:18px; } strong, b { font-weight:bold; } cite, em, i { border:none; font-style:italic; } big { font-size:131.25%; } ins { background:#ffc; border:none; } del { text-decoration:line-through; } /* ADDRESSES */ address { font-size:0.9em; line-height:1.2em; } /* CITATIONS */ blockquote { display:block; font-style:italic; padding:0 5%; margin:25px 0; } blockquote cite, blockquote em, blockquote i { font-style:normal; } /* PREDEFINED TEXT */ pre { font-family:Courier, monospace; background:#f5f5f5; border:1px solid #ccc; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; display:block; overflow:auto; margin:25px 0; } abbr, acronym { border-bottom:1px dotted #666; cursor:help; } ins { text-decoration:none; } sup, sub { font-size:0.7em; height:0; line-height:1; position:relative; vertical-align:baseline; } sup { bottom:1ex; } sub { top:.5ex; } pre, kbd, tt, var { line-height:21px; } code { font-size:1.05em; } /* CODE */ code, code var { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } /* INLINE IMAGES */ img { margin:0; max-width:100%; line-height:0em; } /* TABLES */ table { border:0px solid #999; border-collapse:collapse; border-spacing:0; margin:0; text-align:left; width:100%; border-radius:3px; } thead { padding:0 0 5px 0; } thead td { font-weight:bold; } tr th, thead th { border:none; font-weight:bold; font-size:1.1em; line-height:1.2em; padding:0 0 10px; } tr { padding:10px 0; } tr td { border:none; padding: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:5px 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; -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; } 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:80px; height:100px; } input[type=submit] { width:auto; -webkit-appearance:none; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } /* 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; } /* Radio Buttons */ .label-radio input { margin-right:5px; } .label-radio { position:relative; padding-left:40px; margin:0 0 9px; } .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; } /* Date Picker */ input.date-picker { max-width:110px; } /* 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); } .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; } /* POSITIONED ELEMENTS */ body img.align-left { display:block; float:left; margin-left:0; margin:4px 30px 20px 0; max-width:50%; } body img.align-right { display:block; float:right; margin-right:0; margin:4px 0 20px 30px; max-width:50%; } body img.align-full { display:block; float:none; margin:0 0 20px; max-width:100%; width:100%; } body img.display-block { display:block; } body img.display-inline { display:inline; } body .align-left { text-align:left; } body .align-center { text-align:center; } body .align-right { text-align:right; } body .align-full { text-align:justify; } /* ELEMENT VISIBILITY */ .hidden { display:none; } .invisible { visibility:hidden; opacity:0; } /* LENGTHS */ body .field-short { width:150px; } body .field-long { width:400px; } body .half { width:50%; } body .third { width:33%; } body .quarter { width:25%; } body .middle { padding:0 25%; } /* SPECIAL FIELDS */ input.post-title { font-weight:300; font-size:24px; padding:10px; margin:0; } input.post-url { } /* MESSAGES */ .messages { position:fixed; left:50%; margin:0 0 0 -280px; padding:20px; bottom:0; width:560px; transition:0.6s ease all; box-sizing:border-box; transition-delay:0.3s; z-index:9999; } .body-messages .messages { transform:translateY(30px); opacity:0; } .message { display:block; position:relative; text-align:center; background:#fff; margin:0 0 20px; font-weight:bold; padding:15px 20px; color:#fff; line-height:1.4; border-radius:2px; box-shadow:0 6px 3px -5px rgba(50,50,50,0.1); pointer-events:none; } .message a { color:#fff; text-decoration:underline; } .content-block .message { border-radius:0px; margin:0; } .messages .message { margin:0; } .message p { margin:0; } .message-ok { border-bottom:5px solid #3d5; background:#e2ffe6; color:#2a4; } .message-error { border-bottom:5px solid #f76; background:#fff; color:#a33; } .message-warn { border-bottom:5px solid #fc0; background:#fff; color:#b60; } .message-info { background:#9ce; } .message-small { padding:12px 20px; } /* 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:16px 20px; line-height:1; font-weight:bold; text-transform:uppercase; letter-spacing:1px; border:1px solid #bbb; border-width:1px; margin:0px 2px 0 0; border-radius:3px; cursor:pointer; background:#fff; } .button:link { color:#444; } .button:hover { color:#999; text-decoration:none; } .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 20px; } .button-medium { padding:20px 40px; } /* Primary Buttons */ .button-primary, .button-primary:link, .button-primary:visited { color:#fff; background:#7c3; border-color:#6b2; } .button-primary:hover { border-color:#6b2; color:#fff; background:#7c3; text-decoration:none; } .button-primary .icon { color:#eee; } /* Colored Buttons */ .button.button-red { background:#f66; color:#fff; border-color:#b33; margin:0; } .button.button-red:hover { background:#f88; } .button.button-green { background:#7c3; color:#fff; border-color:#6b2; margin:0; } .button.button-green:hover { background:#6b2; } /* Connected Buttons */ .button + .button.button-connect { margin-left:-10px; } .button.button-center { display:block; clear:both; float:none; } /* Button number */ .button-number { background:#f66; border-radius:3px; padding:0 5px; color:#fff; margin:0 -12px 0 10px; } /* 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; border-width:2px; border-radius:3px; -moz-transition:0.1s linear all; -webkit-transition:0.1s linear all; transition:0.1s linear all; } .button-link:hover { background:#fff; color:inherit; text-decoration:none; border:2px solid #ccc; } .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:100px 0; } .blank-slate-image { display:block; float:left; width:170px; } .blank-slate-icon { display:block; float:left; width:170px; color:#7c3; font-size:130px; text-align:center; line-height:1; font-family:'linearicons'; font-weight:normal; transform:rotate(-10deg); text-shadow:5px 5px 0px rgba(0,0,0,0.1); } .blank-slate-body { margin-left:200px; } .blank-slate-noimage .blank-slate-body { margin-left:0; } .blank-slate-title { margin:0 0 20px; line-height:1.2; font-size:32px; color:#555; font-weight:300; } .blank-slate-content { font-size:18px; color:#999; font-weight:300; } .edit-button:link, .edit-button:visited { display:block; float:right; color:#999; } .clear { clear:both; width:100%; } .item-block { display:block; list-style:none; background:#fff; padding:10px; margin:0 0 20px; border:1px solid #ddd; border-radius:3px; box-shadow:0 2px 4px -4px rgba(0,0,0,0.5) } .item-block .item-title { font-size:1.3em; margin:0 0 10px; } .item-block .item-meta { float:right; } .item-block .item-content { margin:0 0 10px; } .item-block .item-utility { clear:both; color:#999 } .item-block .item-utility .field { float:left; margin-right:10px; } /* MODAL POPUPS */ .popup { display:none; position:fixed; top:0; width:100%; height:100%; left:0; background:rgba(0,0,0,0.6); z-index:999999; } .popup-active .popup { display:block; } body.popup-active { overflow:hidden; } .popup-wrap { position:absolute; top:40px; bottom:40px; right:30px; left:30px; } .popup-body { position:relative; background:#eef2f6; width:900px; max-width:100%; overflow:hidden; height:100%; margin:0 auto; border-radius:4px; } .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 { position:absolute; top:60px; bottom:0; left:0; width:100%; box-sizing:border-box; padding:30px; overflow-y:auto; } .popup-content:after { clear:both; display:block; width:100%; height:0; content:' '; } /* TOGGLES */ .modal-content { display:none; } .modal-content-open { cursor:pointer; } /*.toggle { display:none; }*/ /* VIDEO EMBEDS */ .video { margin:0 0 0px; 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%; } .col5 { width:17.6%; } .col6 { width:15.8333%; margin-right:1%; } .col7 { width:13.4285%; margin-right:1%; } .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%; } .column-narrow { } .column-fit { 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.col4x3 { width:75%; } .column-separator { position:relative; } .column-separator:after { position:absolute; content:' '; width:1px; background:#eee; top:20px; bottom:20px; right:-2.5%; margin:0 -1px 0 0; } .col2.column-separator:after { right:-3%; } .col3.column-separator:after { right:-4.5%; } .col4.column-separator:after { right:-6%; } .column-fit.column-separator:after { right:0; } /* GENERAL LAYOUT ELEMENTS */ .outer { width:100%; overflow:hidden; } .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 { background:#eef2f6; background-size:cover; min-height:100vh; } .login-wrapper { width:600px; max-width:100%; margin:0 auto 0; padding:50px 0 0; } .login-main { } .login-image { display:block; width:200px; margin:0 auto 40px; } .login-footer { color:#ccc; text-align:center; } /* 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-menu { position:fixed; left:0; top:0; background:#333; background:none; height:100%; width:220px; box-sizing:border-box; z-index:999; } .site-body { position:relative; padding:0; margin:0 0 0 220px; background:#eef2f6; min-height:calc(100vh); overflow:hidden; } .site-content { margin:0 auto; padding:50px 40px; padding:0; } .site-content-wrap { padding:0 0 60px; } .site-content.content-menu { overflow:hidden; } .site-container { margin:0 auto; max-width:1300px; padding:0 40px; } .site-container:after { display:block; clear:both; content:' '; width:100%; height:1px; } .main-title { float:left; margin:0 0 50px; 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:700; margin:0 0 5px; line-height:1; } .properties-map-view { position:absolute; padding:15px 20px 0; top:0; left:0; width:400px; z-index:999; box-sizing:border-box; } .properties-map-view .main-title { margin:0; } /* MOBILE MENU */ .mobile-menu { display:none; background:#245; position:relative; padding:5px 0; margin:0; } .mobile-menu-logo { display:none; float:left; margin:0; padding:10px; width:26px; } .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'; } /* MAIN HEADER & LOGO */ .site-header { display:none; background:#fff; padding:0; } .site-logo { padding:20px 35px 20px 25px; } .site-logo a, .site-logo img { display:block; width:100%; font-size:24px; text-transform:uppercase; font-weight:bold; color:#fff; } .site-logo .site-logo-compact { display:none; } /* MAIN SITE TAB NAVIGATION */ .site-tabs { padding:0px 0 0; margin:0; } .site-tabs .site-tab { margin:0; list-style:none; display:block; } .site-tabs .site-tab { display:block; position:relative; padding:0 20px 0 65px; line-height:54px; min-width:24px; height:54px; color:rgba(255,255,255,0.5); font-weight:bold; text-align:left; } .site-tabs .site-tab:hover { text-decoration:none; color:rgba(255,255,255,0.8); } .site-tabs .site-tab .tab-icon { display:block; position:absolute; font-weight:normal; top:50%; left:25px; margin:-12px 0 0; height:24px; width:24px; line-height:24px; font-size:20px; } .site-tabs .site-tab .tab-title { font-size:13px; margin:5px 0 0; text-transform:uppercase; } .site-tabs .site-tab .tab-notification { position:absolute; color:#fff; font-size:12px; line-height:18px; background:#f44; height:18px; padding:0 3px; border-radius:3px; top:50%; right:20px; margin:-9px 0 0; font-weight:bold; } .site-tabs .site-tab-active { background:rgba(255,255,255,0.1); color:#fff; } .site-tabs .site-tab-active:hover { color:#999; } .site-tabs .site-tab-active .tab-icon { color:#6b2; } .site-tabs .site-tab-active .tab-title { color:#6b2; } /* Tab Icons */ .site-tab .tab-icon:before { font-family:'linearicons'; opacity:0.5; } .site-tab-dashboard .tab-icon:before { content:'\e84b'; } .site-tab-deals .tab-icon:before { content:'\e84c'; } .site-tab-orders .tab-icon:before { content:'\e82e'; } .site-tab-products .tab-icon:before { content:'\e84c'; } .site-tab-contacts .tab-icon:before { content:'\e82b'; } .site-tab-employees .tab-icon:before { content:'\e82d'; } .site-tab-invoices .tab-icon:before { content:'\e81d'; } .site-tab-subcontacts .tab-icon:before { content:'\e81d'; } .site-tab-counters .tab-icon:before { content:'\e81f'; } .site-tab-stays .tab-icon:before { content:'\e864'; } .site-tab-meals .tab-icon:before { content:'\e847'; } .site-tab-reports .tab-icon:before { content:'\e843'; } .site-tab-manage .tab-icon:before { content:'\e810'; } .clock { padding:0 0 20px; font-size:32px; font-weight:bold; color:#bbb; } .create-form-loading { pointer-events:none; } /* SITE TITLE */ .site-title { padding:50px 0 0; margin:0 0 50px; background:rgba(255,255,255,0.6); border-bottom:1px solid #ddd; } .site-title:after { content:' '; display:block; clear:both; width:100%; } /* SITE TITLE */ .site-footer { padding:50px 0 20px; margin:0; background:rgba(255,255,255,0.6); border-top:1px solid #ddd; } .site-footer:after { content:' '; display:block; clear:both; width:100%; } /* 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; } /* 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; } /* FORM LAYOUT */ .content-block { margin:0 0 30px; background:#fff; border:1px solid #e3e3e3; border-width:1px 1px 2px; border-radius:2px; } .content-block .block-title { padding:20px; font-size:16px; margin:0; border-bottom:1px solid #eee; } .content-block .block-title-large { font-size:32px; } .content-block-body { padding:20px; } .content-block-body-large { padding:40px; } .content-block-loading { pointer-events:none; opacity:0.2; } .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 #7c3; background:none; color:#888; padding-bottom:16px; cursor:default; } .content-block-tabs + .content-block { margin-top:-1px; } /* Block tooltip */ .block-tooltip { float:right; position:relative; width:20px; height:20px; cursor:help; } .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:15px; font-size:13px; width:250px; 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; } /* UPGRADE NOTICES */ .notice { display:block; font-size:14px; background:#fd8; padding:15px 30px; border-bottom:1px solid #fff; color:#976; } .notice-content { max-width:1300px; margin:0 auto; } .field { margin:0 0 15px; } .field .field-title { float:left; width:120px; color:#999; margin:0; font-size:1em; text-align:left; white-space:nowrap; overflow:hidden; } .field .field-content { margin:0 0 0 130px; } .field.field-notitle { margin:0; } .field.field-notitle .field-content { margin:0 0 10px; min-height:24px; } .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; } .collection { position:relative; margin:0 0 30px; } .collection-meta { margin:0 0 0 35px; } .collection-template { display:none; } .collection-header { position:relative; padding:0 0 5px; } .collection-header-body { display:flex; display:block; flex-wrap:wrap; flex-direction:row; margin:0 35px; } .collection-row-placeholder { padding:20px 0; } .collection-row { position:relative; padding:0 0 5px; } .collection-row:after { clear:both; width:100%; height:0; display:block; content:' '; } .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; } .collection-row-reorder:before { content:'\f0c9'; font-family:'fontawesome'; } .collection-row:hover .collection-row-reorder { color:#ccc; } .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; } .collection-row:hover .collection-row-delete { background:#f66; } .collection-row-delete:before { content:'\f00d'; font-family:'fontawesome'; } .collection-row-body { display:flex; display:block; flex-wrap:wrap; flex-direction:row; margin:0 35px; } .collection-cell { float:none; flex-grow:1; box-sizing:border-box; padding:0 20px 10px 0; } .collection-cell-left { float:left; } .collection-cell-right { float:right; } .collection-cell-last, .collection-cell:last-child { padding-right:0; } .collection-cell { } .form-image-wrap { position:relative; max-width:500px; } .form-image { border:2px dashed #ddd; background:#f9f9f9; border-radius:3px; padding:2px; margin:0 0 5px; min-height:50px; cursor:pointer; } .form-image-empty .form-image:before { display:block; padding:10px; text-align:center; font-size:26px; color:#ddd; content:'\e827'; font-family:'linearicons'; } .form-image-empty:hover .form-image:before { color:#bbb; } .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; } .form-image-wrap.form-image-empty .form-image-clear { display:none; } .form-image img { display:block; margin:0 auto; border-radius:3px; } /* GALLERY FIELDS */ .form-gallery { margin:4px 0 0; overflow:hidden; } .form-gallery .form-gallery-image { display:block; overflow:hidden; position:relative; float:left; padding:0; margin:0 8px 8px 0; width:82px; height:82px; box-sizing:border-box; background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#ddd; border-radius:4px; cursor:move; } .form-gallery .form-gallery-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; } .form-gallery .form-gallery-image:hover .form-gallery-delete { display:block; } .form-gallery .form-gallery-image .form-gallery-delete:hover { color:#fff; text-decoration:none; } .form-gallery .form-gallery-delete:before { position:absolute; content:'x'; top:0; left:0; width:100%; text-align:center; line-height:19px; } .form-gallery .form-gallery-add { display:block; float:left; width:78px; height:78px; line-height:77px; margin:0 0 8px 0; border-radius:4px; color:#ddd; text-align:center; font-size:48px; border:2px dashed #eee; cursor:pointer; } .form-gallery .form-gallery-add:hover { color:#aaa; border:2px dashed #bbb; } .property-content { font-size:16px; padding:0; max-width:900px; margin:0; box-sizing:border-box; } .site-footermenu { } .focus-box { position:relative; background:#eee; border-bottom:1px solid #ccc; padding:1px 20px 20px; margin:0 0 30px; } /* -------------------------------------------------------------- SPECIFIC LAYOUT ELEMENTS -------------------------------------------------------------- */ /* UTILITY BAR */ .utility { position:absolute; width:100%; bottom:0; left:0; padding:10px 25px 10px 25px; z-index:9999; box-sizing:border-box; } .utility-account { display:block; position:relative; color:rgba(255,255,255,0.5); font-weight:bold; padding:0 0 0 6px; text-transform:uppercase; font-size:12px; letter-spacing:0.08em; margin:0 0 20px; } .utility-item { display:block; float:left; position:relative; width:25%; height:40px; cursor:pointer; } .utility-item .utility-popup:before { position:absolute; content:' '; left:18px; top:100%; height:0; width:0; border-top: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 { padding:0; color:#fff; line-height:40px; height:40px; opacity:1; } .utility .utility-user-image { display:block; margin:0 0 0; width:28px; height:28px; line-height:0; border-radius:40px; border:2px solid rgba(255,255,255,0.2); } .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:300px; left:-5px; bottom: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:' '; left:18px; top:100%; height:0; width:0; border-top: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; width:32px; height:32px; line-height:32px; margin:0 auto; } .utility-link:hover { opacity:1; } .utility-link-body { display:none; } .utility-link:before { font-family:'linearicons'; width:32px; font-size:24px; color:#738994; display:block; margin:0; text-align:center; } .utility-open .utility-link:before { color:#fff; } .utility-link-website:before { content:'\e853'; } .utility-link-notifications:before { content:'\e858'; } .utility-link-support:before { content:'\e87d'; } .utility-link-search:before { content:'\e86f'; } .utility-link-help:before { content:'\e87d'; } /* SEARCH */ .search { } .search-title { padding:20px; font-size:20px; height:70px; background:#f5f5f5; box-sizing:border-box; } .search-items { overflow:hidden; } .search-meta { padding:20px 10px; } .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; } /* Close Button */ .search-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; } .search-close:before, .search-close:after { position:absolute; content:' '; top:50%; right:50%; margin-right:-30px; width:40px; height:2px; background:#fff; } .search-close:before { -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } .search-close:after { -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } /* Search form */ .search-form { position:relative; } .search-form-input[type=text] { font-size:16px; padding:13px; margin:0; line-height:1; border-radius:0; background:#fff; border:none; } .search-form-submit { position:absolute; right:0; top:0; font-size:20px; width:50px; height:50px; line-height:50px; background:none; border:none; color:#666; } .search-form-submit:before { font-family:'linearicons'; content:'\e86f'; } /* Search Results */ .search-results { max-height:400px; overflow-y:auto; background:#fff; margin:0; } .search-results .search-result { display:block; padding:15px; line-height:1; color:inherit; border-top:1px solid #ddd; transition:0.2s all; } .search-results .search-result-placeholder { line-height:1.6; background:#f5f5f5; } .search-result .search-result-body { margin-left:40px; } .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-title { font-size:14px; font-weight:bold; margin:0 0 5px; } .search-result .search-result-subtitle { } .search-result .search-result-highlight { background:#fb5; color:#a50; padding:0 1px; border-radius:2px; border:1px solid #e70; } /* Result type */ .search-results .search-result:before { font-family:'linearicons'; float:left; color:#6b2; font-size:24px; width:30px; height:30px; line-height:30px; display:block; } .search-results .search-result-deal:before { content:'\e84c'; } .search-results .search-result-contact:before { content:'\e82b'; } .search-results .search-result-property:before { content:'\e800'; } /* 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; background:#fff; padding:15px 15px; line-height:1; } .notifications-preview .notification-read { opacity:0.5; background:#f3f3f3; } .notification-icon { float:left; width:30px; } .notification-icon img { display:block; width:100%; border-radius:50px; } .notification-body { margin-left:45px; } .notification-title { margin:0 0 5px;} .notification-date { color:#999; font-size:0.9em; } .notification-counter { position:absolute; color:#fff; font-size:12px; line-height:1; background:#f44; padding:3px; margin:-5px -2px 0 0; right:0; top:0; border-radius:3px; 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; } .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 { } /* CAMPAIGNS RECIPIENT LIST */ .recipient-list .recipient-list-language { float:right; display:block; width:32px; } .recipient-list .recipient-list-unsubscribed { float:right; display:block; width:32px; text-align:center; color:#f66; font-size:20px; } .recipient-list .recipient-list-unsubscribed:before { content:'\e880'; font-family:'linearicons'; } .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-placeholder { padding:100px 20px; font-size:30px; color:#eee; text-align:center; } .item-table-wrapper { transition:0.4s opacity; } .item-table-wrapper-loading { pointer-events:none; opacity:0.1; } .item-table { padding:0 0 10px; } /* Table Header */ .item-table .table-header { border-bottom:1px solid #ddd; } .item-table .header-field { vertical-align:middle; text-transform:uppercase; font-size:0.9em; padding: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; } /* Table Contents */ .item-table .table-row { border-bottom:1px solid #eee; transition:0.2s all; padding:10px 0; } .item-table .table-row-selected { background:#e5ffe5; } .item-table .row-field { vertical-align:middle; padding:15px 0 15px 0px; margin:0; } .item-table .row-primary { min-width:220px; } .item-table .table-row:hover .row-primary { overflow: visible; text-overflow: clip; } .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:330px; } .item-table .field-details { display:block; } .item-table .field-details .icon { color:#999; } .item-table .row-select { width:20px; padding:10px 20px 10px 0; } /* EXPERIMENTAL TABLES WITH FLEX */ /* Table Contents */ .flex-table { } .flex-table .table-row { display:flex; flex-wrap: wrap; border-bottom:1px solid #eee; transition:0.2s all; padding:15px 20px; } .flex-table .table-row-selected { background:#e5ffe5; } .flex-table .row-field { flex-grow:1; vertical-align:middle; padding:0; margin:0; align-self:center; } .flex-table .row-meta { flex-grow:0; width:100%; margin:15px 0 0 40px; } .flex-table .row-primary { width:300px; } .flex-table .field-check { margin:0 10px 0 0; width:15px; } .flex-table .row-image { width:80px; min-width:60px; } .flex-table .row-image img { display:block; float:left; line-height:0; border-radius:3px; width:60px; } .flex-table .field-title { margin:0; font-size:14px; max-width:330px; } .flex-table .field-details { display:block; } .flex-table .field-details .icon { color:#999; } .flex-table .row-select { flex-grow:0; width:40px; } /* ------------------------------------------------------------------------------------------------------- */ /* Toggle */ .row-field-toggle-button { display:none; float:right; margin:0; position:relative; font-size:16px; font-weight:bold; background:none; color:#999; border-radius:30px; height:36px; width:36px; line-height:36px; 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; background:#eee; color:#ccc; border-radius:3px; width:60px; height:60px; line-height:60px; text-align:center; font-size:24px; } .property-row-image-user { overflow:hidden; } .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:60px; } .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; } .property-row-image .property-row-image-source { display:block; position:absolute; float:none; border-radius:50px; background:#fff; border:2px solid #fff; width:20px; height:20px; right:0; bottom:0; margin:0 -8px -8px 0; cursor:help; } .table-row-pending .property-row-image:before { display:block; position:absolute; margin:-16px 0 0 -16px; content:'!'; padding:0; font-size:14px; font-weight:normal; width:18px; height:18px; line-height:18px; top:100%; left:100%; border-radius:30px; text-align:center; color:#fff; background:#f66; border:3px solid #fff; font-weight:bold; } /* ROW HEADINGS */ .row-heading { } .row-heading:after { clear:both; width:100%; height:0; display:block; } .row-heading-preview { display:block; position:relative; float:left; margin:0 15px 0 0; background:#eee; color:#ccc; border-radius:3px; width:60px; height:60px; line-height:60px; text-align:center; font-size:24px; } .row-heading-preview:before { content:'\e827'; font-family:'linearicons'; color:#ccc; } .row-heading-image { display:block; border-radius:3px; position:absolute; top:0; left:0; width:100%; padding:100% 0 0; height:0; background-size:cover; background-repeat:no-repeat; background-position:center; z-index:98; } .row-heading-title { margin:0; padding:10px 0 0; font-size:14px; max-width:330px; } .row-heading-subtitle { margin:0; font-size:14px; max-width:330px; } .row-heading-user, .row-heading-source { display:block; position:absolute; float:none; border-radius:50px; background:#fff; border:2px solid #fff; width:20px; height:20px; right:0; bottom:0; margin:0 -8px -8px 0; cursor:help; z-index:98; } .row-heading-source { left:auto; right:0; margin:0 -8px -8px 0; } /* 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 */ .property-row-tag { display:block; float:left; padding:2px 8px; margin:2px 4px 2px 0; font-weight:bold; font-size:12px; background:#c1c4c8; color:#fff; border-radius:30px; height:20px; line-height:20px; text-align:center; } .property-row-tag-disabled { background:#f1f1f1; color:#b1b4b8; } /* Statuses */ .tag { 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; } .tag-error { background:#F66; } .tag-warning { background:#f90; } .tag-ok { background:#6d3; } .tag-contact-status-0 { background:#f90; } .tag-contact-status-1 { background:#6d3; } .tag-contact-status-2 { background:#F66; } /* 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'; } .property-attribute-sync:before { content:'\e80b'; } .property-attribute-medium-1:before { content:'\e82d'; } .property-attribute-medium-2:before { content:'\e830'; } .property-attribute-medium-3:before { content:'\e818'; } .property-attribute-medium-4:before { content:'\e83d'; } .property-attribute-medium-5:before { content:'\e853'; } .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; 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; } /* Checkboxes to use fields during editing */ .bulk-edit .bulk-edit-checkbox.bulk-edit-checkbox-active:before { content:'\e802'; font-family:'linearicons'; } /* 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 { float:left; } .table-actions-list { } /* 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; box-shadow:0 0 0 3px #eee; box-shadow:none; transition:0.2s all; cursor:default; } .row-actions-title:before { content:'···'; } .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-form input[type=submit].row-action-highlight { font-weight:bold; } .row-action:first-child { border-top:none; } /* 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 */ .toolbar-deals form { margin-left:5px; } /*#lose_deal_submit { background:#f66; color:#fff; border-color:#b33; margin:0; } #lose_deal_submit:hover { background:#f88; } #win_deal_submit { background:#7c3; color:#fff; border-color:#5a1; margin:0; } #win_deal_submit:hover { background:#8d4; }*/ .main-title-reference.deal-won { background:#7c3; } .main-title-reference.deal-lost { background:#f66; } .main-title-reference.deal-discarded { background:#666; } /* DEAL STAGES */ .stages { overflow:hidden; margin:0 0 30px; border:1px solid #eee; border-width:1px 1px 2px; border-radius:3px; } .stages-loading { opacity:0.5; } .stage { float:left; position:relative; text-align:center; font-size:16px; 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; } .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:nth-child(1) { background:#8ad452; } .stage-active:nth-child(1):before { border-left-color:#8ad452; } .stage-active:nth-child(2) { background:#82cf5e; } .stage-active:nth-child(2):before { border-left-color:#82cf5e; } .stage-active:nth-child(3) { background:#78ca6d; } .stage-active:nth-child(3):before { border-left-color:#78ca6d; } .stage-active:nth-child(4) { background:#6dc380; } .stage-active:nth-child(4):before { border-left-color:#6dc380; } .stage-active:nth-child(5) { background:#65c08a; } .stage-active:nth-child(5):before { border-left-color:#65c08a; } .stage-active:nth-child(n+6) { background:#60bd92; } .stage-active:nth-child(n+6):before { border-left-color:#60bd92; } /* DEAL DETAILS LIST */ .deal-details-form { display:none; } .deal-details-form-field { margin:0 0 10px; } /* Editing Mode */ .deal-details-editing .deal-details-list, .deal-details-editing .deal-details-edit{ display:none; } .deal-details-editing .deal-details-form { display:block; } /* PROSPECT DETAILS LIST */ .prospect-details-form { display:none; } .prospect-details-form-field { margin:0 0 10px; } /* Editing Mode */ .prospect-details-editing .prospect-details-list, .prospect-details-editing .prospect-details-edit{ display:none; } .prospect-details-editing .prospect-details-form { display:block; } /* PROSPECT REQUIREMENTS LIST */ .prospect-requirements-form { display:none; } .prospect-requirements-form-field { margin:0 0 10px; } /* Editing Mode */ .prospect-requirements-editing .prospect-requirements-list, .prospect-requirements-editing .prospect-requirements-edit{ display:none; } .prospect-requirements-editing .prospect-requirements-form { display:block; } /* REQUIREMENTS LIST */ .requirements { } .requirement { overflow:hidden; margin:0 0 0px; background:#fff; border-top:1px solid #eee; padding:15px 0; } .requirement:first-child { padding-top:0; border-top:none; } .requirement-title { float:none; font-weight:bold; margin:0 0 8px; } .requirement-body { magin-left:100px; } .requirement-placeholder { color:#bbb; font-style:italic; } .requirements-form { display:none; } .requirements-form-field { margin:0 0 10px; } /* Editing Mode */ .requirements-editing .requirements-list, .requirements-editing .requirements-edit{ display:none; } .requirements-editing .requirements-form { display:block; } /* 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; } .admin-search-save-delete:before { display:block; content:'\f00d'; font-family:'fontawesome'; color:#f2f2f2; margin-left:5px; } /* SWITCHER TABS */ .switcher { padding:0 0 20px; } .switcher:after { clear:both; width:100%; height:0; } .switcher .switcher-tabs { overflow:hidden; margin:0 0 30px; } .switcher .switcher-tab { float:left; display:block; padding:8px 20px; margin:0 0 5px; font-size:1em; font-weight:bold; color:#777; cursor:pointer; } .switcher .switcher-tab-active { background:#888; color:#fff; border-radius:40px; } .switcher .switcher-body { } .switcher .switcher-content { width:100%; display:inline-block; } @media screen and (min-width:800px) { .switcher-vertical .switcher-tabs { float:left; width:220px; } .switcher-vertical .switcher-tab { float:none; border-right:none; border-bottom:1px solid #eee; } .switcher-vertical .switcher-body { margin-left:260px; } } /* DEAL MATCHES & SUGGESTIONS */ .matches { position:relative; transition:0.3s opacity; } .match-list { padding:0; } .match-display { background:#CCEEFF; padding:20px; color:#2ac; } /* Suggestion filters */ .suggestions-scope { position:relative; float:right; padding:10px 10px 0; } .suggestions-scope-current { line-height:29px; padding:0 10px; } .suggestions-scope-current:before { font-family:linearicons; content:'\e853'; margin:0 5px 0 0; color:#aaa; } .suggestions-scope-list { display:none; position:absolute; right:0; background:#fff; border:1px solid #ddd; width:170px; padding:20px 20px 10px; z-index:99; } .suggestions-scope:hover .suggestions-scope-list { display:block; } /* Matches search form */ .suggestions-list { position:relative; overflow:hidden; max-height:830px; } .suggestions-list-full { max-height:none; } .suggestions-more { position:absolute; bottom:0; left:0; right:0; padding:60px 20px 20px; background:linear-gradient(rgba(0,0,0,0), #fff, #fff); text-align:center; } .suggestions-more-button { } .suggestions-search { display:none; transition:0.3s opacity; } .suggestions-search-loading { pointer-events:none; opacity:0.2; } .suggestions-search-form { background:#fafafa; padding:20px; border-bottom:2px solid #eee; } .suggestions-search-list { padding:0; } .suggestions-search-list .match { display:table-row; } .suggestions-search-placeholder { padding:20px; margin:0; } /* Different tabs */ .suggestion { display:none; } .suggestions-show-all .suggestion, .suggestions-show-discarded .suggestion-discarded, .suggestions-show-suggested .suggestion-suggested, .suggestions-search .suggestion-suggested { display:table-row; } .suggestions-search .suggestion-discarded { display:none; } .suggestions-show-search .suggestions-search { display:block; } .suggestions-show-search .suggestions-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-selected { background:#fff0e2; border:1px solid #fff; } .suggestion-suggested .row-action-recover, .suggestion-discarded .row-action-discard, .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 input, .suggestion .row-action-add { font-weight:bold !important; } /* Highlight selected match */ /* .match-selected .property-row-image { width:120px; height:120px; } .match-selected .property-row-image img { width:120px; } */ .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; } .suggestion { } .suggestion.suggestion-hidden { display:none; } /* PROPERTY PREVIEW */ .property-preview { border-bottom:1px solid #eee; background:#fafafa; padding:20px; } .property-preview-image { float:left; width:46%; } .property-preview-image img { display:block; width:100%; border-radius:3px; } .property-preview-body { margin-left:50%; } .property-preview-title { font-weight:bold; } .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.2em; line-height:1; } /* 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; } } /* WEBSITE PREVIEW */ .website-preview { padding:20px; } .website-preview + .website-preview { border-top:1px solid #eee; } .website-preview-image { float:left; width:200px; } .website-preview-image img { display:block; width:100%; border-radius:3px; } .website-preview-body { margin-left:220px; } .website-preview-title { font-weight:bold; margin:0 0 10px; } .website-preview-meta { float:right; } .website-preview-field { overflow:hidden; margin:0 0 10px; } .website-preview-field:last-child { margin:0; } .website-preview-price { font-size:1.2em; line-height:1; } /* DEAL RATINGS */ .rating { position:relative; line-height:40px; height:40px; width:40px; text-align:center; font-weight:bold; overflow:hidden; box-shadow:inset 0 0 0 3px #eee; border-radius:100px; } .rating .rating-line { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:100px; box-sizing:border-box; z-index:1; clip:rect(0, 40px, 40px, 20px); } .rating .rating-bar, .rating .rating-fill { position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #2ac; border-radius:100px; box-sizing:border-box; clip:rect(0, 20px, 40px, 0); transform:rotate(0deg); z-index:2; } .rating .rating-fill { display:none; clip:rect(0, 40px, 40px, 20px); } .rating-overhalf .rating-line { clip:rect(auto, auto, auto, auto); } .rating-overhalf .rating-fill { display:block; } /* Rating Levels */ .rating-bad .rating-bar, .rating-bad .rating-fill { border-color:#f66; } .rating-poor .rating-bar, .rating-poor .rating-fill { border-color:#f90; } .rating-okay .rating-bar, .rating-okay .rating-fill { border-color:#fd3; } .rating-good .rating-bar, .rating-good .rating-fill { border-color:#9e3; } .rating-best .rating-bar, .rating-best .rating-fill { border-color:#5d4; } /* SUBMENU */ .submenu { padding:0; } .submenu .submenu-item { position:relative; line-height:1; padding:15px; border-top:1px solid #eee; cursor:pointer; } .submenu .submenu-item-title { font-weight:bold; font-size:14px; margin:0 0 5px; color:#666; } .submenu .submenu-item-subtitle { color:#999; line-height:18px; font-size:12px; } .submenu .submenu-item:hover { background:#eee; } .submenu .submenu-item-active, .submenu .submenu-item-active:hover{ color:#fff; background:#bbb; } /* PROJECT TIME TRACKING SHEETS */ .attachments { width:103%; } .attachments:after { clear:both; display:block; content:' '; height:0; width:100%; } .attachments .attachment { display:block; position:relative; float:left; width:30.333%; margin:0 3% 3% 0; } .attachments img { display:block; width:100%; border-radius:3px } .attachment-large { float:none; width:100%; margin:0 0 5%; } /* PROJECT TIME TRACKING SHEETS */ .attachments-editing { position:relative; } .attachments-editing:after { clear:both; display:block; content:' '; height:0; width:100%; } .attachments-editing .attachment { position:relative; float:none; width:auto; margin:0 0 10px; background:#fff; } .attachment-body-left { position:relative; width:100px; max-width:100%; float:left; } .attachment-body-right { margin:0 0 0 120px; transition:0.2s all; } .attachments-editing .attachment-sort-placeholder { height:60px; border:2px dashed #ddd; margin:0 0 10px; border-radius:3px; } /* Grid view */ .attachments-editing-grid .attachment-sort-placeholder { float:left; width:80px; height:80px; margin:0 10px 10px 0; border:2px dashed #ddd; box-sizing:border-box; } .attachments-editing-grid .attachment { float:left; width:80px; margin:0 10px 10px 0; } .attachments-editing-grid .attachment-body-right { display:none; } .attachment-working { opacity:0.6; pointer-events:none; } .attachment.ui-sortable-handle { cursor:move; } .attachment-loading { background:#ddd; position:relative; border-radius:4px; pointer-events:none; } .attachment-loading-error { background:#ff6666; } .attachment-loading-inner { padding:30% 0 0; } .attachment-loading .attachment-loading-icon { display:block; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px; width:20px; text-align:center; color:#666; height:20px; line-height:20px; animation:attachment-loading 1s linear infinite; } .attachment-loading .attachment-loading-icon:before, .attachment-loading .attachment-loading-icon:after { display:block; content:' '; position:absolute; top:0; left:7px; width:2px; height:2px; border:2px solid #777; border-radius:20px; } .attachment-loading .attachment-loading-icon:after { top:14px; } .attachment-large { float:none; width:100%; margin:0 0 5%; } .attachment-placeholder { position:relative; padding:20% 0 0; } .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-image-wrap { position:relative; padding:100% 0 0; } .attachment-image { display:block; cursor:move; position:absolute; left:0; top:0; width:100%; border-radius:4px; transition:0.2s all; } .attachment-image-wrap:before { position:absolute; opacity:0; font-family:'linearicons'; content:'\e87f'; top:50%; left:50%; margin:-15px 0 0 -15px; width:30px; height:30px; line-height:30px; border-radius:40px; color:#fff; text-align:center; background:#7c3; transform:scale(1.5); transition:0.4s all; z-index:999; pointer-events:none; } .attachment-saved .attachment-image-wrap:before { opacity:1; transform:scale(1); } /*.attachment-upload { display:block; height:50px; line-height:50px; margin:0 0; border-radius:4px; text-align:center; font-size:18px; cursor:pointer; } */ .attachment-meta { margin:8px 0 0; height:24px; } .attachment-meta-item { display:none; padding:0; font-family:'linearicons'; margin:0 5px 0 0; width:24px; height:24px; line-height:24px; border-radius:40px; color:#666; text-align:center; background:#f2f2f2; font-weight:bold; overflow:hidden; cursor:pointer; z-index:10; } .attachment:hover .attachment-meta-item { display:inline-block; } .attachment-select { background:#fc0; color:#fff; } .attachment-delete { background:#f66; color:#fff; } .attachment-select:before { content:'\e814'; } .attachment-rotate:before { content:'\e860'; } .attachment-delete:before { content:'\e870'; } .attachment-incomplete { position:absolute; left:5px; bottom:5px; padding:0; width:20px; height:20px; line-height:20px; margin:0; border-radius:40px; color:#fff; text-align:center; background:#F90; border:2px solid #fff; font-weight:bold; cursor:help; } .attachment-incomplete:before { content:'!'; } .attachment.ui-sortable-helper .attachment-delete { display:none; } .attachment-delete:hover { color:#fff; text-decoration:none; } /* Attachment form */ .attachment-form { display:block; } @keyframes attachment-loading { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .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-name { font-weight:bold; } .file .file-size { color:#aaa; font-size:0.8em; margin:5px 0 0; } .file .file-description { font-size:0.9em; margin:10px 0 0; line-height:1.4; } .file-delete { display:none; position:absolute; right:0; top:0; font-family:'linearicons'; margin:0 5px 0 0; width:24px; height:24px; line-height:24px; border-radius:40px; color:#666; text-align:center; background:#f66; color:#fff; font-weight:bold; overflow:hidden; cursor:pointer; z-index:10; } .file:hover .file-delete { display:block; } .file-delete:before { content:'\e870'; } /* More columns */ .sort-attachments { } .sort-attachments .sort-attachment, .sort-attachments .sort-attachment-placeholder { display:block; position:relative; border-radius:3px; float:left; width:100px; margin:0 15px 15px 0; cursor:move; } .sort-attachments .sort-attachment-placeholder { border:2px dashed #ddd; height:100px; box-sizing:border-box; } .sort-attachments img { border-radius:3px; } /* GOOGLE RESULT SNIPPET */ .url-preview { } .url-preview-content { font-style:italic; color:#999; } /* GOOGLE RESULT SNIPPET */ .google-result { border-top:1px solid #eee; background:none; } .google-result-tooltip { float:right; font-style:italic; color:#aaa; font-size:12px; } .google-result-content { font-family:arial, sans-serif; max-width:600px; } .google-result-title { font-size:18px; color:#1a0dab; line-height:22px; } .google-result-url { font-size:14px; line-height:20px; } .google-result .google-result-url a { color:#006621; } .google-result .google-result-url a:hover { text-decoration:underline; } .google-result-description { font-size:14px; color:#545454; line-height:18px; } /* BILLING */ .billing-plan { display:block; padding:20px; border-top:2px solid #eee; cursor:pointer; } .billing-plan:first-child { border-top:none; } .billing-plan-selected { background:#f2ffdd; } .billing-plan-selected .billing-plan-name { color:#6b2; } .billing-plan-name { line-height:1.2; font-size:26px; margin-bottom:10px; font-weight:bold; } .billing-plan-price { text-align:right; float:right; font-size:24px; } .billing-plan-price-desc { font-size:14px; font-style:italic; } .billing-plan-item { font-style:italic; color:#999; } .toolbar { float:right; margin: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:1px solid #bbb; border-width:2px; border-radius:3px; } .toolbar-actions-dropdown { position:relative; float:left; border-left:1px solid #eee; padding:0; background:#fff; } .toolbar-actions-dropdown:first-child { border-left:none; } .toolbar-actions-title { padding:13px 20px 12px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; } .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:260px; top:100%; background:#fff; border:1px solid #ccc; background:#fff; margin:10px 0 0; border-radius:2px; z-index:99; box-shadow:0 1px 3px 0 rgba(0,0,0,0.1); transition:0.2s all; transition-delay:0s; } .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; } .toolbar-actions-list:before { position:absolute; display:block; content:' '; bottom:100%; width:0; left:10px; height:0px; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; z-index:11; } .toolbar-actions-list:after { position:absolute; display:block; content:' '; bottom:100%; width:0; left:10px; height:0px; border-bottom:8px solid #ccc; border-right:8px solid transparent; border-left:8px solid transparent; margin-bottom:1px; z-index:10; } /* Last item to the left */ .toolbar-actions-dropdown:last-child .toolbar-actions-list { left:auto; right:0; } .toolbar-actions-dropdown:last-child .toolbar-actions-list:before, .toolbar-actions-dropdown:last-child .toolbar-actions-list:after { right:10px; left:auto; } /* First item to the right */ .toolbar-actions-dropdown:first-child .toolbar-actions-list { left:0; right:auto; } .toolbar-actions-dropdown:first-child .toolbar-actions-list:before, .toolbar-actions-dropdown:first-child .toolbar-actions-list:after { right:auto; left:10px; } /* 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:before { font-weight:normal; font-family:'linearicons'; margin-right:10px; color:#bbb; } .toolbar-action-actions .toolbar-actions-title:before { content:'\e810'; } .toolbar-action-documents .toolbar-actions-title:before { content:'\e81d'; } /* 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:center; padding:20px; border-radius:3px; transition:0.2s all; } .counter:hover { text-decoration:none; background:rgba(0,0,0,0.04); } .counter-title { text-transform:uppercase; line-height:1; font-weight:bold; 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; } /* ICON BLOCKS */ .blurb { position:relative; margin:0 0 30px; } .blurb:last-child { margin:0; } .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 { display:flex; flex-direction:column; position:relative; } .activities-list > .activity { flex-grow:1; order:2; } .activities-list > .activity-task.activity-type-pending { order:1; }*/ .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 { padding:15px 20px; } .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 .row-actions { margin-right:0; } .activity-meta-item { float:left; margin:0 0 0 15px; } .activity-meta-item:first-child { margin:0; } .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 img { display:block; border-radius:50px; width:100%; height:auto; } .activity-created { color:#bbb; font-size:0.9em; } .activity-date { color:#bbb; line-height:40px; } .activity-date-today { color:#fa0; } .activity-date-past { color:#f44; } .activity-actions { margin:6px 0 0; } .activity-toolbar { text-align:right; } /* Specific meta items */ .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; } .activity-toggle { float:left; cursor:pointer; position:relative; width:24px; height:24px; border-radius:20px; border:2px solid #ddd; margin:6px 0 0 -5px; z-index:999; text-align:center; line-height:24px; color:#eee; font-size:14px; } .activity-type-completed .activity-toggle { border:2px solid #eee; } .activity-type-completed .activity-toggle:before { display:block; font-family:fontawesome; content:'\f00c'; } /* Body of Activity */ .activity-body { display:none; padding:0 0 0 40px; } .activity-open .activity-body { display:block; } .activity-body .activity-content { padding:0px 20px 20px; } .activity-body .activity-content p:last-child { margin-bottom:0; } /* Types of Activity */ .activity-title { position:relative; line-height:1.5; padding:0 0 0 42px; margin-right:120px; } .activity-title-collapsed { max-height:3000px; } .activity-title:before { position:absolute; display:block; content:'\f249'; font-family:'fontawesome'; font-size:14px; left:10px; top:50%; margin:-16px 0 0 -16px; color:#fff; background:#888; width:32px; height:32px; line-height:32px; text-align:center; border-radius:4px; } .activity-type { color:#bbb; text-transform:uppercase; font-size:0.8em; font-weight:bold; } .activity-task .activity-title:before { content:'\f133'; background:#13dad7; display:none; } .activity-event .activity-title:before { content:'\f133'; background:#60a5da; } .activity-showing .activity-title:before { content:'\f015'; background:#fa9358; } .activity-call .activity-title:before { content:'\f095'; background:#ec56c7; } .activity-email .activity-title:before { content:'\f0e0'; background:#a3e179; } .activity-response .activity-title:before { content:'\f075'; background:#ffd700; } /* 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 { background:#fafafa; }*/ .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:'linearicons'; font-size:20px; } .activity-create-type-active span:before { color:#6b2; } .activity-create-type-task span:before { content:'\e87f'; } .activity-create-type-note span:before { content:'\e81d'; } .activity-create-type-event span:before { content:'\e836'; } .activity-create-type-showing span:before { content:'\e800'; } .activity-create-type-meeting span:before { content:'\e82b'; } .activity-create-type-call span:before { content:'\e830'; } .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'; } /* tasks */ .tasks { position:relative; } .tasks-placeholder { padding:15px; } .tasks-list { padding:5px 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:10px 15px 10px 20px; } .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-assigned { margin:5px 0 0; border-radius:50px; width:30px; height:30px; box-shadow:0 0 0 2px rgba(0,0,0,0.1); } .task-assigned img { display:block; border-radius:50px; width:100%; height:auto; } .task-date { color:#bbb; } .task-date-today { color:#fa0; } .task-date-past { color:#f44; } /* Specific meta items */ .task-meta-opened:before { font-family:linearicons; font-size:20px; content:'\e87f'; color:#7c3; } .task-toggle { float:left; cursor:pointer; position:relative; width:20px; height:20px; border-radius:20px; border:2px solid #ddd; margin:0 0 0 -5px; z-index:999; 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 { position:relative; line-height:1.5; padding:1px 0 0 35px; margin-right:80px; } .task-completed .task-title { text-decoration:line-through; color:#aaa; } /* task Statuses */ .task-edit, .task-fulfill, .task-status-edit .task-body, .task-status-fulfill .task-body { display:none; } .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; } /* 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 */ .menu-item-list { border-left:1px solid #eee; } .menu-item { position:relative; padding:10px 20px 10px 50px; margin:0; background:#fff; border-top:1px solid #eee; cursor:move; transition:0.2s transform; } .menu-item:last-child { border-bottom:1px solid #eee; } .menu-item.ui-sortable-helper { transform:scale(1.05); box-shadow:0 6px 10px -5px rgba(0,0,0,0.3); border:1px solid #eee; } .menu-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; } .menu-item-body { position:relative; padding:0px; } .menu-item .menu-item-title { font-weight:bold; max-width:400px; padding:0; font-size:16px; margin:0 0 0; } .menu-item .menu-item-subtitle { color:#999; } .menu-item .menu-item-url { max-width:400px; padding:0; font-size:14px; margin:0; } .menu-item .menu-item-fields { display:none; cursor:default; } /* Editing */ .menu-item-editing .menu-item-fields { display:block; } .menu-item-editing .menu-item-details { display:none; } /* Actions */ .menu-item-actions { float:right; padding:10px 0 0 10px; opacity:0; transition:0.2s all; } .menu-item-action { float: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; } .menu-item-top .menu-item-outdent, .menu-item-bottom .menu-item-indent { opacity:0.3; } .menu-item:hover .menu-item-actions, .menu-item-open .menu-item-actions { opacity:1; } /* NAVIGATION MENUS */ .menu-selector-wrap { background:#f5f5f5; border-right:1px solid #eee; } .menu-selector { border-top:1px solid #eee; } .menu-selector-list { overflow:auto; max-height:500px; } .menu-selector-item { position:relative; cursor:pointer; border-bottom:1px solid #eee; padding:8px 20px; margin:0; font-size:12px; } .menu-selector-item:hover { background:#fafafa; } .nav-page-add { float:right; opacity:0; } .menu-selector-item:hover .nav-page-add { opacity:1; } .nav-page-title { font-weight:bold; } .nav-page-subtitle { text-transform:uppercase; opacity:0.6; font-size:10px; } /* Custom Links */ .nav-custom { padding:12px 20px; border-top:1px solid #eee; font-size:14px; } .nav-custom-add:before { content:'\f0c1'; font-family:'fontawesome'; margin-right:6px; color:#999; } /* FEATURED BLOCKS */ .featured-block { position:relative; padding:10px 20px 10px 50px; margin:0; background:#fff; border-top:1px solid #eee; cursor:move; transition:0.2s transform; } .featured-block:last-child { border-bottom:1px solid #eee; } .featured-block.ui-sortable-helper { transform:scale(1.05); box-shadow:0 6px 10px -5px rgba(0,0,0,0.3); border:1px solid #eee; } .featured-block: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; } .featured-block-body { margin:0 50px; } /* Actions */ .featured-block-actions { float:right; padding:10px 0 0 10px; opacity:0; transition:0.2s all; } .featured-block:hover .featured-block-actions, .featured-block-open .featured-block-actions { opacity:1; } /* 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-search { width:800px; max-width:90%; position:absolute; top:15px; left:15px; z-index:9999; } .map-search-body { display:none; } .map-search-active .map-search-body { display:block; } .map-search-active > .map-search-toggle { display:none; } .map iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } .map img { max-width:none; } .map-property-marker { position:absolute; width:1px; height:1px; } .map-property-marker-preview { position:absolute; background:#2ac; border-radius:3px; margin:-12px 0 0 -20px; color:#fff; font-size:12px; font-weight:bold; display:block; width:40px; height:24px; line-height:24px; padding:0; text-align:center; box-shadow:0 1px 1px 1px rgba(40,40,40,0.15); cursor:pointer; } .map-property-marker-preview:before { content:' '; position:absolute; left:14px; top:100%; border-top:6px solid #2ac; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:none; } .map-property-marker-content { display:block; width:350px; padding:10px; position:absolute; text-align:left; font-size:14px; bottom:-6px; background:#fff; border-radius:3px; margin:0 0 -11px -175px; visibility:hidden; opacity:0; transition:0.2s all ease-in-out; box-shadow:0 1px 1px 1px rgba(40,40,40,0.15); box-sizing:border-box; z-index:9999; transform:scale(0.1); transform-origin:bottom; } .map-property-marker-content:before, .map-property-marker-content:after { content:' '; position:absolute; margin-top:0; left:169px; top:100%; border-top:6px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:none; z-index:98; } .map-property-marker-content:after { border-top:6px solid rgba(40,40,40,0.15); margin-top:1px; z-index:97; } .map-property-marker-image { float:left; width:36%; padding:0; margin:0; box-sizing:border-box; } .map-property-marker-image img { display:block; border-radius:3px; width:100%; } .map-property-marker-body { float:right; width:60%; padding:0; margin:0; box-sizing:border-box; } /* Marker Color */ .map-property-marker-preview-rent { background:#e8e; } .map-property-marker-preview-rent:before { border-top:6px solid #e8e; } /* Display Marker*/ /*.map-property-marker-active:before { border-top:6px solid #fff; }*/ .map-property-marker-active .map-property-marker-content { display:block; visibility:visible; opacity:1; bottom:0; transform:scale(1); } /* 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 { clear:both; overflow:hidden; padding:20px; } .pagination .pagination-body { float:left; } .pagination .page { display:inline-block; color:#aaa; font-weight:bold; margin:0 0; color:inherit; padding:10px 15px; text-align:center; border-radius:3px; } .pagination .page-load { cursor:pointer; } .pagination .page-current { color:#fff; background:#7c3; font-weight:bold; } .pagination a:hover { color:#888; text-decoration:none; } .pagination .pagination-ordering { float:right; } .pagination .pagination-ordering-title { line-height:30px; } .pagination .pagination-ordering-item { float:left; margin:0 0 0 10px; } /* ACTIVITIES */ .processes-list { position:relative; padding:20px 0; } .process { display:block; position:relative; margin:0; padding:5px 20px; transition:0.3s background; } .process-heading { float:left; width:300px; box-sizing:border-box; } .process-graph { margin:0 60px 0 300px; } .process-graph-bar { width:300px; line-height:1; background:#6b4; border-radius:3px; height:20px; color:#fff; padding:3px 5px; box-sizing:border-box; } .process-graph-bar-2 { background:#13dad7; } .process-graph-bar-3 { background:#fa9358; } .process-graph-bar-4 { background:#60a5da; } .process-graph-bar-5 { background:#ec56c7; } .process-graph-bar-6 { background:#a3e179; } .process-graph-bar-7 { background:#ffd700; } .process-graph-bar-8 { background:#ba60ff; } .process-graph-bar-9 { background:#58eabf; } .process-placeholder { padding:15px 20px 15px; } /* Heading of process */ .process-meta { float:right; margin:-10px 0 0; width:auto; position:relative; } .process-meta .row-actions { margin-right:0; } .process-meta-item { float:left; margin:0 0 0 15px; } .process-meta-item:first-child { margin:0; } .process-assigned { margin:5px 0 0; border-radius:50px; width:30px; height:30px; box-shadow:0 0 0 2px rgba(0,0,0,0.1); } .process-assigned img { display:block; border-radius:50px; width:100%; height:auto; } .process-created { color:#bbb; font-size:0.9em; } .process-date { color:#bbb; line-height:40px; } .process-date-today { color:#fa0; } .process-date-past { color:#f44; } .process-actions { margin:6px 0 0; } .process-toolbar { text-align:right; } /* Editing status */ .process-edit { display:none; } .process-editing .process-body { display:none; } .process-editing .process-edit { display:block; } /* SELECT2 */ .select2-container { box-sizing:border-box; display:inline-block; margin:0; position:relative; vertical-align:middle; } .select2-container li { list-style:none; margin:0; } .select2-container .select2-selection--single { box-sizing:border-box; cursor:pointer; display:block; 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 { z-index:9999; } .select2-container--open .select2-dropdown { left:0 } .select2-container--open .select2-dropdown--above { border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0 } .select2-container--open .select2-dropdown--below { border-top:none; border-top-left-radius:0; border-top-right-radius:0 } .select2-search--dropdown { display:block; padding:4px } .select2-search--dropdown .select2-search__field { padding:4px; width:100%; box-sizing:border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance:none } .select2-search--dropdown.select2-search--hide { display:none } .select2-close-mask { border:0; margin:0; padding:0; display:block; position:fixed; left:0; top:0; min-height:100%; min-width:100%; height:auto; width:auto; opacity:0; z-index:99; background-color:#fff; filter:alpha(opacity=0) } .select2-hidden-accessible { border:0 !important; clip:rect(0 0 0 0) !important; height:1px !important; margin:-1px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; width:1px !important } .select2-container--default .select2-selection--single { background-color:#fff; border:1px solid #ddd; border-radius:2px } .select2-container--default .select2-selection--single .select2-selection__rendered { color:#444; line-height:30px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor:pointer; float:right; font-weight:bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color:#999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height:26px; position:absolute; top:1px; right:1px; width:20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color:#888 transparent transparent transparent; border-style:solid; border-width:5px 4px 0 4px; height:0; left:50%; margin-left:-4px; margin-top:-2px; position:absolute; top:50%; width:0 } .select2-container--default.select2-container--disabled .select2-selection--single { background-color:#eee; cursor:default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display:none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color:transparent transparent #888 transparent; border-width:0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color:white; border:1px solid #ddd; border-radius:2px; cursor:text } .select2-container--default .select2-selection--multiple:hover { border:1px solid #bbb; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing:border-box; list-style:none; margin:0; padding:0 5px; width:100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style:none } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color:#999; margin-top:5px; float:left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor:pointer; float:right; font-weight:bold; margin-top:5px; margin-right:10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:#eee; color:#999; border:none; border-radius:2px; cursor:default; float:left; margin:5px 5px 0 0; padding:1px 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color:#999; cursor:pointer; display:inline-block; font-weight:bold; margin-right:2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color:#333 } .select2-container--default.select2-container--focus .select2-selection--multiple { border:1px solid #2ac; box-shadow:0 0 4px 1px #4cf; outline:0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color:#eee; cursor:default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display:none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius:0; border-top-right-radius:0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius:0; border-bottom-right-radius:0 } .select2-container--default .select2-search--dropdown .select2-search__field { border:1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background:transparent; border:none; outline:0; box-shadow:none; -webkit-appearance:textfield } .select2-container--default .select2-results>.select2-results__options { max-height:200px; overflow-y:auto } .select2-container--default .select2-results__option[role=group] { padding:0 } .select2-container--default .select2-results__option[aria-disabled=true] { color:#999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color:#ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left:1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left:0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left:-1em; padding-left:2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-2em; padding-left:3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-3em; padding-left:4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-4em; padding-left:5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left:-5em; padding-left:6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color:#5897fb; color:white } .select2-container--default .select2-results__group { cursor:default; display:block; padding:6px } /* MEDIA POPUP */ .media { display:none; position:fixed; top:0; width:100%; height:100%; left:0; background:rgba(0,0,0,0.6); z-index:999999; } .media.media-active { display:block; } .media-wrap { 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: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; } /* FEEDBACK POPUP*/ .feedback { display:none; position:fixed; top:0; width:100%; height:100%; left:0; background:rgba(0,0,0,0.6); z-index:999999; } .feedback.feedback-active { display:block; } .feedback-content { padding:0; margin:5% auto 0; max-width:94%; width:980px; } /* FEEDBACK POPUP*/ .docs { } .docs .doc { display:block; position:relative; margin:0 0 20px; line-height:1.2; padding:0 0 0 30px; } .docs .doc:before { display:block; position:absolute; left:0; top:4px; font-size:20px; content:'\e81d'; color:#aaa; font-family:'linearicons'; } /* Details pane */ .search-pane { display:none; position:absolute; background:#f5f5f5; overflow:auto; top:0; height:100%; right:0; width:25%; box-sizing:border-box; } .search-details { } .search-details-preview { width:100%; overflow:hidden; max-height:400px; } .search-details-preview img { display:block; width:100%; } .search-info { padding:20px; } .search-info-title { font-size:16px; } .search-info-delete { color:red; font-weight:bold; margin-top:10px; cursor:pointer; } .search-options { position:absolute; background:#e5e5e5; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; } /* Multiselect pane */ .search-multiselect { padding:15px; display:none; } .search-selected { display:block; float:left; width:90px; max-width:28%; height:auto; margin:5px; border-radius:3px; } .search-multiselect-message { margin-left:20px; font-style:italic; color:#999; font-size:16px; font-weight:300; } .search-has-multiselect .search-multiselect-message { display:inline; } /* Blank pane */ .search-blank { display:block; padding:300px 30px 0; text-align:center; font-size:18px; box-sizing:border-box; } .search-blank-content { margin:0 0 30px; } .search-blank-content:before { content:'\f0ee'; font-family:'fontawesome'; display:block; margin:0 auto 30px; color:#000; opacity:0.1; font-size:58px; line-height:1; margin:0 0 20px; } /* COLORPICKER */ .colorpicker { width:356px; height:176px; overflow:hidden; position:absolute; background:url(../images/colorpicker/colorpicker_background.png); font-family:Arial, Helvetica, sans-serif; display:none; z-index:1000; } .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; } } /* LARGE DESKTOP SCREENS */ @media only screen and (min-width:1650px){ .site-body { margin:30px 30px 0 260px; border-radius:5px 5px 0 0; min-height:calc(100vh - 30px); } .site-menu { width:260px; padding-top:45px; } .site-title { border-radius:5px 5px 0 0; } .site-logo { padding:30px 50px 30px 40px; } .utility { padding:25px 38px 25px 40px; } .site-tabs .site-tab .tab-icon { left:45px; } .site-tabs .site-tab { line-height:60px; height:60px; padding:0 30px 0 85px; } } /* 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; } .site-tabs .site-tab .tab-notification { top:auto; bottom:5px; right:5px; margin:0 0; } /*.site-logo, .site-tabs { width:80px; } .site-tabs .site-tab a .tab-title { display:none; }*/ } /* Squeeze menu into a thin bar */ @media only screen and (max-width:1300px) and (min-width:1081px){ .site-menu { width:70px; } .site-body { margin-left:70px; } .site-logo { padding:20px 15px; } .site-logo .site-logo-normal { display:none; } .site-logo .site-logo-compact { display:block; } .site-tabs .site-tab { padding:0; } .site-tabs .site-tab .tab-icon { float:none; text-align:center; left:50%; margin-left:-12px; } .site-tabs .site-tab .tab-title { display:none; } .site-tabs .site-tab .tab-notification { top:auto; bottom:5px; right:5px; margin:0 0; } .utility { padding:6px 0; } .utility-account { display:none; } .utility .utility-item { float:none; width:auto; height:40px; line-height:40px; margin:0 0 5px; } .utility .utility-user-image { margin:0 auto; } .utility .utility-item-website, .utility .utility-item-search, .utility .utility-item-help { display:none; } .utility .utility-popup { left:7px; } } /* LAPTOP SCREENS */ @media only screen and (max-width:1280px) and (min-width:1024px) and (max-height:700px){ .utility .utility-item:nth-child(n + 2) { display:none; } } /* TABLET (LANDSCAPE) */ @media only screen and (max-width:1080px){ .container { width:auto; margin:0 10px; } .tasklist .tasklist-utility { opacity:0.5; } .content .column, .column .col2 { float:none; width:auto; margin:0; } /*.col2 .field .field-title { float:none; width:auto; } .col2 .field .field-content { margin-left:0; }*/ /* MAIN SITE TAB NAVIGATION */ .site-main { display:block; } .site-body { margin:0; clear:both; min-height:calc(100vh - 50px) } .site-content { padding:0; } .site-title { padding:20px 0 0; margin:0 0 20px; } .site-footer { padding:20px 0 0; } .site-container { padding:0 20px; } .site-menu { width:auto; height:auto; position:static; margin:0; transition:0.4s margin; z-index:9999; } .site-logo { display:none; } .mobile-menu-logo { display:block; } .site-menu-close { display:block; position:absolute; top:0; right:0; color:#fff; margin:0; padding:15px; height:26px; line-height:26px; width:26px; font-size:24px; cursor:pointer; } .site-menu-close:before { font-family:'linearicons'; content:'\e870'; } .site-tabs .site-tab { position:relative; float:left; padding:0; width:50px; height:50px; line-height:50px; } .site-tabs .site-tab .tab-icon { left:0; width:100%; text-align:center; } .site-tabs .site-tab .tab-title { display:none; } .site-logo { width:140px; padding:10px 35px; margin:0 0 20px; pointer-events:none; } .mobile-menu { display:block; } .mobile-menu-overlay { transition:0.2s all; } .mobile-menu-open .site-menu { margin-right:0; } .mobile-menu-open .mobile-menu-overlay { background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; right:0; bottom:0; z-index:9998; } .utility { position:static; width:auto; float:right; margin:0 0 0 50px; padding:10px 0 0; } .utility-account { float:left; margin:0 20px 0 0; padding:0; line-height:30px; } .utility-item { width:40px; } /* PLACE UTILITY POPUPS DOWNWARDS */ .utility { } .utility .utility-popup { position:fixed; top:60px; right:10px; left:auto; bottom:auto; box-sizing:border-box; border-radius:0; box-shadow:0 4px 5px 0 rgba(0,0,0,0.2); } .utility .utility-popup:before { display:none; } .content-block .block-title { padding:10px; } .content-block .content-block-body { padding:10px; } .content-block .content-block-body-large { padding:30px; } .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){ /*.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; } .utility { } .utility-account { display:none; } .utility .user-profile { padding:0; } .utility .user-name { display:none; } .stage { font-size:14px; } /* CONTENT */ .content { margin-right:280px; } .sidebar { width:265px; } .sidebar.sidebar-left + .content { margin:0 0 0 280px; } .content-block { margin:0 0 15px; } /* MEDIA */ .media-wrap { top:10px; bottom:10px; right:10px; left:10px; } .media-title { padding:10px; font-size:18px; height:50px; box-sizing:border-box; } .media-body { top:50px; bottom:0; width:100%; padding:0; } .media-meta { padding:20px 10px; } .media-item { float:left; margin:3px; width:60px; height:60px; background-size:60px; } .media-item-selected { border:5px solid #6b2; box-shadow:inset 0 0 0 2px #fff; } /* Close Button */ .media-close { top:18px; right:12px; width:30px; height:30px; } .media-close:before, .media-close:after { margin-right:-10px; width:30px; background:#666; } /* Details pane */ .media-pane { background:#f5f5f5; overflow:auto; bottom:0; left:0; right:auto; width:100%; } .media-details { top:50px; height:auto; bottom:0; overflow:hidden; } .media-details-preview { width:100%; max-height:400px; } .media-info { padding:10px; } .media-info-title { font-size:16px; } .media-options { padding:10px; } /* Multiselect pane */ .media-multiselect { padding:5px; display:none; bottom:0; top:auto; height:175px; } .media-selected { width:50px; max-width:28%; } .media .media-multiselect-message { display:none; } /* Blank pane */ .media-blank { display:none !important; text-align:left; padding:10px 10px 0; font-size:16px; } /* Upload drag & drop */ .media-upload { opacity:0; visibility:hidden; position:absolute; background:rgba(255,255,255,0.8); color:#666; top:0; bottom:0; right:0; left:0; } .media-upload.media-upload-active { opacity:1; visibility:visible; } .media-upload-label { position:absolute; top:46%; left:0; width:100%; text-align:center; font-size:32px; cursor:pointer; } .media-upload-file, .media-upload-submit { visibility:hidden; } /* Media buttons */ .media-options .button { padding:5px 10px; } } /* NON-SMARTPHONE SCREENS */ @media only screen and (min-width: 600px){ .mobile-only { display:none !important; } } /* LARGE SMARTPHONE SCREENS */ @media only screen and (max-width: 765px){ /* NUMBER COUNTERS */ .counter-title { padding:0; font-size:14px; } .counter-value { padding:0px; font-size:32px; } /* Toolbar */ .main-title { float:left; } .main-title-reference { float:right; } .toolbar { float:none; clear:both; margin:0 0 20px; } /* Tables */ .item-table thead { display:none; } .item-table .row-field { display:block; padding:15px 20px 15px 0; } .item-table .row-field:first-child { padding-left:10px; } .item-table .row-image { float:left; padding-right:15px; width:40px; min-width:40px; } .item-table .property-row-image { float:left; width:40px; height:40px; line-height:40px; font-size:18px; margin-right:15px; } .item-table .row-image img { width:40px; } .item-table .row-select { float:left; width:20px; padding:20px 10px 0 0; } .item-table .row-primary { padding:15px 10px 15px 0; } .item-table .row-field-toggle-button { display:block; } .item-table .field-title { max-width:none; font-size:14px; } .item-table .header-field-collapse { display:none; } .item-table .row-collapse { display:none; position:relative; clear:both; float:none; margin:0 0 14px; padding:4px 0 0 40px; } .item-table .row-collapse:after { display:block; content:' '; clear:both; width:100%; height:0; } .item-table .row-collapse:before { display:none; 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; } /* BLANK SLATES */ .blank-slate { padding:50px 30px; } .blank-slate-image { float:none; width:auto; margin:0 0 30px; } .blank-slate-icon { float:none; width:auto; font-size:100px; margin:0 0 30px; } .blank-slate-body { margin-left:0; } .blank-slate-title { font-size:24px;} .blank-slate-content { font-size:16px; } /* COLLAPSE MENU */ .site-tabs { clear:both; float:none; display:flex; background:#13526c; } .site-tabs .site-tab { flex-grow:1; } /* 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; } /* HEADER */ .site-header { padding:0; } .site-title { padding:10px 0 0; margin:0 0 10px; } .site-footer { padding:10px 0 0; } .site-container { padding:0 10px; } .site-content { padding:0; } .main-title { min-height:0; margin:0 0 20px; } .main-title h1 { font-size:22px; } .main-title-reference { font-size:16px; } .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:1em; } .content-block-tabs .content-block-tab { margin:0 18px 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; } /* MEDIA POPUP */ /* Search form */ .search-form-input[type=text] { padding:10px; } .search-form { width:85%; } .search-form-submit { width:45px; height:45px; line-height:45px; } .search-close { top:17px; right:20px; } /* Search Results */ .search-results { max-height:84vh; } .search-results .search-result { padding:10px; color:inherit; } .search-result .search-result-type { float:none; } .popup-wrap { top:10px; bottom:10px; right:10px; left:10px; } .popup-title { padding:0 10px; font-size:18px; height:40px; line-height:40px; } .popup-content { top:40px; padding:10px; } .messages { width:auto; left:0; right:0; margin:0; } }