HEX

File: /var/www/html/tmpr/../tmpr/..//tmpr/../tmpr/..//tmpr/../appEdit/css/light.css
/* ================= LOADER ================== */

.brandeditor-loader-inner {
    background: #eee;
}

.brandeditor-loader {
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top-color: #00BFF3;
}

/* ================= GENERAL STYLES ================== */
/*
* {
    scrollbar-color: #aaa #fff;
}

*::-webkit-scrollbar-track {
    background: #666666;
}

*::-webkit-scrollbar-thumb {
    background-color: #999;
    border: 4px solid #303030;
}*/

body {
    /*background: #eee;*/
    /*color: #494949;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #111;
}

.text-danger {
    color: #F44336 !important;
}

.text-success {
    color: #009688 !important;
}

.text-warning {
    color: #FFC107 !important;
}

.text-white {
    color: #111 !important;
}

#brandeditor-icon-panel hr {
    border-bottom: 1px dashed #bcbcbc;
}

.notice {
    color: #494949;
    background: rgba(0, 0, 0, 0.1);
    border-left: 4px solid #00BFF3;
}

.notice.notice-danger {
    border-left: 4px solid #F44336;
}

.notice.notice-warning {
    border-left: 4px solid #FFC107;
}

.notice.notice-success {
    border-left: 4px solid #009688;
}

.brandeditor-img-loader {
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: #00BFF3;
}

#brandeditor-overlay-preview {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='%23FFFFFF'/%3E%3C/svg%3E") left top/contain #ccc;
    background-size: 15px 15px;
}

/* ================= PAGE STRUCTURE ================== */

#brandeditor-toggle-left,
#brandeditor-toggle-right {
    background-color: #fff;
    border: 1px solid #bcbcbc;
}

#brandeditor-toggle-right.closed,
#brandeditor-toggle-left.closed {
    background-color: #fff;
}

#brandeditor-toggle-left .material-icons,
#brandeditor-toggle-right .material-icons {
    color: #111;
}

#brandeditor-toggle-left:hover .material-icons,
#brandeditor-toggle-right:hover .material-icons {
    color: #00BFF3;
}

/* ================= TOP BAR ================== */

#brandeditor-top-bar {
    background: #eee;
    border-bottom: 1px solid #bcbcbc;
}

.brandeditor-top-bar-menu .brandeditor-btn-simple {
    color:#111;
}

.brandeditor-top-bar-menu .brandeditor-btn-simple:disabled {
    color:#494949
}

/* ================= DROPDOWN ================== */

ul.brandeditor-dropdown {
    background: #fff;
    border: 1px solid #bcbcbc;
}

ul.brandeditor-dropdown li {
    border-bottom: 1px solid #bcbcbc;
}

ul.brandeditor-dropdown li a {
    color: #494949;
}

ul.brandeditor-dropdown li a:hover {
    color: #111;
}

ul.brandeditor-dropdown li a .material-icons {
    color: #00BFF3;
}

/* ================= CONTENT BAR ================== */

.brandeditor-content-bar {
    background: #fff;
    border: 1px solid #bcbcbc;
}

.brandeditor-content-bar .brandeditor-img-size {
    border-right: 0px solid #bcbcbc;
}

.brandeditor-content-bar .brandeditor-counter .brandeditor-btn,
.brandeditor-content-bar .brandeditor-counter .brandeditor-btn:hover,
.brandeditor-content-bar .brandeditor-counter .brandeditor-btn:focus {
    background: #fff;
    color: #494949;
}

.brandeditor-content-bar .brandeditor-counter .brandeditor-btn:hover {
    color: #111;
}

.brandeditor-counter .brandeditor-btn:disabled {
    color: rgba(0, 0, 0, 0.3);
}

.brandeditor-content-bar .brandeditor-counter:after {
    background: #eee;
}

#brandeditor-img-drag {
    /*border-right: 6px solid #bcbcbc;*/
    background: #fff;
    color: #494949;
}

#brandeditor-img-drag:hover,
#brandeditor-img-drag.active {
    background: #eee;
    color: #111;
}

/* ================= ICON MENU ================== */

#brandeditor-icon-menu {
    background: #eee;
}

#brandeditor-icon-menu.closed {
    border-right: 1px solid #bcbcbc;
}

button.brandeditor-icon-menu-btn {
    color: #494949;
    background: #eee;
}

button.brandeditor-icon-menu-btn.active,
button.brandeditor-icon-menu-btn:hover {
    color: #000;
    background: #fff;
}

#brandeditor-icon-panel {
   /* border-right: 1px solid #bcbcbc;
    background: #fff;*/
}

/* ================= CONTENT ================== */

#brandeditor-content {
  /*   background-color: #f9f9f9;*/
}

#brandeditor-canvas-wrap {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='%23FFFFFF'/%3E%3C/svg%3E") left top/contain #ccc;
    background-size: 15px 15px;
}

#brandeditor-canvas-loader {
    background: #fff;
}

/* ================= LAYERS ================== */

#brandeditor-right-col {
  /*  border-left: 1px solid #bcbcbc;*/

}

.brandeditor-layers-title {
    /*background: #eee;*/
    font-size: 10px;
}

#brandeditor-layers li {
    color: #494949;
    border-bottom: 1px solid #dfdfdf;
    background: #fff;
    touch-action: auto;
}

#brandeditor-layers li:first-child {
    border-top: 1px solid #cccccc;
}

#brandeditor-layers li:hover {
    color: #111;
}

#brandeditor-layers li.active {
    color: #111;
    background: #eee;
}

#brandeditor-layers li .layer-icons {
    background: #eee;
}

#brandeditor-layers li .layer-name {
    color:#494949;
    touch-action: auto;
}


#brandeditor-layers li .layer-icons .material-icons {
    color: #111;
}

#brandeditor-layers>li>.material-icons {
    color: #666666;
    touch-action: auto;
}

#brandeditor-layers>li>.material-icons.layer-settings {

    color: #494949;
    touch-action: auto;
}

#brandeditor-layers>li>.material-icons.layer-settings:hover,
#brandeditor-layers>li>.material-icons.layer-settings.active {
    color: #111;
    touch-action: auto;
}

#brandeditor-layers li .layer-icons .layer-visible,
#brandeditor-layers li .layer-icons .layer-unlocked {
    color: #009688;
    touch-action: auto;
}

#brandeditor-layers li .layer-icons .layer-hidden,
#brandeditor-layers li .layer-icons .layer-locked {
    color: #FFC107;
    touch-action: auto;
}

#brandeditor-no-layer a {
    color: #00BFF3;
}

#brandeditor-layer-delete-wrap {
    border-top: 1px dashed #bcbcbc;
    touch-action: auto;
}

/* ================= GRID ================== */

.brandeditor-frames-grid .grid-item,
.brandeditor-grid .grid-item {
    background: #eee;
}

.brandeditor-frame,
.brandeditor-element {
    border: 1px solid #eee;
    background: #eee;
}

.type-customSVG>a:before {
    color: #4CAF50;
}

.brandeditor-element.light {
    background: #eee;
}

.brandeditor-element.dark {
    background: #666666;
  /*border-color: #00BFF3;*/
}

.brandeditor-frame:hover,
.brandeditor-element:hover {
    border: 1px solid #00BFF3;
}

.brandeditor-element.dark:hover {
  border-color: #1B1642;
}

.template-favorite,
.brandeditor-frame .frame-favorite,
.brandeditor-element .element-favorite {
    background: #00BFF3;
}

.brandeditor-element.dark .element-favorite {
  background: #1B1642;
}


.brandeditor-frames-grid .brandeditor-frame {
    border: 3px solid #eee;
}

.brandeditor-frames-grid .brandeditor-frame:hover {
    border: 3px solid #111;
}

.grid-icon-item {
    color: #494949;
    border: 1px solid #bcbcbc;
}

.grid-icon-item:hover {
    border: 1px solid #00BFF3;
    color: #fff;
}

.grid-icon-item .material-icons {
    color: #00BFF3;
}

.grid-icon-label {
    border-top: 1px solid #bcbcbc;
}

/* ================= ELEMENTS ================== */

#brandeditor-filters.brandeditor-grid img:hover {
    border: 3px solid #00BFF3;
}

#brandeditor-filters.brandeditor-grid div label span {
    background: #eee;
    color: #494949;
}

#brandeditor-filters.brandeditor-grid input[type=checkbox]:checked+label img,
#brandeditor-filters.brandeditor-grid input[type=radio]:checked+label img {
    border: 3px solid #00BFF3
}

#brandeditor-filters.brandeditor-grid div:hover span,
#brandeditor-filters.brandeditor-grid input[type=checkbox]:checked+label>span,
#brandeditor-filters.brandeditor-grid input[type=radio]:checked+label>span {
    color: #fff;
    background: #00BFF3
}

.brandeditor-element>.material-icons {
    color: #494949;
}

/* ================= BUTTONS ================== */

.brandeditor-btn-simple {
    color: #494949;
}

.brandeditor-btn-simple:hover,
.brandeditor-btn-simple.active {
    color: #111;
}

.brandeditor-btn-simple:disabled {
    color: #494949;
}

.brandeditor-btn-simple.star {
    color: #FF9800 !important;
}

.brandeditor-btn {
  /*  background: #eee;
    color: #111;*/
}

.brandeditor-btn:hover,
.brandeditor-btn.primary:hover {
    background: #00BFF3;
    color:#fff;
}

.brandeditor-btn.active,
.brandeditor-btn.active:hover,
.brandeditor-btn.primary {
/*     background: #00BFF3;
    color: #fff;*/


}

.brandeditor-btn.danger {
    background: #F44336;
    color:#fff;
}

.brandeditor-btn.danger:hover {
    background: #D32F2F;
    color:#fff;
}

.brandeditor-horizontal-center.active,
.brandeditor-vertical-center.active {
    background: #eee !important;
}

/* ================= BLOCKS ================== */

.icon-group {
    border: 1px solid #bcbcbc;
    background: #bcbcbc
}

.icon-group .brandeditor-btn {
    border-right: 1px solid #bcbcbc;
}

.icon-group .brandeditor-btn:hover,
.icon-group .brandeditor-btn.active {
    background: #fff;
  color:#111
}

/* ================= TOOLTIP ================== */

.tooltip:after {
    background-color: #111;
    color: #fff;
}

.tooltip:before {
    border-color: #111 transparent;
}

/* ================= PAGINATION ================== */

.brandeditor-pagination ul li {
    border: 1px solid #bcbcbc;
    color: #494949;
}

.brandeditor-pagination ul li.active,
.brandeditor-pagination ul li.active:hover {
    background: #00BFF3;
    border-color: #00BFF3;
    color: #fff;
}

.brandeditor-pagination ul li:hover {
    border-color: #00BFF3;
}

.brandeditor-pagination ul li a {
    color: #111;
}

.brandeditor-accordion .brandeditor-pagination ul li {
    color: #494949;
    background: #eee;
}

.brandeditor-accordion .brandeditor-pagination ul li.active,
.brandeditor-accordion .brandeditor-pagination ul li.active:hover {
    color: #fff;
    background: #00BFF3;
}

.brandeditor-accordion .brandeditor-pagination ul li a,
.brandeditor-accordion .brandeditor-pagination ul li>span {
    color: #494949;
}

.brandeditor-accordion .brandeditor-pagination ul li a:hover {
    color: #111
}

.brandeditor-accordion .brandeditor-pagination ul li.active>span {
    color: #fff
}

/* ================= ACCORDION ================== */

ul.brandeditor-accordion>li {
    border: 1px solid #bcbcbc;
}

ul.brandeditor-accordion>li.opened {
    border-color: #00BFF3;
}

ul.brandeditor-accordion>li>a {
    color: #494949;
}

ul.brandeditor-accordion>li>a:hover,
ul.brandeditor-accordion>li.opened>a {
    color: #111;
}

ul.brandeditor-accordion>li.opened>a {
    border-bottom: 1px solid #bcbcbc
}

ul.brandeditor-accordion>li>a>.data-count {
    background: #00BFF3;
    color: #fff;
}

/* ================= RANGESLIDER ================== */

.brandeditor-slider {
    background: #bcbcbc;
}

.brandeditor-slider::-webkit-slider-thumb {
    background: #fff;
   /* border: 3px solid #00BFF3;*/
}

.brandeditor-slider::-moz-range-thumb {
    background: #fff;
   /* border: 3px solid #00BFF3;*/
}

/* ================= COUNTER ================== */

.brandeditor-counter .brandeditor-btn,
.brandeditor-counter .brandeditor-btn:hover,
.brandeditor-counter .brandeditor-btn:focus {
    background: #bcbcbc;
}

.brandeditor-counter .brandeditor-btn:disabled {
    color: rgba(0, 0, 0, 0.3);
}

/* ================= CONTROLS ================== */

.brandeditor-control-label span {
    background: #eee;
    color: #111;
}

.brandeditor-form-field {
  /*  background: #eee;*/
    border: 1px solid #bcbcbc;
    color: #494949;
}

.brandeditor-form-field:focus {
    background: #fff;
    border: 1px solid #00BFF3;
    color: #111;
}

.brandeditor-search-wrap .material-icons {
    color: #494949;
}

#brandeditor-element-search-icon.cancel,
#brandeditor-icon-search-icon.cancel {
    color: #F44336;
}

.brandeditor-sub-settings {
    border-top: 1px dashed #bcbcbc;
}

/* ================= COLORPICKER ================== */

.brandeditor-colorpicker,
.brandeditor-colorpicker:focus,
.brandeditor-form-field {
   /* background: #eee;*/
    border: 1px solid #bcbcbc;
    color: #494949;
}

.brandeditor-colorpicker:focus {
    color: #111;
}

.sp-container {
    background: #fff;
    border: 1px solid #bcbcbc;
}

.sp-palette-container {
    border-right: solid 1px #bcbcbc;
}

.sp-container button {
    color: #494949;
}

.sp-container button:hover {
    color: #111;
}

.sp-container button.sp-choose {
    background: #00BFF3;
    color: #fff;
}

.sp-container button.sp-choose:hover,
.sp-container button.sp-choose:focus {
    background: #5546e8;
    color: #fff;
}

.sp-clear-display:before {
    color: #111;
}

.sp-colorize-container {
    border-color:#bcbcbc !important;
}

/* ================= SELECT ================== */

.brandeditor-select {
    color: #494949;
    background: #eee url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23aaaaaa' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.5rem center;
    background-size: 20px 10px;
    border: 1px solid #bcbcbc;
}

.brandeditor-select:focus {
    border: 1px solid #00BFF3;
}

.brandeditor-select:focus::-ms-value {
    color: #465362;
    background-color: #fff;
}

/*.select2-container--dark .select2-selection--single {
    background: #eee;
    border: 1px solid #bcbcbc;
}

.select2-container--dark .select2-selection--single .select2-selection__rendered {
    color: #494949;
}

.select2-container--dark .select2-selection--single .select2-selection__arrow b {
    border-color: #bcbcbc transparent transparent transparent;
}

.select2-container--dark .select2-selection--single .select2-selection__placeholder {
    color: #fff;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    background: #fff;
    border-color: #bcbcbc;
}

.select2-container--dark .select2-results__option--highlighted[aria-selected] {
    background: #00BFF3 !important;
    color: #ffffff;
}

.select2-container--dark .select2-results__option[aria-selected=true] {
    background: #00BFF3;
    color: #fff;
}

.select2-drop {
    border: 2px solid #bcbcbc;
}

.select2-drop.select2-drop-above {
    border-top: 2px solid #bcbcbc;
}

.select2-container--dark .select2-search input {
    border: 1px solid #bcbcbc;
    background: #eee;
    color: #111
}

.select2-container--dark .select2-search input:focus {
    border: 1px solid #00BFF3;
}

.select2-container--dark .select2-results__group {
    border-top: 1px solid #bcbcbc;
}*/

/* ================= TABS ================== */

.brandeditor-tabs-menu li:hover {
    color: #111;
}

.brandeditor-tabs-menu  li.active {
    background: #00BFF3;
    color: #fff;

}

.microTab li.active {
    background: #00BFF3 !important;
    color: #fff !important;
    width:100px !important;
    height:30px !important;



}

.microTab li  {
    background: #dfdfdf !important;
    color: #000 !important;
    width:100px !important;
    height:30px !important;
    padding: 5px !important;

    border-radius:0px !important;
    text-align: center  !important;

    margin-bottom: 10px !important;
    margin-right: 10px !important;
    padding-left: 15px !important;
    border-radius:20px !important;

}

/* ================= TOGGLE ================== */

.brandeditor-toggle-switch {
    background: #bcbcbc;
}

.brandeditor-toggle-switch:before {
    background: #fff;
}

.brandeditor-toggle-checkbox:checked+.brandeditor-toggle-switch {
    background: #00BFF3;
}

/* ================= CHECKBOX ================== */

.brandeditor-checkmark {
    background-color: #eee;
    border: 1px solid #bcbcbc;
}

.brandeditor-checkbox input:checked~.brandeditor-checkmark {
    background-color: #00BFF3;
    border-color: #00BFF3;
}

.brandeditor-checkbox .brandeditor-checkmark:after {
    border: solid #111;
    border-width: 0 3px 3px 0;
}

/* ================= CUSTOM CURSOR ================== */

.tm-pointer-simple.tm-cursor {
    background-color: #fff;
}

/* ================= MODAL ================== */

.brandeditor-modal {
    background: rgba(255, 255, 255, 0.7) !important;
}

.brandeditor-modal-inner>.brandeditor-tabs>.brandeditor-tabs-menu>li {
    background: #d6d6d6;
  color:#494949;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.brandeditor-modal-inner>.brandeditor-tabs>.brandeditor-tabs-menu>li:hover,
.brandeditor-modal-inner>.brandeditor-tabs>.brandeditor-tabs-menu>li.active {
    background: #fff;
  color:#111;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.brandeditor-modal-inner>.brandeditor-tabs>.brandeditor-tab,
.brandeditor-modal-bg {
    background: #fff;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.20), 0 15px 12px rgba(0, 0, 0, 0.12);
}

.brandeditor-modal-close {
    color: #fff;
    background: #00BFF3;
}

.brandeditor-modal-close:hover {
    color: #fff;
    background: #00BFF3;
}

.brandeditor-modal-close .material-icons {
    font-size: 20px;
    line-height: 36px;
}

#brandeditor-download-as-json,
#brandeditor-save-as-json {
    border-top: 1px dashed #bcbcbc;
}

.brandeditor-select-btn-block>div:first-child {
    border-right: 1px dashed #bcbcbc
}

/* ================= TEMPLATE LIBRARY ================== */

.brandeditor-template-list {
    border: 1px solid #bcbcbc;
}

.brandeditor-template-list li {
    border-bottom: 1px solid #bcbcbc;
}

.brandeditor-template-list li.active {
    background:#eee
}

#brandeditor-history-list li .info .material-icons {
    color: #00BFF3;
}

#brandeditor-history-list li .info span.time {
    background: #fff;
    color:#111;
}


/* ================= PEXELS ================== */

#pexels-menu {
    display: flex;
    margin-bottom: 30px;
}

#pexels-menu>div {
    flex: 1;
    width: 50%;
}

#pexels-search-options {
    display: flex;
}

#pexels-search-options select {
    margin-right: 10px
}

#brandeditor-pexels-search {
    margin-left: 10px;
}

a.pexels-url {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 9;
    cursor: pointer;
    line-height: 22px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
}

a.pexels-url .material-icons {
    font-size: 22px;
    line-height: 22px;
}

.pexels-grid .brandeditor-img-wrap {
    min-height: 60px;
}

.pexels-grid {
    margin-top: 10px
}

#pexels-loadmore {
    margin-top: 30px;
    width: 100%
}

#pexels-menu,
#pexels-output {
    transition: opacity 0.2s ease-in-out;
}

#pexels-credit {
    margin-top: 20px;
    display: inline-block;
    font-style: italic;
    text-decoration: none;
    line-height: 1;
}

#pexels-credit:hover {
    text-decoration: underline;
}

/* ================= PIXABAY ================== */

#pixabay-menu {
    display: flex;
    margin-bottom: 30px;
}

#pixabay-menu .brandeditor-search-box {
    flex: 1;
}

#pixabay-search-options {
    display: flex;
    flex: 2;
}

#pixabay-search-options select {
    margin-right: 10px
}

#brandeditor-pixabay-search {
    margin-left: 10px;
}

a.pixabay-url {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 9;
    cursor: pointer;
    line-height: 22px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
}

a.pixabay-url .material-icons {
    font-size: 22px;
    line-height: 22px;
}

.pixabay-grid .brandeditor-img-wrap {
    min-height: 60px;
}

.pixabay-grid {
    margin-top: 10px
}

#pixabay-loadmore {
    margin-top: 30px;
    width: 100%
}

#pixabay-menu,
#pixabay-output {
    transition: opacity 0.2s ease-in-out;
}

#pixabay-credit {
    margin-top: 20px;
    display: inline-block;
    font-style: italic;
    text-decoration: none;
    line-height: 1;
}

#pixabay-credit:hover {
    text-decoration: underline;
}

.brandeditor-grid.pixabay-grid.media-library-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(140px, 100%), 1fr));
    min-height: 80px;
}

.brandeditor-grid.pixabay-grid.media-library-grid .brandeditor-masonry-item-inner {
    display: flex;
    justify-content: center;
    height: 100px;
    overflow: hidden;
}



/* ================= MASONRY ================== */

.brandeditor-masonry-item .favorite {
    background: #fff;
}

.brandeditor-masonry-item-inner {
    border: 4px solid #eee;
}

.grid-item:hover .brandeditor-masonry-item-inner,
.brandeditor-masonry-item-inner:hover {
    border-color: #00BFF3;
}

.brandeditor-masonry-item-desc {
    background: #00BFF3;
    color: #fff
}

.brandeditor-svg-library-delete,
.brandeditor-library-delete {
    color: #fff;
    background: #F44336;
}

.brandeditor-svg-library-delete:hover,
.brandeditor-library-delete:hover {
    background: #D32F2F;
}

.brandeditor-grid.svg-library-grid .brandeditor-masonry-item-inner {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='%23FFFFFF'/%3E%3C/svg%3E") left top/contain #ccc;
    background-size: 15px 15px;
}

a.pexels-url {
    color: #00BFF3;
    background: #fff;
}

a.pexels-url:hover {
    color: #544abf;
}

#pexels-credit {
    color:#494949;
}

/* ================= RULER ================== */

.guide.v {
    border-right: 1px solid #00BFF3;
}

.guide.h {
    border-bottom: 1px solid #00BFF3;
}

.guide .info {
    background-color: #111;
    border: 1px solid #111;
    color: #fff;
}

.ruler {
    background-color:#eee;
}

.ruler .label {
    color: #494949;
}

.ruler.h {
    border-bottom: 1px solid #bcbcbc;
}

.ruler.h span.major {
    border-left: 1px solid #bcbcbc
}

.ruler.h span.milestone {
    border-left: 1px solid #bcbcbc
}

.ruler.v {
    border-right: 1px solid #bcbcbc
}

.ruler.v span.major {
    border-top: 1px solid #bcbcbc;
}

.ruler.v span.milestone {
    border-top: 1px solid #bcbcbc;
}

#brandeditor-ruler-icon {
  background: #eee;
    border-right:1px solid #bcbcbc;
    border-bottom:1px solid #bcbcbc;
}

#brandeditor-ruler-icon.closed {
    background: transparent;
}

.menu-btn {
    background-color: #00BFF3;
    color: #fff;
}

.rg-menu {
  border-right: 1px solid #bcbcbc;
}

.rg-menu li {
    border-bottom: 1px solid #bcbcbc;
}

.rg-menu a {
    background-color: #eee;
  color: #494949;
}

.rg-menu a:hover,
.rg-menu a.selected {
    color: #000;
}

/* ================= MEDIA QUERIES ================== */

@media only screen and (max-width: 800px) {
    .brandeditor-modal-inner>.brandeditor-tabs>.brandeditor-tabs-menu>li {
       /* background: #fff;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    }
}