body, html {
padding: 0;
height: 100%;
min-height: 100%;
width: 100%;
margin: 0;
}
body, body h1, body h2, body h3, header.slideout li>a {
font-family: Roboto, sans-serif;
}
a.fs-next:hover, a.fs-previous:hover, body .carousel .carousel-control.right {
opacity: 1;
}
body {
color: #555;
}
body button, body div, body input, body label, body li, body p, body select {
font-family: Roboto, sans-serif;
font-weight: 300;
}
body h1, body h2, body h3 {
font-weight: 700;
}
body .alert {
border-radius: 0;
padding: 10px;
font-size: 13px;
}
a, a:hover {
cursor: pointer;
color: #3299BB;
text-decoration: none;
}
input.error {
border: 1px solid #A4110A;
}
body input.form-control[type=email], body input.form-control[type=number], body input.form-control[type=password], body input.form-control[type=text], body select.form-control, body textarea.form-control {
font-size: 15px;
box-shadow: none;
background: 0 0;
outline: 0;
border: none;
border: 1px solid #ddd;
border-radius: 0;
padding: 5px 10px;
height: 45px;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
body input.form-control[disabled] {
background-color: #f8f8f8;
}
body select.form-control {
background: url(../images/down.png) right 12px no-repeat;
background-size: 20px;
}
body textarea.form-control.large {
height: 250px!important;
}
body p.help-block {
font-size: 12px!important;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.primary-button, .secondary-button, .tertiary-button {
display: inline-block;
border: 1px solid #f0f0f0;
font-size: 13px;
margin: 0 5px 0 0;
cursor: pointer;
padding: 8px 20px;
font-weight: 300;
outline: 0;
border-radius: 0;
background-color: #fff;
color: #3299bb;
text-transform: uppercase;
}
.primary-button {
background-color: #3299bb;
color: #fff;
font-weight: 700;
}
.primary-button[disabled=disabled] {
background-color: #f8f8f8;
border-color: #ddd;
color: #ddd;
}
.inline-actions span, .main .form-group label {
color: #888;
}
.primary-button:hover {
background-color: #2A7F9B;
}
.primary-button i, .secondary-button i, .tertiary-button i {
margin-right: 5px;
}
.offset-left {
margin-left: 20px;
}
.tooltip-inner {
background-color: #444;
padding: 5px 10px;
border-radius: 0;
}
.tooltip-arrow {
display: none;
}
.main form {
margin: 20px;
}
.main .form-group {
max-width: 450px;
}
.main .form-vertical {
padding-bottom: 50px;
}
.main .form-vertical .form-group {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 20px;
}
.main .form-vertical .form-group:last-child, body .modal .form-group:last-child {
border-bottom: none;
}
.main .form-vertical .help-block {
margin-bottom: 0;
}
.main p {
padding-bottom: 20px;
line-height: 25px;
}
.input-2 {
width: 65px;
}
.input-4 {
width: 75px;
}
.inline {
display: inline-block;
}
.inline-actions button {
margin-right: 10px;
}
.main .form-group table {
margin: 0;
}
.main .form-group table th small {
font-weight: 400;
color: #aaa;
margin-left: 5px;
}
.read-only-table small, .read-only-table span {
display: block;
}
.read-only-table small {
color: #888;
margin: 10px 0;
text-transform: uppercase;
}
.read-only-table a, body .modal .check-alert input {
margin-right: 10px;
}
body .read-only-table td, body .read-only-table th {
padding: 15px!important;
}
body .read-only-table th {
background-color: #f8f8f8;
color: #777;
font-weight: 400;
}
body .modal menu {
margin-top: -10px!important;
padding: 0 15px!important;
}
body .modal .check-alert {
margin-top: 25px;
}
body .modal .check-alert label {
color: #111;
}
body .modal-header {
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
body .modal-header h3 {
padding-top: 0;
margin-top: 10px;
font-size: 1.4em;
}
body .modal-header h3 small {
text-transform: uppercase;
margin-left: 15px;
}
body .modal-header .close {
margin-top: 7px;
}
body .modal-footer {
margin-top: 0;
}
body .modal-body form {
margin: 0;
padding: 0;
}
body .modal-body label {
color: #888;
}
body .modal-footer .tertiary-button {
float: left;
}
body .modal-footer .primary-button {
margin-left: 10px;
}
body .modal .modal-info {
color: #888;
margin-bottom: 25px;
}
body .modal .help-block {
margin-bottom: 0;
}
body .modal .form-group {
padding-bottom: 15px;
margin-bottom: 10px;
position: relative;
}
body .modal .form-group.pull-up {
margin-top: -20px;
}
body .modal .form-group.no-border {
border-bottom: none;
padding-bottom: 0;
}
body .modal .table td span.fa {
color: #aaa;
margin-left: 10px;
}
body .modal .input-select {
position: absolute;
top: 26px;
right: 5px;
z-index: 5;
border-left: 1px solid #ddd;
height: 43px;
width: 43px;
text-align: center;
color: #888;
font-weight: 700;
}
body .modal .input-select button {
outline: 0!important;
box-shadow: none!important;
}
body .modal .input-select.option2 {
position: absolute;
top: 26px;
right: 40px;
}
body .modal .input-select .dropdown-toggle {
background-color: #fff;
font-size: 20px;
}
body .modal .input-select .dropdown-toggle i {
font-size: 15px;
}
body .modal .input-select .dropdown-menu small {
display: block;
color: #aaa;
font-size: 11px;
text-transform: uppercase;
}
body .modal .input-select .dropdown-menu {
border-radius: 0;
height: 200px;
width: 300px;
overflow: auto;
margin-right: -5px;
margin-top: 0;
}
body .modal .input-select .dropdown-menu li {
border-bottom: 1px solid #f0f0f0;
}
body .modal .input-select .dropdown-menu li a {
padding-top: 5px;
padding-bottom: 5px;
}
body .modal .form-group .sp-replacer {
position: absolute;
top: 25px;
right: 0;
border: 1px solid #ddd;
border-left: 1px solid transparent;
background-color: #f8f8f8;
padding: 12px 0 12px 5px;
}
#header-overlay, header.slideout {
position: fixed;
top: 0;
left: 0;
height: 100%}
body .modal .form-group .sp-replacer .sp-dd {
display: none;
}
body .modal .form-group .sp-preview {
border: 1px solid #aaa;
}
body .modal .modal-lg .modal-content {
min-height: 500px;
}
header.slideout {
margin-left: -350px;
width: 350px;
background-color: #f8f8f8;
color: #333;
min-width: 35px;
overflow: scroll;
border-right: 1px solid #f0f0f0;
-webkit-transition: .2s all ease;
-moz-transition: .2s all ease;
-o-transition: .2s all ease;
-ms-transition: .2s all ease;
transition: .2s all ease;
z-index: 1000;
}
#header-overlay {
width: 100%;
background: rgba(0, 0, 0, .25);
z-index: 999;
display: none;
}
header.slideout .profile {
position: absolute;
top: 5px;
left: 5px;
height: 45px;
line-height: 45px;
z-index: 10;
}
header.slideout .profile .photo {
float: left;
display: inline-block;
width: 45px;
height: 45px;
background-size: cover;
border-radius: 50%;
margin-right: 5px;
border: 2px solid #f0f0f0;
}
header .profile a {
color: #111;
text-transform: uppercase;
}
header.slideout .sub-menu a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #aaa;
font-size: 1em;
margin-left: 0;
border-radius: 50%}
header.slideout .sub-menu a:hover {
text-decoration: none;
color: #111;
}
header.slideout .sub-menu a.signout:hover {
background-color: #A4110A;
color: #fff;
}
header.slideout .sub-menu a.republish:hover {
background-color: #7ec57e;
}
header.slideout .sub-menu {
position: absolute;
top: 7px;
right: 5px;
z-index: 10;
}
header.slideout .sub-menu a.hide-menu {
background-color: #ddd;
color: #fff;
border-color: #555;
}
header.slideout h2, header.slideout h2 a {
color: #aaa;
font-weight: 400;
text-transform: uppercase;
}
header.slideout .sub-menu a.hide-menu:hover {
background-color: #aaa;
}
body.show-nav header {
margin-left: 0;
box-shadow: 30px 30px 100px rgba(0, 0, 0, .2);
}
body.show-nav #header-overlay {
display: block;
}
header.slideout li, header.slideout ul {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #f0f0f0;
}
header.slideout h2 {
position: relative;
font-size: 13px;
padding: 0 0 0 10px;
margin: 0;
}
header.slideout h2 a {
position: absolute;
bottom: 10px;
right: 10px;
display: inline-block;
font-size: 11px;
}
header.slideout h2 a i {
color: #888;
font-size: 11px;
margin-left: 5px;
}
header.slideout h2.basic {
padding: 75px 0 10px 10px;
}
header.slideout h2.advanced {
padding: 20px 0 10px 10px;
}
header.slideout ul {
border-top: 1px solid #ccc;
}
header.slideout li>a {
font-weight: 300;
display: block;
padding: 10px 15px;
color: #111;
font-size: 1.1em;
}
header.slideout li>a i {
display: inline-block!important;
color: #aaa;
margin-right: 10px;
width: 20px!important;
}
header.slideout li.active a {
background-color: #3299BB;
color: #fff;
}
header li.active i {
color: #fff;
}
header.slideout li>a:hover {
list-style: none;
color: #fff;
text-decoration: none;
background-color: #3299bb;
}
header.slideout li a:hover i {
color: #fff;
}
header.slideout li small {
display: block;
padding: 0 5px 0 50px;
}
header.slideout li small.spacer {
margin-top: 2px;
}
header.slideout li small label {
color: #888;
margin-right: 5px;
}
section.main {
padding-bottom: 50px;
z-index: 10;
}
section.main .alert {
margin: 20px 20px 0;
}
section.main .alert a {
margin-left: 15px;
background: #fff;
padding: 5px 15px;
border-radius: 12px;
border: 1px solid #ccc;
color: #428bca;
text-decoration: none;
}
section.main .alert a:hover {
background-color: #f8f8f8;
border: 1px solid #aaa;
}
section.main table, section.main table th {
border-right: 1px solid #ddd;
}
#account-message {
display: none;
}
section.main table {
margin: 20px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
width: calc(100% - 40px);
}
section.main table td.status a {
margin-left: 10px;
}
section.main table .number {
text-align: right;
}
.modal menu, section.main menu {
position: relative;
background-color: #f8f8f8;
border-bottom: 1px solid #f0f0f0;
margin: 0;
padding: 0 20px;
line-height: 50px;
height: 50px;
}
.modal menu .menu-actions, section.main menu .menu-actions {
position: absolute;
top: 2px;
right: 13px;
}
.modal menu i, section.main menu i {
margin-left: 5px;
color: #888;
padding: 4px 5px 0;
font-size: 16px;
}
.modal menu .active i, .modal menu a:hover i, section.main menu .active i, section.main menu a:hover i {
color: #81b841;
}
.modal menu .dropdown-menu, section.main menu .dropdown-menu {
border-radius: 0;
box-shadow: none;
border: 1px solid #f0f0f0;
}
.modal menu .dropdown, section.main menu .dropdown {
margin: 0;
}
.modal menu .dropdown .btn, section.main menu .dropdown .btn {
border-radius: 0;
border-color: #ddd;
}
.modal menu .dropdown .caret, section.main menu .dropdown .caret, section.main menu .dropdown-menu .secure {
margin-left: 5px;
color: #ddd;
}
.modal menu .dropdown-menu a, section.main menu .dropdown-menu a {
font-size: 13px;
color: #888;
padding: 10px 15px;
min-width: 205px;
}
section.main h1, section.main nav h2 {
margin: 0;
line-height: 64px;
height: 64px;
color: #fff;
font-weight: 300;
font-family: Roboto, sans-serif;
}
section.main nav {
background-color: #3299bb;
height: 64px;
margin: 0;
padding: 0;
position: relative;
}
section.main nav .back, section.main nav .show-menu {
position: absolute;
display: block;
top: 0;
left: 0;
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
background: url(../images/menu.png) 20px 23px no-repeat #3299bb;
background-size: 25px;
}
section.main nav .back {
background: url(../images/back.png) 20px 20px no-repeat #3299bb;
background-size: 15px;
}
section.main nav .back:hover, section.main nav .show-menu:hover {
background-color: #1d7b9a;
text-decoration: none;
}
section.main h1 {
padding: 0 0 0 68px;
font-size: 18px;
}
section.main nav h2 {
position: absolute;
top: 1px;
right: 20px;
padding: 0;
font-size: 15px;
}
section.main nav .static-title {
display: inline-block;
padding: 0 30px;
margin: 0 0 0 50px;
background: #E9E9E9;
border-bottom: 3px solid #F90;
height: 50px;
line-height: 47px;
font-size: 1em;
}
section.main nav .more, section.main nav .primary-action {
position: absolute;
display: block;
font-size: 14px;
color: #fff;
text-align: center;
}
section.main nav .static-title i {
margin: 0 7px;
}
section.main nav .primary-action {
right: 52px;
top: 15px;
height: 35px;
white-space: nowrap;
padding: 0 15px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, .25);
font-weight: 300;
width: auto;
}
section.main nav .primary-action:hover {
border: 1px solid #fff;
}
section.main nav .more {
right: 0;
top: 0;
height: 65px;
padding: 0;
width: 50px;
}
a.fs-prev, section.main nav .lock, section.main nav li.active .lock {
display: none;
}
section.main nav .more button {
height: 65px;
line-height: 75px;
width: 50px;
margin: 0;
padding: 0;
background-color: transparent;
border: none;
}
section.main nav .more.open {
text-decoration: none;
background: #1d7b9a;
}
section.main nav .more i {
font-size: 22px;
}
section.main nav .dropdown-menu {
border-radius: 0;
border: 0;
background: #1d7b9a;
margin: -1px 0 0;
}
section.main nav .dropdown-menu a:hover, section.main nav .dropdown-menu li:hover {
background: 0 0!important;
}
section.main nav .dropdown-menu li a {
color: #fff;
padding: 10px 15px;
font-size: 14px;
font-weight: 300;
}
section.main .actions {
position: fixed;
box-sizing: border-box;
left: 0;
bottom: 0;
padding: 10px 20px;
width: 100%;
background-color: #fff;
z-index: 900;
}
.main nav .fs-container {
overflow: hidden;
margin: 0 50px;
}
.main nav .fs-container.full {
margin: 0 0 0 50px;
}
.main nav .fs {
width: 3000px;
}
.main nav .fs ul {
margin-left: 0;
}
a.fs-next, a.fs-prev {
position: absolute;
color: #fff;
background-color: rgba(255, 255, 255, .1);
height: 50px;
line-height: 50px;
z-index: 10;
padding: 0 10px;
text-decoration: none;
}
a.fs-next i, a.fs-prev i {
color: #fff!important;
}
a.fs-next {
top: 0;
right: 0;
}
.main nav .fs-container.full a.fs-next {
right: 0;
}
a.fs-prev {
top: 0;
left: 0;
}
section.main nav li.is-secure .lock {
right: auto!important;
left: 0!important;
display: inline-block;
margin-left: 7px;
color: #ccc;
}
section.main nav li.is-secure.active .lock {
color: #aaa;
}
div.content-row {
box-sizing: border-box;
padding: 0 20px;
}
fieldset {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 20px;
padding-bottom: 20px;
}
fieldset:last-child {
margin-bottom: 0;
border-bottom: 0;
}
body .read-only {
display: block;
padding-top: 8px;
}
body .read-only small, body .read-only span {
font-weight: 400;
display: block;
margin: 0 0 5px;
padding: 0;
height: auto;
line-height: normal;
}
body .read-only a {
margin-right: 15px;
}
body .read-only small {
color: #888;
text-transform: uppercase;
}
body .form-group .loading {
display: block;
margin-top: 8px;
color: #aaa;
}
body .form-group .loading i {
margin-right: 5px;
}
body .form-stacked-bottom {
margin-top: 10px;
}
span.help-block {
color: #888;
font-size: .9em;
}
h1 .btn-primary {
position: absolute;
top: 11px;
right: 20px;
}
div.content h1 {
color: #888;
font-size: 24px;
padding-bottom: 10px;
}
p.inline-status, p.inline-status i {
color: #888;
}
p.inline-status {
padding: 0 0 0 20px;
}
div#actions {
position: fixed;
box-sizing: border-box;
width: 100%;
bottom: 0;
background: #fff;
padding: 10px;
margin: 0;
border-top: 1px solid #d0d0d0;
z-index: 100;
}
div#actions a, div#actions button, div#actions input {
margin-right: 10px;
}
div.dialog, div.immersive, div.immersive-actions {
display: none;
}
div.select {
overflow: auto;
overflow-y: scroll;
height: 150px;
margin: 0;
border: 1px solid #ccc!important;
border-radius: 0;
}
div.select.select-lg {
height: 300px;
}
div.select.select-xl {
height: 500px;
}
div.select.small {
height: 200px;
}
div.select.mini {
height: 150px;
}
div.select ul {
margin: 0;
padding: 0;
list-style: none;
}
div.select ul li.parent {
color: #fff;
background: #888;
font-weight: 700;
cursor: default;
}
div.select ul li {
display: block;
margin: 0;
padding: 10px 15px;
border-bottom: 1px solid #ccc;
}
div.select ul li i {
color: #aaa;
margin-right: 5px;
}
div.select ul li small {
color: #888;
font-size: .85em;
float: right;
}
div.select ul li:hover {
background: #f0f0f0;
cursor: pointer;
}
div.select ul li.selected {
background: #fbec5d;
font-weight: 700;
}
div.select ul li.selected i {
color: #888;
}
div.select em {
display: block;
font-style: normal;
color: #888;
font-size: .9em;
margin: 0;
padding: 0;
}
div.select .select-block {
display: inline-block;
margin-left: 5px;
}
.table tr.active td {
background-color: #FDFCCE!important;
}
.table tr.active a.switch {
display: none;
}
.table .action {
text-align: center;
}
.table .action i {
font-size: 17px;
}
.table .action .remove i {
color: #B11623;
}
.table-loading {
color: #ccc;
text-transform: uppercase;
font-size: 12px;
}
section.main .table table {
margin-top: 0;
width: 100%}
section.main .table table td:first-child {
padding-left: 0;
}
section.main .table table td:last-child {
padding-right: 0;
}
section.main .table table tr:first-child td {
border-top: 0;
padding-top: 0;
}
section.main .table table tfoot tr td {
border: none;
}
body .btn-group.open .dropdown-toggle {
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
body .dropdown-menu {
-webkit-box-shadow: none;
box-shadow: none;
}
body .dropdown-menu a, body .dropdown-menu li {
color: #888;
}
body .dropdown-menu a:hover, body .dropdown-menu li:hover {
background-color: #f8f8f8;
color: #888;
}
body .dropdown-menu li {
position: relative;
}
body .dropdown-menu li.active, body .dropdown-menu li.active a {
background-color: #888;
color: #fff;
}
body .dropdown-menu li a {
padding-left: 5px;
margin-left: 5px;
}
body .dropdown-menu li .remove {
position: absolute;
top: 2px;
right: 5px;
z-index: 10;
cursor: pointer;
}
body .dropdown-menu li i:hover {
color: #A4110A;
}
body .CodeMirror {
border: 1px solid #ccc;
height: 550px;
margin: 0;
}
body .CodeMirror div {
font-family: Inconsolata, Courier, sans-serif;
}
.codemirror-block {
margin: 20px 20px 10px;
}
.template-insert {
margin: 10px 20px;
color: #888;
font-size: .9em;
}
.segmented-control {
display: block;
text-align: left;
margin: 20px 20px 0;
padding: 0;
height: 35px;
max-width: 550px;
}
.modal .segmented-control {
max-width: none;
margin-bottom: 20px;
margin-top: 0;
}
.segmented-control li {
border-top: 1px solid #81b841;
border-bottom: 1px solid #81b841;
border-right: 1px solid #81b841;
display: block;
float: left;
height: 40px;
padding: 0;
width: 20%}
.segmented-control.count-3 li {
width: 33.3333333%}
.segmented-control.count-2 li {
width: 50%}
.segmented-control li:first-child {
border-left: 1px solid #81b841;
}
.segmented-control li a {
display: block;
text-align: center;
color: #81b841;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0;
}
.segmented-control .active {
background-color: #81b841;
}
.segmented-control .active a {
color: #fff;
}
.respond-invalid, .respond-valid, .respond-validating {
position: absolute;
top: 37px;
right: 10px;
background-color: #3299bb;
color: #fff;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 50%;
margin-left: 5px;
display: none;
}
.respond-valid {
background-color: #7ec57e;
}
.respond-invalid {
background-color: #A4110A;
}
.respond-invalid.visible, .respond-valid.visible, .respond-validating.visible {
display: inline-block;
}
#menu-republish-message, #profile-page button.update-photo.has-photo span, #settings-page .shipping-type {
display: none;
}
#test-page .fa-check-circle {
color: #7ec57e;
background-color: #fff;
padding: 2px;
border-radius: 2px;
}
#test-page .fa-times-circle {
color: #A4110A;
background-color: #fff;
padding: 2px;
border-radius: 2px;
}
#profile-page .profile-view {
position: relative;
padding: 0 20px 20px 100px;
}
#profile-page .profile-view h2 {
font-size: 20px;
text-transform: uppercase;
}
#profile-page .profile-view p {
color: #888;
}
#profile-page button.update-photo {
position: absolute;
box-sizing: border-box;
left: 10px;
width: 65px;
height: 65px;
padding-top: 4px;
background-color: #fff;
border: 2px dashed #eee;
border-radius: 50%;
color: #ccc;
font-size: 10px;
text-transform: uppercase;
outline: 0;
}
#profile-page button.update-photo.has-photo {
border: none;
background-size: cover;
}
#profile-page button.update-photo:hover {
border-color: #3299BB;
}
.branding .placeholder {
display: inline-block;
background-color: #f0f0f0;
max-width: 502px;
border: 1px solid #fff!important;
cursor: pointer;
min-width: 50px;
min-height: 50px;
}
.branding .placeholder img {
max-height: 200px;
max-width: 500px;
}
.branding .placeholder:hover {
border: 1px dashed #3299BB!important;
}
.branding .form-group {
margin-bottom: 50px;
}
#branding-page .placeholder.paypal img, .branding .placeholder.paypal {
max-width: 150px;
}
#branding-page .placeholder.touch img, .branding .placeholder.touch, .branding input#iconBg {
max-width: 200px;
}
.branding .form-group small {
display: block;
margin-top: 10px;
color: #888;
}
.colors .form-group {
position: relative;
}
.colors form h2 {
font-size: 22px;
}
.colors .form-group .sp-replacer {
float: right;
margin-top: -30px;
margin-right: 5px;
border: none;
background-color: #fff;
}
.colors .form-group .sp-replacer .sp-dd {
color: #aaa;
font-size: 7px;
}
.roles .table {
margin-top: 30px;
}
.roles .table thead small {
display: block;
color: #aaa;
font-weight: 400;
text-transform: uppercase;
}
section.notice a {
display: block;
background: #81b841;
padding: 10px 20px;
color: #fff;
line-height: 20px;
}
section.notice .days-left {
display: inline-block;
font-weight: 700;
margin-right: 5px;
padding-right: 10px;
border-right: 1px solid rgba(255, 255, 255, .25);
}
section.notice a i {
margin-left: 5px;
}
.signup .pay {
padding-top: 20px;
}
.thankyou-content {
margin: 0 20px;
}
.thankyou-content h2, .thankyou-content h3 {
margin: 25px 0;
padding: 0;
}
.thankyou-content p {
margin: 0 0 20px;
padding: 0;
font-size: 15px;
}
body .carousel {
border: 1px solid #f0f0f0;
}
body .carousel .carousel-control {
background: 0 0;
z-index: 100;
}
body .carousel .carousel-control i {
position: absolute;
top: 50%;
left: 5px;
box-shadow: none;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #aaa;
color: #fff;
border-radius: 50%;
text-shadow: none;
}
body .carousel .carousel-control.right i {
left: auto;
right: 5px;
background-color: #81b841;
}
body .carousel .carousel-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-shadow: 0;
background-color: #aaa;
margin: 0;
padding: 0;
height: auto;
}
body .carousel .carousel-caption p {
text-shadow: none;
color: #fff!important;
margin: 0!important;
padding: 15px;
font-size: 14px!important;
text-align: center!important;
}
body .carousel .carousel-caption p b {
text-transform: uppercase;
margin-right: 15px;
}
body .carousel .carousel-caption p a {
color: #fff;
display: inline-block;
padding: 5px 15px;
margin: 0 0 0 5px;
border: 1px solid #fff;
}
#update-theme {
max-width: 1000px;
margin: 20px;
}
.configure {
overflow: hidden;
}
.configure .main {
height: calc(100% - 65px);
padding: 0!important;
}
.configure iframe {
width: calc(100% - 250px);
height: 100%;
border: none;
}
body.configure>.ng-scope, body.configure>.ng-scope>div.ng-scope {
height: 100%}
.allow-breaks {
white-space: pre;
}
.system-message {
display: block;
text-align: center;
background-color: #8FBE00;
color: #fff;
padding: 10px 0;
}
.system-message p {
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 13px;
}
@media (min-width:768px) and (max-width:979px) {
header {
margin-left: -350px;
}
}@media (max-width:767px) {
header {
margin-left: -100%;
width: 100%}
body.show-nav section {
width: 0;
}
}div.menu {
background: #1c2a3f;
}
ul.menu li.selected a {
color: #fff;
background: #90252e;
}
div.menu div div#loggedIn {
background: rgba(107, 122, 147, .5);
}
body.content .inline-status {
display: inline-block;
}
body.content span.checklist label.checkbox, body.content span.config {
display: block;
}
body.content span.config textarea {
width: 510px!important;
height: 200px;
}
body.content span.checklist {
display: block;
padding: 0;
margin: -5px 0;
}
body.content span.checklist body.content .checkbox:last-child {
margin-bottom: 5px;
}
body.content span.list label.checkbox.inline {
display: inline-block;
width: auto!important;
}
body.content p.message {
color: grey;
}
body.content p.noResults {
padding: 15px;
color: #606060;
font-style: italic;
}
body.content fieldset {
margin: 0;
padding: 15px 0 0;
border: none;
border-bottom: 1px solid #f0f0f0;
}
body.content fieldset.last, body.content fieldset:last-child {
border-bottom: none!important;
}
body.content div.formGroup fieldset:first-child {
padding-top: 0;
}
body.content div.formGroup fieldset:last-child {
border-bottom: none;
}
body.content p.fileUrls {
display: block;
margin: 0;
padding: 0;
}
body.content p#UploadedSizes.fileUrls {
padding-left: 30px;
}
body.content p.fileUrls a.switch {
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #ccc;
color: #ccc;
text-align: center;
line-height: 16px;
margin: 0 5px 0 0;
font-size: 10px;
}
body.content p.fileUrls a.switch.selected {
border: 1px solid #aaa;
color: #fff;
background: #aaa;
}
body.content span.filter {
position: absolute;
top: 45px;
right: 15px;
}
body.content div#editorContainer div.formGroup {
margin-top: 0;
padding-top: 0;
}
body.content div#advancedContainer {
display: none;
}
body.content div#previewMessage {
position: absolute;
top: 0;
left: 0;
background-color: #fbec5d;
background-color: rgba(251, 236, 93, .9);
width: 100%;
height: 50px;
z-index: 51;
text-align: center;
display: none;
}
body.content div#previewMessage button {
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
}
body.content div#previewContainer {
position: absolute;
top: 0;
left: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: scroll;
background: #fff;
z-index: 50;
display: none;
}
body.content iframe#preview {
width: 100%;
height: 1000px;
z-index: 50;
}
body.content div#previewContainer.mobile iframe#preview {
position: absolute;
top: 97px;
left: 30px;
margin: 0;
width: 400px;
height: 648px;
}
body.content div#UploadedImage img {
height: 75px;
}
body.content div#showContentOptions label {
vertical-align: middle;
}
body.content span#changeImage {
padding: 10px;
display: block;
margin-top: 20px;
background: rgba(0, 0, 0, .3);
}
body.content span#changeImage label {
display: block;
color: #fff;
}
body.content span#changeImage a {
color: #fff;
font-style: italic;
}
body.content div#ImageOptions span.field {
vertical-align: top;
}
body.content input#ImageWidth, input#ImageHeight {
width: 50px;
margin-right: 2px;
text-align: right;
}
body.content span.featured {
display: inline-block;
width: 14px;
height: 14px;
background: url(../images/app-sprite.png) -150px -4px no-repeat;
margin-left: 5px;
cursor: pointer;
}
body.content span.featured.yes {
background: url(../images/app-sprite.png) -129px -4px no-repeat;
}
body.content ul.tabs {
margin: -15px 0 15px;
padding: 0;
background: #f8f8f8;
border-bottom: 2px solid #f0f0f0;
}
body.content ul.tabs li {
border-bottom: none;
margin: 0;
padding: 10px 15px;
display: inline-block;
}
body.content ul.tabs li a {
display: block;
margin: 0;
padding: 0 5px 0 0;
text-decoration: none;
font-size: 12px!important;
}
body.content ul.tabs li:hover a {
text-decoration: underline;
}
body.content ul.tabs li.selected a {
font-weight: 700;
color: #707070;
padding-right: 15px;
background: url(../images/submenu-arrow.png) right 5px no-repeat;
}
body.content #linkImageList {
margin-top: 5px;
margin-bottom: 2px;
}
body.content span#addFileList, body.content span.imageList {
display: block;
border: 1px solid #ccc;
width: 100%;
height: 200px;
overflow: auto;
}
body.content span.imageList li span.icon {
display: block;
padding-left: 42px;
padding-top: 22px;
}
body.content span.imageList li.file span.icon {
padding-left: 0;
padding-top: 0;
}
body.content span#addFileList ul, body.content span.imageList ul {
margin: 0;
padding: 0;
}
body.content span#addFileList li, body.content span.imageList li {
position: relative;
display: block;
margin: 0;
padding: 5px;
border-bottom: 1px dashed #ccc;
cursor: pointer;
min-height: 75px;
}
body.content span.imageList li.file {
min-height: 40px;
padding-left: 10px;
padding-top: 10px;
}
body.content span#addFileList li:last-child, body.content span.imageList li:last-child {
border-bottom: none;
}
body.content span#addFileList li:hover, body.content span.imageList li:hover {
background: #f8f8f8;
}
body.content span#addFileList li.selected, body.content span.imageList li.selected {
background: #fbec5d;
}
body.content span.imageList li span.filename {
position: absolute;
left: 90px;
top: 20px;
}
body.content span.imageList li span.size {
position: absolute;
left: 90px;
top: 40px;
font-size: 12px;
color: #888;
}
body.content span.imageList li.file span.filename {
position: absolute;
left: 50px;
top: 18px;
}
body.content span#addFileList p.fileUrls, body.content span.imageList p.fileUrls {
margin: 0;
padding: 0;
position: absolute;
left: 90px;
top: 54px;
}
body.content label#ResizeImageLabel {
display: block;
margin: 0 0 15px 30px;
padding: 0;
color: #606060;
font-style: italic;
}
body.content div#UploadedImage {
display: block;
margin: 0 0 5px 30px;
padding: 0;
width: 75px!important;
height: 75px;
}
body.content div#slideshow {
background: #f8f8f8;
display: none;
padding: 20px;
position: absolute;
width: 400px;
height: 390px;
z-index: 50;
top: 170px;
left: 470px;
}
body.content div#slideshow h2 {
color: #FFF;
font-size: 12px;
font-weight: 700;
margin: 0;
padding: 10px;
text-align: left;
width: auto;
}
body.content div#slideshow a.close {
cursor: pointer;
position: absolute;
right: 15px;
top: 5px;
}
body.content a#left {
position: absolute;
bottom: 25px;
left: 23px;
}
body.content a#right {
position: absolute;
bottom: 25px;
right: 25px;
}
body.content div#slideshow.single a#left, div#slideshow.single a#right {
display: none;
}
body.content div#slider {
position: relative;
margin: 0;
padding: 0;
background: #F8F8F8;
}
body.content div#slider ul {
list-style: none;
margin: 0;
padding: 0;
}
body.content div#slider li {
position: relative;
width: 400px;
margin: 0;
padding: 0;
float: left;
}
body.content div#slider-container {
position: absolute;
right: 0;
top: 50px;
width: 250px;
background: rgba(0, 0, 0, .3);
padding: 10px;
}
body.content div#slider {
width: 200px;
overflow: visible;
display: inline-block;
}
body.content div#slider a.ui-slider-handle {
background: #ccc;
border: 1px solid #aaa;
cursor: e-resize;
}
body.content div#slider a.ui-slider-handle.ui-state-hover {
background: #f0f0f0;
border: 1px solid #aaa;
}
body.content div#slider-display {
display: inline-block;
width: 40px;
margin-left: 5px;
color: #fff;
text-align: right;
}
body.content div#slideshow div#slider ul li p {
display: block;
margin: 0;
padding: 15px 45px;
width: 400px;
text-align: left;
}
body.content div#slideshow.single div#slider ul li p {
padding-left: 10px;
padding-right: 10px;
}
body.content div#selectLayout li em {
display: block;
margin: 0;
padding: 0;
}
body.content #load-code {
border-color: #ccc;
width: 100%;
height: 350px;
}
body.content .alternate {
border: 1px solid #ccc;
border-radius: 25px;
height: 38px;
line-height: 38px;
text-align: center;
margin: 0;
padding: 0;
}
body.content .alternate a {
display: inline-block;
margin: 0!important;
padding: 0 10px;
height: 36px;
min-width: 70px;
font-size: 13px;
text-align: center;
}
body.content .alternate a:first-child {
border-right: 1px solid #ccc;
padding-left: 20px;
}
body.content .alternate a:last-child {
padding-right: 20px;
}
.content-actions {
position: fixed;
width: calc(100% - 250px);
bottom: 0;
background-color: #f0f0f0;
z-index: 1000;
padding-right: 10px;
}
.content-actions div {
margin: -3px 0 5px 10px;
border: 1px solid #ccc;
background-color: #fff;
box-shadow: 2px 3px 4px rgba(119, 119, 119, .4);
padding: 10px;
}
.context-menu {
position: absolute;
box-sizing: border-box;
top: 114px;
right: 0;
width: 250px;
height: 100%;
height: calc(100% - 114px);
background-color: #f0f0f0;
overflow: scroll;
padding-bottom: 100px;
margin-top: 10px;
}
.configure .context-menu {
top: 54px;
height: calc(100% - 65px);
}
.context-menu .font-down, .context-menu .font-up {
font-size: 12px;
color: #888;
margin-left: -2px;
}
.context-menu .text-block {
display: inline-block;
padding-top: 7px;
}
.context-menu.sticky {
position: fixed;
top: 50px;
right: 0;
height: calc(100% - 50px);
}
.context-menu h2 {
margin: -1px 0 0;
padding: 11px 5px;
font-size: 13px;
color: #aaa;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
text-transform: uppercase;
font-weight: 300;
}
.context-menu h2 a {
float: right;
margin-left: 15px;
text-transform: uppercase;
}
.context-menu h2 i {
color: #888;
}
.context-menu .config {
display: none;
}
.context-menu .config.active {
display: block;
}
.content .context-text-events .context-block a {
display: inline-block;
position: relative;
width: 35px;
height: 35px;
margin: 0 0 5px;
padding: 0;
text-align: center;
line-height: 35px;
color: #555;
font-size: 13px;
vertical-align: top;
border-radius: 50%;
background-color: transparent;
}
.content .context-text-events {
padding-bottom: 10px;
}
.content .context-text-events .context-block a:hover {
background-color: #f0f0f0;
}
.context-menu .form-control, .context-menu label {
display: inline-block;
}
.context-menu .form-group {
position: relative;
}
.context-menu .sp-replacer {
border-color: #ccc;
}
.context-menu .sp-dd {
display: none;
}
.context-menu .sp-preview {
margin-right: 0;
}
.context-menu .input-select {
position: absolute;
top: 1px;
right: 2px;
}
.context-menu .input-select.option2 {
right: 25px;
}
.context-menu .input-select button {
display: inline-block;
box-sizing: border-box;
margin: 0;
padding: 0;
height: 25px;
width: 25px;
font-size: 12px;
text-align: center;
line-height: 25px;
border-radius: 0;
background-color: #fff;
color: #888;
border-left: 1px solid #f0f0f0;
}
.context-menu .input-select .dropdown-menu {
border-radius: 0;
border: 1px solid #ddd;
}
.context-menu .input-select .dropdown-menu li {
border-bottom: 1px solid #f0f0f0;
}
.context-menu .input-select .dropdown-menu li a {
color: #222;
font-size: 13px;
}
.context-menu .input-select .dropdown-menu li small {
display: block;
color: #888;
font-size: 11px;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.context-menu .input-select .dropdown-menu {
height: 150px;
overflow: auto;
}
.context-menu label {
width: 70px;
color: #555;
font-size: 12px;
vertical-align: top;
margin-top: 7px;
}
.context-menu .help-block {
display: block;
font-size: 11px;
padding-left: 0px;
color: #888;
text-transform: uppercase;
}
body .context-menu .form-control {
width: 150px;
background-color: #fff!important;
padding: 0 5px!important;
height: 30px!important;
line-height: 30px!important;
border: 1px solid #ddd;
border-radius: 0!important;
outline: 0!important;
}
.context-menu textarea.form-control {
height: 75px!important;
line-height: 20px!important;
padding-top: 5px!important;
}
body .context-menu .context-block {
padding: 10px 5px 0;
}
.context-menu .context-footer {
/*
position: fixed;
bottom: 0;
right: 0;
width: 250px;
text-align: right;
*/
}
.context-menu .context-footer button {
float: left;
box-sizing: border-box;
padding: 10px 0;
margin: 10px;
color: #888;
width: 100%;
width: calc(100% - 20px);
font-size: 13px;
outline: 0;
background-color: #fff;
border: 1px solid #ddd;
}
.context-menu .context-footer button:hover {
border-color: #888;
}
body .context-menu select.form-control {
background: url(../images/down.png) right 6px no-repeat;
background-size: 20px;
}
body .context-menu .form-group {
position: relative;
}
body .context-menu .form-group .sp-replacer {
position: relative;
margin-left: -4px;
margin-top: -3px;
border: 1px solid #ddd;
border-left: 1px solid transparent;
background-color: #f8f8f8;
}
body .context-menu .form-group .sp-preview {
border: 1px solid #aaa;
}
.configure .context-menu .form-group .image-picker{
top: 46px;
}
body .context-menu .form-group .image-picker {
position: absolute;
top: 29px;
right: 40px;
margin-left: 10px;
padding: 0;
width: 35px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #ddd;
background-color: #f8f8f8;
border-left: 1px solid #f8f8f8;
outline: 0;
}
body .context-menu .form-group .image-picker i {
color: #777;
}
@media (max-width:767px) {
body.content div.container-fluid {
margin: 10px 0 0!important;
}
body.context-menu {
display: none;
}
.content-actions {
width: calc(100%);
}
}.modal-content {
border-radius: 0!important;
box-shadow: none;
border-color: #888;
}
.immersive {
box-sizing: border-box;
position: fixed;
top: 0;
left: 0;
z-index: 50000;
display: none;
border: none;
margin: 0;
padding: 20px;
width: 100%;
height: 100%;
background: rgba(68, 68, 68, .95);
}
.immersive-header {
position: relative;
}
.immersive-header h3 {
color: #fff;
padding: 10px;
position: relative;
}
.immersive-header h3 span.size {
font-weight: 400;
font-size: 14px;
margin-left: 15px;
}
.immersive-header button.close {
position: absolute;
top: -15px;
right: 0;
color: #fff;
opacity: 1;
text-shadow: none;
}
.immersive-body {
margin-right: 200px;
height: 100%;
overflow: scroll;
}
.immersive-body.full {
margin-right: 0;
}
.immersive-body h2 {
font-size: 1.2em;
color: #ccc;
padding: 10px;
}
.immersive-body h4 {
color: #fff;
padding: 10px;
margin: 0;
}
.immersive-body p {
color: #ddd;
padding: 10px 10px 20px;
margin: 0;
}
.imagesDialog .existing {
display: inline-block;
}
.modal .image-list {
margin: 0;
}
.modal .image-list .image {
position: relative;
display: inline-block;
margin: 0 5px 5px 0;
padding: 0;
text-align: center;
color: #fff;
cursor: pointer;
border: 1px solid #f0f0f0;
}
.modal .image-list .image:hover {
border: 1px solid #fff;
}
.modal .image-list .image.existing:hover {
border: 1px solid #f90;
}
.modal .image-list .image img {
width: 200px;
height: 200px;
background-color: #fff;
margin: 0;
padding: 0;
}
.dropzone, .dropzone.in-dialog {
padding: 10px 20px;
top: 0;
left: 0;
}
.modal .image-list .image small {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: .85em;
background-color: #fff;
color: #888;
height: 40px;
display: none;
}
.modal .image-list .image:hover small {
display: block;
}
div#overlay {
position: absolute;
top: 0;
left: 0;
background: #404040;
width: 100%;
height: 100%;
opacity: .95;
display: none;
z-index: 4999;
}
.dropzone {
position: relative;
margin: 20px;
text-align: center;
}
.dropzone.in-dialog {
position: relative;
width: 100%;
margin: 0 0 20px;
}
.dropzone .dz-message {
display: block;
color: #888;
font-family: "Roboto Condensed", sans-serif;
font-size: 13px;
cursor: pointer;
margin: 0;
padding: 0;
text-transform: uppercase;
opacity: 1;
-ms-filter: none;
filter: none;
}
.dropzone .dz-message i {
display: block;
color: #888!important;
cursor: pointer;
font-size: 40px;
}
.dropzone.dark .dz-message, .dropzone.dark .dz-message i {
color: #888;
}
.dropzone.edit-mode .dz-message, .dropzone.edit-mode .dz-message i, .dropzone:hover .dz-message, .dropzone:hover .dz-message i {
color: #f90;
}
.dropzone.edit-mode {
background-color: #ffe5bf;
}
.dropzone, .dropzone *, .dropzone-previews, .dropzone-previews * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.dropzone.dz-clickable, .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span {
cursor: pointer;
}
.dropzone.dz-clickable * {
cursor: default;
}
.dropzone.dz-drag-hover {
border-color: rgba(0, 0, 0, .15);
background: rgba(0, 0, 0, .04);
}
.dropzone .dz-preview, .dropzone-previews .dz-preview {
background: rgba(255, 255, 255, .8);
position: relative;
display: inline-block;
margin: 17px;
vertical-align: top;
border: 1px solid #acacac;
padding: 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
display: none;
}
.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
width: 100px;
height: 100px;
position: relative;
background: #ebebeb;
padding: 5px;
margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename {
overflow: hidden;
height: 100%}
.dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
position: absolute;
bottom: -28px;
left: 3px;
height: 28px;
line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
display: block;
}
.dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img {
display: none;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-success-mark {
position: absolute;
width: 40px;
height: 40px;
font-size: 30px;
text-align: center;
right: -10px;
top: -10px;
}
.dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
color: #ee162d;
}
.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
position: absolute;
top: 100px;
left: 6px;
right: 6px;
height: 6px;
background: #d7d7d7;
display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
bottom: 0;
background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress {
display: block;
}
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
position: absolute;
top: -5px;
left: -20px;
background: rgba(245, 245, 245, .8);
padding: 8px 10px;
color: #800;
min-width: 140px;
max-width: 500px;
z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
display: block;
}
.dropzone {
border: 1px solid rgba(0, 0, 0, .03);
-webkit-border-radius: 3px;
border-radius: 3px;
background: rgba(0, 0, 0, .03);
}
.dropzone .dz-default.dz-message {
opacity: 1;
-ms-filter: none;
filter: none;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
width: 428px;
height: 123px;
margin-left: -214px;
margin-top: -61.5px;
top: 50%;
left: 50%}
@media all and (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5/1), (min-device-pixel-ratio:1.5), (min-resolution:138dpi), (min-resolution:1.5dppx) {
.dropzone .dz-default.dz-message {
-webkit-background-size: 428px 406px;
-moz-background-size: 428px 406px;
background-size: 428px 406px;
}
}.dropzone.dz-square .dz-default.dz-message {
background-position: 0 -123px;
width: 268px;
margin-left: -134px;
height: 174px;
margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
opacity: .15;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
filter: alpha(opacity=15);
}
.dropzone .dz-preview, .dropzone-previews .dz-preview {
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
font-size: 14px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
display: block;
opacity: .1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
}
.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark {
opacity: 1;
-ms-filter: none;
filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
background: #ee1e2d;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-success-mark {
display: block;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
background-repeat: no-repeat;
}
.dropzone .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-success-mark span {
display: none;
}
.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark {
background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
-webkit-animation: loading .4s linear infinite;
-moz-animation: loading .4s linear infinite;
-o-animation: loading .4s linear infinite;
-ms-animation: loading .4s linear infinite;
animation: loading .4s linear infinite;
-webkit-transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
-ms-transition: width .3s ease-in-out;
transition: width .3s ease-in-out;
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-repeat: repeat-x;
background-position: 0 -400px;
}
@media all and (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5/1), (min-device-pixel-ratio:1.5), (min-resolution:138dpi), (min-resolution:1.5dppx) {
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-progress .dz-upload, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-success-mark {
-webkit-background-size: 428px 406px;
-moz-background-size: 428px 406px;
background-size: 428px 406px;
}
}.dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress {
display: block;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
display: block;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
opacity: 1;
-ms-filter: none;
filter: none;
}
.dropzone a.dz-remove, .dropzone-previews a.dz-remove {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
background-image: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
background-image: -o-linear-gradient(top, #fafafa 0, #eee 100%);
background-image: -ms-linear-gradient(top, #fafafa 0, #eee 100%);
background-image: linear-gradient(top, #fafafa 0, #eee 100%);
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #eee;
text-decoration: none;
display: block;
padding: 4px 5px;
text-align: center;
color: #aaa;
margin-top: 26px;
}
.dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover {
color: #666;
}
@-moz-keyframes loading {
0% {
background-position: 0 -400px;
}
100% {
background-position: -7px -400px;
}
}@-webkit-keyframes loading {
0% {
background-position: 0 -400px;
}
100% {
background-position: -7px -400px;
}
}@-o-keyframes loading {
0% {
background-position: 0 -400px;
}
100% {
background-position: -7px -400px;
}
}@-ms-keyframes loading {
0% {
background-position: 0 -400px;
}
100% {
background-position: -7px -400px;
}
}@keyframes loading {
0% {
background-position: 0 -400px;
}
100% {
background-position: -7px -400px;
}
}body.content {
background-color: #f0f0f0;
}
.editable-content:empty {
background-color: #fff;
height: 40px;
line-height: 40px;
}
.respond-element {
padding: 5px!important;
cursor: pointer;
}
.current-node, .current-node input[type=text] {
background-color: rgba(200, 227, 237, .15)!important;
}
#editor-menu {
background-color: #aaa;
padding: 0;
}
#editor-menu.sticky {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%}
.editor-menu {
overflow: hidden;
}
.editor-actions {
padding: 0 10px;
margin: 0;
height: 50px;
z-index: 900;
}
.editor-actions div {
width: 1804px;
height: 50px;
margin: 0;
padding: 0;
}
.editor-actions a.primary-action {
position: absolute;
top: 0;
right: 50px;
width: 50px;
text-align: center;
margin: 0;
padding: 0;
}
.editor-actions a.primary-action.settings {
right: 0;
}
.draggable, .editor-actions a {
box-sizing: border-box;
display: inline-block;
position: relative;
width: 40px;
height: 40px;
margin: 5px 1px 5px 0;
padding: 0;
text-align: center;
line-height: 40px;
color: #fff;
vertical-align: top;
background-color: transparent;
border-radius: 50%;
font-size: 13px;
border: 1px solid transparent;
}
.editor-actions a.active {
border: 1px solid rgba(255, 255, 255, .95);
}
body>.draggable {
background-color: #3299BB;
color: #fff;
z-index: 100000;
}
.editor-actions a.draggable {
cursor: move;
}
.editor-actions a:hover {
background-color: rgba(255, 255, 255, .25);
text-decoration: none;
}
.editor-actions small {
position: absolute;
width: 100%;
height: 12px;
line-height: 12px;
text-align: center;
bottom: 0;
right: 0;
color: #888;
font-size: .65em;
margin: 0;
}
.editor {
text-align: left;
position: relative;
}
.editor .editor-highlight {
border: 1px solid #fbec5d!important;
background: #fbec5d!important;
min-height: 50px;
display: block;
}
.editor.container {
margin: 10px 0 0 10px;
width: calc(100% - 270px);
border: 1px solid #ccc;
background-color: #fff;
box-shadow: 2px 3px 4px rgba(119, 119, 119, .4);
padding: 0;
z-index: 999;
min-height: 1000px;
}
.editor.container .row {
margin-right: 0;
margin-left: 0;
}
.editor .block {
position: relative;
min-height: 50px;
padding-bottom: 0;
padding-top: 38px;
border-bottom: 1px solid #ddd!important;
display: flex;
}
.editor .block .flex-100 {
width: 100%}
.editor .block .flex-91 {
width: 91.666%}
.editor .block .flex-83 {
width: 83.333%}
.editor .block .flex-75 {
width: 75%}
.editor .block .flex-66 {
width: 66.666%}
.editor .block .flex-58 {
width: 58.333%}
.editor .block .flex-50 {
width: 50%}
.editor .block .flex-41 {
width: 41.666%}
.editor .block .flex-33 {
width: 33.33333%}
.editor .block .flex-25 {
width: 25%}
.editor .block .flex-16 {
width: 16.666%}
.editor .block .flex-8 {
width: 8.333%}
.editor .block div.respond-h1[data-cssclass~=text-center] div, .editor .block div.respond-h2[data-cssclass~=text-center] div, .editor .block div.respond-h3[data-cssclass~=text-center] div, .editor .block div.respond-p[data-cssclass~=text-center] div {
text-align: center;
}
.editor .block div.respond-h1[data-cssclass~=text-left] div, .editor .block div.respond-h2[data-cssclass~=text-left] div, .editor .block div.respond-h3[data-cssclass~=text-left] div, .editor .block div.respond-p[data-cssclass~=text-left] div {
text-align: left;
}
.editor .block div.respond-h1[data-cssclass~=text-right] div, .editor .block div.respond-h2[data-cssclass~=text-right] div, .editor .block div.respond-h3[data-cssclass~=text-right] div, .editor .block div.respond-p[data-cssclass~=text-right] div {
text-align: right;
}
.editor .block:last-child {
border-bottom: none;
}
.editor .block .col {
position: relative;
padding: 0;
margin-bottom: 0;
vertical-align: top;
min-height: 40px;
border-left: 1px solid #ddd;
}
.editor .block .col:empty {
background-color: #fff!important;
height: 40px;
line-height: 40px;
}
.editor .block .col:first-child {
margin-left: 0;
border-left: 0;
}
.editor .block .col-md-12 {
border: 0;
margin: 0;
}
.editor .block .col-md-3:last-child, .editor .block .col-md-3:nth-child(4), .editor .block .col-md-4:nth-child(3), .editor .block .col-md-6:nth-child(2), .editor .block .col-md-9:nth-child(2) {
margin-right: 0;
border-right: 0;
}
.editor .block div.col:empty {
background: #fff;
}
.editor .block div.col>div {
position: relative;
margin: 0!important;
padding: 0;
border: 0;
font-size: 13px;
line-height: 18px;
background: #fff;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
.editor .element-menu, .editor .expand-menu, .editor .move {
position: absolute;
top: 0;
right: 0;
}
.editor .block div.col>div:last-child {
border-bottom: none;
}
.editor .block div.col div div {
margin: 0;
padding: 0;
}
.editor .block div.col>div div[contentEditable=true] {
margin: 0;
padding: 20px;
min-height: 25px;
}
.editor .block div.col div div[contentEditable=true]:focus {
outline: 0!important;
}
.editor .block div.respond-h1 div {
font-size: 30px;
font-weight: 700;
}
.editor .block div.respond-h2 div {
font-size: 25px;
font-weight: 700;
}
.editor .block div.respond-h3 div {
font-size: 20px;
font-weight: 700;
}
.editor .block div.respond-h4 div {
font-size: 18px;
font-weight: 700;
}
.editor .block div.respond-h5 div {
font-size: 16px;
font-weight: 700;
}
.editor .block div.respond-p div, .editor .block div[contentEditable=true] {
font-size: 15px;
line-height: 25px;
}
.editor .block div.respond-ul div[contentEditable=true] {
background: url(../images/bullet.png) 5px 23px no-repeat;
padding-left: 25px!important;
}
.editor .block div.respond-ol {
counter-reset: section;
}
.editor .block div.respond-ol div[contentEditable=true]:before {
counter-increment: section;
content: counter(section) '. ';
color: #ddd;
margin-right: 2px;
}
.editor .move {
width: 30px;
height: 30px;
line-height: 30px!important;
font-size: 15px;
text-align: center;
color: #fff;
cursor: pointer;
text-decoration: none;
z-index: 101;
background-color: rgba(221, 221, 221, .5);
display: none;
}
.editor .block .col div:hover .expand-menu, .editor .block div.col>div:hover .move {
display: block;
}
.editor .move:hover {
background-color: #3299bb;
color: #fff;
cursor: move;
}
.editor .element-menu a, .editor .expand-menu {
width: 40px;
cursor: pointer;
height: 40px;
text-decoration: none;
}
.editor .expand-menu {
line-height: 40px!important;
font-size: 20px;
text-align: center;
color: #ccc;
z-index: 101;
}
.editor .block .col div .expand-menu.active, .editor .block .col div .expand-menu:hover, .editor .expand-menu.active, .editor .expand-menu:hover {
display: block;
opacity: 1;
background-color: #3299BB;
color: #fff;
}
.editor .element-menu {
background-color: #f8f8f8;
text-align: right;
margin: 0;
padding: 0 40px 0 0!important;
margin-right: -300px!important;
-webkit-transition: .2s all ease;
-moz-transition: .2s all ease;
-o-transition: .2s all ease;
-ms-transition: .2s all ease;
transition: .2s all ease;
z-index: 99;
}
.editor .element-menu.active {
margin-right: 0!important;
}
.editor .element-menu a {
position: relative;
display: inline-block;
text-align: center;
line-height: 40px;
color: #888;
font-size: 14px;
}
.editor .element-menu a:hover {
color: #3299BB;
background-color: #f8f8f8;
}
.editor .element-menu a.remove-block:hover, .editor .element-menu a.remove:hover {
color: #B11623;
}
.editor .field-container {
overflow: hidden;
}
.editor .field-container .element-menu {
z-index: 97;
top: -1px;
right: -1px;
}
.respond-form {
padding: 0 0 15px!important;
}
.respond-form .mock-field {
height: 40px;
line-height: 40px;
border: 1px solid #ddd;
background-color: #fff;
}
.respond-form .mock-field:hover {
cursor: move;
}
.respond-form label {
padding: 0 0 5px;
margin: 0;
}
.respond-form .mock-field .field-type {
display: inline-block;
width: 100px;
background-color: #ddd;
color: #888;
padding: 0 10px;
margin: 0;
float: left;
height: 39px;
text-align: center;
text-transform: uppercase;
font-size: 11px;
}
.respond-form .mock-field .placeholder {
display: inline-block;
margin-left: 10px;
color: #aaa;
}
.respond-form .helper-text {
display: block;
margin-top: 5px;
color: #888;
font-weight: 400;
}
.listItem h2, .listItem.expired .status {
font-weight: 700;
}
.editor .block .respond-file input, .editor .block .respond-map input {
display: block;
width: 100%;
padding: 28px 10px 28px 70px;
margin: 0;
outline: 0!important;
color: #555;
font-size: 14px;
}
.editor .block .title {
color: #555;
padding: 5px 0 15px!important;
margin: 0!important;
font-size: 14px;
}
.editor .block .title i {
font-size: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
margin-right: 20px;
margin-left: 20px;
border-radius: 50%;
margin-top: 10px;
color: #fff;
background-color: #4F8B9D;
}
.editor .block .respond-comments .title i, .editor .block .respond-like .title i {
color: #fff;
background-color: #3B5998;
}
.editor .block .respond-content .title i {
color: #fff;
background-color: #fbec5d;
}
.editor .block .respond-login .title i, .editor .block .respond-registration .title i {
color: #fff;
background-color: #d37466;
}
.editor .block .respond-list .title i {
color: #fff;
background-color: #AA65A9;
}
.editor .block .respond-menu .title i {
color: #fff;
background-color: #BE705E;
}
.editor .block .respond-html .title i {
color: #fff;
background-color: #AA571B;
}
.editor .block .respond-video .title i {
color: #fff;
background-color: #00A1CB;
}
.editor .block .respond-shelf .title i {
color: #fff;
background-color: #47BE44;
}
.editor .block .respond-form .title i, .editor .block .respond-pre .title i {
color: #fff;
background-color: #985D67;
}
.editor .block .respond-html div, .editor .block .respond-pre div, .editor .block .respond-video div {
cursor: pointer;
}
.editor .block .respond-html textarea, .editor .block .respond-pre textarea, .editor .block .respond-video textarea {
border: 1px solid #ccc!important;
margin-bottom: 20px;
display: none;
width: 100%;
height: 100px;
}
.editor .block .respond-html.active textarea, .editor .block .respond-pre.active textarea, .editor .block .respond-video.active textarea {
display: block;
}
.editor .block .respond-html i.fa-angle-down, .editor .block .respond-pre i.fa-angle-down, .editor .block .respond-video i.fa-angle-down {
background-color: transparent;
color: #ccc;
margin-left: 5px;
}
.editor .block .respond-html.active i.fa-angle-down, .editor .block .respond-pre.active i.fa-angle-down, .editor .block .respond-video.active i.fa-angle-down {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.editor .block .respond-file i, .editor .block .respond-map i, .editor .block .respond-q i {
position: absolute;
top: 20px;
left: 20px;
background-color: #94D237;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 15px;
border-radius: 50%;
text-align: center;
}
.editor .block .respond-q i {
background-color: #EBF966;
color: #fff;
}
.editor .block .respond-map i {
background-color: #D25F37;
color: #fff;
}
.editor .block .respond-syntax {
padding: 10px!important;
}
.editor .block .respond-syntax pre {
border-radius: 0;
}
.editor .block .respond-q div[contentEditable=true] {
padding-left: 70px!important;
padding-top: 15px!important;
min-height: 55px!important;
}
.editor .block div.image {
box-sizing: border-box;
}
.editor .block div.respond-image div[contentEditable=true], .editor .block div.respond-image img {
display: inline-block!important;
box-sizing: border-box!important;
margin-bottom: 15px!important;
}
.editor .block div.respond-image div[contentEditable=true] {
vertical-align: top;
margin: 0;
padding: 0;
width: calc(50% - 20px)!important;
}
.editor .block div.respond-image img {
cursor: pointer;
display: inline-block;
width: calc(100% - 40px);
box-sizing: border-box;
max-width: 100%;
margin: 20px;
margin-right: 10px!important;
}
.editor .block div[data-display=left] img, .editor .block div[data-display=right] img {
width: 50%;
margin: 0;
padding: 0;
}
.editor .block div[data-display=left] img {
margin-left: 5px;
}
.editor .block div[data-display=right] img {
margin-right: 5px;
}
.editor .block div.col>div.respond-image div[contentEditable=true] {
margin-right: 0!important;
}
.editor .block-actions {
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
height: 40px;
width: 100%;
line-height: 40px;
display: inline-block;
margin-top: -1px;
text-align: right;
color: #fff;
overflow: hidden;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
cursor: pointer;
background-color: #f8f8f8;
}
.editor span.block-actions span {
position: absolute;
left: 20px;
display: inline-block;
padding-left: 5px;
text-transform: uppercase;
font-size: 13px;
color: #aaa;
}
.editor .block-actions .block-callout {
position: absolute;
top: 5px;
right: 40px;
display: block;
width: 28px;
height: 28px;
border: 1px solid #ddd;
border-radius: 50%;
padding-left: 5px;
}
.editor .block a.down.disabled, .editor .block a.down.disabled:hover, .editor .block a.up.disabled, .editor .block a.up.disabled:hover {
display: none!important;
}
.editor .block pre.prettyprint {
border-radius: 0!important;
margin: 0 10px;
}
.editor .block pre.prettyprint ol {
margin-left: 0;
padding-left: 35px;
}
.editor pre.non-pretty {
display: none;
}
.editor .block div .marker, .editor .block div .marker-field, .editor .block div .marker-item {
position: absolute;
top: 0;
left: -25px;
padding: 0;
font-size: 10px;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
cursor: move;
background: #3299BB;
color: #fff;
}
.editor div.date div {
vertical-align: middle;
}
.editor .block div .marker-field:hover, .editor .block div .marker-item:hover, .editor .block div .marker:hover {
background-color: #ccc;
}
.editor .block .shelf .shelf-group1, .editor .block .shelf .shelf-group2 {
display: inline-block;
width: 50%}
.editor .block .shelf .shelf-group3 {
display: none;
}
.editor .block .shelf .skus {
padding-top: 7px;
}
.editor .block .respond-shelf span.editor-highlight {
display: inline-block;
width: 100%;
height: 30px;
padding: 20px;
margin: 0 0 5px;
border: 1px solid #fbec5d!important;
background: #fbec5d!important;
vertical-align: top;
}
.editor .shelf-item {
position: relative;
margin: 0 10px;
padding: 0 10px;
border: 1px solid #fff;
cursor: move;
}
.editor .shelf-item h4, .editor .shelf-item small {
margin: 0;
padding: 0 0 5px 35px;
}
.editor .shelf-item i {
position: absolute;
top: 5px;
left: 5px;
display: inline-block;
line-height: 25px;
text-align: center;
width: 25px;
height: 25px;
background-color: #94D237;
color: #fff;
}
.editor .shelf-item small {
display: block;
color: #888;
}
.editor .block .respond-gallery, .editor .block .respond-slideshow {
padding: 20px!important;
}
.editor .block .respond-gallery div.images, .editor .block .respond-slideshow div.images {
min-height: 115px;
margin: 0 10px 0 0;
vertical-align: top;
}
.editor .block .respond-gallery button, .editor .block .respond-slideshow button {
vertical-align: top;
width: 202px;
height: 202px;
background: #fff;
border: 1px solid #ddd;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 0;
box-shadow: none;
outline: 0;
}
.editor .block .respond-slideshow button i {
color: #aaa;
}
.editor .block .respond-gallery button:hover, .editor .block .respond-slideshow button:hover {
border: 1px solid #3299BB;
}
.block .respond-gallery button:hover i, .block .respond-slideshow button:hover i {
color: #3299BB;
}
.editor .block .respond-slideshow span.image {
display: inline-block;
margin: 0 5px 0 0;
background: #f8f8f8;
position: relative;
vertical-align: top;
cursor: move;
}
.editor .block .respond-gallery span.image.edit, .editor .block .respond-slideshow span.image.edit {
z-index: 50;
}
.editor .block .respond-gallery span.image img, .editor .block .respond-slideshow span.image img {
border: 1px solid #ddd;
width: 200px;
height: 200px;
}
.editor .block .respond-gallery span.image img.current-element, .editor .block .respond-slideshow span.image img.current-element {
border: 1px solid #3299bb;
}
.editor .block .respond-gallery span.image span.caption, .editor .block .respond-slideshow span.image span.caption {
display: block;
margin: 0;
padding: 0;
position: absolute;
bottom: 5px;
left: 5px;
}
.editor .block div.respond-hr .line {
border: 0;
margin: 0 20px 20px!important;
padding: 0 0 25px!important;
border-bottom: 2px solid #ccc;
}
.editor .block div div input[type=text] {
border: none;
}
.editor .block div.respond-file div input, .editor .block div.respond-map div input {
width: 100%}
.editor .block div.respond-file div em {
display: none;
}
.editor .block div.respond-file div .form-control {
display: block;
width: 100%}
.editor .block div.respond-cart input {
margin-left: 5px;
margin-top: 0;
}
.editor .block .respond-form span.editor-highlight {
display: inline-block;
width: 100%;
height: 30px;
padding: 20px;
margin: 0 0 5px;
border: 1px solid #fbec5d!important;
background: #fbec5d!important;
vertical-align: top;
}
.editor .block .field-container {
position: relative;
display: block;
margin: 0 40px 0 10px;
padding: 5px 10px 10px;
cursor: pointer;
border: 1px solid #fff;
}
.editor .block .field-container input, .editor .block .field-container select, .editor .block .field-container textarea {
width: calc(100% - 25px);
}
.editor .block .field-container .checkbox, .editor .block .field-container .radio {
margin-left: 20px;
}
.editor .block .field-container .list {
margin-bottom: 0;
}
.editor .block .field-container:last-child {
margin-bottom: 15px;
}
.editor .add-field, .editor .add-sku {
display: block;
width: 100%;
width: calc(100% - 10px);
margin: 10px 5px 5px;
padding: 10px 0;
background: #fff;
color: #888;
border: 1px solid #f0f0f0;
box-sizing: border-box;
text-align: center;
outline: 0;
}
.editor .add-event i, .editor .add-sku i, .editor .block .add-field i {
margin-right: 5px;
font-size: 18px;
}
.editor .add-event:hover, .editor .add-sku:hover, .editor .block .add-field:hover {
color: #3299BB;
text-decoration: none;
}
.editor .block span.field {
margin: 0;
padding: 0;
}
.editor .block span.list {
display: block;
width: auto;
}
.editor .block span.list label {
display: block;
text-align: left;
margin: 1px 0 4px;
padding: 0;
width: auto;
}
.editor .block span.list label label {
display: inline;
}
.block span.list label input[type=checkbox], .editor .block span.list label input[type=radio] {
display: inline-block;
width: auto;
margin-right: 5px;
}
.editor .nav-tabs>li {
padding: 0!important;
}
.editor .nav-tabs>li>a {
outline: 0;
cursor: text;
}
.editor .nav>li>a:focus {
outline: 0;
}
.editor .nav-tabs {
margin: 0 0 10px;
}
.editor .block div.respond-table {
padding: 10px 0!important;
width: auto!important;
}
.block div.respond-table td, .editor .block div.respond-table th {
outline: 0;
font-size: 1.1em;
}
.editor div.respond-table table {
min-width: 50%;
margin: 0 10px!important;
width: calc(100% - 20px);
}
.editor div.respond-table table.col-2 td {
width: 50%}
.editor div.respond-table table.col-3 td {
width: 33%}
.editor div.respond-table table.col-4 td {
width: 25%}
.editor div.respond-table table.col-5 td {
width: 20%}
.editor div.respond-table table.col-6 td {
width: 16%}
.editor div.respond-table table.col-7 td {
width: 14%}
.editor div.respond-table table.col-8 td {
width: 12.5%}
.editor div.respond-table table.col-9 td {
width: 11%}
.editor div.respond-table table.col-10 td {
width: 10%}
.editor div.respond-table table td {
margin: 0;
padding: 5px 8px!important;
}
.editor div.respond-table table td div {
margin: 0;
}
.editor div.respond-table tr.curr-row td {
background-color: rgba(200, 227, 237, .15)!important;
}
.content .layouts {
margin-left: 10px;
}
.content .layouts h4 {
padding-left: 0;
}
.content .layouts button {
position: relative;
display: inline-block;
margin: 0 10px 10px 0;
padding: 5px 5px 25px;
border: 0;
background-color: #fff;
}
.content .layouts button img {
width: 200px;
height: 200px;
margin: 0;
padding: 0;
}
.content .layouts button small {
position: absolute;
left: 0;
bottom: 5px;
width: 210px;
text-align: center;
color: #888;
}
.content .wrap {
color: #fff;
right: 20px;
background-color: #99B2B7;
display: inline-block;
padding: 5px 10px;
border-radius: 10px;
font-size: 12px;
}
.content .wrap code {
background-color: #E9E9E9;
color: #99B2B7;
}
@media (max-width:767px) {
aside#context-menu {
display: none;
}
.editor .block {
padding-bottom: 5px;
}
.editor .block div.col {
margin-bottom: 10px!important;
}
.editor.container {
width: calc(100% - 20px);
margin-right: 10px;
}
}div.list.has-dropzone {
margin-right: 200px;
min-height: 400px;
}
.listItem {
position: relative;
border-bottom: 1px solid #eee;
padding: 20px;
margin: 0;
}
.listItem.expired {
background-color: rgba(201, 44, 41, .1);
}
.listItem.expired em, .listItem.expired h2 a, .listItem.expired span, .listItem.expired span a {
color: rgba(201, 44, 41, 1);
}
.listItem.expired .remove {
background-color: rgba(201, 44, 41, 1);
}
div.list.has-photo .listItem {
min-height: 105px;
padding-left: 105px;
padding-top: 27px;
}
.listItem:last-child {
border-bottom: none;
}
.listItem h2 {
line-height: 1em;
margin: 0;
padding: 0 0 5px;
font-size: 1.25em;
width: 80%;
color: #888;
background: 0 0;
border: none;
}
.listItem .draft-tag, .listItem small .tags i {
margin-right: 5px;
}
.listItem small {
display: block;
padding: 5px 0;
color: #aaa;
font-size: 12px;
text-transform: uppercase;
}
.listItem .draft-tag, .listItem h2 a {
display: inline-block;
}
.listItem small .tags {
display: inline-block;
margin-left: 10px;
}
.listItem.sortable h2 {
margin-left: 20px;
}
.listItem h2 a.hasDraft {
font-style: italic;
}
.listItem h2 small {
font-weight: 400;
font-size: .75em;
margin-left: 10px;
}
.listItem p {
width: 80%;
margin: 0;
padding: 0 0 2px;
color: #888;
}
.listItem em, .listItem p.lastUpdated {
color: #ccc;
font-size: 11px;
font-style: normal;
text-transform: uppercase;
}
div.placeholder {
height: 40px;
border: 1px solid #fbec5d!important;
background: #fbec5d!important;
}
.listItem.sortable {
padding-left: 40px;
}
.listItem span.hook {
position: absolute;
top: 20px;
left: 20px;
display: block;
width: 25px;
height: 25px;
background: #f0f0f0;
line-height: 25px;
color: #aaa;
text-align: center;
}
.listItem span.hook:hover {
cursor: n-resize;
background: url(../images/app-sprite.png) -100px 0 no-repeat #f0f0f0;
}
.listItem.has-thumb {
min-height: 110px;
}
.listItem.has-thumb em, .listItem.has-thumb h2, .listItem.has-thumb p, .listItem.has-thumb small {
margin-left: 90px;
}
.listItem span.image {
position: absolute;
top: 20px;
left: 20px;
}
.listItem span.image img {
width: 75px;
height: 75px;
border-radius: 50%;
border: 2px solid #f8f8f8;
margin-top: -2px;
}
.listItem span.icon {
position: absolute;
top: 15px;
left: 60px;
}
div#pageFileList .listItem span.icon {
left: 15px;
}
.listItem a.switchSite {
position: absolute;
top: 15px;
right: 15px;
display: block;
width: 20px;
height: 50px;
border: 1px solid #ccc;
}
.listItem a.switchSite.selected {
background: #fbec5d;
}
.listItem p.size {
font-size: 12px;
color: #888;
line-height: 17px;
}
.listItem button {
position: absolute;
top: 15px;
right: 20px;
}
button.update-photo {
box-sizing: border-box;
right: auto;
left: 20px;
width: 65px;
height: 65px;
padding-top: 4px;
background-color: #fff;
border: 2px dashed #eee;
border-radius: 50%;
color: #ccc;
font-size: 10px;
text-transform: uppercase;
outline: 0;
}
button.update-photo.has-photo {
border: none;
background-size: cover;
}
button.update-photo.has-photo span {
display: none;
}
button.update-photo:hover {
border-color: #3299BB;
}
div#imageList .listItem span.field {
margin-left: 10px;
}
div#imageList .listItem span.field input {
width: 300px;
}
div#imageList .listItem img {
margin-bottom: 10px;
}
.list-loading, .list-none {
padding: 30px 20px 20px;
color: #ccc;
text-transform: uppercase;
font-size: 12px;
}
.list-instructions {
margin: 20px;
}
.listItem .remove {
position: absolute;
top: 19px;
right: 20px;
display: inline-block;
width: 22px;
height: 22px;
text-align: center;
color: #fff;
background-color: #ddd;
line-height: 22px;
border-radius: 50%}
.listItem .remove i {
padding-top: 5px;
font-size: 14px;
}
.cancel-edit, .editable-selected {
position: absolute;
top: 20px;
font-size: .85em;
}
.editing .remove {
display: none;
}
.listItem .remove:hover {
background-color: #B11623;
text-decoration: none;
}
.listItem .edit {
position: absolute;
top: 20px;
right: 42px;
display: inline-block!important;
width: 25px!important;
height: 25px!important;
color: #ccc;
}
.listItem .edit:hover {
color: #f90;
text-decoration: none;
}
.editable-selected {
right: 45px;
color: #fff;
background-color: #f90;
border-radius: 10px;
padding: 2px 10px;
display: none;
}
.editing .editable-selected {
display: block;
}
.cancel-edit {
right: 20px;
color: #f90;
display: none;
}
.editing .cancel-edit {
display: block;
}
.cancel-edit:hover {
color: #888;
}
.listItem .status {
display: inline-block;
margin-right: 10px;
color: #888;
}
.nested-left, .nested-right {
font-size: 18px;
margin-right: 10px;
margin-left: 40px;
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
cursor: pointer;
float: left;
}
.nested-left .fa-spin, .nested-right .fa-spin {
display: none;
}
.nested-left.active .fa-spin, .nested-right.active .fa-spin {
display: inline-block;
}
.nested-left, .nested-left.active .arrow, .nested-right.active .arrow {
display: none;
}
.nested-left i, .nested-right i {
color: #aaa;
}
.nested-left:hover, .nested-right:hover {
background-color: #F90;
}
.nested-left:hover i, .nested-right:hover i {
color: #fff;
}
.nested-left {
margin-left: 80px;
}
.is-nested .nested-left, .nested-right {
display: inline-block;
}
.image-item .active-button, .is-nested .nested-right {
display: none;
}
.listItem .url {
display: block;
color: #ccc;
font-weight: 400;
font-size: 13px;
margin-top: 5px;
}
.image-item div, .image-item h2 {
background-color: #fff;
color: #888;
text-align: center;
}
.image-list {
margin: 0 15px;
}
.image-item {
position: relative;
display: inline-block;
width: 200px;
height: 200px;
margin: 15px 15px 15px 0;
border: 1px solid #ddd;
}
.image-item div, .image-item h2, .image-item img {
position: absolute;
left: 0;
}
.image-item h2 {
top: 0;
margin: 0;
padding: 0;
width: 100%;
border: none;
border-bottom: 1px solid #f0f0f0;
height: 30px;
line-height: 30px;
z-index: 2;
font-size: 14px;
text-transform: uppercase;
}
.image-item img {
top: 0;
width: 198px;
height: 198px;
z-index: 1;
}
.image-item div {
bottom: 0;
width: 100%;
border-top: 1px solid #f0f0f0;
font-size: 13px;
height: 35px;
line-height: 35px;
z-index: 2;
cursor: pointer;
}
.image-item div.secondary {
background-color: #f0f0f0;
color: #555;
}
.image-item div:hover {
background-color: #fff;
color: #555;
}
.image-item .inactive-button, .image-item.active .active-button {
display: block;
}
.image-item.active .inactive-button {
display: none;
}
.image-item.active h2 {
background-color: #81b841!important;
color: #fff;
border-bottom: 1px solid #81b841!important;
}
#usersList .role {
display: inline-block;
background-color: #aaa;
border-radius: 20px;
padding: 2px 10px;
color: #fff;
font-size: 12px;
font-family: Roboto, sans-serif;
}
#usersList .role.admin {
background-color: #D25F37;
}
#usersList .role.contributor {
background-color: #94D237;
}
#sitesList i {
color: #ccc;
margin-left: 5px;
font-size: 11px;
}
#searchIcons {
margin-bottom: 10px;
}
div#selectIcon ul {
text-align: center;
}
div#selectIcon ul li {
display: inline-block;
margin: 3px;
padding: 5px;
border: 1px solid #F0F0F0;
text-align: center;
color: #111;
width: 15%;
min-height: 90px;
vertical-align: top;
font-size: 12px;
}
div#selectIcon ul li i {
display: block;
font-size: 25px;
text-align: center;
margin: 5px 0 0;
padding: 5px 0;
}
body.login .main {
text-align: center;
padding: 50px 20px;
}
body.login .main h1 {
font-family: "Roboto Condensed", sans-serif;
font-size: 45px;
color: #777;
text-transform: uppercase;
font-weight: 700;
margin: 50px 0 0;
padding: 0 0 50px;
height: auto;
}
body.login .main h2.title {
position: relative;
border: 1px solid #f8f8f8;
font-size: 15px;
padding: 15px;
color: #aaa;
text-transform: uppercase;
margin-bottom: 25px;
text-align: left;
margin-top: 25px;
font-weight: 400;
}
body.login .main h2.title .step {
display: inline-block;
background-color: #81b841;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
margin-right: 25px;
border-radius: 50%}
body.login .main h2.title a {
position: absolute;
top: 28px;
right: 15px;
font-weight: 400;
font-size: 12px;
}
#message span, html[dir=rtl] div.select ul li.selected {
font-weight: 700;
}
body.login .main .col-md-12 {
text-align: left;
}
body.login .main .col-md-12 .image-list {
margin: 0;
}
body.login .main p {
font-family: Roboto, sans-serif;
font-size: 16px;
text-align: center;
margin-bottom: 35px;
color: #aaa;
}
body.login .advanced {
display: none;
}
body.login .future h2 {
background-color: #f0f0f0;
}
body.login .future .container-fluid {
display: block;
}
body.login .future h2.title .step {
background-color: #aaa!important;
}
body.login fieldset {
max-width: 900px;
text-align: center;
border-bottom: none;
margin: 0 auto;
padding: 0;
}
body.login .divider, body.login table.test tr {
border-bottom: 1px solid #ddd;
}
body.login fieldset.forgot, body.login fieldset.login, body.login fieldset.reset {
max-width: 400px;
}
body.login .main fieldset p {
text-align: left;
}
body.login .form-group {
position: relative;
margin: 0 0 25px;
}
body.login .divider {
padding-bottom: 10px;
margin-bottom: 30px;
}
body.login .spacer {
padding-bottom: 40px;
}
body.login .actions {
position: relative;
text-align: right;
margin: 0;
padding: 0;
}
body.login p.alternate {
margin-top: 35px;
text-transform: uppercase;
font-size: 14px;
}
body.login .forgot-link {
float: right;
}
body.login .main fieldset label {
color: grey;
width: 100%;
text-align: left;
font-size: 15px;
}
body.login .actions {
margin-top: 25px;
display: block;
width: 100%}
body.login .actions button i {
display: inline-block;
margin-left: 5px;
margin-right: -10px;
margin-top: -2px;
font-size: 13px;
background-color: #fff;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
color: #3299bb;
}
body.login small {
text-transform: uppercase;
margin-top: 50px;
padding-bottom: 50px;
color: #aaa;
display: block;
text-align: center;
}
body.login .demo b {
display: inline-block;
color: #fff;
}
body.login .footer {
margin: 100px auto;
text-align: center;
}
body.login p.site-name {
margin-top: 5px;
font-size: 14px;
color: #bbb;
margin-bottom: 0;
padding-bottom: 0;
height: 25px;
line-height: 25px;
display: none;
}
body.login p.site-name span {
font-weight: 700;
display: inline-block;
padding: 0;
margin: 0 0 0 2px;
color: #3299bb;
}
body.login table.test {
width: 500px;
margin: 25px auto 50px;
text-align: left;
}
body.login table.test tr:last-child {
border-bottom: none;
}
body.login table.test td {
padding: 15px;
}
body.login table.test td.test {
width: 80%;
font-size: 15px;
text-transform: uppercase;
}
body.login table.test td.result {
width: 20%;
text-align: right;
}
#message, #message i, #message span {
text-align: center;
}
body.login table.test i {
font-size: 30px;
}
body.login .brand img {
max-height: 50px;
}
body.login .terms {
display: inline-block;
margin-right: 10px;
}
body.login .terms i {
color: #ccc;
margin-right: 5px;
}
#message {
position: fixed;
top: 0;
left: 0;
width: 100%;
margin: -100px 0 0;
padding: 0;
height: 50px;
z-index: 5000022;
font-size: 12px;
border: none;
}
#message span {
display: inline-block;
margin: 0;
padding: 5px 50px;
}
#message i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 44px;
border-radius: 50%;
font-size: 25px;
border: 3px solid rgba(255, 255, 255, .2);
}
html[dir=rtl] *, html[dir=rtl] body.login .main fieldset label {
text-align: right;
}
#message.message-progress i {
background: #fbec5d;
color: #fff;
}
#message.message-error i {
background-color: #A4110A;
color: #fff;
}
#message.message-success i {
background-color: #7ec57e;
color: #fff;
}
#message.message-success a.close {
display: none;
}
.com {
color: #93a1a1;
}
.lit {
color: #195f91;
}
.clo, .opn, .pun {
color: #93a1a1;
}
.fun {
color: #dc322f;
}
.atv, .str {
color: #D14;
}
.kwd, .prettyprint .tag {
color: #1e347b;
}
.atn, .dec, .typ, .var {
color: teal;
}
.pln {
color: #48484c;
}
.prettyprint {
padding: 8px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}
ol.linenums {
margin: 0 0 0 33px;
}
ol.linenums li {
padding-left: 12px;
color: #bebec5;
line-height: 20px;
text-shadow: 0 1px 0 #fff;
}
html[dir=rtl] body {
direction: rtl;
overflow-x: hidden;
}
html[dir=rtl] .editor .block-actions, html[dir=rtl] body.files section.main nav h2, html[dir=rtl] div#actions {
direction: ltr;
}
html[dir=rtl] a, html[dir=rtl] a:hover {
cursor: pointer;
text-decoration: none;
}
html[dir=rtl] body.login .forgot-link {
float: left;
}
html[dir=rtl] body.login .actions {
text-align: left;
}
html[dir=rtl] body.login .main h2.title {
text-align: right;
font-size: 16px;
}
html[dir=rtl] body.login .main h2.title .step {
margin-left: 25px;
margin-right: 0;
}
html[dir=rtl] body.login .main h2.title a {
left: 15px;
right: auto;
}
html[dir=rtl] body.login .terms {
margin-left: 10px;
margin-right: 0;
}
html[dir=rtl] .fa-angle-right:before {
content: "\f104"}
html[dir=rtl] body.login .actions button i {
margin-right: 5px;
margin-left: -10px;
}
html[dir=rtl] body.login .main h1 {
text-align: center;
padding: 0;
margin: 0;
}
html[dir=rtl] body.login .main #create-confirmation p:first-child {
margin-top: 20px;
font-size: 20px;
}
html[dir=rtl] body.login .terms i {
margin-right: 0;
margin-left: 5px;
}
html[dir=rtl]body.login small {
padding-bottom: 0;
}
html[dir=rtl] .respond-invalid, html[dir=rtl] .respond-valid, html[dir=rtl] .respond-validating {
right: auto;
left: 10px;
}
html[dir=rtl] body.login .main fieldset p {
text-align: right;
}
html[dir=rtl] body.login .main #create-confirmation fieldset p {
text-align: center;
}
html[dir=rtl] section.main nav .back, html[dir=rtl] section.main nav .show-menu {
top: 0;
right: 0;
left: auto;
}
html[dir=rtl] section.main nav .primary-action {
left: 52px;
right: auto;
}
html[dir=rtl] .config .dropdown-menu, html[dir=rtl] section.main nav .dropdown-menu, html[dir=rtl] section.main nav .more {
left: 0;
right: auto;
}
html[dir=rtl] section.main menu .menu-actions {
left: 13px;
right: auto;
}
html[dir=rtl] div.list.has-photo .listItem {
padding-right: 105px;
padding-top: 20px;
padding-left: 20px;
}
html[dir=rtl] button.update-photo {
right: 20px;
left: auto;
}
html[dir=rtl] .listItem .remove {
left: 20px;
right: auto;
top: 40px;
}
html[dir=rtl] .listItem .status {
margin-left: 10px;
margin-right: 0;
}
html[dir=rtl] .dropdown-menu {
right: 0;
left: auto;
float: right;
text-align: right;
}
html[dir=rtl] .content .context-menu {
left: 0;
right: auto;
border-right: 1px solid #ddd;
border-left: none;
}
html[dir=rtl] .content .context-menu.sticky {
left: 0;
right: auto;
}
html[dir=rtl] body .context-menu select.form-control {
background: url(../images/down.png) 10px 6px no-repeat;
background-size: 20px;
}
html[dir=rtl] .content .context-menu h2 a {
float: left;
margin-right: 5px;
margin-left: 0;
}
html[dir=rtl] a.fs-next {
top: 0;
left: 0;
right: auto;
}
html[dir=rtl] section.main menu i {
margin-right: 5px;
margin-left: 0;
}
html[dir=rtl] .fa-chevron-right:before {
content: "\f053"}
html[dir=rtl] .fa-chevron-left:before {
content: "\f054"}
html[dir=rtl] a.fs-prev {
right: 0;
left: auto;
}
html[dir=rtl] .editor span.block-actions span {
right: 10px;
left: auto;
padding-right: 5px;
padding-left: 0;
}
html[dir=rtl] .context-menu .input-select {
right: auto;
left: 2px;
}
html[dir=rtl] .editor .expand-menu {
left: 0;
right: auto;
}
html[dir=rtl] .editor .element-menu {
left: 0;
right: auto;
padding: 0 0 0 40px!important;
margin-left: -300px!important;
margin-right: 0!important;
}
html[dir=rtl] .editor .element-menu.active {
margin-left: 0!important;
}
html[dir=rtl] header {
right: 0;
left: auto;
margin-right: -350px;
}
html[dir=rtl] body.show-nav header {
margin-right: 0;
}
html[dir=rtl] header .profile {
right: 5px;
left: auto;
}
html[dir=rtl] header .profile .photo {
float: right;
margin-left: 5px;
margin-right: 0;
}
html[dir=rtl] header .sub-menu {
left: 5px;
right: auto;
}
html[dir=rtl] header h2 a {
left: 10px;
right: auto;
}
html[dir=rtl] header h2 a i {
margin-right: 5px;
margin-left: 0;
}
html[dir=rtl] header h2.advanced {
padding: 20px 10px 10px 0;
}
html[dir=rtl] header h2.basic {
padding: 75px 10px 10px 0;
}
html[dir=rtl] div#actions {
text-align: left;
}
html[dir=rtl] section.main h1 {
padding: 0 78px 0 0;
}
html[dir=rtl] section.main nav .more button {
text-align: center;
}
html[dir=rtl] .close {
float: left;
}
html[dir=rtl] .modal-footer {
text-align: left;
}
html[dir=rtl] .nested-left, html[dir=rtl] .nested-right {
margin-right: 40px;
margin-left: 10px;
float: right;
}
.shepherd-element.shepherd-has-cancel-link .shepherd-content header h3, html[dir=rtl] .configure iframe {
float: left;
}
html[dir=rtl] .nested-left {
margin-right: 80px;
margin-left: 10px;
}
html[dir=rtl] .listItem span.hook {
right: 20px;
left: auto;
}
html[dir=rtl] body .context-menu .form-group .image-picker, html[dir=rtl] body .context-menu .form-group .sp-replacer {
right: auto;
left: 0;
border: 1px solid #ddd;
}
html[dir=rtl] .context-menu h2 a {
float: left;
margin-left: 0;
margin-right: 5px;
}
html[dir=rtl] .context-menu .context-footer button {
float: right;
text-align: center;
}
html[dir=rtl] section.notice a i {
margin-left: 0;
margin-right: 5px;
}
html[dir=rtl] body .carousel .carousel-caption p b {
margin-right: 0;
margin-left: 5px;
}
html[dir=rtl] body .carousel .carousel-caption p b:after {
content: " - "}
html[dir=rtl] body .carousel .carousel-caption p a {
margin: 0 10px 0 0;
}
html[dir=rtl] body .carousel .carousel-caption p {
font-size: 16px!important;
}
html[dir=rtl] .immersive {
left: auto;
right: 0;
}
html[dir=rtl] .editor .move, html[dir=rtl] .immersive-header button.close {
left: 0;
right: auto;
}
html[dir=rtl] .immersive-body {
margin-right: 0;
margin-left: 200px;
}
html[dir=rtl] .immersive-header h3 span.size {
margin-right: 15px;
margin-left: 0;
}
html[dir=rtl] .content .layouts .cols span {
float: right;
}
html[dir=rtl] .editor .block .col, html[dir=rtl] .editor .block .col:first-child {
border-right: 0;
border-left: 3px solid #fff;
}
html[dir=rtl] div#selectIcon ul {
text-align: center;
}
html[dir=rtl] div#selectIcon ul li {
display: inline-block;
margin: 3px;
padding: 5px;
text-align: center;
width: 15%;
min-height: 90px;
vertical-align: top;
}
html[dir=rtl] div#selectIcon ul li i {
display: block;
font-size: 28px;
text-align: center;
margin: 0;
padding: 5px 0;
}
html[dir=rtl] .editor .editor-highlight {
min-height: 50px;
margin-bottom: 10px;
display: block;
}
html[dir=rtl] .list-loading, html[dir=rtl] .list-none {
font-size: 16px;
}
html[dir=rtl] .sp-button-container {
float: left!important;
}
html[dir=rtl] .sp-cancel {
margin-left: 5px!important;
margin-right: 0!important;
}
html[dir=rtl] .editor .block .triangulate-file i, html[dir=rtl] .editor .block .triangulate-map i, html[dir=rtl] .editor .block .triangulate-q i {
right: 5px;
left: auto;
}
html[dir=rtl] .editor .block .respond-file input, html[dir=rtl] .editor .block .respond-map input, html[dir=rtl] .editor .block .respond-q div[contentEditable=true] {
padding-right: 45px!important;
padding-left: 0!important;
}
html[dir=rtl] body .modal .input-select {
left: 5px;
right: auto;
border-right: 1px solid #ddd;
border-left: none;
}
html[dir=rtl] body .modal-footer .primary-button {
margin-left: 0;
margin-right: 10px;
}
html[dir=rtl] .draggable, html[dir=rtl] .editor-actions a {
margin: 5px 0 5px 1px;
}
html[dir=rtl] body select.form-control {
background: url(../images/down.png) 10px 12px no-repeat;
background-size: 20px;
}
html[dir=rtl] section.main nav h2 {
left: 20px;
right: auto;
}
html[dir=rtl] .listItem span.image {
right: 20px;
left: auto;
}
html[dir=rtl] .listItem.has-thumb em, html[dir=rtl] .listItem.has-thumb h2, html[dir=rtl] .listItem.has-thumb p, html[dir=rtl] .listItem.has-thumb small {
margin-right: 90px;
margin-left: 0;
}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content, .shepherd-element.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content, .shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
margin-right: 16px;
}
html[dir=rtl] body .login input.form-control[type=email], html[dir=rtl] body .login input.form-control[type=password] {
text-align: center;
direction: ltr;
}
html[dir=rtl] body .carousel {
border: 0;
}
html[dir=rtl] .carousel-control.right {
right: auto;
left: 0;
}
html[dir=rtl] .carousel-control.left {
left: auto;
right: 0;
}
html[dir=rtl] body .carousel .carousel-control.right i {
right: auto;
left: 5px;
}
html[dir=rtl] body .carousel .carousel-control.left i {
left: auto;
right: 5px;
}
html[dir=rtl] body .carousel .carousel-caption {
right: 0;
direction: rtl;
}
body.layouts .CodeMirror pre, body.scripts .CodeMirror pre, body.styles .CodeMirror pre, body.translations .CodeMirror pre, html[dir=rtl] body.layouts .CodeMirror, html[dir=rtl] body.scripts .CodeMirror, html[dir=rtl] body.styles .CodeMirror, html[dir=rtl] body.translations .CodeMirror {
direction: ltr;
text-align: left;
}
html[dir=rtl] .editor div.respond-image {
direction: ltr;
}
html[dir=rtl] .editor div.respond-image div.editable-content {
direction: rtl;
}
html[dir=rtl] .editor .block div[data-display=right] img {
margin-left: 5px;
}
html[dir=rtl] body.login .carousel, html[dir=rtl] body.theme #update-theme {
opacity: 1;
di
rection: ltr;
direction: ltr;
}
.shepherd-element *, .shepherd-element :after, .shepherd-element :before, .shepherd-element:after, .shepherd-element:before, Window size: 1270 x 837 Viewport size: 1270 x 765 .shepherd-element {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shepherd-element {
display: none;
position: absolute;
max-height: 100%;
max-width: 100%}
.shepherd-element.shepherd-open {
display: block;
}
.shepherd-element .shepherd-content {
-moz-border-radius: 0;
-moz-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .2));
-moz-transform: translateZ(0);
-ms-border-radius: 0;
-ms-transform: translateZ(0);
-o-border-radius: 0;
-o-transform: translateZ(0);
-webkit-border-radius: 0;
-webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .2));
-webkit-transform: translateZ(0);
background: #FFF;
border-radius: 0;
color: #444;
filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .2));
font-family: inherit;
font-size: 1.1em;
line-height: 1.5em;
padding: 0;
position: relative;
transform: translateZ(0);
border: 2px solid #ddd;
}
.shepherd-element .shepherd-content:before {
border-color: transparent;
border-style: solid;
border-width: 8px;
content: "";
display: block;
height: 0;
position: absolute;
width: 0;
}
.shepherd-element.no-arrow .shepherd-content:before {
border-width: 0;
}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
margin-bottom: 16px;
}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
border-top-color: #FFF;
left: 50%;
margin-left: -16px;
top: 100%}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
margin-top: 16px;
}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
border-bottom-color: #FFF;
bottom: 100%;
left: 50%;
margin-left: -16px;
}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content, .shepherd-element.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content, .shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
margin-left: 16px;
}
.shepherd-element.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
border-left-color: #FFF;
left: 100%;
margin-top: -16px;
top: 50%}
.shepherd-element.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
border-right-color: #FFF;
margin-top: -16px;
right: 100%;
top: 50%}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content, .shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
margin-top: 16px;
}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
border-bottom-color: #FFF;
bottom: 100%;
left: 16px;
}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
border-bottom-color: #FFF;
bottom: 100%;
right: 16px;
}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
margin-bottom: 16px;
}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
border-top-color: #FFF;
left: 16px;
top: 100%}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
margin-bottom: 16px;
}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
border-top-color: #FFF;
right: 16px;
top: 100%}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
border-left-color: #FFF;
left: 100%;
top: 16px;
}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
border-right-color: #FFF;
right: 100%;
top: 16px;
}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
border-left-color: #FFF;
bottom: 16px;
left: 100%}
.shepherd-element.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
border-right-color: #FFF;
bottom: 16px;
right: 100%}
.shepherd-element.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
border-bottom-color: #eee;
}
.shepherd-element.shepherd-has-title .shepherd-content header {
background: #eee;
padding: 1em;
}
.shepherd-element.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
margin-bottom: 0;
padding: 0;
}
.shepherd-element .shepherd-content * {
font-size: inherit;
}
.shepherd-element .shepherd-content header {
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
zoom: 1;
}
.shepherd-element .shepherd-content header:after {
clear: both;
content: "";
display: table;
}
.shepherd-element .shepherd-content header h3 {
font-weight: 400;
line-height: 1;
margin: 0;
}
.shepherd-element .shepherd-content header a.shepherd-cancel-link {
color: rgba(0, 0, 0, .5);
float: right;
font-size: 1.25em;
font-weight: 400;
line-height: .8em;
margin-bottom: -.8em;
opacity: .25;
padding: .8em;
position: relative;
text-decoration: none;
top: .1em;
}
.shepherd-element .shepherd-content header a.shepherd-cancel-link:hover {
opacity: 1;
}
.shepherd-element .shepherd-content .shepherd-text {
padding: 1em;
}
.shepherd-element .shepherd-content .shepherd-text p {
line-height: 1.3em;
margin: 0 0 .5em;
}
.shepherd-element .shepherd-content .shepherd-text p:last-child {
margin-bottom: 0;
}
.shepherd-element .shepherd-content footer {
padding: 0 1em 1em;
}
.shepherd-element.pull-front {
z-index: 10000000;
}
.shepherd-element .shepherd-content footer .shepherd-buttons {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
.shepherd-element .shepherd-content footer .shepherd-buttons li {
display: inline;
margin: 0;
padding: 0;
}
.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button {
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
background: #81b841;
border: 0;
border-radius: 3px;
color: #FFF;
cursor: pointer;
display: inline;
font-family: inherit;
font-size: .8em;
letter-spacing: .1em;
line-height: 1em;
margin: 0 .5em 0 0;
padding: .75em 2em;
vertical-align: auto;
zoom: 1;
}
.shepherd-element .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
background: #eee;
color: #888;
}
.shepherd-element .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
margin-right: 0;
}
.shepherd-highlight, .shepherd-highlight div.col {
background-color: #f7ff00;
}
.shepherd-highlight div.col div {
background-color: #f7ff00!important;
}
.shepherd-highlight .block-actions {
background-color: #ffbf00;
color: #fff;
}
.shepherd-highlight div {
background-color: #f7ff00;
}
.shepherd-editoraction-hover {
background-color: rgba(255, 255, 255, .25)!important;
text-decoration: none;
}
.shepherd-move-hover {
background-color: #3299bb!important;
color: #fff!important;
}