html,
body {
  font-size: 100%;
  height: 100%
}

html,
body,
div,
span,
object,
iframe,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0
}

body {
  background: #FFFFFF;
  color: #222222;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  background: #EEEEEE;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
  color: #555555;
  font-size: 15px
}

body > .ui-widget {
  padding-top: 0
}

body > .ui-widget button.ui-widget {
  padding-top: 0;
  float: right
}

body > .ui-widget .ui-dialog-title {
  line-height: 35px
}

object {
  display: block;
  max-width: 100%;
  max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222222;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 1.35;
  margin: 20px 0 10px 0;
  -webkit-font-smoothing: antialiased;
  font-weight: 400
}

.page-heading h1,
.page-heading h2,
.page-heading h3 {
  margin-top: 0;
  text-transform: uppercase;
  padding-top: 5px;
  border-top: 3px solid #3999D4
}

h1 {
  font-size: 110%
}

h2 {
  font-size: 110%;
  border-color: #95C153
}

h3 {
  font-size: 110%;
  border-color: #95C153
}

h4 {
  font-size: 150%
}

h5 {
  font-size: 125%
}

h6 {
  font-size: 100%
}

p {
  border: 0;
  padding: 0;
  margin: 0 0 1em 0
}

blockquote {
  border: 0;
  margin: 0 0 1em 2em;
  padding: 0 1em;
  font-style: italic;
  border-left: 3px double #D6D6D6
}

blockquote:before,
blockquote:after {
  content: '';
  content: none
}

pre {
  max-width: 100%;
  overflow: scroll;
  background: #333333;
  height: auto;
  font-family: courier;
  color: #BABABA;
  -webkit-font-smoothing: antialiased;
  font-size: 90%
}

a {
  color: #3999D4;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}

a img {
  border: 0
}

a:focus {
  outline: none
}

a:hover {
  color: #000000
}

img {
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto
}

ol,
ul {
  border: 0;
  margin: 0;
  padding: 0;
  margin: 1.2em 0 1.2em 2em;
}
ul {
  list-style: square;
}

li {
  border: 0;
  margin: 0;
  padding: 0;
  margin: 0 0 .5em 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

table td.comments {
  text-align: center
}

table td.views {
  text-align: center
}

article,
aside,
figure,
figcaption,
hgroup,
footer {
  display: block
}

figure {
  position: relative
}

figure img {
  display: block;
  width: 100%
}

header {
  display: block;
  background: #222222;
  position: fixed;
  width: 100%;
  height: 70px;
  top: 0;
  margin: 0;
  z-index: 1054
}

header select {
  margin-top: 18px
}

header ul {
  list-style: none;
  float: right;
  font-size: 0;
  margin: 0
}

header ul li {
  float: left;
  text-align: center;
  border-right: 1px solid #292929
}

header ul li a {
  display: block;
  width: 70px;
  height: 70px;
  cursor: pointer;
  color: #1394A2
}

header ul li a i {
  font-size: 36px;
  line-height: 70px
}

header ul li img {
  width: 35px;
  margin-top: 17px
}

header ul li:first-child {
  border-left: 1px solid #292929
}

header ul li:first-child a i {
  font-size: 42px
}

header ul li:hover a {
  background: #292929;
  color: #FFFFFF
}

header .logo {
  float: left;
  padding: 6px 20px 0 12px
}

header .logo img {
  width: 221px
}

header .logo img.agencyLogo {
  max-width: 240px;
  width: auto
}

header svg {
  margin-top: 17px
}

nav {
  display: block;
  background: #1394A2;
  width: 100px;
  min-height: 100%;
  margin-right: 20px;
  position: fixed;
  left: 0;
  z-index: 99
}

nav ul {
  margin: 0;
  list-style: none
}

nav li {
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

nav li:hover a {
  color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer
}

nav li:hover a i {
  color: #FFFFFF
}

nav li:hover a svg {
  fill: #FFFFFF
}

nav li a.active {
  color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer
}

nav li a.active i {
  color: #FFFFFF
}

nav li a.active svg {
  fill: #FFFFFF
}

nav a {
  color: #333333;
  color: rgba(51, 51, 51, 0.65);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
  display: block;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px 0 10px 0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-font-smoothing: antialiased
}

nav li.active a {
  color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  cursor: pointer
}

nav li.active a i {
  color: #FFFFFF
}

nav li.active a svg {
  fill: #FFFFFF
}

nav i {
  color: rgba(51, 51, 51, 0.65);
  font-size: 44px;
  margin: 0 auto 5px auto;
  line-height: 1;
  display: inline-block
}

nav svg {
  fill: rgba(51, 51, 51, 0.65);
  width: 44px;
  height: 44px;
  margin: 0 auto 5px auto
}

section {
  display: block
}

video {
  display: block
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

* html .ui-autocomplete {
  height: 100px
}

embed {
  max-width: 100%
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important
}

.left {
  float: left !important
}

.right {
  float: right !important
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-justify {
  text-align: justify !important
}

.hide {
  display: none
}

.antialiased {
  -webkit-font-smoothing: antialiased
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  max-width: 220px;
  border: 0px;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  line-height: 22px;
  color: #555555;
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 100px;
  width: 100%;
  max-width: none
}

textarea:focus {
  outline: 0;
  background: #F8F8F8
}

select {
  width: 100%;
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  max-width: 220px;
  border: 0px;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  line-height: 22px;
  color: #555555;
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 30px;
  line-height: 30px;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

select:focus {
  outline: 0;
  background: #F8F8F8
}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
  *zoom: 1;
  max-width: none
}

.row:before {
  content: " ";
  display: table
}

.row:after {
  content: " ";
  display: table;
  clear: both
}

.row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
  margin: 0 -0.9375em
}

.row .row:before {
  content: " ";
  display: table
}

.row .row:after {
  content: " ";
  display: table;
  clear: both
}

.row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1
}

.row .row.collapse:before {
  content: " ";
  display: table
}

.row .row.collapse:after {
  content: " ";
  display: table;
  clear: both
}

.row.collapse .column,
.row.collapse .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left
}

.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left
}

table.table {
  width: 100%;
  margin: 1.2em 0;
  border: 1px solid #F1F1F1
}

table.table td {
  text-align: left;
  padding: 6px 15px;
  font-size: 85%;
  border-top: 1px solid #F1F1F1
}

table.table th.rightActions,
table.table td.rightActions,
table.table td:last-child {
  text-align: right
}

.checkbox.CMSI_BulkAction_Select_All,
input[name^="bulkid"] {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

table.table th {
  text-align: left;
  padding: 6px 15px;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  vertical-align: bottom;
  font-size: 85%;
  background: #FFFFFF;
  padding: 10px 15px
}

table.table th:last-child {
  text-align: right
}

table.table tr:nth-child(odd) td {
  background: #F9F9F9
}

table.table td.alignLeft {
  text-align: left;
  width: 230px
}

table.table td.alignLeft .delete {
  margin: 12px 0 0 5px
}

table.table td.alignLeft .btn-delete {
  font-size: 0;
  float: left;
  margin-top: 10px
}

table.table th.alignLeft {
  text-align: left;
  width: 230px
}

table.table td.alignLeft.showcase,
table.table th.alignLeft.showcase {
  width: 270px
}

table.table td.alt .btn-delete {
  font-size: 0;
  float: left;
  margin-top: 10px;
  margin-top: 8px
}

hr {
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1.2em 0
}

img.alignright {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  margin: 0 0 1em 1em
}

img.alignleft {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 1em 1em 0
}

img.aligncenter {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0 auto
}

img.alignnone {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.border {
  padding: 5px;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD
}

.clear {
  clear: both
}

.group:before {
  content: "";
  display: table
}

.group:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1
}

:focus {
  outline: 0
}

::-moz-selection {
  color: #FFFFFF;
  text-shadow: none;
  background: #3999D4
}

::-webkit-selection {
  color: #FFFFFF;
  text-shadow: none;
  background: #3999D4
}

::selection {
  color: #FFFFFF;
  text-shadow: none;
  background: #3999D4
}

input[type="text"] {
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  max-width: 220px;
  border: 0px;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  line-height: 22px;
  color: #555555;
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear
}

#frmManageSite input[type="text"],
#frmManageCustomer input[type="text"],
#frmManageAgency input[type="text"],
#frmDynamicPages input[type="text"],
#frmBlog input[type="text"],
#frmManageNavigation input[type="text"],
#frmManageShowcaseItem input[type="text"],
#frmTestimonial input[type="text"],
#frmManageSEOBusinessInfo input[type="text"],
#frmManageSimpleCartProduct input[type="text"],
#frmManageSimpleCartCategory input[type="text"],
.event-formgenerator-step-2 input[type="text"],
#frmManageRedirect input[type="text"],
#frmMemberManageGroups input[type="text"],
#frmMemberManage input[type="text"],
#frmMemberManageFields input[type="text"] {
  max-width: none;
  width: calc(100% - 10px);
}

#frmManageContent input[type="text"],
#frmSimpleccartPaymentSettings input[type="text"] {
  max-width: 320px;
}

input[type="text"]:focus {
  outline: 0;
  background: #F8F8F8
}

input[type="password"] {
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  max-width: 220px;
  border: 0px;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  line-height: 22px;
  color: #555555;
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear
}

input[type="password"]:focus {
  outline: 0;
  background: #F8F8F8
}

input[type="email"] {
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  max-width: 220px;
  border: 0px;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  line-height: 22px;
  color: #555555;
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear
}

input[type="email"]:focus {
  outline: 0;
  background: #F8F8F8
}

textarea.form-control {
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  max-width: 220px;
  border: 0px;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  line-height: 22px;
  color: #555555;
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear
}
textarea#template,
textarea#css,
textarea#script {
  min-height: 300px;
  border-radius: 0;
}
textarea#template {
  margin-top: -20px;
  margin-bottom: -40px;
}
textarea#css {
  margin-top: -40px;
  margin-bottom: -20px;
}
textarea#script {
  margin-top: -60px;
}

input#suffix-new {
  border-radius: 3px;
  padding: 5px;
  width: 100%;
  max-width: 220px;
  border: 0px;
  border-bottom: 1px solid #FFFFFF;
  font-size: 12px;
  line-height: 22px;
  color: #555555;
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear
}

input#suffix-new:focus {
  outline: 0;
  background: #F8F8F8
}

#frmtip td > input[type="text"] {
  max-width: none
}

input[type="text"].textMessage,
input[type="text"]#cmsi-manage-members-settings-subject {
  max-width: none
}

textarea#cmsi-manage-members-settings-content {
  height: 400px
}

select.text {
  min-height: 100px;
  overflow: scroll;
  padding: 5px
}

.DRXQuickForm input[type="submit"] {
  font-size: 14px
}

.button-secondary {
  font-size: 14px;
  border: 1px solid #DDDDDD;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  color: #555555;
  border-color: #E6E6E5
}

.button-secondary:hover {
  background: #E6E5E5;
  color: #555555;
  border-color: #D9D9D9
}

.blog-manage-post-form .field input.title {
  width: 100%;
  max-width: none;
  font-size: 18px;
  color: #999999;
  font-style: italic;
  padding: 10px
}

.blog-manage-post-form .field input.title:focus {
  font-style: normal;
  color: #555555
}

.field {
  margin: 0 0 10px 0
}

.field label {
  font-weight: bold;
  margin-bottom: 4px;
  display: inline-block;
  font-size: 14px
}

.field label input[type="checkbox"] {
  float: left;
  margin: 5px 10px 10px 0
}

.field .desc {
  display: block;
  font-size: 80%
}

.field span.utilization {
  float: right
}

.show-spam label {
  font-weight: bold;
  margin-bottom: 4px;
  display: inline-block;
  font-size: 14px
}

.show-spam input[type="checkbox"] {
  float: left;
  margin: 5px 10px 10px 0
}

.tag-label {
  font-weight: bold;
  margin-bottom: 4px;
  display: inline-block;
  font-size: 14px
}

.icon {
  display: inline-block
}

.icon.unread {
  fill: #3999D4
}

.icon-bar [class^="fi-"]:hover:before, .icon-bar .primaryAction:hover:before, .icon-bar .dropzone:hover:before{
  cursor: pointer;
  padding:0;
}

.icon-bar [class^="fi-"]:before, .icon-bar .primaryAction:before, .icon-bar .dropzone:before{
  padding:0;
  font-size: 18px;
}

.leftActions .icon-bar [class*='fi-'], .rightActions .icon-bar [class*='fi-'] {
  display: inline-block;
  visibility: hidden;
  padding: 0 5px;
  -webkit-transition: visibility 0.2s linear;
  transition: visibility 0.2s linear;
}
.rightActions .icon-bar .primaryAction, .rightAction .icon-bar .primaryAction {
  visibility: visible;
}

.rightActions .icon-bar .primaryAction {
  display:inline-block;
  float: right;
  margin-top: 2px;
}

.rightActions .icon-bar button:not(.cmsi-manage-file-tag-save) {
  height: auto;
  padding: 0 2px 0 0;
  border: 0;
  background: none;
  color: #3999d4;
  margin-top: -2px;
  float: none;
}
.rightActions .icon-bar button:not(.cmsi-manage-file-tag-save) [class*='fi-'] {
  visibility: visible;
}

.rightActions .icon-bar button.cmsi-manage-file-tag-save {
  color: #fff !important;
  background: #3999d4 !important;
  border-color: #3999d4 !important;
  text-shadow: 0 1px 1px #2984bb !important;
  margin: 5px 10px 0;
}

.rightActions .icon-bar button.cmsi-manage-file-tag-save:hover {
  background: #226f9e !important;
  border-color: #226f9e !important;
}

.rightActions ul.multiselect-container {
  left: auto;
  right: 0;
}

table.table:not(.product) tr td {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  word-break: break-word;
}

table.table tr:hover td, table.table tr:hover td:nth-child(odd) {
  background: #474747;
  color: #fff;
}

table.table tr:hover td a:not(.btn-primary), table.table tr:hover td:nth-child(odd) a:not(.btn-primary), table.table tr:hover .rightActions .icon-bar button:not(.cmsi-manage-file-tag-save) {
  color: #fff;
}
table.table tr:hover td a:not(.btn-primary):hover, table.table tr:hover td:nth-child(odd) a:not(.btn-primary):hover, table.table tr:hover .rightActions .icon-bar button:not(.cmsi-manage-file-tag-save):hover {
  color: #fff;
  opacity: 0.6;
}
table.table tr:hover td a:first-child:hover .primaryAction {
  opacity: 0.9;
}
table.table tr:hover .btn-primary {
  background: #fff;
  border-color: #fff;
  color: #3999d4;
  text-shadow: none;
}
table.table tr:hover .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-right: 2px solid #3999D4;
}
table.table tr:hover .btn-primary:hover {
  background: #efefef;
  border-color: #efefef;
  color: #3999d4;
}
table.table tr:hover .tymbrel-optimized-image {
  color: #fff !important
}

table.table tr:hover .identify-alert-bar [class^="fi-"] {
  -webkit-filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(327deg) brightness(115%) contrast(109%);
  filter: invert(100%) sepia(0%) saturate(7469%) hue-rotate(327deg) brightness(115%) contrast(109%);
}

tr:hover .leftActions .icon-bar [class*='fi-'], tr:hover .rightActions .icon-bar [class*='fi-'] {
  visibility: visible;
}
.rightActions .icon-bar a:first-child [class*='fi-'] {
  padding-right: 0;
}
.rightActions .icon-bar a:only-child [class*='fi-'] {
  padding-right: 5px;
}
.leftActions .icon-bar a:last-child [class*='fi-'] {
  padding-left: 0;
}

.rightActions .icon-bar form {
  display: inline-block;
  padding: 0;
}

.topMenuMobile,
#menuBtn,
#menuBtnClose,
#combobox {
  display: none
}

.ui-autocomplete {
  max-height: 550px;
  max-width: 440px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  padding-bottom: 5px
}

.ui-autocomplete .ui-state-focus {
  border: 0;
  background: none
}

.ui-autocomplete .ui-widget-content .ui-state-focus {
  border: 0;
  background: none
}

.ui-widget {
  padding-top: 18px
}

.ui-button {
  margin-left: -1px
}

.ui-button .ui-icon.style-icon-1,
.ui-button .ui-icon.style-icon-2,
.ui-button .ui-icon.style-icon-3,
.ui-button .ui-icon.style-icon-4,
.ui-button .ui-icon.style-icon-5,
.ui-button .ui-icon.showcase-style-icon-1,
.ui-button .ui-icon.showcase-style-icon-2,
.ui-button .ui-icon.showcase-style-icon-3,
.ui-button .ui-icon.showcase-style-icon-4,
.ui-button .ui-icon.showcase-style-icon-5
{
  margin: 0;
  padding: 0
}

.ui-button .ui-icon.style-icon-1,
.ui-button .ui-icon.style-icon-2,
.ui-button .ui-icon.style-icon-3,
.ui-button .ui-icon.style-icon-4,
.ui-button .ui-icon.style-icon-5
{
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
}

.ui-button .ui-icon.showcase-style-icon-1,
.ui-button .ui-icon.showcase-style-icon-2,
.ui-button .ui-icon.showcase-style-icon-3,
.ui-button .ui-icon.showcase-style-icon-4,
.ui-button .ui-icon.showcase-style-icon-5{
  width: 60%;
  height: 60%;
  left: 20%;
  top: 30%;
}

.ui-button .ui-icon.style-icon-1 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option1.svg)
}

.ui-button .ui-icon.style-icon-2 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option2.svg)
}

.ui-button .ui-icon.style-icon-3 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option3.svg)
}

.ui-button .ui-icon.style-icon-4 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option4.svg)
}

.ui-button .ui-icon.style-icon-5 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option5.svg)
}

.ui-button .ui-icon.showcase-style-icon-1 {
  background-image: url(/assets/images/platform/showcase/showcase-list.svg)
}

.ui-button .ui-icon.showcase-style-icon-2 {
  background-image: url(/assets/images/platform/showcase/showcase-three-column.svg)
}

.ui-button .ui-icon.showcase-style-icon-3 {
  background-image: url(/assets/images/platform/showcase/showcase-four-column.svg);
  height: 73%;
  width: 73%;
  left: 13.5%;
}

.ui-button .ui-icon.showcase-style-icon-4 {
  background-image: url(/assets/images/platform/showcase/showcase-expanding-content.svg)
}

.ui-button .ui-icon.showcase-style-icon-5 {
  background-image: url(/assets/images/platform/showcase/showcase-tabs.svg)
}

.ui-button-icon-only .ui-button-text {
  padding: 0.35em
}

.ui-autocomplete-input {
  margin: 0;
  padding: 0.48em 0 0.47em 0.45em
}

.ui-menu .ui-menu-item {
  margin: 0;
  line-height: 24px;
  font-size: 13px;
  display: block;
  border-bottom: 1px solid transparent;
  border-radius: 0
}

.ui-menu .ui-menu-item a {
  -webkit-transition: none;
  transition: none;
  padding: 0 10px
}

.ui-menu-item:hover {
  background-color: #3999D4;
  color: #FFFFFF;
  text-shadow: 0 1px 1px #226F9E;
  cursor: pointer
}

.ui-menu-item:hover a {
  color: #FFFFFF
}

.custom-combobox {
  position: relative;
  display: inline-block
}

.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0
}

.custom-combobox-input {
  margin: 0;
  padding: 5px 10px
}

.ui-tooltip {
  z-index: 9999 !important;
  margin: 0
}

div.ui-tooltip .ui-tooltip-content {
  padding: 0 20px 10px 20px !important;
  margin: 0 !important
}

.cmsi-manage-jumpselector-reseller a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  display: block
}

.cmsi-manage-jumpselector-reseller a:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  margin: 0 5px 0 0;
  font-size: 14px;
  content: "\f1ee";
  color: #3999D4
}

.cmsi-manage-jumpselector-reseller:hover a:before {
  color: #FFFFFF
}

.cmsi-manage-jumpselector-customer a:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  margin: 0 5px 0 0;
  font-size: 14px;
  content: "\f1fe";
  color: #95C153
}

.cmsi-manage-jumpselector-customer:hover a:before {
  color: #FFFFFF
}

.cmsi-manage-jumpselector-site a:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  margin: 0 5px 0 0;
  font-size: 14px;
  content: "\f179";
  color: #999999
}

.cmsi-manage-jumpselector-site:hover a:before {
  color: #FFFFFF
}

.ui-helper-hidden-accessible {
  position: absolute;
  left: -999em
}

.wrap {
  height: 100%;
  padding-top: 70px;
  overflow: hidden
}

.page-heading h1 {
  margin-bottom: 30px
}

.notification {
  padding: 15px;
  text-align: center;
  margin-bottom: 20px;
  background: rgba(57,153,212,0.1);
  border: 1px solid rgba(57,153,212,0.1);
  border-radius: 3px;
  color: rgb(57,153,212);
  font-size: 16px
}
.notification p:last-child {
  margin: 0;
}
.notification .btn {
  text-transform: uppercase;
  font-size: 13px;
}

.cPanelContent {
  width: 100%;
  position: absolute;
  padding: 10px 5px 0 105px
}

.cPanelContent section {
  background: #FFFFFF;
  padding: 20px 20px 73px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  margin-bottom: 10px
}

.cPanelContent .primary {
  padding: 0 5px
}

.cPanelContent .secondary {
  padding: 0 5px
}

.cPanelContent .breadcrumbs {
  padding: 0 5px
}

.cPanelContent.admin {
  padding: 20px 20px 0 20px
}

.breadcrumbs div {
  display: block;
  padding: 0.5rem 0.77778rem 0.5rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: #F4F4F4;
  border-color: gainsboro;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 10px
}

.breadcrumbs a.active {
  text-decoration: underline
}

.secondary-breadcrumbs {
  font-size: 20px;
  margin: 0 0 30px 0;
  color: #222222
}

.openWebsite {
  float: right;
  margin-bottom: 20px
}

.openWebsite svg {
  float: right;
  fill: #FFFFFF;
  margin: 3px 0 0 10px;
  width: 18px;
  height: 18px
}

.secondary {
  font-size: 90%
}

.webstats h3 {
  border-color: #95C153
}

.progress-bar {
  background: whiteSmoke;
  border-radius: 3px;
  width: 100%;
  clear: both;
  height: 21px;
  clear: both
}

.progress {
  background: #95C153;
  border-radius: 3px 0 0 3px
}

.progress span {
  background: #95C153;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 2px 5px;
  font-size: 11px;
  text-align: right;
  display: inline-block
}

.storage-usage {
  margin-top: 5px
}

.storage span {
  font-size: 11px;
  margin-right: 20px;
  height: 21px;
  float: left
}

.storage em {
  font-weight: bold;
  font-style: normal
}

.tip h3 {
  border-color: #D9534F
}

#cmsiShowAdvancedPageOptions {
  cursor: pointer
}

#cmsiShowMemberOptions {
  cursor: pointer
}

#cmsiShowSEOPageOptions {
  cursor: pointer
}

#cmsiShowSEOSCCategoryOptions {
  cursor: pointer
}

@media handheld, only screen and (min-width: 806px) {
  #cmsiShowSEOSCProductOptions,
  #cmsiShowSEOBlogOptions,
  #cmsiShowSEOPageOptions,
  #cmsiShowCustomCode,
  #cmsiShowAdvancedPageOptions {
    margin-left: -140px;
  }
  form#blog #cmsiShowSEOPageOptions {
    margin-left: 0;
  }
}


.suffix-wrap {
  font-size: 13px;
  margin-bottom: 20px
}

.scheduler-wrapper {
  position: relative
}

#schedule-edit {
  display: none;
  border: 1px solid #DDDDDD;
  width: 350px;
  position: absolute;
  left: 100px;
  bottom: 0;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  padding: 20px;
  font-size: 80%
}

#schedule-edit .xdsoft_datetimepicker {
  border: 0
}

#schedule-edit .ui-widget-content {
  border: 0
}

#schedule-edit .ui-widget-header {
  border: 0;
  background: none
}

#schedule-edit .ui-datepicker .ui-datepicker-prev {
  top: 8px
}

#schedule-edit .ui-datepicker .ui-datepicker-next {
  top: 8px
}

#schedule-edit .ui-datepicker-year {
  float: right
}

.schedule-time {
  padding: 5px 0
}

.schedule-time select {
  width: 50px
}

#current-release {
  text-transform: uppercase;
  display: inline-block;
  margin-right: 5px
}

.edit-schedule.btn {
  padding: 5px 7px
}

.customize-social {
  display: none
}

.title.Published .stickyPost:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  content: "\f1ee";
  float: left;
  margin: 3px 5px 0 0
}

.blog-settings .ui-button .ui-icon.layout-1 {
  background-image: url(/assets/images/platform/icons/blog-horizontal.svg);
  background-size: 100px 100px !important
}

.blog-settings .ui-button .ui-icon.style-icon-1 {
  background-image: url(/assets/images/platform/icons/blog-horizontal.svg);
  background-size: 100px 100px !important
}

.blog-settings .ui-button .ui-icon.style-icon-2 {
  background-image: url(/assets/images/platform/icons/blog-vertical.svg);
  background-size: 100px 100px !important
}

.blog-settings .ui-button.ui-state-hover .ui-icon.layout-1 {
  background-image: url(/assets/images/platform/icons/blog-horizontal.svg);
  background-size: 100px 100px !important
}

.blog-settings .ui-button.ui-state-hover .ui-icon.style-icon-1 {
  background-image: url(/assets/images/platform/icons/blog-horizontal.svg);
  background-size: 100px 100px !important
}

.blog-settings .ui-button.ui-state-hover .ui-icon.style-icon-2 {
  background-image: url(/assets/images/platform/icons/blog-vertical.svg);
  background-size: 100px 100px !important
}

.blog-settings tr:first-child td:nth-child(2) label {
  width: 17%;
  max-width: 102px;
  height: 102px;
  display: block;
  float: left;
  border: 1px solid #DDDDDD;
  padding: 0;
  background: whiteSmoke;
  margin: 0 2% 0 0
}

.blog-settings tr:first-child td:nth-child(2) label span {
  width: 100% !important;
  height: 100% !important;
  top: 0% !important;
  left: 0% !important
}

.blog-settings tr:first-child td:nth-child(2) label:hover {
  background: #FFFFFF !important;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  color: #333333
}

.blog-settings tr:first-child td:nth-child(2) label.style-icon-selected {
  background: #FFFFFF !important;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  color: #333333;
  border: 1px solid #3999D4
}

.seo {
  margin: 30px 0 40px 0
}

.seo h3 {
  border-color: #D9534F;
  cursor: pointer;
  font-size: 15px
}

.seo h3 img {
  width: 8px;
  display: inline-block;
  margin: -2px 0 0 5px
}

.tags h3 img {
  width: 8px;
  display: inline-block;
  margin: -2px 0 0 5px
}

.tags label[for="tagGroups"] {
  display: block;
  font-size: 100%;
  margin: 20px 0 10px 0;
  text-transform: uppercase;
  border-top: 3px solid #95C153;
  padding-top: 5px
}

.tags label[for="tagGroups"] b {
  font-weight: 400
}

img.toggle {
  width: 8px;
  display: inline-block;
  margin: -2px 0 0 5px
}

#cmsiBlogSEOPanel li {
  margin: 20px 0 0 0
}

#cmsiBlogSEOPanel li:first-child {
  margin-top: 0
}

#cmsiBlogSEOPanel li b {
  display: inline-block;
  font-size: 80%;
  margin: 0 5px 5px 0
}

#cmsiBlogSEOPanel li.stats {
  margin-top: 5px;
  font-size: 80%
}

#cmsiBlogSEOPanel input[type="text"] {
  width: 100%;
  max-width: none
}

/* Blog category seo styling */
#cmsiShowSEOBlogCategoryOptions b {
  font-size: 14px;
}
.cmsi-manage-blog-categories {
  padding: 10px 0;
  margin-bottom: 0;
}
.cmsi-manage-blog-categories b {
  width: 150px;
  display: inline-block;
  padding-right: 10px;
  font-weight: 400;
  font-size: 85%;
}

@media handheld, only screen and (max-width: 640px) {
  #cmsiShowSEOBlogCategoryOptions {
    margin-bottom: 40px;
    display: inline-block;
  }
  .cmsi-manage-blog-categories:first-of-type {
    margin-top: -30px;
  }
  .cmsi-manage-blog-categories:last-child {
    margin-bottom: 40px;
  }
}
@media handheld, only screen and (max-width: 450px) {
  .cmsi-manage-blog-categories b {
    display: block;
    margin-bottom: 5px;
  }
}

/* end of blog category seo styling */

div.tags h3 {
  margin-top: 40px
}

ul.training {
  list-style: none;
  margin: 1.2em 0
}

ul.training strong {
  text-transform: uppercase;
  color: #222222
}

ul.training ul {
  margin: 0;
  list-style: none
}

ul.training ul li {
  line-height: 24px;
  font-size: 12px;
  clear: right;
  margin-bottom: 3px
}

ul.training ul li i {
  float: right;
  margin-left: 5px
}

ul.training > li {
  margin: 0 0 1.5em 0;
  width: 350px;
  float: left;
  font-size: 85%;
  padding-right: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.comment-text {
  background: #FFFFFF;
  padding: 10px;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  color: #555 !important;
}
.comment-action-spam,
.comment-action-pending {
  color: #555 !important;
}
a.expand-comment-text {
  color: #3999d4 !important;
}

.actions ul.manage {
  float: right;
  margin: 0
}

.actions .manage li {
  float: left;
  margin-left: 5px
}

.actions a.delete {
  cursor: pointer;
  margin: 10px 0 0 5px
}

ul.approval li {
  float: left;
  margin: 0 5px 0 0
}

table.blog-comments.table td:last-child {
  text-align: left
}

table.blog-comments.table th.comment {
  text-align: left
}

.current-status {
  border-radius: 3px;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  color: #8A6D3B;
  background: #FCF8E3;
  border: 1px solid #FAEBCC
}

.current-status.Approved {
  color: #3C763D;
  background-color: #DFF0D8;
  border-color: #D6E9C6
}

.current-status.Unapproved {
  color: #A94442;
  background-color: #F2DEDE;
  border-color: #EBCCD1
}

.current-status.spam {
  color: #A94442;
  background-color: #F2DEDE;
  border-color: #EBCCD1
}

.comment-full {
  display: none
}

.blog-comments .gravatar img {
  margin: 5px 0;
  border-radius: 500px
}

.blog-comments .author-name {
  font-weight: bold
}

.blog-comments .email {
  font-size: 80%
}

.blog-comments .website {
  font-size: 80%
}

.blog-comments .date {
  font-size: 80%
}

.blog-comments .post {
  margin: 5px 0
}

.blog-comments .post a {
  font-style: italic
}

.blogOptions .large-4 > label {
  display: block;
  font-size: 100%;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  border-top: 3px solid #3999D4;
  padding-top: 5px
}

.blogOptions .large-4 .value {
  font-size: 90%
}

.blogOptions .large-4 .value img {
  border-radius: 7px
}

.blogOptions i.desc {
  font-size: 80%
}

.blogOptions select.text {
  width: 100%;
  max-width: none
}

.field.kw {
  font-size: 90%
}

.field.kw span {
  display: inline-block;
  margin-right: 20px
}

table.DRXQuickForm {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 85%
}

table.DRXQuickForm td {
  padding: 10px 0
}

table.DRXQuickForm td:first-child {
  text-align: left !important;
  width: 140px;
  padding-right: 10px
}

table.DRXQuickForm td b {
  font-weight: normal
}

table.DRXQuickForm .button:not(#btn-folder-delete):not(#btn-folder-update):not(#btn-folder-cancel) {
  color: #FFFFFF; !important;
  background: #95C153; !important;
  border-color: #95C153; !important;
  text-shadow: 0 1px 1px #7BA53C
}

table.DRXQuickForm .button:not(#btn-folder-delete):not(#btn-folder-update):not(#btn-folder-cancel):hover {
  color: #FFFFFF;
  background: #7BA53C;
  border-color: #7BA53C;
  text-shadow: 0 1px 1px #7BA53C;
}

table.DRXQuickForm .cmsi-layout-editable {
  font-size: 115%
}

tbody.ui-sortable td {
  cursor: move
}

tbody.ui-sortable td span.cmsi-manage-photo-inline-edit {
  cursor: text
}

tbody.ui-sortable td span.cmsi-manage-photo-inline-edit2 {
  cursor: text
}

.addContentRow {
  background: #f1f1f1;
  border-radius: 3px;
  color: #555;
  padding: 10px 0 0 20px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(0,0,0,.125);
  margin-bottom: 20px;
}
.addRowLabel {
  width: 120px;
  display: inline-block;
  padding-right: 10px;
  font-weight: 600;
  font-size: 16px;
  margin-top: -10px;
}
#block-selection {
  display: inline-block;
  width: calc(100% - 130px);
}
#block-selection a {
  display: inline-block;
  margin: 0 10px 10px 0;
  border: 1px solid transparent;
  background: #fff;
  position: relative;
}
#block-selection a:last-child {
  width: 82px;
  height: 82px;
  float: right;
  color: #555;
  text-align: center;
  background: none;
}
#block-selection a:last-child i {
  font-size: 37px;
  display: block;
}
#block-selection a:last-child:hover i {
  opacity: 0.5;
}

#block-selection a:hover {
  border: 1px solid #555;
}
#block-selection a:not(:last-child):hover:after {
  display: block;
  font: normal normal normal 14px/1 foundation-icons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f199";
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  line-height: 30px;
  color: #555;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 500px;
  text-align: center;
  border: 1px solid #555;
  top: calc(50% - 15px);
}
#block-selection img {
  width: 82px;
  max-width: 82px;
}

.pagesettingmodal .modal-backdrop {
  opacity: 0.75 !important;
}
.pagesettingmodal .modal-dialog {
  width: 1000px;
  max-width: none;
}
.pagemembersettingmodal .modal-dialog {
  width: 350px;
}
@media handheld, only screen and (max-width: 600px) {
  .pagesettingmodal .modal-dialog {
    width: auto;
  }
}
.pagesettingmodal .modal-content {
  top: 150px;
}
.pagemembersettingmodal .modal-content {
  top: 10%;
}
.pagesettingmodal .modal-header,
.pagesettingmodal .modal-body,
.pagesettingmodal .modal-footer {
  padding: 0.5rem 1rem;
}
.pagesettingmodal .modal-header {
  display: block;
}
.pagesettingmodal h4 {
  margin: 0;
}

.pagesettingmodal .modal-body {
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.pagesettingmodal .pageSettings {
  width: 100%;
}
.pagesettingmodal .pageSettings thead {
  vertical-align: top;
}
.pagesettingmodal .pageSettings th,
.pagesettingmodal .pageSettings td {
  padding: 5px;
}
.pagesettingmodal .pageSettings th:first-child, .pagesettingmodal .pageSettings td:first-child {
  width: 10px;
  text-align: left;
  padding: 5px 5px 5px 0px;

}
.pagesettingmodal .pageSettings th:last-child, .pagesettingmodal .pageSettings td:last-child {
  width: 32%;
  position: relative;
}

.pagesettingmodal .pageSettings th:nth-child(2), .pagesettingmodal .pageSettings td:nth-child(2) {
  width: calc(68% - 10px);
  position: relative;
}

.pagesettingmodal .pageSettings .Token .Close {
  display: none;
}
.pagesettingmodal .pageSettings .Token {
  position: relative;
  border: none !important;
  background-color: #dce7f9 !important;
  padding: 0 3px !important;
  margin: 5px 0 0 2px !important;
}

.pagesettingmodal .pageSettings .Token:hover .Close, .pagesettingmodal .pageSettings .Token:focus-within .Close {
  display: block;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #7e889a;
}

.pagesettingmodal .pageSettings .Token:hover span, .pagesettingmodal .pageSettings .Token:focus-within span {
  color: #dce7f9;
}

.pagemembersettingmodal .pageSettings th:first-child, .pagemembersettingmodal .pageSettings td:first-child {
  text-align: left;
  padding: 5px 0;
}

.pagesettingmodal .pageSettings th small {
  font-weight: 400;
}
.pagesettingmodal .pagebuilder-style-editable {
  max-width: none;
  margin: 5px 0 10px;
  width: calc(100% - 15px);
}
.pagesettingmodal div.Tokenize ul.TokensContainer li.Placeholder {
  font-size: 12px;
}

.pageSettings .copy-css-selectors {
  width: 11px;
  margin-left: 4px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  transition: color 0.2s ease-out;
}
.pageSettings .copy-css-selectors:hover {
  color: #3999d4;
}

.pageSettings .copy-css-selectors:hover:after,
.pageSettings .copy-css-selectors:focus:after,
.pageSettings .copy-css-selectors:active:after {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 100%;
  left: 0;
  background: #e8e8e8;
  color: #333;
  padding: 5px;
  border-radius: 0.3rem;
  transition: content 0.2s ease-out, background 1s ease-out;
}

.pageSettings .copy-css-selectors:hover:after,
.pageSettings .copy-css-selectors:focus:after {
  content: 'Copy to Clipboard';
}
.pageSettings .copy-css-selectors:active:after {
  background: #cfcfcf;
  color: #111;
  transition: content 1s ease-out;
}

.pageSettings div.Tokenize ul.TokensContainer.Autosize {
  min-height: 35px;
}

.pagesettingmodal img {
  padding-top: 5px;
}
.pagesettingmodal .modal-header .close {
  border: 0;
  font-size: 26px;
  border-top-right-radius: .3rem;
  float: right;
  background: none;
}
.pagesettingmodal .modal-header .close:hover {
  opacity: 0.5;
}

/* Page Setting Modal Images */
.pagesettingmodal .columnMapping {
  border: 2px solid transparent;
  padding: 2px;
}
.pagesettingmodal .columnMapping.selected {
  border-color: #555;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pagesettingmodal .st0,
.pagesettingmodal .st3 {
  fill: #d8d8d7;
}
.pagesettingmodal .st1,
.pagesettingmodal .st2 {
  fill: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pagesettingmodal g.selected .st2,
.pagesettingmodal g.selected .st3 {
  fill: #555;
}

#block-member-settings-modal.pagemembersettingmodal .modal-body >.row .columns  {
  width:100%;
}
#block-member-settings-modal.pagemembersettingmodal .modal-body >.row .columns td:first-child {
  width: 60%;
  font-size: 0.875;
  font-weight: 300;
}

#block-member-settings-modal.pagemembersettingmodal .modal-body >.row .columns td:first-child label {
  font-weight:600;
  font-size: 0.938rem;
}

#block-member-settings-modal.pagemembersettingmodal .modal-body >.row .columns td:last-child {
  width: 40%;
}

#block-member-settings-modal.pagemembersettingmodal .modal-body >.row .columns td:last-child >label,
#block-member-settings-modal.pagemembersettingmodal .modal-body >.row .columns td:last-child > div {
  float: right;
}

#block-member-settings-modal.pagemembersettingmodal .modal-body >.row .columns td:last-child >label {
  margin-bottom: 0.1rem;
}

/*@keyframes selectedRow {*/
/*0%   {border: 0; padding: 0;}*/
/*50%  {border: 2px solid #555; padding: 2px; }*/
/*100%  {border: 0; padding: 0; }*/
/*}*/


#cmsi-fixed-toolbar-sticky-wrapper {
  width: 100%;
}
.mce-panel {
  z-index: 999;
}
/*#draggableBlockList {*/
/*margin-top: 71px;*/
/*}*/
#draggableBlockList .block-base {
  display: flex;
  display: -webkit-flex;
  margin-bottom: 20px;
}
#draggableBlockList .block-base:last-child {
  margin-bottom: 0;
}
#draggableBlockList .block-base.ui-sortable-helper {
  opacity: 0.8;
}

#draggableBlockList .card-header {
  margin: 0 0 20px 0;
  background-color: #f1f1f1;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 3px 3px 0 0;
  min-height: 260px;
  max-width: 80px;
}
#draggableBlockList .editable-action-icons {
  height: 100%;
  position: relative;
}
#draggableBlockList .editable-action-icons i {
  padding: 5px;
  display: inline-block;
  text-align: center;
  width: 100%;
}
#draggableBlockList .editable-action-icons .card-header-btn-group i {
  width: 50%;
  float: left;
}

#draggableBlockList .editable-action-icons .editable-dragdrop {
  background: #e3e3e3;
  margin: 0 0 .25rem;
  color: #adadad;
}

#draggableBlockList .editable-action-icons .editable-move-up,
#draggableBlockList .editable-action-icons .editable-move-down,
#draggableBlockList .editable-action-icons .editable-move-top,
#draggableBlockList .editable-action-icons .editable-move-bottom {
  width: 50%;
  float: left;
}


#draggableBlockList .editable-action-icons .editable-move-up,
#draggableBlockList .editable-action-icons .editable-move-top,
#draggableBlockList .editable-action-icons .editable-move-bottom {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#draggableBlockList .editable-action-icons .editable-move-down {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

#draggableBlockList .card-header-btn-group {
  position: absolute;
  bottom: 0;
  background: #e3e3e3;
  padding: .25rem 0 0;
}


#draggableBlockList .card-body {
  margin: 0 -10px;
  flex: 0 1 100%;
  -webkit-flex: 0 1 100%;
}
#draggableBlockList .card-body h1,
#draggableBlockList .card-body h2,
#draggableBlockList .card-body h3,
#draggableBlockList .card-body h4,
#draggableBlockList .card-body h5,
#draggableBlockList .card-body h6 {
  color: #222222;
  margin: 20px 0 10px;
  font-weight: bold
}

#draggableBlockList .card-body h1 {
  font-size: 30px;
  margin: 0 0 10px 0
}

#draggableBlockList .card-body h2 {
  font-size: 26px
}

#draggableBlockList .card-body h3 {
  font-size: 20px
}

#draggableBlockList .card-body h4 {
  font-size: 18px
}

#draggableBlockList .card-body h5 {
  font-size: 16px
}
#draggableBlockList .card-body h6 {
  font-size: 14px
}

#draggableBlockList .card-body p {
  margin: 0 0 10px 0
}

#draggableBlockList .card-body p.leadin {
  font-size: 20px;
  color: #222222
}

#draggableBlockList .card-body img {
  max-width: 100%
}

#draggableBlockList .editable {
  min-height: 260px;
}
#draggableBlockList .card-body .row {
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
@media handheld, only screen and (max-width: 1150px) {
  #draggableBlockList .card-body .row {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}
#draggableBlockList .card-body .subblock {
  margin: 0 10px 20px;
  word-break: break-word;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  background: #fff;
  padding: 10px 20px;
}
#draggableBlockList .card-body .subblock iframe {
  width: 100% !important;
}
#draggableBlockList .card-body.data-block-style-1 .subblock {
  -webkit-flex-basis: calc(100% - 20px);
  flex-basis: calc(100% - 20px);
}
#draggableBlockList .card-body.data-block-style-3 .subblock:first-of-type,
#draggableBlockList .card-body.data-block-style-4 .subblock:last-of-type {
  -webkit-flex-basis: calc(66.667% - 20px);
  flex-basis: calc(66.667% - 20px);
}
#draggableBlockList .card-body.data-block-style-3 .subblock:last-of-type,
#draggableBlockList .card-body.data-block-style-4 .subblock:first-of-type {
  -webkit-flex-basis: calc(33.333% - 20px);
  flex-basis: calc(33.333% - 20px);
}
#draggableBlockList .card-body.data-block-style-2 .subblock,
#draggableBlockList .card-body.data-block-style-9 .subblock:first-child,
#draggableBlockList .card-body.data-block-style-10 .subblock:last-of-type {
  -webkit-flex-basis: calc(50% - 20px);
  flex-basis: calc(50% - 20px);
}
#draggableBlockList .card-body.data-block-style-5 .subblock {
  -webkit-flex-basis: calc(33.333% - 20px);
  flex-basis: calc(33.333% - 20px);
}
#draggableBlockList .card-body.data-block-style-6 .subblock,
#draggableBlockList .card-body.data-block-style-7 .subblock:first-child,
#draggableBlockList .card-body.data-block-style-8 .subblock:last-of-type {
  -webkit-flex-basis: calc(25% - 20px);
  flex-basis: calc(25% - 20px);
}
#draggableBlockList .card-body .swap-blocks.fi-page-export {
  background-color: rgba(51,51,51,.65);
  color: white;
  padding:10px;
  position: absolute;
  right:0;
  top: 0;
}
#draggableBlockList .card-body .subblock {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}
#draggableBlockList .card-body .swappingBlock:hover .swap-blocks.fi-page-export {
  background-color: #3999d4;
}
#draggableBlockList .card-body .swappingBlock.copyTo:hover .swap-blocks.fi-page-export {
  background-color: #2771c2 !important;
}
#draggableBlockList .card-body .swappingBlock.noHoverEffect:hover .swap-blocks.fi-page-export {
  background-color: rgba(51,51,51,.45);
}
#draggableBlockList .card-body .stackem {
  display: flex;
  -webkit-flex: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
#draggableBlockList .card-body.data-block-style-7 .stackem,
#draggableBlockList .card-body.data-block-style-8 .stackem {
  -webkit-flex-basis: 75%;
  flex-basis: 75%;
}

#draggableBlockList .card-body.data-block-style-7 .stackem .subblock,
#draggableBlockList .card-body.data-block-style-8 .stackem .subblock {
  flex: 0 1 calc(33.333% - 20px);
  -webkit-flex: 0 1 calc(33.333% - 20px);
}
#draggableBlockList .card-body.data-block-style-9 .stackem,
#draggableBlockList .card-body.data-block-style-10 .stackem {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}
#draggableBlockList .card-body.data-block-style-9 .stackem .subblock,
#draggableBlockList .card-body.data-block-style-10 .stackem .subblock {
  flex: 0 1 calc(50% - 20px);
  -webkit-flex: 0 1 calc(50% - 20px);
}



#settingsModal .modal-header {
  padding: 0.75rem;
}
#settingsModal h5 {
  margin-top: 0;
}
#settingsModal .modal-header .close {
  padding: 0.5rem;
  margin: -0.75rem -0.75rem -0.75rem auto;
  font-size: 20px;
  border-top-right-radius: 0.3rem;
  border: 0;
}
#settingsModal .modal-header .close:hover {
  opacity: 0.5;
}
#settingsModal .modal-body input {
  max-width: none;
}
#settingsModal .modal-footer {
  padding: 0.75rem;
}
#settingsModal .btn-primary:hover {
  background: #2984bb;
  border-color: #2984bb;
  text-shadow: 0 1px 1px #226c9a;
}

table.DRXQuickForm input[name="btnHistory"],
.blog-manage-post-form input[name="btnHistory"] {
  float: right;
  background: #fff;
  color: #222;
  border-radius: 3px;
}
table.DRXQuickForm input[name="btnHistory"]:hover,
.blog-manage-post-form input[name="btnHistory"]:hover {
  background: #E6E5E5;
  color: #555;
  border-color: #D9D9D9;
}

@media handheld, only screen and (max-width: 550px) {
  table.DRXQuickForm input[name="btnHistory"],
  .blog-manage-post-form input[name="btnHistory"] {
    float: none;
  }
}

.footerActionBar,
.blog-manage-post-form .submit {
  position: fixed;
  bottom: 0;
  left: 110px;
  right: 10px;
  width: calc(100% - 110px - 10px);
  height: 53px;
  z-index: 999
}

.findReplaceModal .footerActionBar {
  left: 25px;
  right: 25px;
  width: calc(100% - 50px);
}

#frmSettingsInstagram .footerActionBar td:first-child {
  display: block !important
}

.footerActionBar.sidebar {
  left: 25px;
  width: calc(75% - 25px - 15px)
}

.footerActionBar.layoutBar {
  margin: 0
}

.footerActionBar.layoutBar input {
  font-size: 14px
}

.footerActionBar td:last-child,
.blog-manage-post-form .submit .mainActions,
.footerActionBar .mainActions {
  position: absolute;
  bottom: 0;
  background: #333;
  width: calc(100% - 140px);
  left: 140px;
  padding-left: 20px;
  padding-right: 21px
}

.blog-manage-post-form .submit .mainActions,
.footerActionBar .mainActions {
  height: 53px;
  line-height: 53px
}

.footerActionBar .mainActions #cmsi-manage-navigation-list-save,
.footerActionBar.form-actions a {
  line-height: 1.5
}

.blog-manage-post-form .submit .mainActions .button-page-history {
  margin-top: 10px
}

.footerActionBar.hidden,
.blog-manage-post-form .submit.hidden {
  width: 140px
}

.footerActionBar.hidden td:last-child,
.blog-manage-post-form .submit.hidden .mainActions,
.footerActionBar.hidden .mainActions {
  bottom: -53px;
  display: none
}

.footerActionBar.bottom:not(.form-actions):not(.layoutBar),
.blog-manage-post-form .submit.bottom {
  visibility: visible;
  bottom: 10px;
  position: absolute;
  left: 5px;
  right: 5px;
  width: calc(100% - 5px - 5px)
}

.footerActionBar.bottom.short,
.blog-manage-post-form .submit.bottom.short {
  bottom: 10px
}

.footerActionBar.form-actions.bottom {
  bottom: 10px;
  visibility: visible
}

.footerActionBar.layoutBar.bottom {
  bottom: 0;
  visibility: visible
}

.footerActionBar td:first-child,
.blog-manage-post-form .submit #minimize,
.footerActionBar #minimize {
  height: 53px;
  line-height: 53px;
  background: #333;
  padding: 0
}

.blog-manage-post-form .submit #minimize,
.footerActionBar #minimize {
  width: 140px;
  float: left;
  padding: 0
}

.footerActionBar td:first-child a,
.blog-manage-post-form .submit #minimize,
.footerActionBar #minimize {
  display: block;
  color: #fff;
  height: 53px
}

.footerActionBar td:first-child i,
.blog-manage-post-form .submit #minimize i,
.footerActionBar #minimize i {
  font-size: 20px;
  background: #333;
  border-radius: 500px;
  padding: 11px 17px;
  color: #fff
}

.footerActionBar.hidden td:first-child,
.blog-manage-post-form .submit.hidden #minimize,
.footerActionBar.hidden #minimize {
  background: none
}

.footerActionBar input[name="btnPreview"],
.footerActionBar input[name="btnCancel"],
.footerActionBar input[name="btnCancel2"],
.footerActionBar input[name="btnBackToMenu"],
.footerActionBar input[name="btnAdd"],
.footerActionBar input[name="btnSubmitNew"],
.footerActionBar input[value="Add Item"],
.footerActionBar input[value="Add Product Option Value Item"],
.footerActionBar input[value="Add Another Item"],
.footerActionBar input[value="Add Another Field"],
.footerActionBar input[value="Customize Countries"],
.footerActionBar input[name="btnDownloadPDF"],
.footerActionBar input[name="btnExport"],
.footerActionBar input[name="btnDuplicate"],
.footerActionBar input[name="btnDelete"],
.footerActionBar input[name="btnReset"],
.footerActionBar input[name="btnResend"],
.footerActionBar input[name="btnResend2"],
.footerActionBar a.backToTop,
.blog-manage-post-form .submit input[name="btnPreview"],
.layoutBar input[name="Cancel"],
.layoutBar input[name="Download"],
.layoutBar input[name="landingpages"],
.layoutBar input[name="pagestyles"],
.footerActionBar input[name="btnInventory"],
.footerActionBar input[value="Go Back"],
.form-actions input[name="Go Back"],
.blog-manage-post-form .submit input[name="Go Back"] {
  background: transparent;
  color: #fff;
  border-color: transparent;
  padding: 7px 20px 7px 10px;
  text-shadow: none
}

.footerActionBar input[name="btnPreview"],
.blog-manage-post-form .submit input[name="btnPreview"] {
  background: url(/assets/images/platform/icons/icon-search.svg) right center no-repeat;
  background-size: 14px
}

.footerActionBar input[name="btnCancel"],
.footerActionBar input[name="btnCancel2"],
.footerActionBar input[name="btnBackToMenu"],
.layoutBar input[name="Cancel"],
.footerActionBar input[value="Go Back"],
.form-actions input[name="Go Back"],
.blog-manage-post-form .submit input[name="Go Back"] {
  background: url(/assets/images/platform/icons/icon-backwards.svg) right center no-repeat;
  background-size: 14px
}

.form-actions input[name="Go Back"],
.blog-manage-post-form .submit input[name="Go Back"],
.footerActionBar a.backToTop {
  margin-right: 10px;
  font-size: 14px
}

.footerActionBar input[value="Cancel"] {
  background: url(/assets/images/platform/icons/icon-close.svg) right center no-repeat;
  background-size: 14px
}

.footerActionBar input[name="btnInventory"] {
  background: url(/assets/images/platform/icons/icon-manage-inventory.svg) right center no-repeat;
  background-size: 14px
}

.layoutBar input[name="landingpages"],
.layoutBar input[name="pagestyles"] {
  background: url(/assets/images/platform/icons/icon-forewards.svg) right center no-repeat;
  background-size: 14px
}

.footerActionBar input[name="btnAdd"],
.footerActionBar input[name="btnSubmitNew"],
.footerActionBar input[value="Add Item"],
.footerActionBar input[value="Add Product Option Value Item"],
.footerActionBar input[value="Add Another Item"],
.footerActionBar input[value="Add Another Field"] {
  background: url(/assets/images/platform/icons/icon-plus.svg) right center no-repeat;
  background-size: 14px
}

.footerActionBar input[name="btnDownloadPDF"],
.footerActionBar input[name="btnExport"],
.layoutBar input[name="Download"] {
  background: url(/assets/images/platform/icons/icon-download.svg) right center no-repeat;
  background-size: 14px
}

.footerActionBar input[name="btnDuplicate"] {
  background: url(/assets/images/platform/icons/icon-page-copy.svg) right center no-repeat;
  background-size: 14px
}

.footerActionBar input[name="btnDelete"] {
  background: url(/assets/images/platform/icons/icon-delete.svg) right center no-repeat;
  background-size: 14px
}

.footerActionBar input[value="Customize Countries"] {
  background: url(/assets/images/platform/icons/icon-customize-countries.svg) right center no-repeat;
  background-size: 16px
}

.footerActionBar input[name="btnReset"],
.footerActionBar input[name="btnResend"],
.footerActionBar input[name="btnResend2"] {
  background: url(/assets/images/platform/icons/icon-refresh.svg) right center no-repeat;
  background-size: 16px
}

.footerActionBar input[name="btnPreview"]:hover,
.footerActionBar input[name="btnCancel"]:hover,
.footerActionBar input[name="btnCancel2"]:hover,
.footerActionBar input[name="btnAdd"]:hover,
.footerActionBar input[name="btnSubmitNew"]:hover,
.footerActionBar input[value="Add Item"]:hover,
.footerActionBar input[value="Add Product Option Value Item"]:hover,
.footerActionBar input[value="Add Another Item"]:hover,
.footerActionBar input[value="Add Another Field"]:hover,
.footerActionBar input[value="Customize Countries"]:hover,
.footerActionBar input[name="btnDownloadPDF"]:hover,
.footerActionBar input[name="btnExport"]:hover,
.footerActionBar input[name="btnDuplicate"]:hover,
.footerActionBar input[name="btnDelete"]:hover,
.footerActionBar input[name="btnReset"]:hover,
.footerActionBar input[name="btnResend"]:hover,
.footerActionBar input[name="btnResend2"]:hover,
.footerActionBar input[name="btnBackToMenu"]:hover,
.blog-manage-post-form .submit input[name="btnPreview"]:hover,
.layoutBar input[name="Cancel"]:hover,
.layoutBar input[name="Download"]:hover,
.layoutBar input[name="landingpages"]:hover,
.layoutBar input[name="pagestyles"]:hover,
.footerActionBar input[name="btnInventory"]:hover,
.footerActionBar input[value="Go Back"]:hover,
.form-actions input[name="Go Back"]:hover,
.blog-manage-post-form .submit input[name="Go Back"]:hover {
  color: #fff;
  opacity: .5
}

#frmSettingsInstagram .footerActionBar td:last-child {
  padding-left: 0
}

@media handheld, only screen and (max-width: 1200px) {
  .footerActionBar.sidebar {
    width: calc(100% - 25px - 25px)
  }

  .footerActionBar.bottom:not(.form-actions):not(.layoutBar),
  .blog-manage-post-form .submit.bottom {
    bottom: 0
  }
}

@media handheld, only screen and (max-width: 875px) {
  .layoutBar #minimize {
    width: 53px
  }

  .layoutBar .mainActions {
    left: 53px;
    width: calc(100% - 53px)
  }
}

@media handheld, only screen and (max-width: 805px) {
  .footerActionBar:not(.layoutBar),
  .footerActionBar.layoutBar,
  .blog-manage-post-form .submit {
    left: 5px;
    right: 5px;
    width: calc(100% - 5px - 5px)
  }

  .footerActionBar.bottom:not(.form-actions):not(.layoutBar),
  .footerActionBar.bottom.short:not(.form-actions):not(.layoutBar),
  .blog-manage-post-form .submit.bottom,
  .blog-manage-post-form .submit.bottom.short {
    bottom: 20px
  }

  .footerActionBar.layoutBar.bottom {
    bottom: 40px
  }

  .footerActionBar.sidebar.bottom {
    bottom: 0 !important
  }

  .footerActionBar.form-actions.bottom {
    bottom: 42px
  }

  .footerActionBar td:first-child {
    width: 45px !important;
    display: table-cell !important;
    padding: 0 !important
  }

  .footerActionBar td:last-child,
  .blog-manage-post-form .submit .mainActions,
  .footerActionBar .mainActions {
    width: calc(100% - 45px);
    left: 45px
  }

  .footerActionBar td:first-child i,
  .blog-manage-post-form .submit #minimize i,
  .footerActionBar #minimize i {
    font-size: 14px
  }

  .blog-manage-post-form .submit #minimize,
  .footerActionBar #minimize {
    width: 45px;
    padding: 0
  }
}

@media handheld, only screen and (max-width: 767px) {
  .footerActionBar.form-actions,
  .footerActionBar.form-actions.bottom {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%
  }

  .footerActionBar.form-actions #minimize {
    display: none !important
  }

  .footerActionBar.form-actions .mainActions {
    position: relative;
    width: 100%;
    left: 0
  }
}

@media handheld, only screen and (max-width: 640px) {
  .footerActionBar:not(.form-actions):not(.layoutBar),
  .footerActionBar.bottom:not(.form-actions):not(.layoutBar),
  .footerActionBar.layoutBar,
  .footerActionBar.layoutBar.bottom,
  .blog-manage-post-form .submit,
  .blog-manage-post-form .submit.bottom {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%
  }

  .footerActionBar td:first-child,
  .footerActionBar #minimize {
    display: none !important
  }

  .footerActionBar td:last-child,
  .blog-manage-post-form .submit .mainActions,
  .footerActionBar .mainActions {
    position: relative;
    width: 100%;
    left: 0
  }
}


.delete {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url(/assets/images/platform/icons/delete_sign.svg);
  background-size: 14px;
  background-repeat: no-repeat
}

.delete:hover {
  opacity: .5
}

.actionDelete a {
  font-size: 0;
  margin: 0;
  line-height: 20px
}

.alt.action {
  width: 115px
}

.alt.action .btn {
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 7px
}

.alt.action .delete {
  float: right;
  margin: 8px 0 0 0
}

.alt.date {
  width: 170px
}

.action.fileManager .delete {
  float: right;
  margin: 11px 0 0 5px
}

.action.testimonialAction .delete,
.action.sitewideAction .delete,
.action.slideshowAction .delete,
.action.galleryAction .delete,
.action.calendarAction .delete,
.action.newsAction .delete,
.action.userAction .delete,
.action.membersAction .delete {
  float: right;
  margin: 11px 0 0 10px;
  font-size: 0
}

#save-new-suffx {
  margin: 0 10px 0 5px;
  padding: 5px 7px
}

.edit-suffix-url.btn .edit-schedule.btn {
  margin: 0 10px 0 5px;
  padding: 5px 7px
}

.alignLeft .btn {
  float: left;
  margin: 0 5px 0 0
}

.action button {
  line-height: 1.5;
  font-size: 13px
}

table.instruction-table th:first-child {
  width: 250px
}

table.instruction-table td:last-child {
  text-align: left
}

table.instruction-table th:last-child {
  text-align: left
}
table.instruction-table {
  font-size: 16px;
}
table.instruction-table td {
  padding: 10px 15px;
}

img.cmsi-manage-photo-mini-preview,
img.cmsi-manage-slider-mini-preview,
.img.cmsi-manage-slideshow-mini-preview {
  float: left;
  margin: 0 10px 0 0
}

#cmsi-manage-showcase-item-photos img {
  padding: 5px;
  border: 1px solid #DDDDDD;
  margin: 0 0 5px 0;
  border-radius: 3px
}

#cmsi-manage-showcase-item-photos img.primary {
  border: 1px solid #3999D4;
  background: #3999D4;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD
}

.cmsi-manage-showcase-item-photo-primary {
  cursor: pointer
}

.cmsi-manage-showcase-item-photo-delete {
  cursor: pointer
}

.controllerSuccessNotification {
  background: url(/assets/images/platform/icons/checkmarkWhite.svg) 10px 10px no-repeat #333333;
  color: #FFFFFF;
  padding: 10px 0 12px 40px;
  margin: 0 0 20px 0;
  border-radius: 3px
}

.controllerFailureNotification {
  color: #FFFFFF;
  padding: 10px 0 12px 40px;
  margin: 0 0 20px 0;
  border-radius: 3px;
  background: url(/assets/images/platform/icons/crossWhite.svg) 10px 12px no-repeat #f12b54
}

.error {
  color: #A94442;
  background-color: #F2DEDE;
  border-color: #EBCCD1;
  padding: 10px 20px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-block
}

.side-nav i {
  color: #333333;
  width: 18px;
  display: inline-block;
  text-align: center;
  margin-right: 5px
}

.side-nav li.active a {
  color: #333333
}

.side-nav li.active i {
  color: #3999D4
}

.DRXDataGrid_Form .tableHeading h2 {
  font-weight: 700;
  color: #222222;
  font-size: 15px
}

.DRXDataGrid_Form h1,
.DRXDataGrid_Form h2,
.DRXDataGrid_Form h3 {
  margin-top: 0;
  text-transform: none;
  border-top: none;
  padding-top: 0
}

#cmsi-manage-selector-multiselect select {
  width: 100%;
  height: 250px
}

#cmsi-manage-selector-multiselect option {
  border-bottom: 1px solid #DDDDDD
}

.span2 button {
  font-size: 16px;
  padding: .25em;
  cursor: pointer;
  border: 1px solid #CCCCCC;
  background: whiteSmoke
}

.span2 button:hover {
  background: #71A71B;
  color: #FFFFFF;
  text-shadow: 0 1px 1px #71A71B
}

#cmsi-manage-selector-left,
#cmsi-manage-selector-right {
  float: left;
  width: 30%
}

#membercontrol {
  float: left;
  width: 30%;
  margin-top: 120px;
  width: auto;
  padding: 0 20px
}

select.js-multiselect,
select#js_multiselect_to_1 {
  max-width: none
}

div.TokenizeMeasure {
  font-size: 12px
}

div.search-app {
  position: relative;
  display: inline-block;
  zoom: 1
}

div.search-app ul {
  list-style: none;
  padding: 0;
  margin: 0
}

div.search-app ul li {
  white-space: nowrap
}

div.search-app ul li span {
  font-size: 12px
}

div.search-app ul.TokensContainer {
  cursor: text;
  padding: 0 5px 5px 0;
  overflow-y: auto;
  background-color: #FFFFFF;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #CCCCCC;
  height: 33px !important;
}

div.search-app ul.TokensContainer li.TokenSearch {
  margin: 5px 0 0 5px;
  height: 18px;
  float: left
}

div.search-app ul.TokensContainer li.TokenSearch input {
  font-size: 12px;
  margin: 0;
  padding: 1px 0;
  background-color: transparent;
  line-height: 18px;
  border: none;
  outline: none
}

div.search-app ul.TokensContainer li.Token {
  padding: 0 5px;
  line-height: 18px;
  margin: 5px 0 0 5px;
  height: 18px;
  float: left
}

div.search-app ul.TokensContainer li.Token a.Close {
  font-size: 16px !important;
  line-height: 18px;
  float: right;
  margin: 1px 0 0 5px;
  padding: 0;
  cursor: pointer;
  color: #A6B4CE
}

div.search-app ul.TokensContainer li.Token a.Close:hover {
  background: transparent;
  text-decoration: none
}

div.search-app ul.TokensContainer li.Token.MovingShadow {
  border: 1px solid #FCEFA1;
  background-color: #FBF9EE
}

div.search-app ul.TokensContainer li.Token.PendingDelete {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50)
}

div.search-app ul.TokensContainer li.Placeholder {
  color: #DDDDDD;
  position: absolute;
  line-height: 20px;
  padding: 5px 0 0 5px;
  display: none
}

div.search-app ul.TokensContainer.Autosize {
  height: auto
}

div.search-app ul.TokensContainer.ui-sortable:not(.ui-sortable-disabled) li.Token {
  cursor: move
}

div.search-app ul.Dropdown {
  border: 1px solid #CCCCCC
}

.search-app-container {
  position: relative;
  z-index: 9
}

div.search-app.Disabled ul.TokensContainer {
  cursor: not-allowed
}

div.search-app.Disabled ul.TokensContainer input {
  cursor: not-allowed
}

div.search-app.Disabled ul.TokensContainer li.Token a.Close {
  display: none
}

.search-app {
  width: 241px;
  position: absolute !important;
  right: 0
}

.search-app ul.Dropdown {
  background: #FFFFFF
}

.search-app ul.Dropdown li {
  padding: 0 5px;
  font-size: 13px;
  cursor: pointer
}

div.search-app-container div.Tokenize.search-empty ul.TokensContainer {
  border-color: #D9534F !important
}

.filter-search {
  position: absolute;
  right: 0;
}

.filter-search #CMSI_WebPage_Filter_Clear {
  position: absolute;
  right:0
}

.filter-search input[type=button] {

  border: none;
  height: 33px;
  border:1px solid transparent;
  border-radius: 0 3px 3px 0;
}

h3.filter-search-results {
  position: absolute;
  right: 0;
  text-transform: uppercase;
  border: none;
  bottom: 0px;
}

ul.tab-nav {
  list-style: none;
  margin: 0
}

ul.tab-nav li {
  float: left;
  margin: 0
}

ul.tab-nav li a {
  padding: 15px 20px;
  display: block;
  cursor: pointer;
  border-radius: 3px 3px 0 0
}

ul.tab-nav li:hover a {
  background: #F0F0F0
}

ul.tab-nav li.selected a {
  background: #F0F0F0
}

.tab-content {
  display: none;
  border: 1px solid #F0F0F0;
  margin-bottom: 20px
}

#edit-template {
  display: block
}

.ui-button.ui-state-hover .ui-icon.style-icon-1,
.ui-button.ui-state-hover .ui-icon.style-icon-2,
.ui-button.ui-state-hover .ui-icon.style-icon-3,
.ui-button.ui-state-hover .ui-icon.style-icon-4,
.ui-button.ui-state-hover .ui-icon.style-icon-5 {
  width: 70%;
  height: 70%;
  top: 15%;
  left: 15%;
  margin: 0;
  padding: 0
}

.ui-button.ui-state-hover .ui-icon.style-icon-1 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option1.svg)
}

.ui-button.ui-state-hover .ui-icon.style-icon-2 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option2.svg)
}

.ui-button.ui-state-hover .ui-icon.style-icon-3 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option3.svg)
}

.ui-button.ui-state-hover .ui-icon.style-icon-4 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option4.svg)
}

.ui-button.ui-state-hover .ui-icon.style-icon-5 {
  background-image: url(/assets/images/platform/slideshow/slideshow-option5.svg)
}

#frmManageSlideshow td:nth-child(2) label, #frmManageShowcase td:nth-child(2) label {
  width: 17%;
  max-width: 100px;
  height: 100px;
  display: block;
  float: left;
  border: 1px solid #DDDDDD;
  padding: 0;
  background: whiteSmoke;
  margin: 0 2% 0 0
}
#frmManageShowcase td:nth-child(2) label {
  max-width: 160px;
  height: 160px;
}

#frmManageSlideshow td:nth-child(2) label:hover, #frmManageShowcase td:nth-child(2) label:hover {
  background: #FFFFFF !important;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  color: #333333
}

#frmManageSlideshow td:nth-child(2) label.style-icon-selected, #frmManageShowcase td:nth-child(2) label.style-icon-selected  {
  background: #FFFFFF !important;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  color: #333333;
  border: 1px solid #3999D4
}

label[for*="showcase-style-icon"] .ui-button-text {
  text-indent: 0;
  padding: 10px;
  font-weight: 700;
}


#frmManageSlideshow a.preview {
  width: 17%;
  max-width: 100px;
  display: block;
  float: left;
  background: #3999D4;
  color: #FFFFFF;
  margin: 0 2% 0 0;
  text-align: center;
  line-height: 32px;
  margin-top: -25px;
  border-radius: 3px
}

#frmManageSlideshow a.preview:hover {
  background: #277EB3
}

#frmBlog i.desc {
  margin-top: -20px;
  display: block;
}
table#cmsi-manage-blog-item-photos td:first-child {
  padding: 5px 0 0;
  width: auto;
}

#redactor-modal-smartcode-insert select {
  width: 100%;
  max-width: none;
  margin: 0 0 10px
}

#redactor-modal-smartcode-insert .tip {
  font-size: 85%
}

#redactor-modal-smartcode-insert #cpanel-items li {
  width: 25%;
  max-width: none
}

div.mce-fullscreen {
  z-index: 9999
}

#calendar {
  max-width: none !important;
  font-family: "Open Sans", sans-serif !important
}

#calendar h2 {
  border: 0
}

#calendar th.ui-widget-header {
  background: #3999D4;
  color: #FFFFFF;
  border-color: #277EB3;
  text-shadow: 0 1px 1px #277EB3;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase
}

span.calendar-trash {
  width: 200px;
  display: inline-block;
  float: right;
  background: whiteSmoke;
  border: 2px dashed #DDDDDD;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  text-align: center;
  padding: 20px 0
}

span.calendar-trash img {
  width: 50px;
  height: 50px
}

.errorDialog.ui-widget {
  padding-top: 0;
  font-family: "Open Sans", sans-serif;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  overflow: hidden
}

.errorDialog .ui-widget-header {
  background: #D9534F;
  border-radius: 4px 4px 0 0;
  border: none
}

.errorDialog .ui-button.ui-widget {
  padding: 0;
  float: right
}

.errorDialog .ui-dialog-title {
  line-height: 35px;
  padding-left: 5px;
  text-transform: uppercase;
  font-size: 15px;
  color: #FFFFFF;
  text-shadow: 0 1px 1px #C9302C;
  -webkit-font-smoothing: antialiased
}

.errorDialog .ui-dialog-content {
  padding: 5px;
  background: none;
  border: none
}

.errorDialog .ui-button {
  border: 0;
  background: #FFFFFF;
  margin-top: .1em;
  margin-right: 2px
}

ul.formData {
  list-style: none;
  margin: 1.2em 0
}

ul.formData li {
  border-top: 1px dashed #DDDDDD;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0
}

ul.formData li strong {
  display: block;
  text-transform: uppercase;
  font-size: 12px
}

ul.formData li:first-child {
  padding-top: 0;
  border: 0
}

div.Tokenize ul.Dropdown {
  z-index: 100 !important;
}

div.Tokenize ul.Dropdown li.Hover {
  background: #3999D4 !important;
  color: #FFFFFF;
  cursor: pointer
}

div.Tokenize ul.TokensContainer {
  border-color: #DDDDDD !important;
  border-radius: 3px
}

div.Tokenize ul.TokensContainer li.Token {
  height: auto !important;
  border-radius: 3px
}

div.Tokenize ul.TokensContainer li.Token a.Close {
  margin-top: 3px !important
}

input[name="SCProductOptionGroupItemType"] {
  margin-left: 20px
}

input[name="SCProductOptionGroupItemType"]:first-child {
  margin-left: 0
}

table.DRXDataGrid td span.orderStatus {
  background: #EEEEEE;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
  text-transform: uppercase
}

table.DRXDataGrid td .action-req {
  background: #EEEEEE;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
  text-transform: uppercase;
  background: #D9534F;
  color: #FFFFFF
}

table.DRXDataGrid td span.New {
  background: #95C153;
  color: #FFFFFF
}

table.DRXDataGrid td span.Opened {
  background: #3999D4;
  color: #FFFFFF
}

table.DRXDataGrid td span.Aborted {
  background: #D9534F;
  color: #FFFFFF
}

table.DRXDataGrid td span.Backordered {
  background: #1394A2;
  color: #FFFFFF
}

#frmSimpleccartPresentation .ui-button .ui-icon.layout-1 {
  background-image: url(/assets/images/platform/icons/simpleCart-std.svg);
  background-size: 100px 100px
}

#frmSimpleccartPresentation .ui-button .ui-icon.style-icon-1 {
  background-image: url(/assets/images/platform/icons/simpleCart-std.svg);
  background-size: 100px 100px
}

#frmSimpleccartPresentation .ui-button .ui-icon.style-icon-2 {
  background-image: url(/assets/images/platform/icons/simpleCart-grid.svg);
  background-size: 100px 100px
}

#frmSimpleccartPresentation .ui-button.ui-state-hover .ui-icon.layout-1 {
  background-image: url(/assets/images/platform/icons/simpleCart-std.svg);
  background-size: 100px 100px
}

#frmSimpleccartPresentation .ui-button.ui-state-hover .ui-icon.style-icon-1 {
  background-image: url(/assets/images/platform/icons/simpleCart-std.svg);
  background-size: 100px 100px
}

#frmSimpleccartPresentation .ui-button.ui-state-hover .ui-icon.style-icon-2 {
  background-image: url(/assets/images/platform/icons/simpleCart-grid.svg);
  background-size: 100px 100px
}

#frmSimpleccartPresentation td:nth-child(2) label {
  width: 17%;
  max-width: 102px;
  height: 102px;
  display: block;
  float: left;
  border: 1px solid #DDDDDD;
  padding: 0;
  background: whiteSmoke;
  margin: 0 2% 0 0
}

#frmSimpleccartPresentation td:nth-child(2) label span {
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%
}

#frmSimpleccartPresentation td:nth-child(2) label:hover {
  background: #FFFFFF !important;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  color: #333333
}

#frmSimpleccartPresentation td:nth-child(2) label.style-icon-selected {
  background: #FFFFFF !important;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  color: #333333;
  border: 1px solid #3999D4
}

h2.treeview {
  border-top: 0;
  margin-left: -140px;
  margin-bottom: 20px
}

#treeview {
  white-space: nowrap;
  list-style: none;
  margin: 0 0 0 -120px
}

#treeview ul {
  list-style: none;
  margin: 10px 0 20px 1.6em
}

#treeview .fa {
  margin: 0 7px 0 -20px
}

@media handheld, only screen and (max-width: 805px) {
  #treeview {
    margin: 20px
  }

  h2.treeview {
    margin-left: 0
  }
}

label.layout-instructions {
  display: block;
  margin: 0 0 20px 0
}

.page-actions:after {
  content: "";
  display: table;
  clear: both
}

.DRXDataGrid_Pager {
  display: block;
  margin-bottom: 20px;
  clear: both;
  margin-top: 20px;
  float: right;
}
.display-per-page-container {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 20px;
}
#itemsPerPageOptions {
  padding: 5px !important;
}
label[for="itemsPerPageOptions"] {
  margin-left: 10px;
}

.ui-datepicker {
  z-index: 1065 !important
}

.required {
  color: #A94442
}

.form-group .note {
  margin: 5px 0 10px 0
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #FFFFFF
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue
}

ul.basic {
  list-style: none;
  margin: 1.2em 0
}

span.add {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjAuNjI1cHgiIGhlaWdodD0iMjAuNjI1cHgiIHZpZXdCb3g9IjAgMCAyMC42MjUgMjAuNjI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMC42MjUgMjAuNjI1OyIgZmlsbD0iI2ZmZmZmZiIgPjxwYXRoIGQ9Ik0xMC4zMTIsMEM0LjYxNywwLDAsNC42MTcsMCwxMC4zMTJzNC42MTcsMTAuMzEzLDEwLjMxMiwxMC4zMTNzMTAuMzEzLTQuNjE4LDEwLjMxMy0xMC4zMTNTMTYuMDA3LDAsMTAuMzEyLDB6CSBNMTUuODEyLDExLjgxMmgtNHY0aC0zdi00aC00di0zaDR2LTRoM3Y0aDRWMTEuODEyeiI+PC9wYXRoPjwvc3ZnPg==") 0 2px no-repeat;
  background-size: 16px;
  padding-left: 24px
}

.add-folder {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjAuNjI1cHgiIGhlaWdodD0iMjAuNjI1cHgiIHZpZXdCb3g9IjAgMCAyMC42MjUgMjAuNjI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMC42MjUgMjAuNjI1OyIgZmlsbD0iI2ZmZmZmZiIgPjxwYXRoIGQ9Ik0xMC4zMTIsMEM0LjYxNywwLDAsNC42MTcsMCwxMC4zMTJzNC42MTcsMTAuMzEzLDEwLjMxMiwxMC4zMTNzMTAuMzEzLTQuNjE4LDEwLjMxMy0xMC4zMTNTMTYuMDA3LDAsMTAuMzEyLDB6CSBNMTUuODEyLDExLjgxMmgtNHY0aC0zdi00aC00di0zaDR2LTRoM3Y0aDRWMTEuODEyeiI+PC9wYXRoPjwvc3ZnPg==") 9px 9px no-repeat #95c153 !important;
  background-size: 16px !important;
  padding-left: 34px !important;
  font-size: 15px;
  font-family: "Open Sans",sans-serif;
  margin-bottom: 5px;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  color: #fff;
  border-radius: 3px;
  border-color: transparent;
}
.add-folder:hover {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjAuNjI1cHgiIGhlaWdodD0iMjAuNjI1cHgiIHZpZXdCb3g9IjAgMCAyMC42MjUgMjAuNjI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMC42MjUgMjAuNjI1OyIgZmlsbD0iI2ZmZmZmZiIgPjxwYXRoIGQ9Ik0xMC4zMTIsMEM0LjYxNywwLDAsNC42MTcsMCwxMC4zMTJzNC42MTcsMTAuMzEzLDEwLjMxMiwxMC4zMTNzMTAuMzEzLTQuNjE4LDEwLjMxMy0xMC4zMTNTMTYuMDA3LDAsMTAuMzEyLDB6CSBNMTUuODEyLDExLjgxMmgtNHY0aC0zdi00aC00di0zaDR2LTRoM3Y0aDRWMTEuODEyeiI+PC9wYXRoPjwvc3ZnPg==") 9px 9px no-repeat #7ba53c !important;
  background-size: 16px !important;
}

#CMSI_FileManager_Filter {
  margin-left: 10px;
}



span.edit {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2IDI2OyIgZmlsbD0iIzQ0NDQ0NCIgPjxnPgk8cG9seWdvbiBwb2ludHM9IjcuMDAyLDIwLjY1OCAxNy45OTYsOS42NzQgMTYuMTcsNy44NDYgNS4xNzUsMTguODMyIDYuNzcyLDE5LjE5IAkiPjwvcG9seWdvbj4JPHBhdGggZD0iTTE5LjIwMiwxMC44NTdMOC4yNTcsMjEuNzkybC00LjQyOSwxLjNsLTAuOTE5LTAuOTE5bDEuMzU3LTQuNjI0TDE1LjA4NSw2LjczOUwxMy43NzQsNS40M0wyLjc3NywxNi4zMwkJYy0wLjE0MywwLjEyLTAuMjY1LDAuMjY3LTAuMzIxLDAuNDU5bC0yLjMwNCw3Ljg0OWMtMC4xMDEsMC4zNDItMC4wMDYsMC43MTIsMC4yNDYsMC45NjRjMC4xODYsMC4xODYsMC40MzUsMC4yODUsMC42ODksMC4yODUJCWMwLjA5MiwwLDAuMTg0LTAuMDEzLDAuMjc0LTAuMDM5bDcuODUtMi4zMDRjMC4xODYtMC4wNTUsMC4zMjktMC4xNzEsMC40NDgtMC4zMDdsMTEuMDA5LTEwLjkxM0wxOS4yMDIsMTAuODU3eiI+PC9wYXRoPgk8cG9seWdvbiBwb2ludHM9IjE0Ljc3MSw0LjMzNCAyMS42NjYsMTEuMjI5IDIzLjI0Myw5Ljc1IDE2LjM0OSwyLjg1NSAJIj48L3BvbHlnb24+CTxwYXRoIGQ9Ik0yNS4wNTgsNC4yMzdsLTMuMzA1LTMuMzA0Yy0wLjkxMi0wLjkxMy0yLjM4My0wLjkyLTMuMjg1LTAuMDE4TDE3LjQ1NCwxLjk0bDYuNjA3LDYuNjA4bDEuMDE1LTEuMDI1CQlDMjUuOTc4LDYuNjIxLDI1Ljk3LDUuMTUsMjUuMDU4LDQuMjM3eiI+PC9wYXRoPjwvZz48L3N2Zz4=") 0 2px no-repeat;
  background-size: 13px;
  padding-left: 20px
}

h2#build-form-heading {
  margin-top: 0;
  text-transform: none;
  border-top: none;
  padding-top: 0;
  font-size: 24px
}

.event-formgenerator-step-2 h2 {
  margin-top: 0;
  text-transform: none;
  border-top: none;
  padding-top: 0;
  font-size: 24px
}

.event-formgenerator-step-2 .form-group {
  margin: 0 0 20px
}

.event-formgenerator-step-2 .form-group label {
  display: block
}

.page-content .content-header {
  height: auto;
  line-height: 1.5
}

.event-title-default {
  font-weight: bold;
  font-size: 130%
}

.rfg-options {
  z-index: 1000 !important;
}
.rfg-options input[type="text"] {
  width: auto;
  max-width: none
}

.rfg-options .form-group {
  margin: 10px 0;
}

.rfg-options .form-group .form-group {
  display: block;
  clear: both;
  margin: 0 0 5px
}

.rfg-options .form-group .form-group input[type="radio"] {
  margin-left: 10px
}

.rfg-options.rfg-info {
  border: solid 1px #DDDDDD;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  left: -320px;
  top: 35px;
  width: 440px;
}

.rfg-options.rfg-info .elementTitle {
  margin-top: 15px;
}
.rfg-options.rfg-info .elementTitle input {
  width: 68.9%;
}

.rfg-options.rfg-info select[name="memberDataFields"] {
  max-width: calc(100% - 45px);
}

.rfg-options.rfg-info .control-label {
  min-width: 30%;
}

.rfg-options .control-label:not(:first-child) {
  margin-top: 15px;
}

.rfg-options small {
  display: block;
}

.control-label {
  font-weight: bold;
  font-size: 90%
}

#sidebar-wrapper {
  background: #FAFAFA;
  z-index: 1000;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  border: 1px solid #EEEEEE;
  border-radius: 4px
}

#sidebar-wrapper > .sidebar-brand {
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px;
  margin: 0
}

#sidebar-wrapper > .sidebar-brand a {
  color: #999999
}

#sidebar-wrapper > .sidebar-brand a:hover {
  color: #FFFFFF;
  background: none
}

.ifg-form-group h1 {
  border: 0;
  text-transform: none
}

.ifg-continer .btn-group .btn {
  width: 40px;
  text-align: center
}

.ifg-continer .btn-group .btn-drk {
  cursor: move
}

.ifg-continer textarea {
  max-width: 450px
}

.form-group.close-div {
  position: absolute;
  right: 0;
  z-index: 99;
  cursor: pointer;
  top: -5px;
}

textarea#ifg-form-success-msg {
  width: 100%;
  max-width: none
}

.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0
}

.sidebar-nav li {
  line-height: 40px;
  margin: 0
}

.sidebar-nav li:first-child a {
  border-top: 0
}

.sidebar-nav li a {
  color: #333333;
  display: block;
  border-top: 1px solid #EEEEEE;
  padding: 0 10px;
  font-size: 14px;
  cursor: move
}

.sidebar-nav li a:hover {
  color: #111111;
  background: #EEEEEE;
  text-decoration: none
}

.sidebar-nav li a:active {
  text-decoration: none
}

.sidebar-nav li a:focus {
  text-decoration: none
}

.btn {
  border-radius: 3px;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  color: #555555;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none
}

.btn:hover {
  background: #CCCCCC;
  color: #333333
}

.button {
  border-radius: 3px;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  color: #555555;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none
}

.button:hover {
  background: #CCCCCC;
  color: #333333
}

.button-primary {
  border-radius: 3px;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  color: #555555;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  color: #FFFFFF;
  background: #3999D4;
  border-color: #3999D4;
  text-shadow: 0 1px 1px #2984BB
}

.button-primary:hover {
  color: #FFFFFF;
  background: #226F9E;
  border-color: #226F9E
}

.cmsi-manage-testimonial-category-link {
  border-radius: 3px;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  color: #555555;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  background: #FFFFFF;
  color: #555555;
  border-color: #E6E6E5
}

.cmsi-manage-testimonial-category-link:hover {
  background: #CCCCCC;
  color: #333333;
  background: #E6E5E5;
  color: #555555;
  border-color: #D9D9D9
}

.btn-drk {
  border-radius: 3px;
  background: #EEEEEE;
  border: 1px solid #DDDDDD;
  color: #555555;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  color: #FFFFFF;
  background: #333333;
  border-color: #333333;
  text-shadow: 0 1px 1px #222222
}

.btn-drk:hover {
  background: #CCCCCC;
  color: #333333;
  color: #FFFFFF;
  background: #323232;
  border-color: #323232
}

.btn-large {
  font-size: 22px;
  padding: 7px 20px
}

.btn-max {
  width: 100%;
  padding: 7px 0;
  text-align: center
}

.cta a {
  width: 100%;
  padding: 7px 0;
  text-align: center
}

.btn-r {
  float: right
}

.btn-success {
  color: #FFFFFF;
  background: #95C153;
  text-shadow: 0 1px 1px #6D9335
}

.btn-success:hover {
  color: #FFFFFF;
  background: #7BA53C
}

.btn-primary {
  color: #FFFFFF;
  background: #3999D4;
  border-color: #3999D4;
  text-shadow: 0 1px 1px #2984BB;
  color: #FFFFFF
}

.btn-primary:hover {
  color: #FFFFFF;
  background: #226F9E;
  border-color: #226F9E;
  color: #FFFFFF
}

.btn-primary:focus {
  color: #FFFFFF
}

.btn-primary:active {
  color: #FFFFFF;
  background-image: none
}

.btn-primary .badge {
  color: #3999D4;
  background-color: #FFFFFF
}

.btn-secondary,
#delete-redirect-btn {
  color: #FFFFFF;
  background: #95C153;
  border-color: #95C153;
  text-shadow: 0 1px 1px #7BA53C
}

.btn-secondary:hover,
#delete-redirect-btn:hover {
  color: #FFFFFF;
  background: #7BA53C;
  border-color: #7BA53C;
  text-shadow: 0 1px 1px #5F802E
}

.btn-alert {
  color: #FFFFFF;
  background: #D9534F;
  text-shadow: 0 1px 1px #C9302C;
  border-color: #D9534F
}

.btn-alert:hover {
  color: #FFFFFF;
  background: #C9302C
}

.btn-teriary {
  color: #FFFFFF
}

.btn-teriary:hover {
  color: #FFFFFF
}


#delete-cancel-btn {
  text-shadow: 0 1px 1px #545b62;
}

.update {
  font-size: 13px
}

.btn-tertiary {
  background: #FFFFFF;
  color: #555555;
  border-color: #E6E6E5
}

.btn-tertiary:hover {
  background: #E6E5E5;
  color: #555555;
  border-color: #D9D9D9
}

.DRXDataGrid_RedirectButton input {
  font-size: 14px
}

.btnList input[type="submit"] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 0;
  cursor: pointer;
  display: inline-block;
  padding: 7px 12px;
  text-decoration: none;
  margin: 0 5px 20px 0;
  font-size: 14px
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

.btndropdown {
  width: 150px
}

.btndropdown .btn-group .btn {
  margin-right: 0
}

.btndropdown .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.btndropdown .btn .caret {
  margin-left: 0
}

.btn-primary.focus {
  color: #FFFFFF
}

.btn-primary.active {
  color: #FFFFFF;
  background-image: none
}

.open > .dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-image: none
}

.open > .dropdown-menu {
  display: block
}

.open > a {
  outline: 0
}

.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #337AB7;
  border-color: #2E6DA4
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
  background-color: #337AB7;
  border-color: #2E6DA4
}

.btn-primary.disabled:focus,
.btn-primary[disabled]:focus {
  background-color: #337AB7;
  border-color: #2E6DA4
}

.btn-primary.disabled:active,
.btn-primary[disabled]:active {
  background-color: #337AB7;
  border-color: #2E6DA4
}

fieldset[disabled] .btn-primary {
  background-color: #337AB7;
  border-color: #2E6DA4
}

fieldset[disabled] .btn-primary:hover {
  background-color: #337AB7;
  border-color: #2E6DA4
}

fieldset[disabled] .btn-primary:focus {
  background-color: #337AB7;
  border-color: #2E6DA4
}

fieldset[disabled] .btn-primary:active {
  background-color: #337AB7;
  border-color: #2E6DA4
}

fieldset[disabled] .btn-primary.focus {
  background-color: #337AB7;
  border-color: #2E6DA4
}

fieldset[disabled] .btn-primary.active {
  background-color: #337AB7;
  border-color: #2E6DA4
}

.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
.btn-primary.disabled.active,
.btn-primary[disabled].active {
  background-color: #337AB7;
  border-color: #2E6DA4
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.dropdown {
  position: relative
}

.dropdown-toggle:focus {
  outline: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333 !important;
  white-space: nowrap
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #F5F5F5
}

.dropdown-menu > .active > a {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #3999D4;
  outline: 0
}

.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #3999D4;
  outline: 0
}

.dropdown-menu > .disabled > a {
  color: #777777
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.btn-group > .btn {
  position: relative;
  float: left
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active {
  z-index: 2
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.btn-group > .btn:first-child {
  margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group > .btn.active {
  z-index: 2
}

.btn-group .btn + .btn {
  margin-left: -1px
}

.btn-group .btn + .btn-group {
  margin-left: -1px
}

.btn-group .btn-group + .btn {
  margin-left: -1px
}

.btn-group .btn-group + .btn-group {
  margin-left: -1px
}

.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group > .btn-group {
  float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.btn-group .dropdown-toggle:active {
  outline: 0
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
  border-left: 1px solid #63AFDD;
  height: 34px
}

.btn-group button {
  padding-right: 8px;
  padding-left: 8px;
  border-left: 1px solid #63AFDD;
  height: 34px
}

.btn-group > a {
  height: 34px
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px
}

.btn-group.open .dropdown-toggle {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none
}

.sitewideAction a.btn-primary {
  height: 34px
}

#insert-custom-field {
  background: #3999D4;
  border: 0;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  color: #FFFFFF;
  cursor: pointer;
  padding: 0 5px
}

#insert-custom-field:hover {
  background: #277EB3
}

.agencyModuleNav,
#cpanel-items,
#cmsi-module-members-submodule-list,
#cmsi-module-members-sso-list,
#cmsi-module-simplecart-dashboard,
#cmsi-module-gallery-dashboard,
#cmsi-module-settings-submodule-list,
#cmsi-module-forms-dashboard,
#cmsi-module-onboarding-dashboard,
#cmsi-module-onboarding-plan-dashboard,
#cmsi-module-seo-dashboard,
#cmsi-module-schema-dashboard,
#cmsi-module-layout-dashboard {
  list-style: none;
  margin: 0 -0.46875em 20px -0.46875em
}

.agencyModuleNav li,
#cpanel-items li,
#cmsi-module-members-submodule-list li,
#cmsi-module-members-sso-list li,
#cmsi-module-simplecart-dashboard li,
#cmsi-module-gallery-dashboard li,
#cmsi-module-settings-submodule-list li,
#cmsi-module-forms-dashboard li,
#cmsi-module-onboarding-dashboard li,
#cmsi-module-onboarding-plan-dashboard li,
#cmsi-module-seo-dashboard li,
#cmsi-module-schema-dashboard li,
#cmsi-module-layout-dashboard li {
  width: 14.28571428571429%;
  height: 130px;
  display: block;
  text-align: center;
  float: left;
  padding: 0 0.46875em .9375em
}

.agencyModuleNav li:hover a,
#cpanel-items li:hover a,
#cmsi-module-members-submodule-list li:hover a,
#cmsi-module-members-sso-list li:hover a,
#cmsi-module-simplecart-dashboard li:hover a,
#cmsi-module-gallery-dashboard li:hover a,
#cmsi-module-settings-submodule-list li:hover a,
#cmsi-module-forms-dashboard li:hover a,
#cmsi-module-onboarding-dashboard li:hover a,
#cmsi-module-onboarding-plan-dashboard li:hover a,
#cmsi-module-seo-dashboard li:hover a,
#cmsi-module-schema-dashboard li:hover a,
#cmsi-module-layout-dashboard li:hover a {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 5px #DDDDDD;
  box-shadow: 0 0 5px #DDDDDD;
  color: #333333
}

.agencyModuleNav a,
#cpanel-items a,
#cmsi-module-members-submodule-list a,
#cmsi-module-members-sso-list a,
#cmsi-module-simplecart-dashboard a,
#cmsi-module-gallery-dashboard a,
#cmsi-module-settings-submodule-list a,
#cmsi-module-forms-dashboard a,
#cmsi-module-onboarding-dashboard a,
#cmsi-module-onboarding-plan-dashboard a,
#cmsi-module-seo-dashboard a,
#cmsi-module-schema-dashboard a,
#cmsi-module-layout-dashboard a {
  display: block;
  background-color: whitesmoke;
  background-repeat: no-repeat;
  background-position: center 20px;
  height: 100%;
  border-radius: 12px;
  font-size: 90%;
  color: #999999;
  padding-top: 80px;
  background-size: 50px 50px
}

#cpanel-items .reseller a,
#cpanel-items .customer a {
  background-image: url(/assets/images/platform/icons/group.svg)
}

#cpanel-items .helpfiles a {
  background-image: url(/assets/images/platform/icons/help.svg)
}

#cpanel-items .tips a {
  background-image: url(/assets/images/platform/icons/about.svg)
}

#cpanel-items .announceit a {
  background-image: url(/assets/images/platform/icons/megaphone.svg)
}

#cpanel-items .translation a {
  background-image: url(/assets/images/platform/icons/translations.svg)
}

#cpanel-items .moveclients a {
  background-image:url(/assets/images/platform/icons/MoveClients.svg)
}

#cpanel-items .movewebsite a {
  background-image:url(/assets/images/platform/icons/move-websites.svg)
}

#cpanel-items .loginbackground a {
  background-image:url(/assets/images/platform/icons/login-screen.svg)
}

#cpanel-items .system a {
  background-image:url(/assets/images/platform/icons/system.svg)
}

#cpanel-items .jobcontrol a {
  background-image:url(/assets/images/platform/icons/system-job.svg)
}

#cpanel-items .wafdenylist a {
  background-image:url(/assets/images/platform/icons/system-waf-deny-list.svg)
}

#cpanel-items .wafallowlist a {
  background-image:url(/assets/images/platform/icons/system-waf-allow-list.svg)
}

#cpanel-items .profile a {
  background-image: url(/assets/images/platform/icons/edit_user.svg)
}

#cpanel-items .password a {
  background-image: url(/assets/images/platform/icons/password.svg)
}

#cpanel-items .systeminfo a {
  background-image: url(/assets/images/platform/icons/www.svg)
}

#cpanel-items .billing a {
  background-image: url(/assets/images/platform/icons/billing.svg)
}

#cpanel-items .platformupdates a {
  background-image: url(/assets/images/platform/icons/todo.svg)
}

#cpanel-items .superuser a,
#cpanel-items .reselleraccess a {
  background-image: url(/assets/images/platform/icons/AddUser.svg)
}

#cpanel-items .template a {
  background-image: url(/assets/images/platform/icons/template.svg)
}

#cpanel-items .webpages a {
  background-image: url(/assets/images/platform/icons/edit_file.svg)
}

#cpanel-items .navigation a {
  background-image: url(/assets/images/platform/icons/menu.svg)
}

#cpanel-items .showcase a {
  background-image: url(/assets/images/platform/icons/content.svg)
}

#cpanel-items .blog a {
  background-image: url(/assets/images/platform/icons/news.svg)
}

#cpanel-items .files a {
  background-image: url(/assets/images/platform/icons/archive.svg)
}

#cpanel-items .import a {
  background-image: url(/assets/images/platform/icons/UploadToCloud.svg)
}

#cpanel-items .testimonial a {
  background-image: url(/assets/images/platform/icons/voice_presentation.svg)
}

#cpanel-items .sitewide a {
  background-image: url(/assets/images/platform/icons/pin.svg)
}

#cpanel-items .seog7 a {
  background-image: url(/assets/images/platform/icons/search.svg)
}

#cpanel-items .seoanalyzer a {
  background-image: url(/assets/images/platform/icons/inspection.svg)
}

#cpanel-items .simplecart a {
  background-image: url(/assets/images/platform/icons/shopping_cart_loaded.svg)
}

#cpanel-items .slideshow1 a {
  background-image: url(/assets/images/platform/icons/picture_old.svg)
}

#cpanel-items .mediaalbums a {
  background-image: url(/assets/images/platform/icons/small_icons_old.svg)
}

#cpanel-items .adagent a {
  background-image: url(/assets/images/platform/icons/briefcase.svg)
}

#cpanel-items .gallery a {
  background-image: url(/assets/images/platform/icons/stack_of_photos.svg)
}

#cpanel-items .adagentv1 a {
  background-image: url(/assets/images/platform/icons/adagentv1.svg)
}

#cpanel-items .calendar a {
  background-image: url(/assets/images/platform/icons/calendar.svg)
}

#cpanel-items .location a {
  background-image: url(/assets/images/platform/icons/Address.svg)
}

#cpanel-items .calendarv1 a {
  background-image: url(/assets/images/platform/icons/calendarv1.svg)
}

#cpanel-items .newsroom a {
  background-image: url(/assets/images/platform/icons/megaphone.svg)
}

#cpanel-items .settings a {
  background-image: url(/assets/images/platform/icons/settings3.svg)
}

#cpanel-items .users a {
  background-image: url(/assets/images/platform/icons/administrator.svg)
}

#cpanel-items .members a {
  background-image: url(/assets/images/platform/icons/user_shield.svg)
}

#cpanel-items .training a {
  background-image: url(/assets/images/platform/icons/classroom.svg)
}

#cpanel-items .stats a {
  background-image: url(/assets/images/platform/icons/line_chart_stats.svg)
}

#cpanel-items .forms a {
  background-image: url(/assets/images/platform/icons/Note.svg)
}

#cpanel-items .socialshare a {
  background-image: url(/assets/images/platform/icons/Share.svg)
}

#cpanel-items .exportdata a {
  background-image: url(/assets/images/platform/icons/excel.svg)
}

#cpanel-items .tag a {
  background-image: url(/assets/images/platform/icons/Tag.svg)
}

#cpanel-items .onboarding a {
  background-image: url(/assets/images/platform/icons/Training.svg)
}

#cpanel-items .cform a {
  background-image: url(/assets/images/platform/icons/message_group.svg)
}

#cpanel-items .social a {
  background-image: url(/assets/images/platform/icons/chat.svg)
}

#cpanel-items .video a {
  background-image: url(/assets/images/platform/icons/movie.svg)
}

#cpanel-items .buttons a {
  background-image: url(/assets/images/platform/icons/one_finger.svg)
}

#cmsi-module-simplecart-dashboard .categories a {
  background-image: url(/assets/images/platform/icons/opened_folder.svg)
}

#cmsi-module-simplecart-dashboard .products a {
  background-image: url(/assets/images/platform/icons/price_tag.svg)
}

#cmsi-module-simplecart-dashboard .orders a {
  background-image: url(/assets/images/platform/icons/purchase_order.svg)
}

#cmsi-module-simplecart-dashboard .shipping a {
  background-image: url(/assets/images/platform/icons/truck.svg)
}

#cmsi-module-simplecart-dashboard .options a {
  background-image: url(/assets/images/platform/icons/checklist.svg)
}

#cmsi-module-simplecart-dashboard .settings a {
  background-image: url(/assets/images/platform/icons/settings3.svg)
}

#cmsi-module-simplecart-dashboard .data a,#cpanel-items .reports a {
  background-image: url(/assets/images/platform/icons/excel.svg)
}

#cmsi-module-simplecart-dashboard .discount a {
  background-image: url(/assets/images/platform/icons/Sale.svg)
}

#cmsi-module-simplecart-dashboard .tax a {
  background-image: url(/assets/images/platform/icons/Percentage.svg)
}

#cmsi-module-simplecart-dashboard .voucher a {
  background-image: url(/assets/images/platform/icons/giftvoucher.svg)
}

#cmsi-module-simplecart-dashboard .payment a {
  background-image: url(/assets/images/platform/icons/CardinUse.svg)
}

#cmsi-module-simplecart-dashboard .stripe a {
  background-image: url(/assets/images/platform/icons/custom-payments.svg)
}

#cmsi-module-simplecart-dashboard .presentation a {
  background-image: url(/assets/images/platform/icons/PageOverview4.svg)
}

#cmsi-module-simplecart-dashboard .pickup a {
  background-image: url(/assets/images/platform/icons/LiftCart.svg)
}

#cmsi-module-simplecart-dashboard .shipstation a {
  background-image: url(/assets/images/platform/icons/shipstation.svg)
}

#cmsi-module-simplecart-dashboard .customer-data a {
  background-image: url(/assets/images/platform/icons/download-customer-data.svg)
}

#cmsi-module-simplecart-dashboard .customer-data-opentoship a {
  background-image: url(/assets/images/platform/icons/open-orders.svg)
}

#cmsi-module-simplecart-dashboard .customer-orders a {
  background-image: url(/assets/images/platform/icons/download-orders.svg)
}

#cmsi-module-simplecart-dashboard .customer-inventory a {
  background-image: url(/assets/images/platform/icons/export-inventory.svg)
}

#cmsi-module-simplecart-dashboard .custom-report a {
  background-image: url(/assets/images/platform/icons/simplecart-custom-report.svg)
}

#cmsi-module-simplecart-dashboard .templates a {
  background-image: url(/assets/images/platform/icons/templates.svg)
}

#cmsi-module-simplecart-dashboard .email a {
  background-image: url(/assets/images/platform/icons/email2.svg)
}

#cmsi-module-simplecart-dashboard .importinventory a {
  background-image: url(/assets/images/platform/icons/import-inventory.svg)
}

#cmsi-module-simplecart-dashboard .promotion-codes a {
  background-image: url(/assets/images/platform/icons/promotion-codes.svg)
}

#cmsi-module-simplecart-dashboard .applied-discount a {
  background-image: url(/assets/images/platform/icons/auto-applied-discounts.svg)
}

#cmsi-module-gallery-dashboard .slider a {
  background-image: url(/assets/images/platform/icons/slider.svg)
}

#cmsi-module-gallery-dashboard .slideshow a {
  background-image: url(/assets/images/platform/icons/picture.svg)
}

#cmsi-module-gallery-dashboard .photogallery a {
  background-image: url(/assets/images/platform/icons/small_icons.svg)
}

#cmsi-module-gallery-dashboard .instagram a {
  background-image: url(/assets/images/platform/icons/Instagram.svg)
}

#cmsi-module-forms-dashboard .forms a {
  background-image: url(/assets/images/platform/icons/Note.svg)
}

#cmsi-module-forms-dashboard .responses a {
  background-image: url(/assets/images/platform/icons/message_group.svg)
}

#cmsi-module-forms-dashboard .export a {
  background-image: url(/assets/images/platform/icons/MSExcel.svg)
}

.agencyModuleNav .posts a{
  background-image: url(/assets/images/platform/icons/news.svg)
}

.agencyModuleNav .categories a{
  background-image: url(/assets/images/platform/icons/opened_folder.svg)
}

.agencyModuleNav .authors a{
  background-image: url(/assets/images/platform/icons/author.svg)
}

.agencyModuleNav .programs a{
  background-image: url(/assets/images/platform/icons/calendar.svg)
}

.agencyModuleNav .overview a{
  background-image: url(/assets/images/platform/icons/settings3.svg)
}

#cmsi-module-onboarding-dashboard .plans a {
  background-image: url(/assets/images/platform/icons/Diploma.svg)
}

#cmsi-module-onboarding-dashboard .activity a, #cmsi-module-onboarding-plan-dashboard .activity a{
  background-image: url(/assets/images/platform/icons/administrator.svg)
}

#cmsi-module-onboarding-dashboard .settings a{
  background-image: url(/assets/images/platform/icons/settings3.svg)
}

#cmsi-module-onboarding-dashboard .members a {
  background-image: url(/assets/images/platform/icons/group.svg)
}

#cmsi-module-onboarding-plan-dashboard .milestones a {
  background-image: url(/assets/images/platform/icons/Approval.svg)
}

#cmsi-module-onboarding-plan-dashboard .forms a {
  background-image: url(/assets/images/platform/icons/Note.svg)
}

#cmsi-module-onboarding-plan-dashboard .members a {
  background-image: url(/assets/images/platform/icons/group.svg)
}

#cmsi-module-onboarding-plan-dashboard .export-data a {
  background-image: url(/assets/images/platform/icons/excel.svg)
}

#cmsi-module-onboarding-plan-dashboard .settings a {
  background-image: url(/assets/images/platform/icons/settings3.svg)
}

#cmsi-module-seo-dashboard .seometa a {
  background-image: url(/assets/images/platform/icons/Info.svg)
}

#cmsi-module-schema-dashboard .seobusinessinfo a {
  background-image: url(/assets/images/platform/icons/Address.svg)
}

#cmsi-module-schema-dashboard .seobusinesshours a {
  background-image: url(/assets/images/platform/icons/Clock.svg)
}

#cmsi-module-schema-dashboard .seosocial a {
  background-image: url(/assets/images/platform/icons/Property.svg)
}

#cmsi-module-members-submodule-groups a {
  background-image: url(/assets/images/platform/icons/Conference.svg)
}

#cmsi-module-members-submodule-members a {
  background-image: url(/assets/images/platform/icons/group.svg)
}

#cmsi-module-members-submodule-settings a {
  background-image: url(/assets/images/platform/icons/read_message.svg)
}

#cmsi-module-members-submodule-tutorial a {
  background-image: url(/assets/images/platform/icons/classroom.svg)
}

#cmsi-module-members-submodule-fields a {
  background-image: url(/assets/images/platform/icons/Form.svg)
}

#cmsi-module-members-submodule-import a {
  background-image: url(/assets/images/platform/icons/UploadToCloud.svg)
}

#cmsi-module-members-submodule-export a {
  background-image: url(/assets/images/platform/icons/DownloadFromCloud.svg)
}
#cmsi-module-members-submodule-sso a {
  background-image: url(/assets/images/platform/icons/sso-icon.svg)
}
#cmsi-module-members-submodule-ftp a {
  background-image: url(/assets/images/platform/icons/ftp-member-import.svg)
}
.ssoConnection a {
  background-image: url(/assets/images/platform/icons/sso-connection-settings-icon.svg)
}
.ssoMapgroups a {
  background-image: url(/assets/images/platform/icons/sso-group-map-icon.svg)
}
.ssoMapfields a {
  background-image: url(/assets/images/platform/icons/sso-profile-map-icon.svg)
}
#cmsi-module-settings-submodule-general a {
  background-image: url(/assets/images/platform/icons/settings3.svg)
}

#cmsi-module-settings-submodule-email a {
  background-image: url(/assets/images/platform/icons/email.svg)
}

#cmsi-module-settings-submodule-google a {
  background-image: url(/assets/images/platform/icons/google.svg)
}

#cmsi-module-settings-submodule-forms a {
  background-image: url(/assets/images/platform/icons/edit_property.svg)
}

#cmsi-module-settings-submodule-redirect a {
  background-image: url(/assets/images/platform/icons/data_in_both_directions.svg)
}

#cmsi-module-settings-submodule-dnsmanager a {
  background-image: url(/assets/images/platform/icons/domain.svg)
}

#cmsi-module-settings-submodule-importwp a {
  background-image: url(/assets/images/platform/icons/WordPress.svg)
}

#cmsi-module-settings-submodule-certificate a {
  background-image: url(/assets/images/platform/icons/SecuritySSL.svg)
}

#cmsi-module-settings-submodule-domainalias a {
  background-image: url(/assets/images/platform/icons/Open_in_Browser.svg)
}

#cmsi-module-settings-submodule-robots a {
  background-image: url(/assets/images/platform/icons/Bot.svg)
}

#cmsi-module-settings-submodule-tagmanager a {
  background-image: url(/assets/images/platform/icons/Tags.svg)
}

#cmsi-module-settings-submodule-tag-item a {
  background-image: url(/assets/images/platform/icons/tag-manager-tags.svg)
}

#cmsi-module-settings-submodule-tag-settings a {
  background-image: url(/assets/images/platform/icons/tag-manager-settings.svg)
}

#cmsi-module-settings-submodule-replace a {
  background-image: url(/assets/images/platform/icons/FindandReplace.svg)
}

#cmsi-module-settings-submodule-feed a {
  background-image: url(/assets/images/platform/icons/settings-feeds.svg)
}

#cmsi-module-settings-submodule-webhook a {
  background-image: url(/assets/images/platform/icons/webhooks.svg)
}

#cmsi-module-settings-webhook-submodule-events a {
  background-image: url(/assets/images/platform/icons/webhooks-configure-events.svg)
}

#cmsi-module-settings-webhook-submodule-queue a {
  background-image: url(/assets/images/platform/icons/webhooks-queue.svg)
}

.agency-scripts a,
#cmsi-module-settings-global-scripts a {
  background-image: url(/assets/images/platform/icons/global-scripts.svg)
}

#cmsi-module-settings-submodule-translation a {
  background-image: url(/assets/images/platform/icons/translations.svg)
}

#cmsi-module-settings-submodule-cssselector a {
  background-image: url(/assets/images/platform/icons/css-selector.svg)
}

#cmsi-module-settings-submodule-instagram a {
  background-image: url(/assets/images/platform/icons/Instagram.svg)
}

#cmsi-module-layout-dashboard .layout a {
  background-image: url(/assets/images/platform/icons/template.svg)
}

#cmsi-module-layout-dashboard .landingpage a {
  background-image: url(/assets/images/platform/icons/WebDesign.svg)
}

#cmsi-module-layout-dashboard .pagestyles a {
  background-image: url(/assets/images/platform/icons/WebDesign2.svg)
}

#cmsi-module-layout-dashboard .filesmanager a {
  background-image: url(/assets/images/platform/icons/layout-files.svg)
}

#cpanel-items .formdatatracking a {
  background-image: url(/assets/images/platform/icons/Note.svg)
}

#cpanel-items .feeds a {
  background-image: url(/assets/images/platform/icons/settings-feeds.svg)
}

#cpanel-items .tagging a {
  background-image: url(/assets/images/platform/icons/Tags.svg)
}

#cmsi-module-agency-submodule-tag-item a {
  background-image: url(/assets/images/platform/icons/Tag.svg)
}

#cmsi-module-agency-submodule-tag-category a {
  background-image: url(/assets/images/platform/icons/opened_folder.svg)
}

#cmsi-module-agency-submodule-tag-export a {
  background-image: url(/assets/images/platform/icons/excel.svg)
}

#cmsi-module-agency-submodule-tag-settings a {
  background-image: url(/assets/images/platform/icons/settings.svg)
}

#appPanel {
  display: none;
  background: #444444;
  position: fixed;
  z-index: 1000;
  left: 100px;
  padding: 0px 0px 9999px 0px;
  margin: 0 0 -9999px 0;
  width: 200px;
  height: 100%;
  overflow: hidden
}

#appPanel ul {
  list-style: none;
  margin: 0;
  font-size: 0;
  padding: 0;
  width: 200px
}

#appPanel li {
  display: block;
  font-size: 14px;
  position: relative;
  margin: 0;
  border-bottom: 1px solid #4E4E4E
}

#appPanel li .unnapproved-comments {
  display: inline-block;
  background: #D9534F;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  margin: 0;
  border-radius: 500px;
  color: #FFFFFF;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 13px
}

#appPanel li:hover a {
  color: #FFFFFF;
  background-color: #333333
}

#appPanel a {
  display: block;
  background-repeat: no-repeat;
  background-position: 15px 10px;
  color: #CCCCCC;
  background-size: 20px 20px;
  padding: 0 0 0 45px;
  line-height: 44px;
  -webkit-font-smoothing: antialiased
}

#appPanel li.active a {
  color: #FFFFFF;
  background-color: #333333
}

#appPanel .layoutHome a {
  background-image: url(/assets/images/platform/icons-w/template.svg)
}

#appPanel .landingpage a {
  background-image: url(/assets/images/platform/icons-w/WebDesign.svg)
}

#appPanel .landingpage:last-child a {
  background-image: url(/assets/images/platform/icons-w/WebDesign2.svg)
}

#appPanel .socialshare a {
  background-image: url(/assets/images/platform/icons-w/Share.svg)
}

#appPanel .exportdata a {
  background-image: url(/assets/images/platform/icons-w/excel.svg)
}

#appPanel .tag a {
  background-image: url(/assets/images/platform/icons-w/Tag.svg)
}

#appPanel .simpleCartHome a {
  background-image: url(/assets/images/platform/icons-w/home.svg)
}

#appPanel .categories a {
  background-image: url(/assets/images/platform/icons-w/opened_folder.svg)
}

#appPanel .author a {
  background-image: url(/assets/images/platform/icons-w/author.svg)
}

#appPanel .products a {
  background-image: url(/assets/images/platform/icons-w/price_tag.svg)
}

#appPanel .orders a {
  background-image: url(/assets/images/platform/icons-w/purchase_order.svg)
}

#appPanel .voucher a {
  background-image: url(/assets/images/platform/icons-w/giftvoucher.svg)
}

#appPanel .shipping a {
  background-image: url(/assets/images/platform/icons-w/truck.svg)
}

#appPanel .options a {
  background-image: url(/assets/images/platform/icons-w/checklist.svg)
}

#appPanel .settings a {
  background-image: url(/assets/images/platform/icons-w/settings3.svg)
}

#appPanel .data a {
  background-image: url(/assets/images/platform/icons-w/excel.svg)
}

#appPanel .discount a {
  background-image: url(/assets/images/platform/icons-w/Sale.svg)
}

#appPanel .tax a {
  background-image: url(/assets/images/platform/icons-w/Percentage.svg)
}

#appPanel .payment a {
  background-image: url(/assets/images/platform/icons-w/CardinUse.svg)
}

#appPanel .importinventory a {
  background-image: url(/assets/images/platform/icons-w/import-inventory-ccc.svg)
}

#appPanel .templates a {
  background-image: url(/assets/images/platform/icons-w/simplecart-templates.svg);
}

#appPanel .presentation a {
  background-image: url(/assets/images/platform/icons-w/PageOverview4.svg)
}

#appPanel .membersHome a {
  background-image: url(/assets/images/platform/icons-w/home.svg)
}

#appPanel .groups a {
  background-image: url(/assets/images/platform/icons-w/Conference.svg)
}

#appPanel .members a {
  background-image: url(/assets/images/platform/icons-w/group.svg)
}

#appPanel .notifications a {
  background-image: url(/assets/images/platform/icons-w/read_message.svg)
}

#appPanel .fields a {
  background-image: url(/assets/images/platform/icons-w/Form.svg)
}

#appPanel .import a {
  background-image: url(/assets/images/platform/icons-w/UploadToCloud.svg)
}

#appPanel .exportData a {
  background-image: url(/assets/images/platform/icons-w/DownloadFromCloud.svg)
}

#appPanel .testimonialsHome a {
  background-image: url(/assets/images/platform/icons-w/voice_presentation.svg)
}

#appPanel .blogHome a {
  background-image: url(/assets/images/platform/icons-w/news.svg)
}

#appPanel .comments a {
  background-image: url(/assets/images/platform/icons-w/chat.svg)
}

#appPanel .settingsHome a {
  background-image: url(/assets/images/platform/icons-w/home.svg)
}

#appPanel .general a {
  background-image: url(/assets/images/platform/icons-w/settings3.svg)
}

#appPanel .email a {
  background-image: url(/assets/images/platform/icons-w/email.svg)
}

#appPanel .google a {
  background-image: url(/assets/images/platform/icons-w/google.svg)
}

#appPanel .redirect a {
  background-image: url(/assets/images/platform/icons-w/data_in_both_directions.svg)
}

#appPanel .dnsmanager a {
  background-image: url(/assets/images/platform/icons-w/domain.svg)
}

#appPanel .importwp a {
  background-image: url(/assets/images/platform/icons-w/WordPress.svg)
}

#appPanel .certificate a {
  background-image: url(/assets/images/platform/icons-w/SecuritySSL.svg)
}

#appPanel .domainalias a {
  background-image: url(/assets/images/platform/icons-w/Open_in_Browser.svg)
}

#appPanel .robots a {
  background-image: url(/assets/images/platform/icons-w/Bot.svg)
}

#appPanel .tagmanager a {
  background-image: url(/assets/images/platform/icons-w/Tags.svg)
}

#appPanel .replace a {
  background-image: url(/assets/images/platform/icons-w/FindandReplace.svg)
}

#appPanel .galleryHome a {
  background-image: url(/assets/images/platform/icons-w/home.svg)
}

#appPanel .slider a {
  background-image: url(/assets/images/platform/icons-w/slider.svg)
}

#appPanel .slideshow a {
  background-image: url(/assets/images/platform/icons-w/picture.svg)
}

#appPanel .photogallery a {
  background-image: url(/assets/images/platform/icons-w/small_icons.svg)
}

#appPanel .instagram a {
  background-image: url(/assets/images/platform/icons-w/Instagram.svg)
}

#appPanel .formsHome a {
  background-image: url(/assets/images/platform/icons-w/home.svg)
}

#appPanel .manage a {
  background-image: url(/assets/images/platform/icons-w/Note.svg)
}

#appPanel .submissions a {
  background-image: url(/assets/images/platform/icons-w/message_group.svg)
}

#appPanel .export a {
  background-image: url(/assets/images/platform/icons-w/MSExcel.svg)
}

#appPanel .calendarHome a {
  background-image: url(/assets/images/platform/icons-w/calendar.svg)
}

#appPanel .seoHome a {
  background-image: url(/assets/images/platform/icons-w/home.svg)
}

#appPanel .seometa a {
  background-image: url(/assets/images/platform/icons-w/Info.svg)
}

#appPanel .seobusinessinfo a {
  background-image: url(/assets/images/platform/icons-w/Address.svg)
}

#appPanel .seobusinesshours a {
  background-image: url(/assets/images/platform/icons-w/Clock.svg)
}

#appPanel .seosocial a {
  background-image: url(/assets/images/platform/icons-w/Property.svg)
}



#cmsi-module-onboarding-statistics,#agency-blog-overview-statistics,
#cmsi-module-onboarding-plan-statistics {
  list-style: none;
  margin: 0 -0.46875em 50px
}

#cmsi-module-onboarding-statistics li,#agency-blog-overview-statistics li,
#cmsi-module-onboarding-plan-statistics li {
  width: 20%;
  padding: 0 0.46875em;
  float: left;
  color: #999999
}

#cmsi-module-onboarding-statistics div,#agency-blog-overview-statistics div,
#cmsi-module-onboarding-plan-statistics div {
  border: 1px solid #F1F1F1;
  border-radius: 12px;
  text-align: center;
  padding: 40px 10px
}

#cmsi-module-onboarding-statistics strong,#agency-blog-overview-statistics strong,
#cmsi-module-onboarding-plan-statistics strong {
  display: block;
  font-size: 60px;
  font-weight: normal;
  color: #444444
}

#cmsi-module-onboarding-statistics strong i,#agency-blog-overview-statistics strong i,
#cmsi-module-onboarding-plan-statistics strong i {
  font-size: 40px
}

#cmsi-module-onboarding-statistics:after,#agency-blog-overview-statistics:after,
#cmsi-module-onboarding-plan-statistics:after {
  content: "";
  display: table;
  clear: both
}

.announcement h1,
.platformUpdate h1 {
  font-size: 28px;
  color: #3999D4
}

.announcement h1,
.announcement h2,
.announcement h3,
.platformUpdate h1,
.platformUpdate h2,
.platformUpdate h3 {
  margin-top: 0;
  text-transform: none;
  border-top: none;
  padding-top: 0
}

.platformUpdate h2 {
  font-size: 24px;
  margin-top: 20px
}

.platformUpdate h3 {
  font-size: 18px;
  margin-top: 20px
}

.platformUpdate .title {
  font-size: 28px;
  color: #3999D4
}

.platformUpdate p.title {
  margin-bottom: 10px
}

.platformUpdate p.leadin {
  font-size: 24px
}

.platformUpdate h4 {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #1394A2
}

.platformUpdate h5 {
  font-size: 14px;
  font-weight: bold
}

.platformUpdate h6 {
  font-size: 12px;
  font-weight: bold
}

.platformUpdate img {
  max-width: 100%
}

p.date,
p.meta,
p.note {
  font-size: 80%
}

#announcement-message {
  background: #FFFFFF;
  padding: 20px 42px;
  display: none
}

.announcement.unread #announcement-message {
  display: block
}

.announcement.cPanelAnnounce {
  padding-left: 100px
}

input[name="LayoutID"] {
  position: absolute;
  left: -999em
}

[for*="CMSI_PageLayout_"] {
  width: 80px;
  height: 80px;
  float: left;
  border: 1px solid #DDDDDD;
  text-indent: -999em;
  background: url(/assets/images/platform/layoutSelector/layout-1.svg) no-repeat #F1F1F1;
  margin: 0 10px 0 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}

[for*="CMSI_PageLayout_"]:hover {
  border-color: #3999D4;
  -webkit-box-shadow: 0 0 5px rgba(51, 51, 51, 0.15);
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.15);
  background-color: #FFFFFF
}

[for*="CMSI_PageLayout_"].active {
  border-color: #3999D4;
  -webkit-box-shadow: 0 0 5px rgba(51, 51, 51, 0.15);
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.15);
  background-color: #FFFFFF
}

[for="CMSI_PageLayout_2"] {
  background: url(/assets/images/platform/layoutSelector/layout-2.svg) no-repeat #F1F1F1
}

[for="CMSI_PageLayout_3"] {
  background: url(/assets/images/platform/layoutSelector/layout-3.svg) no-repeat #F1F1F1
}

[for="CMSI_PageLayout_4"] {
  background: url(/assets/images/platform/layoutSelector/layout-4.svg) no-repeat #F1F1F1
}

[for="CMSI_PageLayout_5"] {
  background: url(/assets/images/platform/layoutSelector/layout-5.svg) no-repeat #F1F1F1
}

[for="CMSI_PageLayout_6"] {
  background: url(/assets/images/platform/layoutSelector/layout-6.svg) no-repeat #F1F1F1
}

[for="CMSI_PageLayout_7"] {
  background: url(/assets/images/platform/layoutSelector/layout-7.svg) no-repeat #F1F1F1
}

[for="CMSI_PageLayout_8"] {
  background: url(/assets/images/platform/layoutSelector/layout-8.svg) no-repeat #F1F1F1
}

[for="CMSI_PageLayout_9"] {
  background: url(/assets/images/platform/layoutSelector/layout-9.svg) no-repeat #F1F1F1
}

#cmsi-fixed-toolbar {
  width: 100%;
  z-index: 999;
  margin: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}

#cmsi-fixed-toolbar .mce-tinymce-inline {
  width: 100% !important
}

#cmsi-fixed-toolbar .mce-container-body {
  width: 100% !important
}

#cmsi-fixed-toolbar .mce-container-body mce-flow-layout {
  width: 100% !important
}

#cmsi-fixed-toolbar .mce-toolbar {
  width: 100% !important
}

/* Potential to remove once page builder launched on all apps*/
.cmsi-layout-editable {
  border: 1px solid #DDDDDD;
  padding: 20px 20px 5px 20px;
  background: #EFEFEF;
  overflow: auto;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out
}

.cmsi-layout-editable h1,
.cmsi-layout-editable h2,
.cmsi-layout-editable h3,
.cmsi-layout-editable h4,
.cmsi-layout-editable h5,
.cmsi-layout-editable h6 {
  color: #222222;
  margin: 20px 0 10px;
  font-weight: bold
}

.cmsi-layout-editable h1 {
  font-size: 30px;
  margin: 0 0 10px 0
}

.cmsi-layout-editable h2 {
  font-size: 26px
}

.cmsi-layout-editable h3 {
  font-size: 20px
}

.cmsi-layout-editable h4 {
  font-size: 16px
}

.cmsi-layout-editable h5 {
  font-size: 10px
}

.cmsi-layout-editable p {
  margin: 0 0 10px 0
}

.cmsi-layout-editable p.leadin {
  font-size: 20px;
  color: #222222
}

.cmsi-layout-editable img {
  max-width: 100%
}
/* end of remove */

.mce-edit-focus {
  border-color: #3999D4;
  outline: none !important;
  background: #FFFFFF
}

#cmsi-layout-1-single-live {
  width: 100%;
  height: 500px
}

[id*="cmsi-layout-"] {
  width: 100%;
  height: 150px;
  margin: 0 0 20px 0
}

[id*="cmsi-layout-"].mce-edit-focus {
  height: 500px
}

#cmsi-layout-2-middle-left-live {
  float: left;
  width: 49%;
  height: 500px
}

#cmsi-layout-2-middle-right-live {
  float: left;
  width: 49%;
  height: 500px;
  float: right
}

#cmsi-layout-3-middle-left-live {
  float: left;
  width: 32%;
  height: 500px
}

#cmsi-layout-3-middle-center-live {
  float: left;
  width: 32%;
  height: 500px;
  margin: 0 2% 20px
}

#cmsi-layout-3-middle-right-live {
  float: left;
  width: 32%;
  height: 500px;
  float: right
}

#cmsi-layout-4-middle-left-live {
  width: 74%;
  float: left;
  height: 500px;
  margin: 0 0 20px 0
}

#cmsi-layout-4-middle-right-live {
  width: 74%;
  float: left;
  height: 500px;
  margin: 0 0 20px 0;
  width: 24%;
  float: right
}

#cmsi-layout-5-middle-left-live {
  width: 24%;
  float: left;
  height: 500px;
  margin: 0 0 20px 0
}

#cmsi-layout-5-middle-right-live {
  width: 24%;
  float: left;
  height: 500px;
  margin: 0 0 20px 0;
  width: 74%;
  float: right
}

#cmsi-layout-6-top-middle-left-live {
  float: left;
  width: 32%
}

#cmsi-layout-6-top-middle-center-live {
  float: left;
  width: 32%;
  margin: 0 2% 20px
}

#cmsi-layout-6-top-middle-right-live {
  float: left;
  width: 32%;
  float: right
}

#cmsi-layout-6-bottom-middle-left-live {
  float: left;
  width: 32%;
  clear: both
}

#cmsi-layout-6-bottom-middle-center-live {
  float: left;
  width: 32%;
  margin: 0 2% 20px
}

#cmsi-layout-6-bottom-middle-right-live {
  float: left;
  width: 32%;
  float: right
}

#cmsi-layout-7-top-middle-left-live {
  float: left;
  width: 23.5%;
  margin: 0 2% 20px 0
}

#cmsi-layout-7-top-middle-left-center-live {
  float: left;
  width: 23.5%;
  margin: 0 2% 20px 0
}

#cmsi-layout-7-top-middle-right-center-live {
  float: left;
  width: 23.5%;
  margin: 0 2% 20px 0
}

#cmsi-layout-7-top-middle-right-live {
  float: left;
  width: 23.5%
}

#cmsi-layout-7-bottom-middle-left-live {
  float: left;
  width: 23.5%;
  clear: both;
  margin: 0 2% 20px 0
}

#cmsi-layout-7-bottom-middle-left-center-live {
  float: left;
  width: 23.5%;
  margin: 0 2% 20px 0
}

#cmsi-layout-7-bottom-middle-right-center-live {
  float: left;
  width: 23.5%;
  margin: 0 2% 20px 0
}

#cmsi-layout-7-bottom-middle-right-live {
  float: left;
  width: 23.5%
}

.smNote {
  font-size: 80%;
  padding: 10px 0
}

#cmsi-module-file-dropzone-div {
  background: url("/assets/images/platform/icons/upload_to_cloud.svg") center center no-repeat whiteSmoke;
  background-size: 8%;
  border: 2px dashed #DDDDDD;
  width: 100%;
  min-height: 120px;
  padding: 20px 20px 30px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 7px;
  color: #555555;
  line-height: 24px
}

#cmsi-module-file-dropzone-div .instructions {
  text-align: center;
  color: #999999
}

#cmsi-module-file-dropzone-div .instructions span {
  display: inline-block;
  background: #71A71B;
  color: #FFFFFF;
  padding: 5px 7px;
  border-radius: 3px;
  cursor: pointer;
  text-shadow: 0 1px 1px #6B9D1B;
  border: 1px solid #6B9D1B;
  line-height: 1.5;
  margin-top: 5px
}

#cmsi-module-file-dropzone-div .instructions span:hover {
  background: #6B9D1B
}

#cmsi-module-file-dropzone-div + .tag-label,
#overrideFiles {
  float: right;
  margin-top: 10px;
}
#overrideFiles {
  margin-top: 14px;
  margin-right: 10px;
}

.dz-preview {
  clear: left
}

.dz-preview:after {
  content: "";
  display: table;
  clear: both
}

.dz-preview .dz-success-mark,
.dz-preview .dz-error-mark,
.dz-preview .dz-error-message {
  display: none
}

.dz-progress {
  background: #F6F6F6;
  height: 1.38889rem;
  border: 1px solid white;
  padding: 0.11111rem;
  margin-bottom: 0.55556rem;
  border-radius: 999px;
  width: 25%;
  float: left;
  display: inline-block
}

.dz-progress span {
  background: #71A71B;
  height: 100%;
  display: inline-block;
  border-radius: 999px
}

.dz-details {
  width: 74%;
  display: inline-block;
  float: left
}

.dz-details .dz-filename {
  width: 80%;
  float: left
}

.dz-details .dz-size {
  width: 20%;
  float: left
}

.bulkActionsContainer {
  margin-left: 5px;
  display: inline-block;
}

.bulkActionsContainer input,
.filterContainer input:not([type="text"]),
input#CMSI_BulkAction_Select_All {
  line-height: 30px;
  padding: 0 15px;
  border: 0;
  background: #95c153;
  color: #fff;
}

input#CMSI_Manager_Apply,
input#CMSI_BulkAction_Apply {
  border-radius: 3px;
}

input#CMSI_BulkAction_Select_All {
  padding: 0;
}

#CMSI_FileManager_Filter_Submit {
  background-color: #3999d4;
  border-radius: 3px;
}

.bulkActionsContainer input {
  margin-left: 5px;
}
.bulkActionsContainer select {
  max-width: none;
  width: 160px;
  padding: 0 5px;
}
@media screen and (max-width: 1024px) {
  .bulkActionsContainer select {
    width: auto;
  }
}

input#CMSI_BulkAction_Select_All,
input#CMSI_Manager_Select_All {
  background: transparent !important;
  font-size: 14px;
  border: 0 !important;
  color: #fff !important;
  margin-left: 20px;
}
input#CMSI_BulkAction_Select_All:hover, input#CMSI_Manager_Select_All:hover {
  opacity: 0.5;
  cursor: pointer;
}


input#CMSI_FileManager_Filter_Clear, input#CMSI_Manager_Filter_Clear {
  background: #333;
}

input#CMSI_BulkAction_Select_All[value$="Selected"] {
  background: #3999d4;
  color: #fff;
}

.editable input {
  height: 26px;
  line-height: 26px;
  float: left
}

.editable button {
  background: #95DD1F;
  background: -webkit-gradient(linear, left top, left bottom, from(#95DD1F), to(#6DA21A));
  background: linear-gradient(to bottom, #95DD1F 0%, #6DA21A 100%);
  border-radius: 5px;
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #659519;
  cursor: pointer;
  line-height: 24px;
  height: 24px;
  color: #FFFFFF;
  font-weight: bold;
  text-shadow: 0 1px 1px #3F5B12;
  font-size: 11px;
  margin: -1px 2px 0 2px;
  text-transform: uppercase
}

.editable button:hover,
.editable button:active {
  background: #6DA21A;
  background: -webkit-gradient(linear, left top, left bottom, from(#6DA21A), to(#95DD1F));
  background: linear-gradient(to bottom, #6DA21A 0%, #95DD1F 100%)
}

.tymbrel-optimized-image {
  color: #222 !important
}



.optimizedImage:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 90%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  margin-right: 5px
}

tr[data-original-displayed="true"] .optimizedImage:before {
  content: "\f078"
}

tr[data-original-displayed="true"] + tr td:first-child {
  padding-left: 35px;
  font-size: 80%
}

table.table tr[data-original-displayed="true"] td,
table.table tr[data-original-displayed="true"]:nth-child(odd) td,
table.table tr[data-original-displayed="true"] + tr td {
  background: #e0e0e0
}

table.table tr[data-original-displayed="true"]:hover td,
table.table tr[data-original-displayed="true"]:nth-child(odd):hover td,
table.table tr[data-original-displayed="true"] + tr:hover {
  background: #474747
}

table.table tr[data-original-displayed="true"] + tr:hover td {
  background: transparent
}

tr[data-original-displayed="true"] + tr td {
  border-top: 0
}

.modal-header .close {
  border: 0;
  background: transparent;
  font-size: 26px;
}

.setImageSize,
.setCrop,
.setFinalCrop {
  text-align: center;
  padding: 5px 20px !important;
  margin: 0 5px;
  background: #f5f5f5
}
.imageSize-text,
.selection-dimensions-text,
.final-dimensions-text {
  font-weight: 700
}

span.cmsi-manage-file-inline-edit {
  cursor: pointer
}

label.container {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #3999D4;
  color: #fff;
  padding: 0px 44px 0px 5px;
  border-radius: 3px;
  line-height: 34px;
  font-size: 90%;
}

.container input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

span.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 34px;
  width: 34px;
  background-color: #efefef;
  border-radius: 0 3px 3px 0;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input ~ .checkmark:hover {
  background-color: #d6d6d6;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  left: 15px;
  top: 9px;
  width: 7px;
  height: 13px;
  border: solid #555;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

button#flip-horizontal,
button#flip-vertical {
  position: relative;
  width: 32px;
}
span.fi-icon-flip-horizontal:before,
span.fi-icon-flip-vertical:before {
  font-size: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.docs-tooltip[data-original-title="Grayscale"] {
  position: relative;
  display: inline-block;
  width: 23px;
  height: 22px;
}
span.fi-icon-black-white:before {
  font-size: 28px;
  position: absolute;
  top: 2px;
  left: 0;
}

.docs-buttons .btn-group:not(.setCrop):not(.setFinalCrop):not(.setImageSize) > span {
  float: left;
  display: block;
  width: 60%;
  line-height: 34px;
  background: #3999D4;
  padding: 0 8px;
  border-radius: 3px 0 0 3px;
  color: #fff;
  font-size: 90%;
}
.docs-buttons select#opacity {
  display: block;
  max-width: none;
  float: right;
  width: 40%;
  height: 34px;
  line-height: 34px;
  border-radius: 0 3px 3px 0;
  border-bottom: 0;
}

ol.cms-manage-nav-sortable {
  margin: 0 0 0 25px;
  padding: 0;
  list-style-type: none;
  width: 100%;
  max-width: 800px;
  float: left;
  margin: 20px 0 40px 0
}
ol.cms-manage-nav-sortable ol {
  margin: 0 0 0 25px;
  padding: 0;
  list-style-type: none
}

ol.cms-manage-nav-sortable .delete {
  margin-top: 2px
}

ol.cms-manage-nav-sortable img {
  width: 16px
}

.cms-manage-nav-sortable li {
  margin: 7px 0 0 0;
  padding: 0
}

.cms-manage-nav-sortable li div {
  padding: .75em 1em;
  margin: 0;
  cursor: move;
  border-radius: 3px;
  color: #444444;
  font-size: 13px;
  background: #F4F4F4;
  border: 1px solid #EEEEEE
}

.cms-manage-nav-sortable li div:hover {
  background: #FFFFFF
}

.cms-manage-nav-sortable li div:active {
  background: #1394A2;
  color: #FFFFFF;
  text-shadow: 0 1px 1px #0B555E
}

.cms-manage-nav-sortable li div:active a {
  color: #FFFFFF
}

.cms-manage-nav-sortable li div a {
  float: right;
  margin: 0 0 0 1em;
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
  color: #666666
}

.cms-manage-nav-sortable li div a:hover {
  opacity: .5
}

.cms-manage-nav-sortable li div span {
  float: right;
  margin: 0 0 0 1em;
  text-transform: none;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer
}

.cms-manage-nav-sortable li ol div {
  background: #F4F4F4;
  border: 1px solid #EEEEEE
}

.cms-manage-nav-sortable li.ui-draggable-dragging div {
  background: #1394A2;
  color: #FFFFFF;
  text-shadow: 0 1px 1px #0B555E
}

.legend {
  margin: 30px 0 0 0;
  font-size: 11px
}

.legend ul {
  list-style: none;
  margin: 0
}

.legend li {
  margin-bottom: .5em;
  float: left;
  margin-right: 2em
}

.legend img {
  float: left;
  margin: 0 .5em 0 0;
  width: 16px
}

.legend img.video {
  float: right
}

.toggle-light .toggle-slide {
  border-radius: 9999px;
  -webkit-box-shadow: 0 0 0 1px #999999;
  box-shadow: 0 0 0 1px #999999
}

.toggle-light .toggle-on {
  font-size: 11px;
  font-weight: 500;
  background: #3999D4;
  color: #FFFFFF;
  text-indent: 20px !important
}

.toggle-light .toggle-off {
  font-size: 11px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
  background: #EFEFEF;
  text-indent: 20px !important
}

.toggle-light .toggle-select .toggle-inner .active {
  background: #3999D4;
  color: #FFFFFF;
  text-indent: 20px !important
}

.toggle-light .toggle-select .toggle-on {
  color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.2);
  background: #EFEFEF;
  text-indent: 20px !important
}

.toggle-light .toggle-blob {
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#CFCFCF));
  background: linear-gradient(#F5F5F5, #CFCFCF);
  -webkit-box-shadow: 1px 1px 2px #888888;
  box-shadow: 1px 1px 2px #888888
}

.toggle-light .toggle-blob:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#F9F9F9));
  background: linear-gradient(#E4E4E4, #F9F9F9)
}

.toggle {
  height: 22px;
  width: 70px
}

.toggle-slide {
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr
}

.toggle-slide .toggle-on {
  float: left
}

.toggle-slide .toggle-off {
  float: left
}

.toggle-slide .toggle-blob {
  float: left;
  position: relative;
  z-index: 99;
  cursor: hand;
  cursor: -webkit-grab;
  cursor: grab
}

.toggle.float {
  float: left;
  margin-right: 10px;
  margin-top: 7px
}

span.multiselect-native-select {
  position: relative
}

span.multiselect-native-select select {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px -1px -1px -3px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  left: 50%;
  top: 30px
}

.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.multiselect-container .input-group {
  margin: 5px
}

.multiselect-container > li {
  padding: 0
}

.multiselect-container > li > a.multiselect-all label {
  font-weight: 700
}

.multiselect-container > li > a {
  padding: 0
}

.multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 20px 3px 40px
}

.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px
}

.multiselect-container > li > a > label.radio {
  margin: 0
}

.multiselect-container > li > a > label.checkbox {
  margin: 0
}

.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700
}

.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox] {
  margin-left: -20px;
  margin-right: 0
}

.form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0
}

ul.multiselect-container {
  padding: 10px 20px 10px 5px;
  right: auto;
  left: 0
}

ul.multiselect-container > li {
  margin: 0
}

ul.multiselect-container > li > a:focus {
  background: none
}

ul.multiselect-container > li > a > label {
  padding: 0 10px;
  line-height: 28px
}

ul.multiselect-container > li:hover a,
ul.multiselect-container > li:focus a {
  background: none;
  color: #333333
}

ul.multiselect-container > li.active a {
  background: none;
  color: #333333
}

ul.multiselect-container > li.active:hover a {
  background: none;
  color: #333333
}

.multiselect-native-select button {
  border-left-color: #DDDDDD
}

span.multiselect-selected-text {
  font-size: 12px
}

.ajs-dialog {
  padding-bottom: 10px !important
}

.ajs-dialog button {
  cursor: pointer
}

.alertify .ajs-commands {
  margin: -24px 10px 0 0 !important
}
.alertify .ajs-body {
  min-height: 254px;
}
.alertify .ajs-body .ajs-content {
  padding: 16px 0 0 !important;
}


.alertify .ajs-footer {
  background: none !important;
  border: 0 !important
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #FFFFFF !important;
  background: #95C153;
  border-radius: 3px;
  text-shadow: 0 1px 1px rgba(51, 51, 51, 0.3)
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
  background: #7BA53C
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
  color: #D9534F !important
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover {
  opacity: .5
}
.alertify .ajs-input {
  max-width: 90%;
}

.fancybox-title-float-wrap .child {
  background: #3999D4 !important
}

.fancybox-title-float-wrap .child a {
  color: #FFFFFF !important
}

.delete-redirect-search{
  left: 0;
  position: relative;
  width: 100%
}

.delete-redirect-icon {
  color: #6c757d;
  float: left;
  padding: 4px;
}

#delete-redirect-b-btn {
  position: absolute;
  bottom: 4px;
  right: 4px;
}

#delete-redirect-body {
  padding: 4px;
  background: #f9f9f9;
}

#delete-redirect-tip{
  position: absolute;
  bottom: 50px;
  left: 4px;
}

@media only screen {
  .column {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left
  }

  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left
  }

  .small-1 {
    position: relative;
    width: 8.33333%
  }

  .small-2 {
    position: relative;
    width: 16.66667%
  }

  .small-3 {
    position: relative;
    width: 25%
  }

  .small-4 {
    position: relative;
    width: 33.33333%
  }

  .small-5 {
    position: relative;
    width: 41.66667%
  }

  .small-6 {
    position: relative;
    width: 50%
  }

  .small-7 {
    position: relative;
    width: 58.33333%
  }

  .small-8 {
    position: relative;
    width: 66.66667%
  }

  .small-9 {
    position: relative;
    width: 75%
  }

  .small-10 {
    position: relative;
    width: 83.33333%
  }

  .small-11 {
    position: relative;
    width: 91.66667%
  }

  .small-12 {
    position: relative;
    width: 100%
  }

  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%
  }

  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%
  }

  .small-offset-3 {
    position: relative;
    margin-left: 25%
  }

  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%
  }

  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%
  }

  .small-offset-6 {
    position: relative;
    margin-left: 50%
  }

  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%
  }

  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%
  }

  .small-offset-9 {
    position: relative;
    margin-left: 75%
  }

  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right
  }

  [class*="column"] + [class*="column"].end {
    float: left
  }

  .column.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important
  }

  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important
  }

  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -10px;
    *zoom: 1
  }

  [class*="block-grid-"]:before {
    content: " ";
    display: table
  }

  [class*="block-grid-"]:after {
    content: " ";
    display: table;
    clear: both
  }

  [class*="block-grid-"] > li {
    display: inline;
    height: auto;
    float: left;
    padding: 0 10px 10px
  }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px
  }

  .small-block-grid-1 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both
  }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px
  }

  .small-block-grid-2 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both
  }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px
  }

  .small-block-grid-3 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both
  }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px
  }

  .small-block-grid-4 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both
  }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px
  }

  .small-block-grid-5 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both
  }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px
  }

  .small-block-grid-6 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both
  }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px
  }

  .small-block-grid-7 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both
  }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px
  }

  .small-block-grid-8 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both
  }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px
  }

  .small-block-grid-9 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both
  }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px
  }

  .small-block-grid-10 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both
  }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px
  }

  .small-block-grid-11 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both
  }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px
  }

  .small-block-grid-12 > li:nth-of-type(n) {
    clear: none
  }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both
  }
}

@media only screen and (min-width: 48em) {
  .large-1 {
    position: relative;
    width: 8.33333%
  }

  .large-2 {
    position: relative;
    width: 16.66667%
  }

  .large-3 {
    position: relative;
    width: 25%
  }

  .large-4 {
    position: relative;
    width: 33.33333%
  }

  .large-5 {
    position: relative;
    width: 41.66667%
  }

  .large-6 {
    position: relative;
    width: 50%
  }

  .large-7 {
    position: relative;
    width: 58.33333%
  }

  .large-8 {
    position: relative;
    width: 66.66667%
  }

  .large-9 {
    position: relative;
    width: 75%
  }

  .large-10 {
    position: relative;
    width: 83.33333%
  }

  .large-11 {
    position: relative;
    width: 91.66667%
  }

  .large-12 {
    position: relative;
    width: 100%
  }

  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%
  }

  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%
  }

  .row .large-offset-3 {
    position: relative;
    margin-left: 25%
  }

  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%
  }

  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%
  }

  .row .large-offset-6 {
    position: relative;
    margin-left: 50%
  }

  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%
  }

  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%
  }

  .row .large-offset-9 {
    position: relative;
    margin-left: 75%
  }

  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%
  }

  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%
  }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto
  }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto
  }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto
  }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto
  }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto
  }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto
  }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto
  }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto
  }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto
  }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto
  }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto
  }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto
  }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto
  }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto
  }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto
  }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto
  }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto
  }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto
  }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto
  }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto
  }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto
  }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto
  }

  .small-push-1 {
    left: inherit
  }

  .small-pull-1 {
    right: inherit
  }

  .small-push-2 {
    left: inherit
  }

  .small-pull-2 {
    right: inherit
  }

  .small-push-3 {
    left: inherit
  }

  .small-pull-3 {
    right: inherit
  }

  .small-push-4 {
    left: inherit
  }

  .small-pull-4 {
    right: inherit
  }

  .small-push-5 {
    left: inherit
  }

  .small-pull-5 {
    right: inherit
  }

  .small-push-6 {
    left: inherit
  }

  .small-pull-6 {
    right: inherit
  }

  .small-push-7 {
    left: inherit
  }

  .small-pull-7 {
    right: inherit
  }

  .small-push-8 {
    left: inherit
  }

  .small-pull-8 {
    right: inherit
  }

  .small-push-9 {
    left: inherit
  }

  .small-pull-9 {
    right: inherit
  }

  .small-push-10 {
    left: inherit
  }

  .small-pull-10 {
    right: inherit
  }

  .small-push-11 {
    left: inherit
  }

  .small-pull-11 {
    right: inherit
  }

  .column.small-centered {
    margin-left: 0;
    margin-right: 0;
    float: left !important
  }

  .columns.small-centered {
    margin-left: 0;
    margin-right: 0;
    float: left !important
  }

  .column.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important
  }

  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important
  }

  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none
  }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none
  }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none
  }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none
  }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none
  }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none
  }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none
  }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none
  }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none
  }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none
  }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none
  }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none
  }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 10px 10px
  }

  .large-block-grid-1 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both
  }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 10px 10px
  }

  .large-block-grid-2 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both
  }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 10px 10px
  }

  .large-block-grid-3 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both
  }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 10px 10px
  }

  .large-block-grid-4 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both
  }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 10px 10px
  }

  .large-block-grid-5 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both
  }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 10px 10px
  }

  .large-block-grid-6 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both
  }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 10px 10px
  }

  .large-block-grid-7 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both
  }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 10px 10px
  }

  .large-block-grid-8 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both
  }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 10px 10px
  }

  .large-block-grid-9 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both
  }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 10px 10px
  }

  .large-block-grid-10 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both
  }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 10px 10px
  }

  .large-block-grid-11 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both
  }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 10px 10px
  }

  .large-block-grid-12 > li:nth-of-type(n) {
    clear: none
  }

  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both
  }
}

@media (max-width: 767px) {
  #wrapper {
    padding-left: 0
  }

  #sidebar-wrapper {
    left: 0
  }

  #wrapper.active {
    position: relative;
    left: 250px
  }

  #wrapper.active #sidebar-wrapper {
    left: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
  }

  #menu-toggle {
    display: inline-block
  }

  .inset {
    padding: 15px
  }
}

@media handheld {
  .agencyModuleNav li,
  #cpanel-items li,
  #cmsi-module-members-submodule-list li,
  #cmsi-module-members-sso-list li,
  #cmsi-module-simplecart-dashboard li,
  #cmsi-module-gallery-dashboard li,
  #cmsi-module-forms-dashboard li,
  #cmsi-module-onboarding-dashboard li {
    width: 50%;
    margin: 0;
    max-width: none
  }

  #cmsi-module-simplecart-dashboard li:nth-child(3n+1) {
    clear: both;
    clear: none
  }

  .cPanelContent {
    padding: 10px 0;
    position: relative
  }

  .cPanelContent .primary,
  .cPanelContent .secondary {
    float: none;
    width: 100%
  }

  .cPanelContent section {
    padding: 15px;
    margin-bottom: 10px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin: 0 0 20px 0
  }

  #cmsi-module-onboarding-statistics strong,#agency-blog-overview-statistics strong {
    font-size: 40px
  }

  #cmsi-module-onboarding-statistics strong i,#agency-blog-overview-statistics strong i {
    font-size: 20px
  }

  #cmsi-module-onboarding-statistics li,#agency-blog-overview-statistics li {
    width: 50%;
    margin-bottom: .9375em
  }

  #cmsi-module-onboarding-statistics li div,#agency-blog-overview-statistics li div {
    min-height: 186px;
    min-height: 0
  }

  header {
    display: none;
    height: 100%;
    width: 100%
  }

  header select {
    max-width: 165px;
    width: 100%;
    max-width: none;
    margin-bottom: 20px
  }

  header ul {
    float: none;
    width: 100%
  }

  header li {
    font-size: 15px;
    float: none;
    width: 100%;
    text-align: left;
    border-right: 0;
    padding: 0
  }

  header li:first-child {
    border-left: 0
  }

  header li a {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    color: #FFFFFF;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    padding: 5px 0
  }

  header li a:hover {
    background: none;
    color: #999999
  }

  header .logo {
    padding-left: 0
  }

  html {
    height: auto
  }

  body {
    padding-top: 0;
    -webkit-text-size-adjust: none;
    background: #FFFFFF
  }

  .topMenu {
    display: none
  }

  .topMenuMobile {
    display: block
  }

  #menuBtnClose {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0
  }

  #menuBtnClose i {
    color: #FFFFFF;
    font-size: 20px;
    cursor: pointer
  }

  #menuBtn {
    display: block;
    position: fixed;
    top: 17px;
    right: 20px;
    background: #1394A2;
    padding: 8px;
    border-radius: 3px;
    cursor: pointer
  }

  #menuBtn img {
    width: 30px
  }

  nav {
    display: none
  }

  .cPanelContent.admin {
    padding: 10px 0
  }

  .breadcrumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99
  }

  table.DRXDataGrid th.siteID:nth-child(2),
  table.DRXDataGrid th.siteID:nth-child(3),
  table.DRXDataGrid th.siteID:nth-child(4),
  table.DRXDataGrid th.siteID:nth-child(5),
  table.DRXDataGrid td.siteID:nth-child(2),
  table.DRXDataGrid td.siteID:nth-child(3),
  table.DRXDataGrid td.siteID:nth-child(4),
  table.DRXDataGrid td.siteID:nth-child(5),
  table.DRXDataGrid th:nth-child(2),
  table.DRXDataGrid th:nth-child(3),
  table.DRXDataGrid th:nth-child(4),
  table.DRXDataGrid th:nth-child(5),
  table.DRXDataGrid td:nth-child(2),
  table.DRXDataGrid td:nth-child(3),
  table.DRXDataGrid td:nth-child(4),
  table.DRXDataGrid td:nth-child(5),
  table.DRXDataGrid td i:nth-child(2),
  table.DRXDataGrid td i:nth-child(3),
  table.DRXDataGrid td i:nth-child(4),
  table.DRXDataGrid td i:nth-child(5) {
    display: none
  }

  table.DRXDataGrid td.action,
  table.DRXDataGrid th.action,
  table.DRXDataGrid td.nameControlPanel,
  table.DRXDataGrid th.nameControlPanel {
    display: block;
    width: auto !important
  }

  table.table td.alignLeft.showcase {
    width: auto
  }

  table.table th.alignLeft.showcase {
    width: auto
  }

  table.table .btn {
    padding: 7px 7px
  }

  table.table tr:nth-child(odd) td {
    background: #FFFFFF
  }

  table.DRXQuickForm td {
    display: block;
    width: 100%
  }

  table.DRXQuickForm td:first-child {
    display: block;
    width: 100%
  }

  .secondary {
    padding-bottom: 40px
  }

  #redactor-modal-smartcode-insert #cpanel-items li {
    width: 20%;
    max-width: none;
    width: 50%;
    margin: 0
  }

  #frmManageSlideshow label {
    height: 75px;
    margin: 0 1% 0 0
  }

  #frmManageSlideshow a.preview {
    margin: 0 1% 0 0
  }
}


@media only screen and (max-width: 1500px) {
  #cpanel-items li {
    width: 16.66666666666667%
  }

  .agencyModuleNav li,
  #cpanel-items li,
  #cmsi-module-members-submodule-list li,
  #cmsi-module-members-sso-list li,
  #cmsi-module-simplecart-dashboard li,
  #cmsi-module-gallery-dashboard li,
  #cmsi-module-forms-dashboard li,
  #cmsi-module-onboarding-dashboard li {
    max-width: none
  }
}

@media only screen and (max-width: 1250px) {
  #cmsi-module-simplecart-dashboard li,
  #cmsi-module-settings-submodule-list li,
  #cmsi-module-seo-dashboard li,
  #cmsi-module-schema-dashboard li,
  #cmsi-module-members-submodule-list li,
  #cmsi-module-members-sso-list li {
    width: 33.3333%
  }

  #cmsi-module-simplecart-dashboard li:nth-child(3n+1),
  #cmsi-module-settings-submodule-list li:nth-child(3n+1),
  #cmsi-module-seo-dashboard li:nth-child(3n+1),
  #cmsi-module-schema-dashboard li:nth-child(3n+1),
  #cmsi-module-members-submodule-list li:nth-child(3n+1),
  #cmsi-module-members-sso-list li:nth-child(3n+1) {
    clear: both
  }
}

@media only screen and (max-width: 1200px) {
  .cPanelContent .primary,
  .cPanelContent .secondary {
    float: none;
    width: 100%
  }

  #cmsi-module-onboarding-statistics strong,#agency-blog-overview-statistics strong {
    font-size: 40px
  }

  #cmsi-module-onboarding-statistics strong i,#agency-blog-overview-statistics strong i {
    font-size: 20px
  }
}

@media only screen and (max-width: 965px) {
  .agencyModuleNav li,
  #cpanel-items li,
  #cmsi-module-settings-submodule-list li,
  #cmsi-module-members-submodule-list li,
  #cmsi-module-members-sso-list li,
  #cmsi-module-simplecart-dashboard li,
  #cmsi-module-gallery-dashboard li,
  #cmsi-module-forms-dashboard li,
  #cmsi-module-onboarding-dashboard li {
    width: 33.333%
  }

  header select {
    max-width: 165px
  }

  #cmsi-module-onboarding-statistics li div,#agency-blog-overview-statistics li div {
    min-height: 186px
  }
}

@media only screen and (max-width: 805px) {
  html {
    height: auto
  }

  body {
    padding-top: 0
  }

  header {
    display: none;
    height: 100%;
    width: 100%
  }

  header select {
    width: 100%;
    max-width: none;
    margin-bottom: 20px
  }

  header ul {
    float: none;
    width: 100%
  }

  header li {
    font-size: 15px;
    float: none;
    width: 100%;
    text-align: left;
    border-right: 0;
    padding: 0
  }

  header li:first-child {
    border-left: 0
  }

  header li a {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    color: #FFFFFF;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    padding: 5px 0
  }

  header li a:hover {
    background: none;
    color: #999999
  }

  header .logo {
    padding-left: 0
  }

  .topMenu {
    display: none
  }

  .topMenuMobile {
    display: block
  }

  #menuBtnClose {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 0
  }

  #menuBtnClose i {
    color: #FFFFFF;
    font-size: 20px;
    cursor: pointer
  }

  #menuBtn {
    display: block;
    position: fixed;
    top: 17px;
    right: 20px;
    background: #1394A2;
    padding: 8px;
    border-radius: 3px;
    cursor: pointer
  }

  #menuBtn img {
    width: 30px
  }

  nav {
    display: none
  }

  .cPanelContent {
    padding: 10px 0;
    position: relative
  }

  .cPanelContent section {
    padding: 15px 15px 65px;
    margin-bottom: 10px
  }

  .cPanelContent.admin {
    padding: 10px 0
  }

  .breadcrumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99
  }

  table.DRXDataGrid th.siteID,
  table.DRXDataGrid td.siteID {
    display: none
  }

  table.DRXDataGrid th:not(:first-child):not(:nth-child(2)):not(:last-child),
  table.DRXDataGrid td:not(:first-child):not(:nth-child(2)):not(:last-child) {
    display: none;
  }

  table.DRXDataGrid td i {
    display: none
  }

  table.DRXDataGrid td.action,
  table.DRXDataGrid th.action,
  table.DRXDataGrid td.nameControlPanel,
  table.DRXDataGrid th.nameControlPanel {
    display: block;
    width: auto !important
  }

  table.table td.alignLeft.showcase {
    width: auto
  }

  table.table th.alignLeft.showcase {
    width: auto
  }

  table.table .btn {
    padding: 7px 7px
  }

  table.table tr:nth-child(odd) td {
    background: #FFFFFF
  }

  table.DRXQuickForm td {
    display: block;
    width: 100%
  }

  table.DRXQuickForm td:first-child {
    display: block;
    width: 100%
  }

  .secondary {
    padding-bottom: 40px
  }

  .agencyModuleNav li,
  #cpanel-items li,
  #cmsi-module-members-submodule-list li,
  #cmsi-module-members-sso-list li,
  #cmsi-module-gallery-dashboard li,
  #cmsi-module-forms-dashboard li,
  #cmsi-module-onboarding-dashboard li,
  #redactor-modal-smartcode-insert #cpanel-items li {
    width: 20%;
    max-width: none
  }
}

@media only screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: none;
    background: #FFFFFF
  }

  .agencyModuleNav li,
  #cpanel-items li,
  #cmsi-module-members-submodule-list li,
  #cmsi-module-members-sso-list li,
  #cmsi-module-gallery-dashboard li,
  #cmsi-module-forms-dashboard li,
  #cmsi-module-onboarding-dashboard li,
  #redactor-modal-smartcode-insert #cpanel-items li {
    width: 50%;
    margin: 0
  }

  #cmsi-module-simplecart-dashboard li {
    width: 50%;
    margin: 0
  }

  #cmsi-module-simplecart-dashboard li:nth-child(3n+1) {
    clear: none
  }

  .cPanelContent section {
    padding: 0 0 65px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    margin: 0 0 20px 0
  }

  #frmManageSlideshow label {
    height: 75px;
    margin: 0 1% 0 0
  }

  #frmManageSlideshow a.preview {
    margin: 0 1% 0 0
  }

  #cmsi-module-onboarding-statistics li,#agency-blog-overview-statistics li {
    width: 50%;
    margin-bottom: .9375em
  }

  #cmsi-module-onboarding-statistics li div,#agency-blog-overview-statistics li div {
    min-height: 0
  }
}
@media handheld, only screen and (max-width: 640px) {
  .cPanelContent section {
    padding: 0;
  }
}

@media only screen and (max-width: 400px) {
  .agencyModuleNav li,
  #cpanel-items li,
  #cmsi-module-members-submodule-list li,
  #cmsi-module-members-sso-list li,
  #cmsi-module-simplecart-dashboard li,
  #cmsi-module-gallery-dashboard li,
  #cmsi-module-forms-dashboard li,
  #cmsi-module-onboarding-dashboard li {
    max-width: none
  }
}

/* FIND & REPLACE */

.tab-block-find-replace {
  overflow: hidden;
  background-color: #f1f1f1;
}

.tab-block-find-replace button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: large;
  height: 49px;
}

.tab-block-find-replace button:hover {
  background-color: #ddd;
}

.tab-block-find-replace button.active {
  background-color: #ccc;
  border: none;
}
.tab-content-find-replace {
  display: none;
  padding: 6px 0;
}
.tab-links-find-replace{
  position: relative;
}
.tab-links-counter{
  position: absolute;
  left: 2px;
  top: -2px;
  font-size: 12px;
  color: #3999d4;
}

.tab-links-folders {
  min-height: 40px;
  margin: 2px 0 2px 2px;
}
.tab-links-folders:first-child {
  margin-right: 2px;
}
.tab-block-folders {
  padding: 10px 10px 20px;
  position: relative;
}
.tab-block-folders .file-folder-btn-group:nth-child(n+8) {
  display: none;
}

.filterContainer{
  min-width: 380px;
  float: right;
  margin-left: 40px;
  margin-top: -3px;
  text-align: right;
}
#CMSI_FileManager_Filter_Clear{
  margin-left: -42px;
  color: #fff;
  display: none;
  background-color: #efefef;
}
.bulkActionsContainer{
  white-space: nowrap;
  display: inline-block !important;
}
#bulk-actions-block{
  display: inline-block;
}
.actionsContainer,
.fileActionsContainer,
.showcaseItemActionsContainer {
  display: inline-block;
  float: right;
}

.block-folders {
  position: relative;
  margin-bottom: 20px;
}

.block-folders button.folders-actions {
  background: #3999d4;
  border-color: #3999d4;
  color: #fff;
  border-radius: 0 3px 3px 0;
  height: 40px;
  width: 36px;
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
  float: right;
}
.block-folders button.folders-actions:hover {
  background: #277eb3;
  border-color: #277eb3;
}
.block-folders button.folders-actions:before {
  display: inline-block;
  font: normal normal normal 14px/1 foundation-icons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f214";
  font-size: 14px;
}

.block-folders button.folders-actions:disabled:hover {
  cursor: no-drop;
  background: #3999d4;
  border-color: #3999d4;
}

.block-folders select {
  display: none;
}

.select-selected,.layout-dir-select-selected  {
  background-color: #3999d4;
  width: calc(100% - 37px);
  position: relative;
  border-radius: 3px 0 0 3px;
}

.layout-dir-select-selected {
  width: 100%;
}

.select-selected:after,.layout-dir-select-selected:after {
  position: absolute;
  content: "";
  top: 18px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

.memberProtected + .select-selected:before {
  display: inline-block;
  font: normal normal normal 14px/1 foundation-icons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f16a";
  font-size: 14px;
  margin-right: 5px;
}

.select-selected.select-arrow-active,.layout-dir-select-selected.select-arrow-active {
  border-radius: 3px 0 0 0;
}
.select-selected.select-arrow-active:after,.layout-dir-select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 10px;
}

.select-items div,.select-selected,.layout-dir-select-selected,.layout-dir-select-items div {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(255,255,255, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

.select-items,.layout-dir-select-items {
  position: absolute;
  background-color: #277eb3;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  width: calc(100% - 37px);
  border-radius: 0 0 3px 3px;
}

.layout-dir-select-items {
  width: 100%;
}

.select-items div[data-member-group-protected="1"]:before,
.layout-dir-select-items div[data-member-group-protected="1"]:before,
.wysiwigFileMgr .hasAccessGroup  .select-selected:before {
  display: inline-block;
  font: normal normal normal 14px/1 foundation-icons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f16a";
  font-size: 14px;
  margin-right: 5px;
}

.select-hide {
  display: none;
}

.select-items div:hover,.layout-dir-select-items div:hover,.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.wysiwigFileMgr {
  background: #fff;
}
.wysiwigFileMgr .block-folders {
  margin: 10px 10px 20px;
}
.wysiwigFileMgr .wrap {
  padding: 0 10px;
}
.wysiwigFileMgr .select-selected {
  width: 100%;
  border-radius: 3px;
}
.wysiwigFileMgr .select-selected.select-arrow-active {
  border-radius: 3px 3px 0 0;
}
.wysiwigFileMgr .select-items {
  width: 100%;
}

#file-folder-body {
  background: none;
}
#file-folder-body .caret {
  display: none;
}
#file-folder-body .footerActionBar td:last-child {
  padding-top: 10px;
}
#file-folder-body table.DRXQuickForm td:first-child {
  padding: 0;
}
#file-folder-body table.DRXQuickForm tr:not(.footerActionBar) td:last-child {
  padding-bottom: 30px;
}
#file-folder-body #btn-folder-delete {
  float: right;
}
#file-folder-body span.multiselect-selected-text {
  position: relative;
  top: -3px;
}
#file-folder-body input#folder-name {
  margin-right: 20px;
}

.identify-alert-bar [class^="fi-"] {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.identify-alert-bar .fi-icon-noindex {
  background-image: url(/assets/images/platform/actionIdentifyAlert/no-index.svg);
}
.identify-alert-bar .fi-icon-status {
  background-image: url(/assets/images/platform/actionIdentifyAlert/draft.svg);
}
.identify-alert-bar .fi-icon-scheduled {
  background-image: url(/assets/images/platform/actionIdentifyAlert/blog-scheduled.svg);
}
.identify-alert-bar .fi-icon-inactive {
  background-image: url(/assets/images/platform/actionIdentifyAlert/inactive.svg);
}
.identify-alert-bar .fi-icon-appearinfeed {
  background-image: url(/assets/images/platform/actionIdentifyAlert/does-not-appear-in-feed.svg);
}
.identify-alert-bar .fi-icon-customcode {
  background-image: url(/assets/images/platform/actionIdentifyAlert/custom-code.svg);
}
.identify-alert-bar .fi-icon-featured {
  background-image: url(/assets/images/platform/actionIdentifyAlert/favourite.svg);
}
.identify-alert-bar .fi-icon-imageenabled {
  background-image: url(/assets/images/platform/actionIdentifyAlert/image-missing.svg);
}
.identify-alert-bar .fi-icon-member-permission {
  background-image: url(/assets/images/platform/actionIdentifyAlert/members.svg);
}
.identify-alert-bar .fi-icon-seo {
  background-image: url(/assets/images/platform/actionIdentifyAlert/no-seo.svg);
}
.identify-alert-bar .fi-icon-inventory {
  background-image: url(/assets/images/platform/actionIdentifyAlert/no-inventory.svg);
}
.identify-alert-bar .fi-icon-canonical {
  background-image: url(/assets/images/platform/actionIdentifyAlert/canonical.svg);
}
.identify-alert-bar .fi-icon-excerpt {
  background-image: url(/assets/images/platform/actionIdentifyAlert/excerpt-missing.svg);
}

/*Agnecy Blogs*/

.agencyModuleNav ul:after {
  content: "";
  clear: both;
  display: table;
}

.agencyModuleNav >ul {
  margin-left: 0;
}

.search-app-container.blog select#filterCategory{
  height: 33px;
}
.tymbrel-showcaseitemphoto-primary-icon-disabled{
  color: lightgrey;
}
.tymbrel-showcaseitemphoto-primary-icon-not-active{
  pointer-events: none;
}
.tymbrel-showcase-item-manage-icon{
  padding: 0 10px;
}
.copy-site-showcase-item label{
  padding-left: 40px !important;
}
.copy-site-showcase label  {
  color: darkgray;
}
.page-actions {
  position: relative;
}
.tymbrel-agency-search {
  position: absolute;
  right: 0;
  width: 241px;
  top: 0;
}
#tymbrel-agency-search {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tymbrel-agency-search .btn-secondary {
  border: 0;
  height: 32px;
  border-radius: 0 3px 3px 0;
}
.filter-category-search {
  right: 260px;
  width: 220px;
}
.sc-promo-products label{
  padding-left: 40px !important;
}
.sc-promo-category label{
  color: darkgray;
}
div.Tokenize ul.TokensContainer li.Token.agencyTag {
  border-color: transparent;
  background-color: #3999D4;
  color: #fff;
}
div.Tokenize ul.TokensContainer li.Token.agencyTag a.Close {
  display: none;
}
.backToTop::after {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 1.313rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f0d8';
    margin-left: 0.438rem;
}
@media screen and (min-height: 56.875rem) {
    .sidebar-form-elements {
        position: sticky;
        top: 4.375rem;
    }
}
#goTo_businessInfo,#goTo_customFields,#goTo_businessHours,#goTo_digitalProperties {
  position: fixed;
  right: 50px;
}
#goTo_businessInfo{
  top: 200px;
}
#goTo_customFields{
  top: 220px;
}
#goTo_businessHours{
  top: 240px;
}
#goTo_digitalProperties{
  top: 260px;
}