/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 3.1
	Author: GeeksLabs
	Author URL: http://www.themeforest.net/user/geekslabs
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/********************************* Global overrides ****************************/
html, body {
  background-color: #fff; }

@media only screen and (max-width: 992px) {
  ul.side-nav.leftside-navigation {
    top: 64px !important; } }

#breadcrumbs-custom {
  /*min-height: 61px;*/ }
  #breadcrumbs-custom #breadcrumbs-wrapper {
    min-height: 61px; }
    #breadcrumbs-custom #breadcrumbs-wrapper .row .col {
      /*                .breadcrumbs > li + li:after {
                    padding: 0 5px;
                    color: #ccc;
                    content: "/\00a0";
                }*/ }
      #breadcrumbs-custom #breadcrumbs-wrapper .row .col .breadcrumbs-title {
        margin: 5px 0 0; }
      #breadcrumbs-custom #breadcrumbs-wrapper .row .col .breadcrumbs {
        margin: 5px 0;
        font-size: 13px; }
        #breadcrumbs-custom #breadcrumbs-wrapper .row .col .breadcrumbs .separator {
          color: #ccc; }

/* Input fields background color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s; }

/*h1, h2, h3, h4, h5, h6 {color: #656565 !important;}*/
/******************************************************************************/
/******************************** Sticky footer *******************************/
* {
  margin: 0; }

html, body {
  height: 100%; }

#page-wrap {
  min-height: 100%;
  /* equal to footer height minus footer top margin (-50 - 20 = -70) */
  margin-bottom: -70px; }

#page-wrap:after {
  content: "";
  display: block; }

.page-footer, #page-wrap:after {
  height: 50px; }

/******************************************************************************/
/*************************** Navigation top bar *******************************/
img.navbar-logo {
  margin: 8px 8px 0 6px; }

nav a.translation-button img, nav #translation-dropdown img {
  height: 20px;
  top: 7px; }

nav #translation-dropdown .language-select {
  top: -5px; }

nav .user-dropdown-button span.user-name {
  padding-left: 10px; }

nav .user-dropdown-button .topbar-profile-image-wrapper {
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  margin: 7px 0 0 0;
  overflow: hidden; }
  nav .user-dropdown-button .topbar-profile-image-wrapper img {
    width: 50px; }

nav #topbar-user-dropdown.dropdown-content {
  min-width: 200px;
  width: auto !important; }

.dropdown-content li > a {
  padding: 15px 10px !important;
  color: #656565 !important; }

#locker-dropdown.dropdown-content {
  min-width: 280px; }
  #locker-dropdown.dropdown-content li > a {
    line-height: 60px; }
    #locker-dropdown.dropdown-content li > a img {
      margin-right: 10px; }

/*----------------------------------------
    Customer notifications
------------------------------------------*/
.page-topbar .notification-button small.notification-badge {
  position: absolute;
  top: 8px;
  color: #ffffff;
  background-color: #FF4081;
  /*margin: 0 -.8em;*/
  border-radius: 3px;
  padding: 2px 3px;
  font-family: "Roboto", sans-serif !important;
  font-size: 1rem;
  line-height: 1rem; }

.page-topbar ul#notifications-dropdown.dropdown-content {
  min-width: 280px; }
  .page-topbar ul#notifications-dropdown.dropdown-content h5 {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500; }
    .page-topbar ul#notifications-dropdown.dropdown-content h5 span.new-indicator {
      font-weight: 300;
      font-size: 0.8rem;
      color: #fff;
      background-color: #ff4081;
      border-radius: 2px;
      text-transform: capitalize; }
  .page-topbar ul#notifications-dropdown.dropdown-content li > a.notification-list {
    padding: 5px 10px !important; }
  .page-topbar ul#notifications-dropdown.dropdown-content li > a i {
    font-size: 1.6rem; }
  .page-topbar ul#notifications-dropdown.dropdown-content li > a span.date-added {
    font-size: 0.8rem;
    font-weight: 400;
    color: #999999;
    display: block;
    line-height: 22px; }
  .page-topbar ul#notifications-dropdown.dropdown-content li.button-view-all {
    padding: 0 !important; }
    .page-topbar ul#notifications-dropdown.dropdown-content li.button-view-all a#link_view_all {
      padding: 5px !important;
      color: #fff !important;
      text-transform: uppercase;
      text-align: center; }

@media only screen and (min-width: 601px) {
  a.user-dropdown-button, a.notification-button {
    height: 64px;
    line-height: 64px; } }

/******************************************************************************/
/*************************** Customer register form ***************************/
.register-form .input4company {
  display: none; }

.register-form #customer_type_wrapper.row {
  margin-bottom: 30px !important; }

.register-form .form-section-icon-wrapper {
  margin-top: 4rem; }

.register-form .newsletter-options {
  display: inline-block;
  margin-right: 2rem; }

.register-form .captcha-data {
  border-top: 1px solid #ECE7E7;
  margin-top: 3rem; }
  .register-form .captcha-data .input-field {
    margin-top: 0; }
    .register-form .captcha-data .input-field label {
      position: relative;
      margin-bottom: 20px;
      display: block; }
    .register-form .captcha-data .input-field div.error {
      top: 0; }

.register-form .buttons-wrapper {
  border-top: 1px solid #ECE7E7;
  margin-top: 2rem;
  padding: 1rem 0; }
  .register-form .buttons-wrapper .row .col {
    padding: 0; }
  .register-form .buttons-wrapper .input-field label {
    left: 0; }

form p.fake-label {
  font-size: 1rem;
  color: #9e9e9e;
  margin-bottom: 0; }
  form p.fake-label span.required {
    display: inline-block;
    padding-right: 2px;
    color: #ff4081; }

form#form-edit-account p.fake-label {
  font-size: 0.8rem; }

div.custom-field:not(.custom-select) {
  margin-bottom: 30px !important; }

div.custom-field .file-field .btn {
  width: 37px;
  height: 37px;
  cursor: pointer; }
  div.custom-field .file-field .btn span {
    display: inline-block;
    cursor: pointer; }
    div.custom-field .file-field .btn span i {
      cursor: pointer; }
  div.custom-field .file-field .btn input[type=file] {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0); }

div.custom-field .custom-select {
  margin-bottom: 0; }

.input-field div.error, .input-field div.text-danger {
  position: relative;
  top: -1rem;
  left: 0rem;
  font-size: 0.8rem;
  color: #F44336;
  padding: 3px 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

.input-field div.error.error-for-radio, .input-field div.error.error-for-checkbox {
  margin-top: 25px; }

.input-field label span.required {
  display: inline-block;
  padding-right: 2px;
  color: #ff4081; }

form#forgotten-password .input-field label {
  left: 0; }

form#form-reset-password .input-field label {
  left: 0; }

.input-field.form-buttons {
  margin-top: 40px; }

[type="radio"]:not(:checked) + label[for^="custom_radio_"],
[type="radio"]:checked + label[for^="custom_radio_"],
[type="checkbox"]:not(:checked) + label[for^="custom_checkbox_"],
[type="checkbox"]:checked + label[for^="custom_checkbox_"] {
  display: block; }

.picker__date-display {
  background-color: #26a69a; }
  .picker__date-display .picker__weekday-display {
    background-color: #208b81; }

.picker__close, .picker__today {
  color: #26a69a; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background-color: #26a69a; }

#coutry-zone-preloader .progress, .green-ajax-preloader .progress {
  background-color: rgba(32, 139, 129, 0.22); }
  #coutry-zone-preloader .progress .indeterminate, .green-ajax-preloader .progress .indeterminate {
    background-color: #009688; }

/******************************************************************************/
/********************************* Products ***********************************/
#products .card {
  margin-bottom: 20px; }
  #products .card .card-image {
    z-index: 0; }
  #products .card .card-action-buttons {
    margin: -20px 10px 0 0;
    position: absolute;
    right: 0; }
    #products .card .card-action-buttons a.btn-floating i.mdi-action-info-outline {
      font-size: 2.3rem; }
  #products .card .card-content {
    background-color: #26A59A; }
  #products .card .card-reveal .card-title {
    cursor: default;
    padding-bottom: 10px;
    font-weight: bold; }
    #products .card .card-reveal .card-title i {
      cursor: pointer; }

/******************************************************************************/
/********************************* Customer instructions (Help) ***************/
.card .card-reveal.help .card-content h3 {
  font-size: 1.5rem; }

.card .card-reveal.help .card-content h4 {
  font-size: 1.2rem;
  color: #007267;
  margin-bottom: 0; }

.card .card-reveal.help .card-content h4.subtitle {
  font-size: 1rem;
  font-weight: bold;
  font-style: italic;
  color: rgba(0, 0, 0, 0.7); }

.card .card-reveal.help .card-content img {
  border: 1px solid #E6E6E6; }

.card .card-reveal.help .card-content img.float-left {
  float: left;
  margin-right: 20px; }

.card .card-reveal.help .card-content hr {
  margin-top: 20px; }

.card .card-reveal.help .card-content .clear-both {
  width: 100%; }

/******************************************************************************/
/********************************* Modal "Agree" ******************************/
#modal-agree h4.modal-title {
  font-size: 1.8rem;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.1;
  color: #009688; }

#modal-agree h3.title_on_article_list {
  color: #009688;
  font-size: 1.2rem;
  font-weight: 500;
  margin: 30px 0 10px 0; }

.modal button:focus {
  outline: none;
  background-color: transparent; }

/******************************************************************************/
/********************************* Modal for canvas image (cart) **************/
.modal.cart-canvas-img {
  width: 75% !important;
  max-height: 100% !important;
  overflow-y: hidden !important; }

/******************************************************************************/
/**************************** Layout with horizontal menu *********************/
#main, footer {
  padding-left: 0px; }

header .brand-logo {
  margin: 1px 0px;
  padding: 14px 10px; }
  header .brand-logo img {
    width: 172px; }

#layouts-horizontal .sidebar-collapse {
  position: absolute;
  left: 13px;
  top: 13px;
  z-index: 999; }

aside .side-nav li a {
  color: #656565 !important; }

aside .side-nav li .collapsible-header a[class$="-close-collapse right"]{
  color: #fff !important;
  padding: 0 0 0 15px !important;
}
aside .side-nav li .collapsible-header a[class$="-close-collapse right"] i{
  float: right !important;
  text-align: right !important;
  margin-right: 0 !important;
}
.main-sidebar-header {cursor: default !important;}
.main-sidebar-header:after {content: none !important;}
.main-sidebar-header.active:after {content: none !important;}

aside .side-nav li.active-link > a {
  color: #ff4081 !important; }

nav ul#ul-horizontal-nav li a {
  color: #656565; }

nav ul#ul-horizontal-nav li.active a {
  color: #ff4081; }

#ul-horizontal-nav > li > a {
  padding: 0 8px; }

ul.dropdown-content.dropdown-horizontal-list li a i.subitem.left {
  margin-left: -1rem;
  margin-right: 5px;
  font-size: 1.3rem; }

#horizontal-nav {
  /*margin-top: 64px;*/
  /*z-index: -1;*/
  z-index: 4;
  margin-top: 0;
  position: relative; }

@media only screen and (min-width: 993px) {
  #content {
    /*margin-top: 65px;*/ } }

.row.page-content {
  padding-top: 20px; }

.row.page-content#user-draft-new {
  padding-top: 40px; }

.doughnut-chart-status {
  top: -85px; }

/*----------------------------------------
    Horizontal Menu
------------------------------------------*/
#horizontal-nav ul li {
  text-align: center; }
  #horizontal-nav ul li a i {
    height: 0px;
    line-height: 45px;
    font-size: 1.4rem; }
  #horizontal-nav ul li a span {
    position: relative;
    top: 12px; }

#horizontal-nav ul .dropdown-menu span i {
  line-height: 65px; }

.dropdown-horizontal-list li a {
  min-width: 150px;
  text-align: left;
  font-size: 1.0rem;
  padding: 10px;
  font-weight: 400; }

/*IE Specific CSS */
@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  #horizontal-nav ul li {
    min-width: 110px; }
  #horizontal-nav .dropdown-menu span i {
    line-height: 0px;
    position: absolute;
    top: 10px;
    right: -20px; } }

/******************************************************************************/
/********************************* Editor *************************************/
.row #editor-wrapper {
  color: #656565; }
  .row #editor-wrapper #middle-column {
    margin-top: -30px;
    padding-left: 300px;
    padding-right: 300px; }
    .row #editor-wrapper #middle-column .card {
      margin: 0; }
      .row #editor-wrapper #middle-column .card .card-top {
        margin-bottom: 20px; }
        .row #editor-wrapper #middle-column .card .card-top .title {
          font-size: 24px;
          font-weight: 300;
          padding-left: 0.75rem; }
        .row #editor-wrapper #middle-column .card .card-top .card-close {
          font-size: 24px;
          font-weight: 300;
          cursor: pointer; }
      .row #editor-wrapper #middle-column .card .card-content {
        padding: 0 0 10px 0; }
        .row #editor-wrapper #middle-column .card .card-content ul {
          padding-left: 20px;
          margin-left: 20px; }
          .row #editor-wrapper #middle-column .card .card-content ul li {
            list-style-type: square; }
        .row #editor-wrapper #middle-column .card .card-content p {
          padding: 10px 0; }
      .row #editor-wrapper #middle-column .card .card-content.with-image .col.s4 {
        text-align: center; }
      .row #editor-wrapper #middle-column .card .card-reveal .card-content.with-image img.floor-type-img {
        max-width: 400px; }
      .row #editor-wrapper #middle-column .card .card-action#editor-toolbar {
        padding: 5px 10px;
        display: block;
        /*display: inline-block;*/
        min-height: 46px;
        line-height: 46px;
        padding: 0 10px;
        background-color: #fff;
        border-top: 1px solid #ddd;
        /*border-bottom: 1px solid #ddd;*/ }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .toolbar-label {
          padding-right: 10px; }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .select-wrapper input.select-dropdown {
          border-bottom: none;
          font-size: 0.8rem;
          text-align: center; }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .select-wrapper input {
          margin-bottom: 0; }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .select-wrapper span.caret {
          top: 0px; }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .select-wrapper .dropdown-content {
          min-width: 200px; }
          .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .select-wrapper .dropdown-content li > a, .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .select-wrapper .dropdown-content li > span {
            font-size: 0.8rem; }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .left.tool {
          padding-right: 10px;
          padding-left: 10px;
          border-right: 1px solid #ddd; }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .left.tool#tool-show-left-sidebar {
          padding-right: 0px;
          padding-left: 5px;
          border-right: 1px solid #ddd; }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .right.tool#tool-show-right-sidebar {
          padding-right: 0px;
          padding-left: 5px;
          border-left: 1px solid #ddd; }
        .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .left.tool.first {
          padding-left: 0; }
    .row #editor-wrapper #middle-column #editor {
      width: inherit;
      padding-left: 10px;
      padding-right: 10px; }
      .row #editor-wrapper #middle-column #editor #editor-content {
        background-color: #fff;
        border: 1px solid #ddd;
        /*height: 700px;*/
        /*                overflow-y: auto;
                overflow-x: hidden;*/
        /*#c {background-color: green;}*/ }
  .row #editor-wrapper #left-column {
    /*position: fixed;*/
    position: absolute;
    top: 220px;
    left: 5px; }
  .row #editor-wrapper #left-sidebar-tools {
    /*position: fixed;*/
    /*position: absolute;*/
    width: 300px;
    min-height: 758px;
    /*top: 220px;
        left: 5px;*/ }
    .row #editor-wrapper #left-sidebar-tools .ps-scrollbar-y-rail {
      z-index: 100; }
    .row #editor-wrapper #left-sidebar-tools .locker-type-image {
      display: inline-block; }
      .row #editor-wrapper #left-sidebar-tools .locker-type-image img {
        max-width: 280px; }
      .row #editor-wrapper #left-sidebar-tools .locker-type-image span {
        display: inline-block;
        padding-bottom: 15px;
        width: 100%; }
    .row #editor-wrapper #left-sidebar-tools .door-wall-image {
      display: inline-block;
      padding: 15px 20px 15px 0; }
      .row #editor-wrapper #left-sidebar-tools .door-wall-image img {
        margin-top: -18px; }
      .row #editor-wrapper #left-sidebar-tools .door-wall-image label[for="door-wall-none"] {
        width: 220px; }
    .row #editor-wrapper #left-sidebar-tools .door-type-wrapper, .row #editor-wrapper #left-sidebar-tools .floor-type-wrapper,
    .side-nav .tool-inner-wrapper .options-wrapper .door-type-wrapper{
      padding-top: 5px;
      padding-bottom: 5px; }
      .row #editor-wrapper #left-sidebar-tools .door-type-wrapper label, .row #editor-wrapper #left-sidebar-tools .floor-type-wrapper label {
        width: 200px; }
      .row #editor-wrapper #left-sidebar-tools .door-type-wrapper .door-type-info, 
      .row #editor-wrapper #left-sidebar-tools .door-type-wrapper .floor-type-info, 
      .row #editor-wrapper #left-sidebar-tools .floor-type-wrapper .door-type-info, 
      .row #editor-wrapper #left-sidebar-tools .floor-type-wrapper .floor-type-info,
      .side-nav .tool-inner-wrapper .options-wrapper .door-type-wrapper .door-type-info {
        width: 30px;
      }
        .row #editor-wrapper #left-sidebar-tools .door-type-wrapper .door-type-info i, 
        .row #editor-wrapper #left-sidebar-tools .door-type-wrapper .floor-type-info i, 
        .row #editor-wrapper #left-sidebar-tools .floor-type-wrapper .door-type-info i, 
        .row #editor-wrapper #left-sidebar-tools .floor-type-wrapper .floor-type-info i,
        .side-nav .tool-inner-wrapper .options-wrapper .door-type-wrapper .door-type-info i 
        {
          cursor: pointer;
          height: 25px;
          line-height: 25px;
          font-size: 25px;
          color: #2196F3; }
  .row #editor-wrapper #right-column {
    /*position: fixed;*/
    position: absolute;
    top: 220px;
    right: 5px; }
  .row #editor-wrapper #right-sidebar-tools {
    /*position: fixed;*/
    /*position: absolute;*/
    width: 300px;
    min-height: 758px;
    /*top: 220px;*/
    /*right: 5px;*/ }
    .row #editor-wrapper #right-sidebar-tools .ps-scrollbar-y-rail {
      z-index: 100; }
    .row #editor-wrapper #right-sidebar-tools li#nothing-selected .info-text p {
      /*height:712px;*/
      text-align: center;
      padding-top: 80px; }
    .row #editor-wrapper #right-sidebar-tools .tabs {
      background-color: transparent; }
      .row #editor-wrapper #right-sidebar-tools .tabs .tab {
        text-transform: capitalize;
        letter-spacing: 0px; }
  .row #editor-wrapper .tool-inner-wrapper .options-wrapper,
  #door-options-sidebar .tool-inner-wrapper .options-wrapper {
    margin: 10px 0 20px 0; }
    .row #editor-wrapper .tool-inner-wrapper .options-wrapper .option-container,
    #door-options-sidebar .tool-inner-wrapper .options-wrapper .option-container {
      padding: 15px 5px;
      border-top: 1px dotted #ccc; }
  .row #editor-wrapper .collapsible,
  #door-options-sidebar.collapsible {
    margin-top: 0; }
    .row #editor-wrapper .collapsible li .disabled,
    #door-options-sidebar.collapsible li .disabled {
      cursor: default;
      opacity: 0.5; }
    .row #editor-wrapper .collapsible .tools-title,
    #door-options-sidebar.collapsible .tools-title {
      height: 46px;
      line-height: 46px;
      padding: 0 1rem;
      border-bottom: 1px solid #ddd;
      font-weight: 500;
      position: relative; }
    .row #editor-wrapper .collapsible .collapsible-header:after,
    #door-options-sidebar.collapsible .collapsible-header:after,    
    #door-options-sidebar.collapsible .main-sidebar-header:after {
      color: #fff; }
    .row #editor-wrapper .collapsible .collapsible-header,
    #door-options-sidebar.collapsible .collapsible-header,
    #door-options-sidebar.collapsible .main-sidebar-header {
        font-weight: 400; 
        line-height: 3rem;
    }    
    .collapsible .main-sidebar-header {
      /* display: block;
      cursor: pointer; */
      min-height: 3rem;
      line-height: 3rem;
      padding: 0 0 0 1rem;
      /* background-color: #fff;*/
      border-bottom: 1px solid #ddd;
    }
    .collapsible .main-sidebar-header a.door-options-close-collapse{
      height: 46px;
      line-height: 46px;
      font-size: 18px;
      color: #fff !important;
    }
     
    /*.row #editor-wrapper .collapsible .collapsible-body {}*/
      /*.row {border-bottom: 1px solid #ddd;}*/
      .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper,
      .side-nav .tool-inner-wrapper{
        padding: 10px; }
        .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .additional-options-wrapper,
        .side-nav .tool-inner-wrapper .options-wrapper fieldset .additional-options-wrapper{
          margin: 10px 0 20px 0; }
        .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .nested-options-wrapper
        {
          margin: 10px 0 20px 34px; 
        }
        .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 {
          padding: 0 !important;
          margin-top: 25px;
          margin-bottom: 25px; }
          .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .input-field {
            margin-top: 0; }
          .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .resizing-image-wrapper {
            padding-left: 0 !important;
            height: 130px; }
          .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings {
            padding: 0 !important; }
            .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs,
            #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs {
              margin-top: -20px;
              margin-bottom: 10px;
              text-align: center; }
              .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs .btn.plus-minus,
              #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs .btn.plus-minus {
                padding: 0 10px; }
              .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs input.measure-value,
              #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs input.measure-value {
                width: 80px;
                margin-left: 4px;
                border: none;
                background-color: transparent;
                margin-bottom: 0;
                color: #9e9e9e;
                height: 36px; }
              .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs input.measure-value#door-space-left,
              #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs input.measure-value#door-space-left {
                width: 54px;
                margin-left: 10px;
                margin-right: 0; }
              .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs input.measure-value#door-remainder-width,
              #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs input.measure-value#door-remainder-width {
                width: 52px;
                margin-left: 0;
                margin-right: 0; }
              .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs input.measure-value#door-space-right,
              #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #door-movement-inputs input.measure-value#door-space-right {
                width: 54px;
                margin-left: 0;
                margin-right: 8px; }
            .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls,
            #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls {
              text-align: center;
              margin-bottom: 5px; }
              .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .left, 
              .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .right,
              #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .left, 
              #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .right {
                width: 50%; }
                .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .left .btn, 
                .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .right .btn,
                #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .left .btn, 
                #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .right .btn {
                  padding: 0 1rem; }
        .row #editor-wrapper .collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12#door-remainder-wrapper,
        #door-options-sidebar.collapsible .collapsible-body .tool-inner-wrapper .options-wrapper fieldset .col.s12#door-remainder-wrapper {
          margin-bottom: 0; }
      .row #editor-wrapper .collapsible .collapsible-body .locker-elements-list.row .col {
        padding: 0 0 0 0.75rem; }
        .row #editor-wrapper .collapsible .collapsible-body .locker-elements-list.row .col img {
          width: 80px; }
        .row #editor-wrapper .collapsible .collapsible-body .locker-elements-list.row .col p {
          padding: 2rem 0; }
          .row #editor-wrapper .collapsible .collapsible-body .locker-elements-list.row .col p label {
            font-size: 14px;
            padding-left: 30px;
            color: #656565; }
      .row #editor-wrapper .collapsible .collapsible-body hr.options-horizontal-divider {
        border: none;
        border-top: 1px solid #c0c0c0; }

.locker_dimensions .outer, .locker_dimensions .inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 25px !important;
  padding-bottom: 25px !important; }

.locker_dimensions .resizing-image-wrapper {
  padding-left: 0 !important;
  height: 122px;
  /*img{width:60px;}*/ }

.locker_dimensions .dimensions-settings.input-field {
  margin-top: 0; }

.locker_dimensions .dimensions-settings {
  padding-right: 0 !important; }
  .locker_dimensions .dimensions-settings .btn.plus-minus {
    padding: 0 10px; }
  .locker_dimensions .dimensions-settings input.measure-value {
    width: 80px;
    margin-left: 5px;
    border: none;
    background-color: gray;
    margin-bottom: 0;
    color: #fff;
    height: 36px; }

#zoom-tool {
  padding-left: 15px; }
  #zoom-tool span#current-zoom {
    width: 44px;
    text-align: center;
    display: inline-block; }
  #zoom-tool a.zoom-button {
    cursor: pointer;
    font-size: 30px;
    padding-top: 0;
    margin-right: 0 !important; }
    #zoom-tool a.zoom-button i {
      color: #9e9e9e;
      padding-top: 5px; }
    #zoom-tool a.zoom-button i.left {
      margin-right: 5px; }
    #zoom-tool a.zoom-button i.right {
      margin-left: 5px; }
  #zoom-tool a.zoom-button.zoom-disabled {
    cursor: default; }
    #zoom-tool a.zoom-button.zoom-disabled i {
      color: #CECECE; }
  #zoom-tool .chip {
    background-color: transparent;
    line-height: 36px; }

#pan-tool {
  padding-left: 15px; }
  #pan-tool label {
    vertical-align: top; }
  #pan-tool a.pan-button {
    position: relative;
    cursor: pointer;
    font-size: 30px;
    padding-top: 0;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-top: -4px;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 26px 26px 26px 26px;
    -moz-border-radius: 26px 26px 26px 26px;
    -webkit-border-radius: 26px 26px 26px 26px;
    border: 3px solid #9e9e9e;
    overflow: hidden; }
    #pan-tool a.pan-button i {
      color: #9e9e9e;
      position: absolute;
      padding-top: 0;
      top: -8px;
      left: -5px; }
  #pan-tool a.pan-button.pan-disabled {
    cursor: default; }
    #pan-tool a.pan-button.pan-disabled i {
      color: #CECECE; }
  #pan-tool .chip {
    background-color: transparent;
    line-height: 36px; }

#tool-show-left-sidebar {
  display: none; }

#hide-left-sidebar {
  position: absolute;
  right: 0;
  display: inline-block;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  text-align: center;
  padding: 0 15px 0 0; }

#show-left-sidebar {
  height: 46px;
  line-height: 46px;
  font-size: 30px;
  text-align: center;
  color: #9e9e9e; }

#tool-show-right-sidebar {
  display: none; }

#hide-right-sidebar {
  position: absolute;
  right: 0;
  display: inline-block;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  text-align: center;
  padding: 0 15px 0 0; }

#show-right-sidebar {
  height: 46px;
  line-height: 46px;
  font-size: 30px;
  text-align: center;
  color: #9e9e9e; }

@media only screen and (max-width: 1260px) {
  /*.row #editor-wrapper {
        /*#left-sidebar-tools {left: -105%;}*/
  /*#right-sidebar-tools {right: -105%;}*/
  /*#left-column{left: -105%;position: absolute;left: 0;top: 0;z-index: 10;}
        #right-column{display:none;position: absolute;right: 0;top: 0;z-index: 10;}
        #middle-column {padding-left:0;padding-right:0;}
    }*/ }

@media only screen and (max-width: 1114px) {
  .row #editor-wrapper #middle-column #pan-tool {
    display: none; }
  .row #editor-wrapper #middle-column .card .card-action#editor-toolbar .left.tool#zoom-tool {
    border-right: none; } }

@media only screen and (max-width: 992px) {
  .row #editor-wrapper #left-column, .row #editor-wrapper #right-column {
    top: 155px; } }

/*@media only screen and (max-width: 900px) {
  #breadcrumbs-wrapper .breadcrumbs-title, #breadcrumbs-wrapper .breadcrumbs-title {
    display: none; } }*/

@media only screen and (max-width: 840px) {
  .row #editor-wrapper #middle-column #locker-dimension-view-mode {
    display: none; }
  #left-column, #right-column {
    position: absolute;
    z-index: 10; } }

@media only screen and (max-width: 610px) {
  .row #editor-wrapper #middle-column {
    /*#zoom-tool{display:none;}*/ } }

/******************************************************************************/
/***************************** General styles *********************************/
.horizontal-divider-40 {
  float: left;
  width: 100%;
  height: 40px; }

.text-uppercase {
  text-transform: uppercase; }

.text-bold {
  font-weight: bold; }

.top-margin {
  height: 60px; }

#card-alert.card {
  margin: -20px 0 0 0;
  border-radius: 0;
  text-align: center; }

#card-alert.card.no-top-margin {
  margin-top: 0; }

.form-section-icon-wrapper i.form-section-icon {
  font-size: 200%;
  margin-right: 10px;
  color: #009688;
  /*color: #656565 !important;*/ }

#user-profile-password-change {
  margin-top: 80px; }

.superscript {
  font-size: 8px;
  vertical-align: top; }

.subscript {
  font-size: 8px;
  vertical-align: bottom; }

.vertical-margin-1rem {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.collection.with-header .collection-header {
  background-color: #009688;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 20px; }
  .collection.with-header .collection-header h4.header2 {
    color: #fff !important;
    margin: 0;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 100%; }
    .collection.with-header .collection-header h4.header2 i {
      font-size: 2rem;
      vertical-align: middle;
      margin-top: -3px;
      margin-right: 5px; }

.collection.with-header .collection-item a {
  display: inline-block;
  width: 100%;
  height: 100%; }

.collection.with-header .collection-item:hover a {
  color: #ff4081; }

.collection.address-list .collection-item {
  position: relative; }
  .collection.address-list .collection-item .buttons {
    position: absolute;
    top: 20px;
    right: 0; }
    .collection.address-list .collection-item .buttons a {
      font-size: 2rem;
      margin-right: 10px; }

.horizontal-radio-options {
  position: relative;
  float: left;
  margin-right: 50px; }

.gravatar_img_container {
  margin-bottom: 20px; }
  .gravatar_img_container img {
    margin-right: 20px; }
  .gravatar_img_container .set-gravatar-info {
    color: #999;
    font-size: 0.8rem; }

.flipped-horizontally {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

i.truncated-tooltip {
  vertical-align: middle;
  cursor: pointer;
  color: #2196F3;
  font-size: 1.3rem; }

table.dataTable tbody th, table.dataTable tbody td {
  padding: 4px 10px; }

.dataTable a.action {
  margin-left: 10px;
  margin-right: 10px; }

.dataTable a i {
  padding-left: 5px;
  padding-right: 5px; }

.dataTable i {
  font-size: 1.8rem; }

.dataTable td.notification-type i {
  vertical-align: middle; }

table.dataTable thead th, table.dataTable tfoot th {
  border-radius: 0; }

label.entry_title {
  font-size: 1rem; }

form.frm_edit_link {
  display: inline-block; }

hr.green {
  background-color: #009688;
  color: #009688;
  border-color: #009688;
  margin-top: 20px; }

.article ul {
  margin-left: 3em; }

.article ul, .article ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.article ul li {
  list-style-type: circle; }

/*----------------------------------------
    Main buttons toolbar
------------------------------------------*/
.main-buttons-toolbar {
  height: 62px;
  margin-top: -82px; }
  .main-buttons-toolbar a {
    margin-right: 20px; }
  .main-buttons-toolbar .btn-floating span.btn-floating_icon {
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 400; }
  .main-buttons-toolbar button#btn_order{display: none;}
  .main-buttons-toolbar button#btn_order, 
  .main-buttons-toolbar button#btn_get_price,
  .main-buttons-toolbar button#btn_request {
    margin-right: 15px; }
  .main-buttons-toolbar .btn#btn_order,
  .main-buttons-toolbar button#btn_get_price, 
  .main-buttons-toolbar button#btn_request {
    border-radius: 20px; }
  .main-buttons-toolbar button#btn_order div#button-left-content { 
      display: inline-block;
      text-align: right;
      height: 18px;
      line-height: 14px;
      vertical-align: top;
      padding-top: 3px;
  }
  .main-buttons-toolbar button#btn_order div#button-right-content {display: inline-block;vertical-align: top;}
  .main-buttons-toolbar button#btn_order .show_price_with_tax {
    
  }
  .main-buttons-toolbar button#btn_order .show_price_with_tax#no-tax-string {text-transform: none;font-size: 80%;}

/*----------------------------------------
    Order details
------------------------------------------*/
.cart-table a {
  display: inline-block; }
  .cart-table a img.cart-canvas-thumb {
    height: 40px; }

#order-collections .collection {
  border: none; }
  #order-collections .collection .collection-header {
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    vertical-align: middle;
    line-height: 42px; }
  #order-collections .collection .collection-item .row {
    margin-bottom: 0px; }
    #order-collections .collection .collection-item .row .collections-title {
      font-weight: bold;
      color: rgba(0, 0, 0, 0.6); }

/*----------------------------------------
    Checkout
------------------------------------------*/
span.value-label {
  display: inline-block; }

.input-field.required label:before, .value-label.required:before {
  content: '* ';
  color: #F00;
  font-weight: bold; }

.checkout_data .collapsible-header {
  background-color: #F3F3F3; }

.checkout_data .collapsible-header.active {
  color: #37756f; }

.checkout_data .collapsible-body {
  /*.select-wrapper{margin:20px 16px 10px 16px;}*/
  /*span.value-label{margin-left: 12px;}*/ }
  .checkout_data .collapsible-body .form-buttons {
    float: none;
    text-align: right;
    margin: 20px 16px; }
  .checkout_data .collapsible-body small.shipping-description {
    display: block;
    line-height: 1.2; }

.checkout_data #card-alert.card {
  margin-top: 0; }
  .checkout_data #card-alert.card .card-content {
    padding: 0; }
  
.checkout_data #card-alert-price-no-tax.card {margin-top: 0;}
.checkout_data #card-alert-price-no-tax.card .card-content {padding: 10px;}
.checkout_data #card-alert-price-no-tax.card .card-content i{
    font-size: 2rem;
    line-height: 2rem;
    vertical-align: middle;
}
.checkout_data #card-alert-price-no-tax.card .card-content span{    
    line-height: 2rem;
    vertical-align: middle;
}

/* Fix unable to click on select dropdown */
.row .col#payment-existing, .row .col#shipping-existing{float: none;}

#modal-agree ul, #modal-agree ol {padding-left: 20px;margin-left: 40px; }
#modal-agree ul li {list-style-type: square; }
#modal-agree ol li {list-style-type: decimal; }

/*----------------------------------------
    Customer account - orders
------------------------------------------*/
.form-buttons {
  float: none;
  text-align: right;
  margin: 20px 16px; }

/*----------------------------------------
    Customer account - my drafts
------------------------------------------*/
table#data-table-simple tbody tr td {min-height: 36px;}

/*----------------------------------------
    GDPR
------------------------------------------*/
.gdpr .collection-header p{padding-top: 10px; color: #e0e0e0;}
/* Materialized removed default checkbox, get it back here */
.cc-settings-dialog [type="checkbox"]:not(:checked),
.cc-settings-dialog [type="checkbox"]:checked {
  position: relative;
  left: 0px;
  visibility: visible; 
}

/*----------------------------------------
    Outdated browser message
------------------------------------------*/
.def-media .buorg {
    background-position: 8px 17px; 
    position:absolute;
    position:fixed;
    z-index:111111;    
    width:100%; 
    top:0px; 
    left:0px;    
    border-bottom: none;    
    text-align:left; 
    cursor:pointer;        
    background-color: #F44336;
    color: #fff;
    font: 17px Calibri,Helvetica,Arial,sans-serif;    
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.def-media .buorg div { 
    padding: 11px 12px 11px 30px;  
    line-height: 1.7em; 
}
.def-media .buorg div a, .def-media .buorg div a:visited {
    text-indent: 0;
    color: #009688;
    text-decoration: none;
    box-shadow: 0;
    padding: 1px 10px;
    border-radius: 2px;
    font-weight: normal;
    background: #ffffff;
    white-space: nowrap;
    margin: 0 2px;
    display: inline-block;
}

.def-media #buorgig{ 
    background-color: #ffffff;
    color: #F44336;
}

@media only screen and (max-width: 700px){
.def-media .buorg div { 
    padding:5px 12px 5px 9px; 
    text-indent: 22px;
    line-height: 1.3em;
}
.def-media .buorg {
    background-position: 9px 8px;}
}
/******************************************************************************/

/* *** Novo - upgrade 2019. *** */
/********************************* Modal for wall action **********************/
.modal#modal-wall-action,
.modal#modal-door-action,
.modal#modal-partition-action{
  width: 400px;  
  max-height: 100%;  
}
.modal#modal-wall-action h4,
.modal#modal-door-action h4,
.modal#modal-partition-action h4 {
  font-size: 1.5rem;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #009688;
}
.modal#modal-wall-action .modal-content,
.modal#modal-door-action .modal-content,  
.modal#modal-partition-action .modal-content{  
  padding-bottom: 0;
}
.modal#modal-wall-action .modal-content .row p,
.modal#modal-door-action .modal-content .row p,
.modal#modal-partition-action .modal-content .row p{
  padding: 15px 0 0 0;
}
.modal#modal-wall-action .modal-content .row p .btn,
.modal#modal-door-action .modal-content .row p .btn,
.modal#modal-partition-action .modal-content .row p .btn{
  min-width:260px;  
}

#middle-column .card .card-reveal {z-index: 998 !important;}
.navbar-fixed {z-index: 997 !important;}
#options-sidebar .side-nav .collapsible-header {
    background-color: transparent;
    border: none;
    line-height: inherit;
    height: inherit;
    margin: 0 1rem;
}
#options-sidebar .side-nav .collapsible-header:after {
    font-family: "Material-Design-Icons";
    content: "\e8aa";
    float: right;
    color: #9e9e9e;
    font-size: 18px;
}
.row #editor-wrapper .tool-inner-wrapper .options-wrapper fieldset .nested-partition-options-wrapper{
    margin: 10px 0 20px 34px; 
}

aside #partition-options-sidebar .main-sidebar-header a[class$="-close-collapse right"]{
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff !important;
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper #partition-remainder-wrapper{
    width: 100%;
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #partition-movement-inputs input.measure-value {
    width: 80px;
    margin-left: 4px;
    border: none;
    background-color: transparent;
    margin-bottom: 0;
    color: #9e9e9e;
    height: 36px;
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #partition-movement-inputs input.measure-value#partition-space-left {
    width: 76px;
    margin-left: 34px;
    margin-right: 0;
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #partition-movement-inputs input.measure-value#partition-space-right {
    width: 76px;
    margin-left: 0;
    margin-right: 28px;
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .left, 
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .right {
    width: 50%;
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .left .btn,
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings .door-movement-controlls .right .btn {
    padding: 0 1rem; 
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .col.s12 .dimensions-settings #partition-movement-inputs {
    margin-top: -20px;
    margin-bottom: 10px;
    text-align: center; 
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .nested-options-wrapper{
    margin: 10px 0 20px 34px; 
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper {
    margin: 10px 0 20px 0; 
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper .option-container {
    padding: 15px 5px;
    border-top: 1px dotted #ccc; 
}
#partition-options-sidebar li .disabled {
    cursor: default;
    opacity: 0.5; 
}
#partition-options-sidebar .tools-title {
    height: 46px;
    line-height: 46px;
    padding: 0 1rem;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    position: relative; 
}
#partition-options-sidebar .main-sidebar-header:after {
    color: #fff; 
}
#partition-options-sidebar .main-sidebar-header {
    font-weight: 400; 
    line-height: 3rem;
    min-height: 3rem;
    padding: 0 0 0 1rem;
    border-bottom: 1px solid #ddd;
}
#partition-options-sidebar .main-sidebar-header a.door-options-close-collapse{
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff !important;
}
#partition-options-sidebar .side-nav .tool-inner-wrapper{
    padding: 10px; 
}
#partition-options-sidebar .side-nav .tool-inner-wrapper .options-wrapper fieldset .additional-options-wrapper{
    margin: 10px 0 20px 0; 
}
#partition-options-sidebar .tool-inner-wrapper .options-wrapper fieldset .nested-partition-options-wrapper{
    margin: 10px 0 20px 34px; 
}
/******************************************************************************/