#bold {
    font-size: 100px;
    color: red;
}

html, body {
    background: #f7f7f7;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

.app-overlay {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 10000;
    opacity: 0;
    background: #1f2226;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5;
}


.app-overlay.show {
    visibility: visible;
}

.app-overlay img {
    position: relative;
    top: 40%;
    width: 70px;
}

#ewobuilder {
   /* margin-top: 35px;*/
}

#ewobuilder, .ewo-header, .ewo-footer {
    padding: 0px;
}

.ace_editor {
    height: 350px;
    margin: 0px;
}

#btnHtmlOk {
    background: #243647;
    color: #ffffff;
    width: 100%;
    height: 50px;
}

.navbar-inverse {
    background: #09181F;
}

.navbar {
    min-height: 40px;
}

.navbar-header li {
    position: relative;
    float: left;
    padding-top: 4px;
}

. navbar-nav {
    display: flex;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background: transparent;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.content {
    display: flex;
    flex-flow: row;
    height: 100%;
}

.main-container {
    top: 40px;
    padding: 0;
    position: relative;
    display: flex;
    flex-flow: column;
}

#control-bar #control-menu > ul > li {
    float: left;
    padding: 5px 10px;
}

#control-buttons {
    width: 41%;
    float: right;
    min-width: 516px;
    padding-right: 10px;
    position: relative !important;
    z-index: 10001;
    transition: all .25s ease-out;
}

.ewo-side-left02, .ewo-side-left2 {
    position: relative;
    background: #f2f2f2 !important;
    padding-left: 0px;
    background: white;
    /*width: 325px;*/
    overflow-y: scroll;
    overflow-x: auto;
    width: 170px;
    max-height: 600px;
}

.ewo-side-left02{
    width: 100%;
    margin: 3px;
}
.ewo-side-left0.minim {
    display: none;
}

.ewo-side-left0, .ewo-side-left {

/*    position: absolute;
    top: 41px;
    *//* left: 847px; *//*
    width: 280px;
    left: 10px;
    height: 500px;
    bottom: auto;
    z-index: 1000;*/

    position: fixed;
    display: flex;
    flex-flow: column;
   /* background:  *//*#e2e2e2 #f4f4f4; #1C2A33;*/
    border-right: 1px solid #e2e2e2;
    margin-left: 0;
    height: 95%;
    margin-bottom: 0;
    /* margin-right: 35px; */
    width: 250px;
    float: left;
    box-sizing: border-box;
    transition: all .3s ease;
    list-style-type: none;
    padding-left: 0px;
    font-size: 13px;
}

.ewo-side-left0 {
    width: 150px;
}

.ewolableblocks {
    display: none;
}

.ewo-side-left.minim .ewolableblocks {
    display: block;
}

.ewo-side-left.minim {
    width: 45px;
    margin-left: 0px;
}

.ewo-side-left2.minim {
    display: none;
}

.ewo-side-left .fa-caret-down, .ewo-side-left .fa-minus-square-o {
    display: block;
}

.ewo-side-left .collapsed .fa-caret-down, .ewo-side-left .collapsed .fa-minus-square-o {
    display: none;
}

.ewo-side-left .fa-caret-left, .ewo-side-left .fa-plus-square-o {
    display: none;
}

.ewo-side-left .collapsed .fa-caret-left, .ewo-side-left .collapsed .fa-plus-square-o {
    display: inline;
}

.ewo-side-left0 li, .ewo-side-left li {
    margin: 3px;
}

.ewo-side-left > li.active > a {
    color: #fff;
    background: #2F4555;
    /*   border-left-color: #3c8dbc;*/
}

/*.ewo-side-left > li > a.collapsed:hover {
    color: #fff;
    background: #2F4555;
    display: block;
}*/

.ewo-side-left > li > a.collapsed {
    background: #263845;
    padding: 7px 5px 7px 15px;
    border-left: 3px solid transparent;
    display: block;
    color: #b8c7ce;
}

.ewo-side-left > li > a {
    color: darkslategray; /*#fff;*/
    background: #CFD6E5; /*#2F4555;*/
    padding: 7px 5px 7px 15px;
    border-left: 3px solid transparent;
    display: block;
}

.ewo-side-left > li > a > span {
    padding-left: 6px;
}

.ewo-side-left.minim > li > a > span {
    display: none;
    left: 40px;
/*    margin-top: -10px;
    padding: 10px 5px 10px 15px;*/
    margin-top: -7px;
    padding: 7px 5px 7px 15px;
    min-width: 100px;
    z-index: 10000;
}

.ewo-side-left.minim > li > a > i.fa-plus {
    display: none;
}

.ewo-side-left.minim > li > ul {
    display: none;
    left: 40px;
    margin-top: -10px;
    padding: 10px 5px 10px 15px;
    min-width: 100px;
}

.ewo-side-left > li > a > i {
    font-size: 14px;
}

/*.ewo-side-left>li>ul::before {
    content: "";
*//*    display: block;
    position: absolute;*//*
    z-index: 1;
    left: 23px;
   *//* top: 0;*//*
    bottom: 0;
    border-left: 1px solid red;
}

.ewo-side-left ul li::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
  *//*  left: 23px;*//*
 *//*   top: 16px;*//*
    border-top: 1px solid red;
    z-index: 1;
}*/

.ewo-side-left.minim .fa-caret-left, .ewo-side-left.minim .fa-plus-square-o {
    display: none;
}

.ewo-side-left.minim .fa-caret-down, .ewo-side-left.minim .fa-minus-square-o {
    display: none;
}

#listcontrols {

    text-align: left;
    /* padding-left: 10px; */
    min-height: 20px;
    padding: 4px 0px 4px 10px;

/*    display: flex;
    justify-content: flex-start;*/
    /*padding: 10px;*/
    color: #4EB9F1;
    border-bottom: none;
    box-shadow: none;
    margin: 0px;
    background: #fefefe;
    list-style-type: none;
    padding-top: 4px;
    font-size: 13px;
}

.labelactions {
    color: #5d8397;
    font-size: 15px !important;
}

#listcontrols0 {
    padding-top: 5px;
    padding-left: 16px;
}

#listcontrols span {
    /*font-weight: bold;*/
    color: #5d8397; /*#4EB9F1;*/
   /* font-size: 14px;*/
    padding: 5px 0px;
}

#listcontrols span:hover {
    color: #4EB9F1;
    cursor: pointer;
}

#listcontrols > span:first-child {
    color: #5d8397;
    cursor: default;
}

#listcontrols > span:first-child:hover {
    color: #5d8397;
    cursor: default;
}

#listcontrols span.active {
    color: #4EB9F1;
}

#listcontrols > span:first-child {
   /* color: #5d8397;*/
/*    font-size: 15px;
    cursor: auto;
    padding-top: 2px;*/
}

#listcontrols > span:first-child:hover {
/*    color: #5d8397;
    cursor: auto;*/
}

.ewo-side-right {

    display: none;

    position: fixed;
    top: 100px;
    /* left: 847px; */
    right: 70px;
    height: 500px;
    bottom: auto;

  /*  display: flex;*/
    z-index: 1000;
    flex-flow: column;
    background: #fff; /*#1C2A33;*/
    border-left: 1px solif #e2e2e2;
    margin-left: 0;
    margin-bottom: 0;
    /* margin-right: 35px; */
    width: 300px; /*460px*/
    float: left;
    box-sizing: border-box;
   /* transition: all .3s ease;*/
    list-style-type: none;
    padding-left: 0px;
    font-size: 13px;

    box-shadow: rgba(0,0,0,.2) 0 7px 30px;
    -moz-box-shadow: rgba(0,0,0,.2) 0 7px 30px;
    -webkit-box-shadow: rgba(0,0,0,.2) 0 7px 30px;
}

.ewo-side-right.minim {
    width: 45px;
}

.ewo-side-right.minim #ewo-toolbar-section-right{
    display: none !important;
}


.ewo-side-right .fa-caret-down {
    display: block;
}

.ewo-side-right .collapsed .fa-caret-down {
    display: none;
}

.ewo-side-right .fa-caret-left {
    display: none;
}

.ewo-side-right .collapsed .fa-caret-left {
    display: inline;
}

.ewo-side-right > li {
    /*    border-bottom: 1px solid #242729;
        box-shadow: 0 1px 0 #3B4144;*/
    margin: 0 3px 3px;
    /*    background: #263845*/
    /*    background: #263845;
        margin: 3px;*/
}

.ewo-side-right > li.active > a {
    color: #fff;
    background: #2F4555;
    /*  border-right-color: #3c8dbc;*/
}

.ewo-side-right > li > a:hover {
    /*    color: #fff;
        background: #263845;*/
    /*    border-right-color: #b8c7ce;*/
}

.ewo-side-right > li, .ewo-side-right > li > a {
    /*    padding: 7px 5px 7px 15px;*/
    display: block;
    color: #b8c7ce;
}

.ewo-side-right > li > a {
    border-right: 3px solid transparent;
}

.ewo-side-right > li > a > span {
    padding-left: 6px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.ewo-side-right.minim > li > a > span, .ewo-side-right.minim #listcontrols {
    display: none;
    left: 40px;
    margin-top: -10px;
    padding: 10px 5px 10px 15px;
    min-width: 100px;
}

.ewo-side-right > li > a > i {
    font-size: 14px;
}

.ewo-side-right > li > ul {
    padding: 0px;
    /*    border-bottom: 1px solid #242729;
        box-shadow: 0 1px 0 #3B4144;*/
    background: #e4ecfb; /*#2F4555*/
}

.tab-content, .tab-pane, .tab-content > .active {
   /* display: flex;*/
    /* width: 100%; */
    flex-flow: column;
}

#bgcolorpatprop .tab-content > .active {
    background: #fefefe;
}

.ewo-side-right > li > ul > li, .ewo-side-right > li > ul > li > a, .ewo-side-right > li > .tab-content, .ewo-side-right > li > .tab-content a {
    color: lightslategray;
    float: left;
    font-size: 12px;
}

.ewo-side-right > li > .tab-content>.tab-pane>li>a {
/*    color: #e2e2e2; *//*#B3BABD;*/
    float: none;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
}

/*tabs*/
.ewo-side-right .tabs .tab {
    padding: 6px 16px 4px;
}

.ewo-side-right .tabs .active {
/*    background: linear-gradient(#5D676D, #3A4046);*/
    border-radius: 2px 2px 0 0;
}

.ewo-side-right .tabs .tab {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 14px;
    float: left;
    position: relative;
}

.sub-menu {
    list-style: none outside none;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    color: #b8c7ce;
    font-size: 13px;
}

.ewo-side-right.minim .fa-caret-left, .ewo-side-right.minim .fa-caret-left {
    display: none;
}

.ewo-side-right.minim .fa-caret-down {
    display: none;
}

.ewo-side-right .content {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    margin-top: 10px;
}

.ewo-side-right .info-option {
    font-size: 12px;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
  /*  border-bottom: 1px solid #242729;*/
    box-shadow: 0 1px 0 #c2c2c2;
    padding-bottom: 5px;
   /* margin: 10px 10px 10px;*/
    margin-bottom: 10px;
}

.ewo-side-right .info-option .margin {
    margin: 0 auto 10px;
/*    border: 1px solid #3387C3;*/
    max-width: 200px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.ewo-side-right .info-option .blue {
    padding: 5px;
    background-color: #fff; /*#283844;*/
    color: #64BFFF;
    line-height: 1;
}

.ewo-side-right .info-option .green {
    padding: 5px;
    background-color: #fff;
    color: #57D88B;
    line-height: 1;
}

.ewo-side-right .info-option .box-row {
    display: flex;
    flex-direction: column;
}

.ewo-side-right .info-option .padding {
    border: 1px solid lightgray;
    height: 60px;
    flex-grow: 1;
    overflow: hidden;
}

.ewo-side-right .info-option .empty {
    flex-grow: 1;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.21) inset;
}

.ewo-side-right .info-option .empty2 {
    flex-grow: 1;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.21) inset;
}

.ewo-side-right .info-option .box-col {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.ewo-side-right .info-option .middle {
    display: flex;
    flex-direction: row;
}

.ewo-side-right .textboxoption {
    position: relative;
}

.menu {
    background: orange;
}

.navbar {
    margin-bottom: 0px;
}

.breadcrumbs li > a {
    cursor: pointer;
}

.breadcrumb {
    margin-bottom: 0px;
    background: transparent; /*#E7E9EB;*/
    padding: 4px 15px;
    margin-bottom: 10px;
}

.breadcrumb > li > a {
    color: gray;
}

.breadcrumb > li.active {
    background: lightsteelblue;
}

.breadcrumb-item > a {
    color: orangered !important; /*#3bafda;*/
}

.breadcrumb-item > a:hover {
    color: #ff1d33; /*#4fc1e9;*/
}

.ewo-container {
    /*    display: flex;
        flex-flow: row;*/
    width: 100%; /*calc(100% - 220px)*/
    float: right;
    margin: 0;
    box-sizing: border-box;
/*    overflow-y: auto;
    overflow-x: hidden;*/
    height: 100%;
    transition: all .3s ease;
   /* background: #fff;*/
   /* padding: 10px;*/
/*    padding-left: 30px;
    padding-right: 30px;*/

    margin: 10px 50px 0px 95px;

/*    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);*/
}

.proversion {
    padding: 0pc !important;
}

#pro.active {
    box-shadow: 1px 1px 3px #07d568, -1px -1px 3px #07d568;
    border-color: #07d568 !important;
}

#pro {
    background-color: #687889; /*#2e3144*/ !important;
    width: 67px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
   /* border: 2px solid #000 !important;*/
    padding: 6px;
    box-sizing: border-box;
    margin-top: 5px;
    position: relative;
    cursor: pointer;
    color: #fefefe !important;
}

.btncmd button {
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
}

.btncmd {
    padding: 0px !important;
    padding-top: 6px !important;
    padding-bottom: 0px !important;
}

/*.btncmd .btncmdedit {
    background: cornflowerblue;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}*/

.btncmd .btncmdpreview {
    background: cornflowerblue;
/*    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;*/
}

.btncmdedit {
    position: fixed;
    z-index: 1000000;
    width: 100px;
    margin-left: -50px;
    left: 50%;
    padding: 2px !important;
}

.btncmd .btncmdsave {
    background: #96cd96;
    border-color: #96cd96;
}

.btncmd .btncmdpublish{
    background: #96cd96;
    border-color: #96cd96;
}

.hit {
    color: #95a2a9; /*color: #b8c7ce;*/
    font-size: 22px !important;
}
.hit:hover {
    color: #95a2a9;
}

.minifyme:hover {
 /*   background: #646464;*/
/*    color: #E4E4E4;
    right: 0;
    width: 40px;
    padding-right: 5px;*/
}

.minifyme {
/*    border-bottom: 1px solid #302F2F;
    background: #454545;*/
    color: #A8A8A8;
    text-align: center;
    padding: 0;
    width: 36px;
    height: 28px;
    display: block;
    right: 0;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
  /*  margin-top: 7px;*/
    font-size: 19px;
    transition: all .1s linear 0s;
    float: right;
}

.minifymeright:hover {
  /*  background: #646464;*/
/*    color: #E4E4E4;
    right: 0;
    width: 40px;
    padding-right: 5px;
    font-size: 19px;*/
}

.minifymeright {
/*    border-bottom: 1px solid #302F2F;
    background: #454545;*/
    color: #A8A8A8;
    text-align: center;
    padding: 0;
    width: 36px;
    height: 28px;
    display: block;
    right: 0;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
   /* margin-top: 7px;*/
    font-size: 19px;
    transition: all .1s linear 0s;
    float: left;
}

.ewo-navbar-right .nav-user-photo {
    border-radius: 50%;
    height: 35px;
    width: 35px !important;
    max-width: inherit !important;
    margin-top: 2px;
}

.user-profile {
    /*padding: 5px;*/
    padding-right: 15px !important;
}

.user-profile > a {
    padding: 0px !important;
    cursor: pointer;
}

.user-name {
    position: relative;
    top: 3px;
    color: #ffffff;
    padding: 5px 3px 0px 5px;
}

.user-profile .caret {
    position: relative;
    top: 2px;
}

.dropdown-menu {
    /*  background-color: #f8f8f8;*/
    border-radius: 4px !important;
    z-index: 1031;
}

.dropdown-menu.dropdown-closer {
    margin-top: 15px !important;
}

#dropdownlistpages {
    left: 25px;
    margin-top: 2px !important;
}

#dropdownlistpages>li>a {
    cursor: pointer;
}

#dropdownlistpages>li>a:focus, #dropdownlistpages>li>a:hover{
    color: #333;
    background: #f4f4f4;
}

.breadcrumb > li > .dropdown-menu::after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid lightcoral;
    border-left: 6px solid transparent;
    content: '';
}

.navbar .nav > li > .dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.navbar .nav > li.user-profile > .dropdown-menu::before {
    display: none;
}

.ewo-navbar-center > li > .dropdown-menu::after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}

.ewo-navbar-center img {
    width: 50px;
    margin-bottom: 5px;
}

.ewo-navbar-right > li > .dropdown-menu::after {
    position: absolute;
    top: -6px;
    right: 50px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}

.breadcrumbs .dropdown-menu {
    left: auto;
}

.breadcrumbs .dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.breadcrumbs .dropdown-menu::after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}

.listbuilders a {
    font-size: 20px;
    color: #b8c7ce;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
    /*padding-bottom: 10px;*/
    text-align: center;
}

.listbuilders li a {
    width: 100px;
}

.listbuilders > .dropdown-menu > li > a:hover {
    background: transparent;
}

.listbuilders > .dropdown-menu {
    width: 202px;
    left: -42px;
}

.open>.dropdown-menu {
    display: block;
    transition: all 3s ease-out;
}

.listbuilders > .dropdown-menu::before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
    display: none;
}

.listbuilders > .dropdown-menu::after {
    position: absolute;
    top: -6px;
    left: 50px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    content: '';
}

.listbuilders img {
    width: 50px;
    margin-bottom: 5px;
}

.listbuilders span {
    float: left;
    text-align: center;
    width: 100%;
    position: relative;
    color: cornflowerblue;
}

.navbar-inverse .navbar-nav > .active > a {
    color: white;
}

.listbuilders > ul > li.active {
    color: white;
}

/*.listbuilders.open {
    background: lightslategrey;
}

.listbuilders .dropdown-menu {
    border-top: 6px solid lightslategrey;
    left: -155px !important;
    width: 300px;
}

.listbuilders .dropdown-menu.dropdown-closer {
    margin-top: 0px !important;
}*/

.ewo-breadcrumb-left > li > a {
    top: 2px;
    position: relative;
}

.ewo-breadcrumb-center > li > a {
    top: 3px;
    position: relative;
    color: lightcoral; /*#0c92de;*/
}

.ewo-breadcrumb-right > li > a {
    top: 2px;
    position: relative;
}

.dropdown-menu > li > a {
    font-size: 13px;
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 1px;
    margin-top: 1px;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
}

.undo::before {
    display: none;
}

.zoom::before {
    display: none;
    content: '' !important;
    margin-left: 30px;
    margin-right: 30px;
}

.zoom {
    margin-left: 30px;
    margin-right: 30px;
}

.zoom input {
    position: relative;
    top: 0px;
}

#logout {
    font-size: 15px;
}

a.upgradeLink {
    color: #40b37a !important;
    font-size: 15px !important;
    line-height: 40px;
}

.devices {
    font-size: 25px;
    /*padding-top: 13px !important;*/
    padding-bottom: 0px !important;
}

.listmodules {
    padding-left: 0px;
}

.listmodules li {
    width: 100%;
    padding: 10px;
    cursor: pointer;
    text-indent: 30px;
/*    border-left: 3px solid #1C2A33;*/
}

.listmodules li.active {
    color: #fff;
    background: #1e282c;
    border-left: 3px solid #3c8dbc;
}

.listmodules li:hover {
    color: #fff;
    background: #1e282c;
    border-left: 3px solid #3c8dbc;
}

.listmodules > span {
    margin-left: 5px;
}

/*application*/
#ewobuilderformapplication {

    margin-top: 10px;
    margin-bottom: 50px;
    padding-left: 0px;
    padding-right: 0px;

    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.36);
}

.listcomponents .tab-content {
    border: none !important;
}

.listcomponents .tab-pane {
    height: 300px;
    overflow-y: scroll;
    border: none;
}

.listcomponents .tab-pane::-webkit-scrollbar {
    width: 7px;
    background-color: #e8e8e8;
}
.listcomponents .tab-pane::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #C1C1C1;
}


.ewo-container::-webkit-scrollbar {
    width: 7px;
    background-color: #e8e8e8;
}
.ewo-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #C1C1C1;
}

.block-placeholder {
    height: 15px;
    background: rgba(225, 225, 225, 1);
    border: 1px dashed red;
}

.blocksection-placeholder {
    height: 15px;
    background: rgba(225, 225, 225, 1);
    border: 1px dashed blue;
}

.uihelper:before {
    text-align: center;
    content: 'drag & drop';
    color: blue;
}

.uihelper {
    text-align: center;
    position: absolute;
    z-index: 10000000 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100px !important;
    height: 28px !important;
    border: #DBE4F8 5px solid !important;
    background: #DBE4F8 !important;
    border-radius: 5px;
    margin-left: 40px !important;
}

.uihelper > img {
    display: none;
}

.ui-dialog-mask {
    z-index: 100000 !important;
}

.ui-dialog {
    z-index: 100001 !important;
}

#btncmdeditbuilder {
    display: none;
}

/*preview*/

.ewopreview>.ui-draggable {
    /*margin-top: 10px;*/
    margin-bottom: 0px;
}

.ewopreview #ewotoprootpreview {
    position: fixed;
    display: block;
    width: 100%;
    height: 60px;
    background: #eeeeee;
    z-index: 10;
}

.ewopreview header {
    width: 100% !important;
}

.ewopreview .ewo-section {
    background: transparent !important;
    border: none;
}

.ewopreview #ewobuilderformwebsite {
    margin-top:0px;
    padding: 50px;
}

.ewopreview .browser-toolbar {
    height: 20px;
    margin: 60px 0px 0px 50px;
    width: calc(100% - 100px) !important;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
}

.ewopreview #ewobuilder {
    margin-top: 0px;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.36);
    height: 100%;
}

.ewopreview .ewo-side-left, .ewopreview .ewo-side-left0 {
    display: none;
}
.ewopreview #ewobuildertoolbar, .ewopreview  #topmaincontainer {
    display: none;
}

.ewopreview  .main-container {
    top: 0px;
}

.ewopreview .ewo-container {
    margin: 0px !important;
    width: 100% !important;
}

.ewopreview .browser-toolbar {
    display: none;
}

.ewopreview .browser-toolbar.ewo-mobile {
    display: block;
    padding: 0px;
}

.ewopreview #ewobuilderformwebsite {
    margin-top: 0px;
    padding: 0px;
    height: 100%;
}

.ewopreview #ewobuilderformwebsite.ewo-mobile {
    padding: 50px;
}

.ewopreview #btncmdeditbuilder {
    display: block;
}

.ewopreview .ewozoom {
    display: none;
}

.ewopreview #ewobuilderheader, .ewopreview #ewobuildercontent, .ewopreview #ewobuilderfooter {
    padding: 0px;
}

.ewopreview .ewobuildercontent {
    min-height: 100%;
}


.ewopreview .main-container {
    height: 100%;
}

.ewopreview .ewo-row>.ewo-section.ewo-active {
    border: none;
}

.help-block {
    color: #b94a48;
}

.disabled {
    pointer-events: none;
    opacity: 0.7;
}

.ewo-navbar-left{
    margin-left: 20px !important;
}

.ewo-navbar-left li img, .logo img {
    height: 30px;
}

.ewo-navbar-left li span, .logo span {
    font-size: 20px;
    position: relative;
    top: 5px;
    font-weight: bold;
    color: cornflowerblue;
}

.logo span {
    color: white;
    font-weight: normal;
}