:root{
  --dark-blue: #3d5975;
  --medium-teal: #1e2d3b;
  --deep-teal: #1C485A;
}

body {background-color: #FFF !important}

/* #root .sales-control-header .sales-control-category .sales-control-category-item .dx-selectbox .dx-texteditor-input{color: #C6C6C6;font-weight: 600; text-transform: uppercase;} */
#root .card .sales-control-body .list-group{justify-content: center}

#root .button:not(.btn-link-danger){background-color: #51b3b9; font-weight:700;font-size:0.875rem;border-color: transparent;color: #000;height: 2.25rem;padding: .5rem;border-radius: 50px}
#root .button:not(.btn-link-danger):hover{background-color: #FFEEEE}

/* Navigation */
#root .designer-steps{border: 2px solid #FFF;border-right:none}
#root .nav-bar .designer-steps{gap:2px}
#root .nav-pills .nav-link{border-radius: 0}
#root .nav-bar .designer-steps .nav-item .nav-link{background-color:var(--deep-teal);border-right:1px solid #FFF;font-weight:600;color:#FFF;border-radius:0;text-transform: uppercase}
#root .nav-bar .designer-steps .nav-item .nav-link.active{background-color: var(--medium-teal);color:#FFF}
#root .nav-bar .designer-steps .nav-item .nav-link:hover:not(.active){background-color: var(--medium-teal);color:#FFF}
#root .nav-bar .designer-steps .nav-item .nav-link:hover:not(.active)::after{display:none}
#root .glass-summary .glass-component-summary .card-body .glass-component-actions .glass-component-controls button::before{background-color: transparent}
#root .glass-summary .glass-component-summary .card-body .glass-component-actions .glass-component-controls button.btn-outline-danger{background-color: var(--danger-50)}
#root .glass-summary .glass-component-summary .card-body .glass-component-actions .glass-component-controls button.btn-outline-danger:hover{background-color: var(--danger)}

/* Cards */
#root .card{border:none;background-color: transparent}
#root .card .card-header{background-color:transparent;color: #C6C6C6;border-bottom:none;font-size:1.5rem;font-weight:600;text-transform:uppercase;padding-left: 0}
#root .card .card-body{background-color: #F7F7F7}
#root .glass-shape-detail .card-body{padding-bottom: 0}
#root .lite-library-cutout-palette .card-body .inner-control-container{background-color: #FFF;margin-bottom: 0;padding-bottom: 1rem}
#root .card.lite-cutout-grid .card-header .header-actions .dx-button-mode-outlined{color: #000}
#root .card.lite-cutout-grid .card-header .header-actions .dx-button-mode-outlined .dx-icon{color: #000}
#root .card.lite-cutout-grid .card-header .header-actions .dx-button-mode-outlined.dx-buttongroup-last-item.dx-button{border-radius: 30px;background-color: #51B3B9;border-color: transparent}
#root .card.lite-cutout-grid .card-header .header-actions .dx-button-mode-outlined.dx-buttongroup-last-item.dx-button:hover{background-color: #FFEEEE}

/* 3D Scene */
#root .lite-scene-controls .lite-scene-controls-reset-view,
#root .lite-scene-controls .lite-scene-controls-toggle-full-screen{color: var(--dark-blue);font-weight:400}
#root .lite-scene-controls .lite-scene-controls-reset-view:hover,
#root .lite-scene-controls .lite-scene-controls-toggle-full-screen:hover{color: var(--dark-blue)}
#root .dimension-outage-direction-button-clickable{margin-top: .25rem !important}
#root .dimension-outage-direction-button-clickable:hover{background: -webkit-linear-gradient(top,#f6c88f,#ed9220) !important;background: linear-gradient(to bottom,#f6c88f,#ed9220) !important}
#root .glass-shape-detail .glass-shape-detail-scene{background-color: #FFF}
#root .glass-shape-detail .glass-shape-detail-scene .lite-scene-controls{padding: .5rem}
#root .render-preview{background-color: #FFF}

/* Templates */
#root .card-body .list-group-item{border-radius: 0}
#root .control-cards-option.list-group-item{background-color: #FFF}
#root .control-cards-option.list-group-item:hover{border-color: var(--dark-blue)}
#root .control-cards-option.list-group-item.active{border-color:var(--dark-blue)}
#root .control-cards-option.list-group-item.templateCard:hover{border-color:var(--dark-blue)}

/* Options */
#root .extra-options-screen .control-cards-option-container .list-group-item .control-option{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;height: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: .5rem;font-weight: 600}
#root .extra-options-screen .control-cards-option-container .list-group-item .control-option .generic-list-item-text{line-height: 1.2rem}
#root .extra-options-screen .control-cards-option-container .list-group-item .control-option .list-item-thumbnail{aspect-ratio: 1/1;overflow: hidden}
#root .extra-options-screen .control-cards-option-container .list-group-item .control-option .list-item-thumbnail img{margin: 0;width: 100%;height: 100%;-o-object-fit: contain !important;object-fit: contain !important}

/* Mobile Navigation */
@media (max-width: 1199.98px) {
  #root .designer-steps{border-left:none;padding:0}
  #root .nav-bar .nav-bar-next,
  #root .nav-bar .nav-bar-previous{height:46px;border: 2px solid #FFF;border-radius:0;background-color: var(--deep-teal);color:#FFF}
  #root .nav-bar .nav-bar-next.disabled,
  #root .nav-bar .nav-bar-previous.disabled{color:#FFF}
  #root .nav-bar .nav-bar-next:hover,
  #root .nav-bar .nav-bar-previous:hover{background-color: var(--medium-teal);color: #FFF}
}