#wrapper {
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 20px !important;
    max-width: 1400px;
}

.breadcrumb {
    margin:0 0 5px 0;
    padding-top:0;
    padding-bottom:0;
}



.columns-container {
    background:#eee;
}



.text-small {
    font-size:0.9em;
}




.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

#configurator strong {
    font-weight:600;
}
#configuratorPreview #configuratorOptions {
    position:absolute;
    background:white;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow-y:scroll;
    z-index:1000;
}

#configurator #debug {
    position:fixed;
    right:0px;
    top:0px;
    padding:8px;
    border:1px solid #242424;
    background:#242424;
    color:#aaa;
    min-width:280px;
    font-size:12px;
    z-index:99999;
}

#configurator #debug #debug-header {
    background:#252525;
    color:white;
    font-size:14px;
    font-weight:600;
    padding:4px 4px 4px 4px;
}

#configurator #debug table.table tbody > tr td {
    padding:1px 4px;
}

#configurator #debug table.table tbody > tr td:nth-child(2) {
    color:white;
}

#configurator .tab-description {
    color:#555;
    display:block;
    margin-bottom:8px;
    font-size:0.9em;

}
#configurator .options-wrapper {
    display:none;
}

#configurator #previewDisplayMode {
    display:block;
    position:absolute;
    left:6px;
    top:6px;
    font-size:11px;
    background:white;
    border:1px solid white;    
    color:#666;
    padding:0px 2px;
}

#configurator.lights-on #previewDisplayMode {
    background:rgba(255,255,255,0.4);
    border-color:rgba(255,255,255,0.8);    
    color:#777;
}

body #configurator .list-item a span.text-muted {
    line-height:27px;
    color:#999;
    font-size:12px;
}


#configurator select {
    padding:2px 6px;
    font-size:14px;
    width:100%;
    display:inline-block;
}
#configurator option {
    padding:6px 12px;
    font-size:14px;
}

#configurator .options-wrapper.active {
    display:block;
}

#configurator .custom-inline-form {
    display:none;    
    color:white;
    background:#0f6773;
    border-color:#0f6773;
    padding:8px 10px;
}

#configurator .custom-inline-form .input-group .input-group-text {
    font-size:0.9rem;
    padding:.375rem 0.3rem;
}

#configurator .custom-inline-form .row > div:first-child {
    padding-left:0;
}
#configurator .custom-inline-form .row > div:last-child {
    padding-right:0;
}

#configurator .custom-inline-form input {
    padding:.2rem .2rem;
    border:0;
    max-width:80px;
}

#configurator .custom-inline-form strong {
    color:white;
    display:block;
    font-weight:400;
    font-size:14px;
    margin-bottom:6px;
}

#configurator .list-item .custom-inline-form {
    display:none;
}


#configurator .list-item.active .custom-inline-form {
    display:block;
}

#configurator .custom-inline-form .btn.btn-primary {
    background:#003f48;
    border-color:#003f48;
    color:white;
}

#configurator .boxed {
    background:#eaeaea;
    padding:8px 12px;
    margin-bottom:12px;
}

#configurator .custom-inline-form button {
    display:block;
    width:100%;
}

#configuratorFooter .input-group {
    position:relative;
    display:inline-block;
    width:auto;
}

#configuratorFooter .input-group-btn {
    display:inline-block;
    vertical-align:middle;
}

#configuratorFooter .input-group-btn .btn {
    border-radius:0;
    margin:0px 0px;
    width:32px;
    height:46px;
    line-height:46px;
    background:#dadada;
    font-size:1.4em;
    font-weight:bold;
    text-align:center;
    padding-left:8px;
    padding-right:8px;
    vertical-align:middle;
    border:0;
}

#configuratorFooter input.form-control.quantity {
    display:inline-block;
    border-radius:0px;
    font-size:18px;
    padding:9px 10px;
    max-width:80px;
    text-align:center;
    height:auto;    
    color:#000;    
    vertical-align:middle;
    border:0;
}

#configurator #configuratorPriceWrapper .currency-disclaimer {
    font-size:0.45em;
    line-height:1em;
    color:#666
}

#configurator #configuratorPriceWrapper {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:64px;
    background:#1E1E1E;
    font-size:1.5em;
    color:white;
    text-align:center;
    border-top:1px solid #2b2b2b;
}


#configuratorFooter #configuratorPriceWrapper .currency-wrapper {
    font-size:1.2em;
    line-height:32px;
    padding:0;
    font-weight:600;
    text-align:right;
}

#configuratorFooter #configuratorPriceWrapper > span {
    display:inline-block;
    line-height:46px;
    font-size:1.3em;
    vertical-align:middle;
}

#configuratorFooter #configuratorPriceWrapper > span.currency-symbol {
}

#configuratorFooter #configuratorPriceWrapper #info-price {
}






#configurator #configuratorPreviewDisclaimer {
    color:#aaa;
    background:transparent;
    font-size:12px;
    padding:10px 15px;
    text-align:right;
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
}

#configurator .options-wrapper .header {
    padding:15px 12px 15px 12px;
    background:white;
    border-bottom:1px solid #ddd;
    display:block;
}

#configurator .options-wrapper .header .inner-header {
    position:relative;
    padding-left:52px;
    min-height:44px;
}

#configurator .options-wrapper .header .inner-header p {
    margin:0;
    color:#6a6a6a;
    line-height:1em;
    font-size:0.9em;
}

#configurator .options-wrapper .header .inner-header i {
    position:absolute;
    left:0;
    top:0px;
    display:block;
    font-size:2.4em;
    text-align:left;
}

#configurator .options-wrapper .header h2 {
    margin:0;
    font-size:18px;
    text-transform:none;
    font-weight:600;
    color:#111;
}


#configurator .options-wrapper .padd {
    padding:15px 15px;
}

.hpadd {
    padding-left:15px;
    padding-right:15px;
}

#configurator #configuratorVersion {
    font-size:11px;
    color:white;
    position:absolute;
    top:7px;
    left:60px;
    background:transparent;
}

.vpadd {
    padding-top:15px;
    padding-bottom:15px;
}

#configuratorWeightWrapper {
    font-weight:bold;
}


#configurator #product-selection-info {
    display:none;
    position:absolute;
    bottom:5px;
    left:0px;
    font-size:0.9em;
    color:#444;
    background: white;
    z-index:1001;
    padding:0;
    line-height:15px;   
    border:1px solid #bbb;
    border-bottom:0;    
    border-left:0;
}


#configurator #product-selection-info table {
    width:100%;    
}

#configurator #product-selection-info table thead th {
    background:white;
    border:0;
    text-transform:uppercase;
    padding:4px 0px;
}

#configurator #product-selection-info table td {
    border:1px solid #ddd;
    border-collapse:collapse;
    font-weight:normal;
    padding:3px 5px;
}

#configurator #product-selection-info table td:first-child {
    width:120px;
    background:#eee;
    border-right:1px solid #ddd;
    font-weight:bold;
}

#configurator #product-selection-info table td:last-child {
    min-width:50px;
}


#configurator.lights-on #configuratorVersion {
    color:#888;
}
#configurator #product-selection-info .content-open {
    font-size:1em;
    display:none;    
    width:420px;
    background:white;    
    padding:8px 8px 8px 8px;
    position:relative; 
    background: transparent;
}
#configurator #product-selection-info.opened .content-open {
    display:block;
}
#configurator #product-selection-info .info-row {
    margin-bottom:2px;
}
#configurator #product-selection-info .info-row:last-child {
    margin-bottom:0px;
}
#configurator #product-selection-info .content-closed {
    font-size:1em;    
    cursor:pointer;
    background:white;    
    color:#000;
    width:114px;
    padding:8px 10px;    
}
#configurator #product-selection-info .content-closed:hover {
    background:#ddd;
}
#configurator #product-selection-info.opened .content-closed {
    display:none;
}
#configurator #product-selection-info .content-closed {
    display:block;
}
#configurator #product-selection-info .content-open h2 {
    color:#151515;
    margin-bottom:4px;
    font-weight:600;
    font-size:1.2em;
    text-transform:uppercase;
    margin-top:0;
}
#configurator #product-selection-info .btn-close {
    font-size:16px;
    cursor:pointer;
    color:#000;
    border:0;
    position:absolute;
    right:10px;
    top:10px;
}
#configurator.lights-on #product-selection-info .btn-close {
    color:#333;
}




#configurator #product-movement {
    display:none;
    position:absolute;
    bottom:4px;
    left:114px;
    font-size:0.9em;
    width:100px;
    color:#444;
    background: white;
    z-index:1000;
    padding:0;
    line-height:16px;
    border:1px solid #bbb;
    border-bottom:0;   
    border-left:0; 
}
#configurator #product-movement .content-open {
    padding:12px 12px 12px 12px;
    position:relative; 
    background: #ffffff; 
}
#configurator #product-movement .info-row {
    margin-bottom:5px;
}
#configurator #product-movement .info-row:last-child {
    margin-bottom:0px;
}
#configurator #product-movement .content-closed {
    cursor:pointer;
    background:white;    
    color:#000;
    padding:8px 10px;  
}
#configurator #product-movement.opened .content-closed {
    display:none;
}

#configurator #product-movement .content-closed:hover {
    background:#ddd;
}
#configurator #product-movement .content-closed {
    display:block;
}
#configurator #product-movement.opened .content-open {
    display:block;
}
#configurator #product-movement .content-open {
    display:none;    
    min-width:220px;
    max-width:340px;
}
#configurator #product-movement .content-open h2 {    
    color:#151515;
    margin-bottom:4px;
    font-weight:600;
    font-size:1.1em;
    text-transform:uppercase;
    margin-top:0;
}
#configurator #product-movement .btn-close {
    font-size:16px;
    cursor:pointer;
    color:#000;
    border:0;
    position:absolute;
    right:10px;
    top:10px;
}
#configurator #product-movement .btn-close {
    color:#333;
}












#configurator .options-wrapper .subheader {
    padding: 12px 15px 12px 15px;
    background:white;   
    border:1px solid #ddd;
    border-left:0;
    border-right:0;
    display:block;
}

#configurator .options-wrapper .subheader h3 {
    margin:0;
    font-size:16px;
    color: #555;
    font-weight: 600;
    text-transform: none;
}

#configurator .options-wrapper .subheader p {
    font-size:0.9em;
    color:#777;
    margin:0;
}

.btn.btn-primary {
    background:#0f6773;
    border-color:#0f6773;
    color:white;
}

.card {
    margin-bottom:15px;
}

.card .card-body {
    padding:15px;
    background:white;
}

#wrapper > nav > ol.breadcrumb {
    display:none;
}

#wrapper {
    margin-top:8px !important;
}

.message.success {
    padding:15px;
    font-size:18px;
    background:#0f6773;
    color:white;
    font-weight:500;
    text-align:center;
}

#configurator .column {
    height:615px;
}

#configurator .column.column-menu {
    position:relative;
    background:#252525;
    color:white;
    padding:0;
}

#configurator .column.column-preview {
    overflow:hidden;
}

#configurator .column.column-menu ul {
    padding:0;
    margin:0;
    list-style:none;
}
#configurator .column.column-menu ul li {
    padding:0;
    margin:0;
    list-style:none;
}

#configurator .column.column-menu ul li a {
    padding:0px;
    display:block;
    color:white;
    font-size:15px;    
    font-weight:500;    
    text-transform:none;
    border-bottom:1px solid #2b2b2b;
    position:relative;
}

#configurator .column.column-menu ul li a .tab-step-number {    
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:40px;
    line-height:47px;
    text-align:center;
    color:white;
    background:#363636;
    font-size:1.1em;
    font-weight:bold;
}

#configurator .column.column-menu ul li a .tab-text {    
    display:block;
    padding: 13px 14px;    
}

#configurator .column.column-menu ul li a .tab-text i {
    font-size:1em;
}

#configurator .column.column-menu ul li a.active,
#configurator .column.column-menu ul li:hover a.active {
    background: #0f6773; /* Old browsers */
    color:white;     
    font-weight:bold;
}

#configurator .column.column-menu ul li a.disabled .tab-step-number {
    color:#666;
    background:#303030;
}

#configurator .column.column-menu ul li a.disabled,
#configurator .column.column-menu ul li a.disabled:hover {
    color:#666;
}

#configurator .column.column-menu ul li a .tag-disabled {
    display:none;
    font-size:0.7em;
}

#configurator .column.column-menu ul li a.disabled .tag-disabled {
    display:block;
    position:absolute;
    right:5px;
    top:15px;
    background:#393939;
    color:white;
    padding:1px 4px;
    border-radius:5px;
}

#configuratorFooter label {
    margin-bottom:0;
}

.validation-error {
    display:none;
    background:red;
    color:white;
    padding:4px 8px;
    font-size:12px;
    text-align:left;
    margin-bottom:2px;    
}

/*#configuratorFooter #customer-notes-wrapper {
    display:none;
}*/

#configuratorFooter #customer-notes-wrapper textarea {
    display:block;
    width:420px;
    height:60px;
	border:1px solid #ced4da;
}


#configuratorFooter #customer-notes-wrapper.visible {
    display:block;
}


#configuratorFooter .form-group {
    display:inline-block;
    margin-right:8px;
    margin-bottom:0;
    text-align:left;
}

#configuratorFooter .form-group input.input-xs {
    width:104px;
}
#configuratorFooter .form-group input.input-sm {
    width:140px;
}
#configuratorFooter .form-group input.input-md {
    width:210px; /*was 190px*/
}
#configuratorFooter .form-group input.input-lg {
    width:280px; /*was 230px*/
}

#configuratorFooter .form-group label {
    font-size:0.9em;
    font-weight:600;
    margin-bottom:1px;
    color:#000;
	
}

#configuratorFooter .form-group button.btn {
    margin-bottom:0;
}

#configuratorFooter h2 {
    color:#0f6773;
    font-weight:bold;
    font-size:1.05em;
    margin:0px 10px 4px 0;
}

#configuratorFooter input.form-control {
    color:#000;
    display:block;
    font-size:16px;
    height:34px;
    padding:5px;
}

#configuratorFooter input.form-control.error {
    border-color:red;
}

#configurator .custom-inline-form .btn.btn-primary:hover,
#configurator .btn.btn-primary:hover,
#configuratorFooter .btn.btn-primary:hover {
    background:#188b9a;
    border-color:#188b9a;
}
#configurator a.mobile-tab-close {
    font-size:16px;
    float:right;
    margin-right:0px;
    margin-top:-6px;
    display:block;;
    padding:4px 8px;
    background:#006272;
    border-radius:8px;
    color:white;
    text-decoration:none;
}

#configurator a.mobile-tab-close:hover {    
    background:#058398;
    text-decoration:none;
}

#configurator .options-wrapper a.mobile-tab-close i {
    font-size:16px;
    width:auto;
}

#configurator .column.column-menu ul li a i {
    display:inline-block;
    margin-right:0px;
    width:22px;
    font-size:18px;
    text-align:center;
}

#configurator .column.column-options {
    overflow-y:scroll;
    overflow-x: hidden;
    background:#eaeaea;
}

#configurator .column.column-menu ul li a span {
    display:inline-block;
}

#configuratorPreview {
    background:#6b665e;    
background: #6b665e; /* Old browsers */
background: -moz-linear-gradient(top, #6b665e 40%, #44413c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6b665e 40%,#44413c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6b665e 40%,#44413c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b665e', endColorstr='#44413c',GradientType=0 ); /* IE6-9 */
    border:0;
    border-right:0;
    margin:0px;
    min-height:615px;
    padding:0;
    position:relative;    
    overflow:hidden;
}

#configurator #configuratorPreview {
background: white; 
}

.columns-container {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,d2d2d2+100 */
background: #f4f4f4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #f4f4f4 0%, #d2d2d2 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #f4f4f4 0%,#d2d2d2 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #f4f4f4 0%,#d2d2d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d2d2d2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#configurator #movement {
    padding:0 15px
}
#configurator #movement a {
    display:block;
    border:0;
    padding:5px 8px;
    margin:1px;
    font-size:15px;
    font-weight:500;
    text-align:center;
    background: #dfdfdf;
    color:#111;
}

#configurator #movement a:hover {
    background:#0f6773;
    color:white;
}

#configurator #controls {
    position:absolute;
    top:15px;
    right:15px;
    text-align:right;
    color:#444;
}

#configurator #controls i {
    font-size:24px;
    display:inline-block;
    margin-left:5px;
    font-weight:500;
    color:white;
}

#configurator #controls i {
    border-radius:100%;
    width:22px;
    height:22px;
    padding:2px 0;
    text-align:center;    
    color:white;
}

#configurator.lights-on #controls i {
    color:#222;
}
#configurator.lights-on #configuratorPreviewDisclaimer {
    background:transparent;
    color:#888;
}

#configurator {
    margin-top:15px;
    background:white;
    border:1px solid #bbb;
    border-bottom:0;
    color:#333;
    padding:0px;
    position:relative;
}

#configurator.loading {
    border-color: #363636;
}

#configurator.lights-on {
    border-color: #393939;
}

#configurator #status {
    position:absolute;
    bottom:0px;
    left:0;
    right:0;
    color:white;
    padding:0;
    text-align:right;
}

#configurator.no-environment #status {
    color:#222;
}

#configurator #status.loading {
    
}

#configurator #status i.loader {
    display:none;
    position:absolute;
    right:10px;
    bottom:30px;
    font-size:15px;
}
#configurator #status.loading i.loader {
    display:block;
}

#configurator #status > div {
    padding:9px 12px 12px 0;
    font-size:14px;
    display:inline-block;
    background:transparent;
}

#configurator .material-color-selectbox {
    min-width:130px;    
    width:100%;
    font-size:14px;
    border:0;
    padding:0px;
    border-color:white;
    display:block;
}

#configurator .list-item.active .material-color-selectbox {
    display:block;
}

#configuratorPreview canvas {
    width:100%;    
}

#configurator #status > div i {
    display:inline-block;
    text-align:center;
    width:20px;
    font-weight:400;
    font-size:14px;
}

#configurator #configuratorPriceWrapper,
#configuratorPriceWrapper span {
    font-weight:500;
}

#configurator input.invalid {
    border-color:red;
    background:#ffe5e5;
    font-weight:500;
    color:red;
}

#configurator .btn {
    border-radius:0;
    border:1px solid #ccc;
}

#configurator .btn.btn-primary,
#configuratorFooter .btn.btn-primary {
    background:#0f6773;
    border-color:#0f6773;
    border-radius:0px;
}

#configurator #logo {
    width:150px;
    display:block;
    position:absolute;
    bottom:0px;
    left:10px;
    padding:10px;
    background:white;
}

#configuratorOptions {
    padding:0px;
}

#configurator .table {
    margin-bottom:5px;
}

#configurator .table tr td {
    padding:0;
    border:0;
}

#configurator div.desc p {
    color:#666;
    font-size:14px;
    margin:0;
}

#configurator div.desc {
    padding:10px 15px;
}

#configurator .table.table-list tr td:first-child {
    font-weight:600;    
    font-size: 16px;
    line-height: 22px;
}

#configurator .table.table-list tr td {
    padding-top:5px;
}






#configurator .listing-positions .list-item {
    height:44px;
    width:44px;
    line-height:44px;
    text-align:center;
    font-size:15px;
    font-weight:normal;
    margin-right:3px;
    margin-bottom:3px;
    padding-left:0px;
    padding-right:0px;
    background:white;
    border:1px solid #ccc;
    cursor:pointer;
    display:inline-block;    
}

#configurator .listing-positions .list-item img {
    display:block;
    width:100%;
}

#configurator .listing-positions .list-item.active,
#configurator .listing-positions .list-item.active a {
    background:#0f6773;
    border-color:#0f6773;
    
    border-color:#08393f;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f6773+0,08393f+100 */
background: #0f6773; /* Old browsers */
background: -moz-linear-gradient(top, #0f6773 0%, #08393f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0f6773 0%,#08393f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0f6773 0%,#08393f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6773', endColorstr='#08393f',GradientType=0 ); /* IE6-9 */
    color:white;
    text-decoration:none;
}







#configurator .listing-counter .list-item {
    min-height:40px;
    min-width:40px;
    line-height:40px;
    text-align:center;
    font-size:15px;
    font-weight:normal;
    margin-right:3px;
    margin-bottom:4px;
    padding-left:5px;
    padding-right:5px;
    background:white;
    border:1px solid #ccc;
    cursor:pointer;
    display:inline-block;    
}

#configurator .listing-counter .list-item.active,
#configurator .listing-counter .list-item.active a {
     
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f6773+75,0c4e56+100 */
border-color:#0f6773;
background: #0f6773; /* Old browsers */
background: -moz-linear-gradient(left, #0f6773 75%, #0c4e56 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0f6773 75%,#0c4e56 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0f6773 75%,#0c4e56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6773', endColorstr='#0c4e56',GradientType=1 ); /* IE6-9 */
    text-decoration:none;
    color:white;
}

#configurator .listing .list-item {
    padding:0px;
    background:white;
    text-align:center;
    margin-bottom:15px;
    border:1px solid #ddd;
    cursor:pointer;
    min-height:70px;
}






#configurator .listing-clean {
    border:1px solid #ddd;
    background:white;
}

#configurator .listing-clean .list-item {
    padding:0;
}

#configurator .listing-clean .list-item:hover a {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffcfc+0,c9c9c9+100,e0e3e5+100 */
        background: #fffcfc; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #fffcfc 0%, #c9c9c9 100%, #e0e3e5 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover, #fffcfc 0%,#c9c9c9 100%,#e0e3e5 100%); /* Chrome10-25,Safari5.1-6 */
        background: radial-gradient(ellipse at center, #fffcfc 0%,#c9c9c9 100%,#e0e3e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#e0e3e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        
}

#configurator .listing-clean .list-item a {
    display:block;
    padding:10px 10px;
    border:1px solid white;
    border-bottom:1px solid #eaeaea;    
    color:#111;
    text-decoration:none;
}

#configurator .listing-clean .list-item.active a {
    
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f6773+75,0c4e56+100 */
border-color:#0f6773;
background: #0f6773; /* Old browsers */
background: -moz-linear-gradient(left, #0f6773 75%, #0c4e56 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0f6773 75%,#0c4e56 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0f6773 75%,#0c4e56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f6773', endColorstr='#0c4e56',GradientType=1 ); /* IE6-9 */
    text-decoration:none;
}

#configurator .listing-clean .list-item a .text-label {
    color:#888;
    line-height: 27px;
    font-size:12px;
}

#configurator .listing-clean .list-item.active a .text-label {
    color:white;
}

#configurator .listing-clean .list-item.active a span {
    color:white;
    font-weight:bold;
}

#configurator .listing-clean .list-item a span {    
    color:#111;
    font-size:15px;
    line-height:18px;
}

#configurator .listing-clean .list-item a img {
    width:32px;
    height:32px;
    display:inline-block;
    margin-right:10px;
}

#configurator .material-color-selectbox {
    height:32px;
    padding:5px 8px;
    color:#000;
    font-size:13px;
    background:white;
}

#configurator .material-color-selectbox option {
    font-size:13px;
    color:#000;
    background:white;
}


#configurator select#connector-position, 
#configurator select#wire-color,
#configurator select#door-position-select {
    display:block;
    height: 32px;
    padding: 5px 8px;
    color: #000;
    font-size: 13px;
    background: white;
    border:1px solid #ccc;
}




#configurator #configuratorMaterialsList {
    background:white;   
}

#configurator #configuratorMaterialsList .list-item {
    padding:0;
}

#configurator #configuratorMaterialsList .list-item:hover a {
    background: #eaeaea;
}

#configurator #configuratorMaterialsList .list-item a {
    display:block;
    padding:10px 10px;
    border:1px solid #ddd;
    border-bottom:0;
    color:#111;
    text-decoration:none;
}

#configurator #configuratorMaterialsList .list-item:last-child a {
    border-bottom-width:1px;
}

#configurator #configuratorMaterialsList .list-item.active a {
    background:#0f6773;
    border-color:#0f6773;
    text-decoration:none;
}
#configurator #configuratorMaterialsList .list-item.active a span {
    color:white;
    font-weight:bold;
}

#configurator #configuratorMaterialsList .list-item a span {    
    color:#111;
    font-size:15px;
    line-height:18px;
}

#configurator #configuratorMaterialsList .list-item a img {
    width:26px;
    height:26px;
    display:inline-block;
    margin-right:10px;
}


#configurator #configuratorProductsList table.table {
    background:transparent;
}

#configurator #configuratorProductsList .list-item {
    padding:0;
}

#configurator #configuratorProductsList .list-item:last-child {
    border-bottom-width:1px;
}

#configurator #configuratorProductsList .list-item:hover a {
    background: #fffcfc; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #fffcfc 0%, #c9c9c9 100%, #e0e3e5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #fffcfc 0%,#c9c9c9 100%,#e0e3e5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #fffcfc 0%,#c9c9c9 100%,#e0e3e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#e0e3e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#configurator #configuratorProductsList .list-item button {
    border:0;
    background:white;
    color:#000;
    padding:0.2rem 0.3rem;
    margin-top:26px;
    min-height:36px;
}

#configurator #configuratorProductsList .list-item button:hover {
    background: #fffcfc; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #fffcfc 0%, #c9c9c9 100%, #e0e3e5 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #fffcfc 0%,#c9c9c9 100%,#e0e3e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #fffcfc 0%,#c9c9c9 100%,#e0e3e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#e0e3e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    
}

#configurator #configuratorDisplayCaseHeightWrapper button {
    border:0;
    background:white;
    color:#000;
    padding:0.2rem 0.3rem;
    min-height:36px;
    margin-left:12px;
    border:1px solid #ced4da;
}


#configurator-thanks-page h2 {
    font-weight:bold;
    font-size:1.5em;
}

#configurator-thanks-page .introduction-text {
    margin:15px 0 45px 0;
}

#configurator-thanks-page .introduction-text h2 {
    font-weight:bold;
    font-size:1.4em;
    color:#0f6773;
    margin-bottom:12px;
    display:block
}

#configurator #configurator-debugger {
    position:absolute;
    top:0;
    left:0;
    background:white;
    color:#000;
    padding:6px;
    z-index:1003;
}

#configurator #configuratorProductsList .list-item a {
    display:block;
    padding: 4px 8px;
    text-decoration:none;
    background:white;
    border:1px solid #ddd;
    border-bottom:0;
}

#configurator .custom-inline-form label {
    font-weight:700;
    display:block;
    color:white;
}

#configurator .custom-inline-form input {

}

#configurator #configuratorProductsList .list-item:last-child a {
    border-bottom-width:1px;
}


#configurator #configuratorProductsList .list-item.active a {
    background:#0f6773;
    border-color:#0c545e;
    text-decoration:none;
}
#configurator #configuratorProductsList .list-item.active a span {
    color:white;
    font-weight:bold;
}

#configurator #configuratorProductsList .list-item a span {    
    color:#111;
    font-size:15px;
    line-height:18px;
}

#configurator #configuratorProductsList .list-item a img {
    width:26px;
    height:26px;
    display:inline-block;
    margin-right:10px;
}

#configurator .listing a {
    color:#666;
}

#configurator .listing .list-item a,
#configurator .listing .list-item a:active,
#configurator .listing .list-item a:focus {
    text-decoration:none;
}

#configurator .listing .list-item.active {
    border-color:#0f6773;
}

#configurator .listing.listing-fill .list-item.active {
    background:#0f6773;
    color:white;
}
#configurator .listing.listing-fill .list-item.active a {
    color:white;
}

#configurator .listing .list-item.active span {
    font-weight:bold;
    color:#0f6773
}

#configurator .listing .list-item.disabled {
    background:#ddd;
    color:#999;
    cursor:not-allowed;
}

#configurator .listing .list-item.disabled img {
    opacity:0.4;
}

#configurator .listing-counter .list-item.disabled {
    cursor:not-allowed;
    background:#ccc;
    color:#666;
}
#configurator .listing-counter .list-item.disabled a {
    cursor:not-allowed;
}

#configurator .listing-counter .list-item.disabled span {
    color:#666;
}

#configurator .listing-counter .list-item.disabled img {
    opacity:0.4;
}

#configurator .listing-clean .list-item.disabled {
    background:#f1f1f1;
    color:#979797;
    cursor:not-allowed;
}

#configurator .listing-clean .list-item.disabled,
#configurator .listing-clean .list-item.disabled a {
    cursor:not-allowed;
}

#configurator .listing-clean .list-item.disabled span {
    color:#979797;
}

#configurator .listing-clean .list-item span.error-display-case-height {
    color:#333;
    padding-left:46px;
    font-size:11px;
    display:none;
}

#configuratorModelsList .list-item span.model-title {
    height:45px;
}

#configurator .listing-clean .list-item.disabled span.error-display-case-height {
    display:block;
}

#configurator .listing-clean .list-item.disabled img {
    opacity:0.4;
}


#configurator .listing-positions .list-item.disabled {
    background:#ccc;
    color:#666;
}

#configurator div.disabled-message {
    background:#ccc;
    color:#666;
    display:none;
    font-weight:normal;
    padding:15px;
}

#configurator .listing-positions .list-item.disabled span {
    color:#666;
}

#configurator .listing-positions .list-item.disabled img {
    opacity:0.4;
}

#configurator .listing .list-item img {
    width:100%;
    display:block;
}

#configurator .listing .list-item span {
    text-align:center;
    font-weight:500;
    text-transform:uppercase;
    padding:5px 15px 4px 15px;
    display:block;
}

#configuratorFooter .no-gutter.row,
#configuratorFooter .no-gutter.container,
#configuratorFooter .no-gutter.container-fluid {
  margin-left: 0;
  margin-right: 0;
}

#configuratorFooter .no-gutter>[class^="col-"],
#configuratorFooter .no-gutter>.col {
  padding-left: 0;
  padding-right: 0;
}


#configuratorFooter .small-gutter.row,
#configuratorFooter .small-gutter.container,
#configuratorFooter .small-gutter.container-fluid {
  margin-left: 0px;
  margin-right: 0px;
}

#configuratorFooter .small-gutter>[class^="col-"],
#configuratorFooter .small-gutter>.col {
  padding-left: 8px;
  padding-right: 8px;
}






#configurator .no-gutter.row,
#configurator .no-gutter.container,
#configurator .no-gutter.container-fluid {
  margin-left: 0;
  margin-right: 0;
}

#configurator .no-gutter>[class^="col-"],
#configurator .no-gutter>.col {
  padding-left: 0;
  padding-right: 0;
}


#configurator .small-gutter.row,
#configurator .small-gutter.container,
#configurator .small-gutter.container-fluid {
  margin-left: 0px;
  margin-right: 0px;
}

#configurator .small-gutter>[class^="col-"],
#configurator .small-gutter>.col {
  padding-left: 8px;
  padding-right: 8px;
}




#configurator p.note {
    color:#777;
    font-size:13px;
}

#configuratorFooter {
    background:white;
    color:#000;
    border:1px solid #bbb;
    padding:12px 12px;
    display:block;
    margin-top: 0;
    margin-bottom:60px;
}

#configuratorFooter .footer-description {
    font-size:1em;
    color:#888;
    line-height:1.1em;
    display:block;
    padding-right:50px;
}

#configuratorFooter a.btn {
    font-weight:500;
}

#configuratorOptions label {
    font-size:13px;
    display:block;
} 

#configurator div.input {
    margin-bottom:15px;    
}

#configurator input, #configurator select {
    font-weight:500;
}

#configurator .form-control {
    color:#000;
    height:auto;
    border-radius:0;
    font-size:16px;
    border-color:#ccc;
}

#configurator .fullscreen-notice {
    z-index:100;
    display:none;
    background:#b95151;
    color:white;
    font-size:30px;
    text-align:left;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding-left:50px;
    padding-top:50px;
}

#configurator #notice-no-javascript.fullscreen-notice {
    display:block;
}

#configurator #loader {
    display:none;
    background:#303030 url(/modules/isemanticsconfigurator/webroot/img/bg.png);    
    color:white;
    font-size:1.15em;
    text-align:left;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding-left:64px;
    padding-top:64px;
}

#configurator #loader img.loading-logo {
    display:block;
    margin-bottom:10px;
    width:260px;
}

#configurator #loader img.loading-icon {
    width:26px;
    display:inline-block;
    margin-right:1px;
}

#configurator.loading #loader {
    display:block;
}

#configuratorPreview #credits {
    text-align:right;
    font-size:14px;
    color:#666;    
    margin:15px 0;
    position:absolute;
    bottom:0px;
    right:15px;
}

#configuratorPreview #credits a {
    font-weight:500;
    color:#555;
}







#configurator .tab-content {
    margin-top:0;
}


.text-super-small {
    font-size:11px;
    line-height:11px;
    font-weight:normal;
    color:#999;    
}