/*@font-face {
    font-family: "DejaVu Sans|Bold";
    src: url("../fonts/DejaVuSans-Bold.ttf");
}*/
.default {
    opacity: 1;
}

.left {
    float: left;
}

.half {
    width: 50%;
}

span.tacton-key-text,
.edit-dropdown-area .selected-value span.tacton-key-text {
    display: initial;
    font-size: .85em;
}

.hide-header-text {
    display: none;
}

.header-text {
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 5px;
}

.fade {
    -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
    transition: opacity 2s;
    opacity: 0;
}
.form input.ng-invalid.ng-touched {
    background-color: #ffc0cb;
}


/* InformationMessage Area*/
.informationMessageArea {
    border: 1px solid;
    border-radius: 5px;
    padding: 12px;
}

.informationMessageArea.success {
    border-color: #6f776f;
    background-color: #ccddcc
}

.informationMessageArea.error {
    border-color: #ffcccc;
    background-color: #ffeeee;
    color: #aa0000;
}

.informationMessageArea.info {
    border-color: #fcc;
    background-color: #fffbfb;
}

.informationMessageArea .informationTextArea {
    padding-left: 78px;
    min-height: 64px;
    display: table;
}

.informationMessageArea .informationTextArea_inner {
    display: table-cell;
    vertical-align: middle;
}


.informationMessageArea img {
    opacity: 0.5;
    position: absolute;
}

.informationMessageArea .informationTextHeader {
    font-weight: bold;
}
/* END - InformationMessage Area*/

.menu-item:hover {
    background-color: #F4F4F4;
}

.menu-item.non-clickable:hover {
    background-color: transparent !important;
}

.settings-menu-item .fa-cog {
    padding: 10px;
}

.settings-customer-name {
    padding: 10px 15px;
    line-height: 24px;
    text-decoration: none;
    display: block;
}

/* Stanard buttons */
.button {
    background-color: #fff;
    color: #000;
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #999;
}

.button:hover {
    border-color: #333;
}

.button:focus {
    border-color: #000;
}

.standard-button {
	width: 90%;
	padding: 12px;
	display: block;
	float: left;
	clear: both;
	color: #333;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
	border: 1px solid #999;
	background: rgb(250,250,250);
	background: linear-gradient(to bottom, rgba(250,250,250,1) 1%,rgba(230,230,230,1) 100%);
}

.standard-button.big-button {
    width: 80%;
    padding: 5%;
    margin-top: 20px;
    text-transform: uppercase;
    margin-bottom: 2em;
}

.standard-button.big-button .fa-stack {
    float: left;
}

.standard-button:hover {
    background: rgb(230,230,230);
}

.input-button {
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    border: 1px solid #999;
    background: rgb(250,250,250);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 1%,rgba(230,230,230,1) 100%);
    float: left;
    font-weight: bold;
    padding: 6px 12px;
    margin: 0 5px
}

div:first-child .input-button {
    margin-left: 0;
}

.input-button:hover {
    background: rgb(230,230,230);
}

.back-button {
    position: fixed;
    top: 12px;
    left: .83%;
    z-index: 9998;
    cursor: pointer;
    border-right: 1px solid #CDCDCD;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.back-button:hover {
    background-color: #F4F4F4;    
}

.back-button i {
    font-size: 2.5em;
    padding: 6px;
    float:left;
    width: 30px;
}

.back-button i.fa-times {
    padding-left: 11px;
}

#navigation-buttons {
    width: 100%;
    box-sizing: border-box;
}

#navigation-buttons.fixed-menu {
    position: fixed;
    top: 60px;
    overflow: hidden;
    background-color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: box-shadow 0.5s ease-in;
    box-shadow: 0 8px 15px -2px #aaa;
    z-index: 998;
    margin-left: -35px;
    padding-left: 35px;
    padding-right: 35px;
    width: 1260px;
    max-width: 98%;
}

.perspective-area.right .shopping-icon {
    margin-right: 5px;
}

.back-button span {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    margin-left: -3px;
    padding: 12px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.minimal-button-area {
    position: absolute;
    right: 0;
    cursor: pointer;
    color: #333;
    font-size: 2em;
    margin-top: 58px;
}

 #quote .minimal-button.add-common-field {
    position: absolute;
    right: 0;
    cursor: pointer;
    color: #333;
    font-size: 2em;
    bottom: 0;
 }

.fixed-menu .minimal-button-area {
    margin-top: 0;
}

.minimal-button {
    margin-bottom: 5px;
}

.minimal-button i {
    border: 2px solid #999;
    border-radius: 4px;
    color: #333;
    height: 32px;
    width: 32px;
    text-align: center;
}

.minimal-button.template-page {
    float: right;
}

.minimal-button i::before {
    vertical-align: middle;
}

/* END - Standard buttons*/

.search-area {
    position: relative;
    margin: 0 auto;
    width: 50%;
    margin-bottom: 12px;
}

.search-area input {
    margin-top: 2px;
    font-size: 1.5em;
    width: 100%;
}

.search-area span {
    color: #DEE3E9;
    /* text-shadow: 2px 1px #cdcdcd; */
    position: absolute;
    right: 10px;
    top: 5px;
}

#customer-sweetalert-input-text {
    display: inline !important;
    width: auto;
    height: auto;
    margin: auto;
}

#customer-sweetalert-input-checkbox {
    display:inline !important;
    width: auto;
    height: auto;
    margin: 10px;
    margin-top: 8px;
}

input[type='date'] {
    border-radius: 3px;
    color: #555;
    padding: 5px 8px;
    font-weight: bold;
    border: 1px solid #aaa;
    outline: 0;
    box-shadow: 0 0 3px #aaa, 0 10px 15px #f7f7f7 inset;
}

.checkout-steps .step:first-child {
    border-radius: 4px 0 0 4px;
}

.checkout-steps .step:last-child {
    border-radius: 0 4px 4px 0;
    border-right: none;
}

.checkout-steps .active {
    background: #f1f1f1;
}

.checkout-steps .step {
    margin-left: 0;
    margin-right: 0;
    width: 30%;
    padding: 15px 20px 15px 80px;
    border-right: 1px solid #e0e0e0;
    display: inline-block;
    float: right;
    min-height: 78px;
    position: relative;
}

.checkout-steps > div {
    margin: 0;
}

/* Configuration */

/* Step area */

.step-content {
    width: 92%;
    float: left;
    min-height: 20px;
    position: relative;
}

.step-content .step-area {
    float: left;
    margin-top: 30px;
}

.step-content .step-area.step-count-1 { width: 100%; }
.step-content .step-area.step-count-2 { width: 50%; }
.step-content .step-area.step-count-3 { width: 33.333333%; }
.step-content .step-area.step-count-4 { width: 25%; }
.step-content .step-area.step-count-5 { width: 20%; }
.step-content .step-area.step-count-6 { width: 16.666666%; }
.step-content .step-area.step-count-7 { width: 14.2857%; }
.step-content .step-area.step-count-8 { width: 12.5%; }
.step-content .step-area.step-count-9 { width: 11.111111%; }
.step-content .step-area.step-count-10 { width: 10%; }

.step-content .step-area.step-active {
    background-color: transparent;
}

.step-content .step-area .step-blob {
    width: 18px;
    height: 18px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    z-index: 90;
}

.step-content .step-area .step-name {
    font-weight: bold;
    margin-bottom: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
}

.step-content .step-area .step-blob-line-right {
    position: absolute;
    margin-top: 8px;
    border-top-width: 2px;
    border-top-style: solid;
    position: relative;
    margin-left: 50%;
    width: 100%;
    border-top-color: #eee;
}

.step-content .step-area:last-child .step-blob-line-right {
    display: none;
}

.step-content .step-area .step-blob {
    margin-top: -11px;
}

.step-content .step-area:last-child .step-blob {
    margin-top: 0;
}

.step-content .step-area.step-passed .step-blob-line-right {
    position: absolute;
    margin-top: 8px;
    border-top-width: 2px;
    border-top-style: solid;
    position: relative;
    margin-left: 50%;
    width: 100%;
}
.drawing-container {
    margin: 0 auto;
    text-align: center;
}
.img-drawing {
    max-width: 100%;
}

#configuration-page #center-content {
    float: left;
    clear: both;
}

#main-content {
    position: relative;
    padding-top: 30px;
    width: 100%;
}

#quote-page #main-content.fixed-menu {
    margin-top: 90px;
}

#configuration-page #center-content.fixed-menu {
    margin-top: 50px;
}

.configure-content-title {
    float: left;
    font-weight: bold;
    height: 36px;
    width: 100%;
    position: relative;
}

.configure-content-title label {
    position: absolute;
    bottom: 0
}

.big-button.btnNextStep, .big-button.btnSaveConfiguration, .big-button.btnBackToWebShop {
    width: 100%;
}
/* END - Step area */


/* Sub-group-area styling */

#subgroup_menu {
    position: relative;
    overflow: hidden;
    clear: both;
}

#subgroup_menu .sub-group-area {
    overflow: hidden;
    text-align: center;
}

.content-item {
    float: left;
    width: 270px;
    padding: 16px 15px;
    min-height: 80px;
}

.summary-item {
    width: 100%;
    min-height: 50px;
    padding: 0;
}

.content-item.single-column {
        clear: both;
    }

.single-column.content-item {
    min-height: auto;
    min-height: initial;
}

.single-column.content-item .configure-content-title {
    height: auto;
    height: initial;
}

.single-column .configuration-description {
    position: static;
}

.configuration-topItemName {
    font-size: 34px;
    line-height: 40px;
    margin: 8px 0;
}

.configuration-shorDescription {
    font-size: 16px;
    line-height: 24px;
}

.configuration-information-container {
    padding: 40px 0 20px 0;
}

.sub-group-area .sub-group {
    display: inline-block;
    padding: 10px 8px 0 8px;
    cursor: pointer;
    border-bottom: 2px solid #eee;
    text-transform: uppercase;
}

.sub-group-area .sub-group .sub-area-name {
    float: left;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
}

.sub-group-area .sub-group.selected {
    cursor: default;
}

.sub-group-area .sub-group.selected .sub-area-name {
    border-bottom-color: #aaa;
    font-weight: bold;
}

.sub-group-area .sub-group:first-child {
    margin-left: 0;
}

.sub-group-area a {
    text-decoration: none;
    color: inherit;
    font-weight: bold;
}

/* END - Sub-group-area styling */


.content-item.show-easy-style {
    width: auto;
    width: initial;
}

.show-easy-style .edit-dropdown-area .options-area,
.show-radio-style .edit-dropdown-area .options-area {
    border: none;
}

.show-easy-style .edit-dropdown-area .options-area,
.show-radio-style .edit-dropdown-area .options-area {
    display: block !important;
    position: static;
    position: initial;
}

.show-radio-style .edit-dropdown-area img.option-area-item-image {
    display: none;
}

.show-easy-style .selected-value,
.show-radio-style .selected-value {
    display: none;
}

.show-easy-style .options-area .option,
.show-radio-style .options-area .option {
    float: left;
    cursor: pointer;
}

.show-radio-style .edit-dropdown-area .option.selected {
    background-color: transparent;
}

.show-radio-style .edit-dropdown-area .options-area {
    box-shadow: none;
}

.show-radio-style .edit-dropdown-area .option-area-item-description  {
    cursor: pointer;
}

.show-radio-style .edit-dropdown-area .option-area-item-description {
    line-height: normal;
}

.show-radio-style .edit-dropdown-area .option {
    padding-right: 0;
    margin-right: 2px;
}

.show-radio-style .edit-dropdown-area .option.orange {
    background-color: transparent;
    color: #ffa955;
}

.edit-dropdown-area .option.orange:hover {
    background: #efcc8f;
}

.show-easy-style .edit-dropdown-area .option.orange:hover {
    opacity: 1;
}

.show-radio-style .edit-dropdown-area .option.orange:hover {
    opacity: 1;
    background-color: #fff3e5;
    color: #fd7d00;
}

.option-area-radio-button {
    display: none;
}

.show-radio-style .option-area-radio-button {
    display: block;
    float: left;
    font-size: 18px;
    margin-right: 5px;
}

.show-easy-style .options-area .option-area-item-image {
    float: none;
}

.show-easy-style .edit-dropdown-area .option-area-item-description {
    display: block;
    line-height: normal;
    cursor: pointer;
}


.perspective-area {
    float: left;
    width: 4%;
}

.perspective-area.left {
    min-height: 10px;
    margin-top: 7px;
}

#admin-configurator .perspective-area.right {
    margin-left: 800px;
}

.perspective-area.right span {
    float: right;
}

.perspective-area span {
    display: block;
    cursor: pointer;
}

.cancel-configuration {
    position: relative;
}

.cancel-configuration .fa {
    position: absolute;
    right: 0;
    cursor: pointer;
    margin-right: 20px;
}

.save .cancel-configuration .fa {
    margin-right: 80px;
}

.menu-item {
    height: 44px;
}

.settings-change-language .edit-dropdown-area {
    margin: 6px 10px 0 10px;
}

.change-customer .edit-dropdown-area {
	margin: 6px 10px 0 10px;
}

.loader-image.search-user-loader {
    display: inline-block;
    margin-bottom: -2px;
    margin-left: -19px;
}

#admin-configurator .center-content {
    width: 820px;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 5px;
}

#admin-configurator .center-content.edit-active {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.add-parameter-icon,
.showOnPrint-icon {
    float: right;
    font-size: 18px;
    margin-bottom: 2px;
}

.add-parameter-icon {
    margin-right: 5px;
}

.add-parameter-icon .parameter-icon-image {
    max-height: 20px;
    max-width: 50px;
    cursor: pointer;
}

#admin-configurator .center-content {
    position: relative;
}

#admin-configurator md-backdrop {
    position: fixed;
    z-index: 9500;
}

.column-layout-area {
    position: absolute;
    top: -1px;
    left: -65px;
    z-index: 98;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 12px;
    height: 15px;
    border-top-left-radius: 5px;
    background-color: #fff;
}

.column-layout-area img {
    margin-left: 3px;
    cursor: pointer;
}

.column-layout-area img.inactive {
    opacity: 0.3;
}

.column-layout-area .loader-image {
    width: 39px;
}

.style-layout-area {
    position: absolute;
    right: -126px;
    top: -1px;
    width: 100px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top-right-radius: 5px;
    padding: 12px;
    background-color: #fff;
    font-weight: bold;
}

.style-layout-area div {
    cursor: pointer;
    padding-bottom: 5px;
}

.style-layout-area div:last-child {
    padding-bottom: 0;
}

.style-layout-area .inactive {
    font-weight: normal;
}

.loader-text {
    float: left;
    margin-top: 2px;
}

.content-item .is-inactive {
    color: #cdcdcd;
}

/* Configure-content area */
.configure-content {
    margin-bottom: 50px;
    overflow: hidden;
    margin-right: -10px;
}

.section-title,
.group-title {
    clear: both;
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 15px;
}

.configure-content-title {
    float: left;
    font-weight: bold;
    height: 36px;
    width: 100%;
    position: relative;
}


.configure-content-value {
    clear: both;
    padding-top: 8px;
}

.configure-content-value input {
    width: 100%;
}

.configure-content-value input[type='number'] {
    width: 100%;
}

.configure-content-value select {
    width: 100%;
}

.configure-content-help {
    position: absolute;
    bottom: 1px;
    right: 17px;
}

.configure-content-title label {
    position: absolute;
    display: block;
    bottom: 0;
    padding-right: 35px;
}

#admin-configurator .configure-content {
    clear: both;
    margin-bottom: 180px;
}

#showOnPrint-dialog {
	max-width: 720px;
}

#showOnPrint-dialog-toolbar {
	background-color: #aba4a4;
}

.showOnPrint-feature-content {
	width: 219px;
}

.showOnPrint-feature-description {
	float: left;
	}
.showOnPrint-feature-icons {
	float: right;
}

.showOnPrint-feature-options {
	width: 99%;
	clear: both;
}

.showOnPrint-filter-option {
	float: right;
	width: 200px;
}

#showOnPrint-pagination {
	text-align: center;
	clear: both;
}

.showOnPrint-option-content {
	float: left;
	margin-left: 3%;
	min-width: 200px;
	max-width: 290px;
	margin-bottom: 5px;
}

.configure-content-hanglock {
	position: absolute;
	right: 0;
	bottom: 0;
}

.configure-content-hanglock {
    position: absolute;
    right: 0;
    bottom: 0;
}

.configure-content-hanglock.hanglock-unlocked {
    margin-right: -5px;
}

.configure-content-help .fa,
.configure-content-hanglock .fa {
    font-size: 1rem;
}

.configure-content-question-o.not-visible {
    opacity: 0.5;
}


.configure-content-dropdown,
.configure-content-radio-o,
.configure-content-image-o,
.configure-content-question-o,
.configure-content-paint-brush {
    position: absolute;
    right: 0;
    bottom: 0;
}
/*.configure-content-question-o {  right: 0px; font-size: 18px; background: #fff;}*/
.configure-content-dropwdown-o { right: -2px;font-size: 18px; background: #fff; margin-bottom: -5px; }
.configure-content-image-o { right: 22px; font-size: 18px; background: #fff; margin-bottom: -5px; }
.configure-content-radio-o { right: 47px; font-size: 18px; background: #fff; margin-bottom: -5px; }
.configure-content-dropdown .fa-stack { font-size: 10px; }

#configuration-page .configure-content-question-o { right: 20px; }

.configure-content .configuration-description.edit-mode {
    cursor: text;
}
 .configuration-featureValue {
	color: #b8b6bb;
	 float: left;
}

/* END - Configure-content area*/

.edit-dropdown-area .selected-value {
    cursor: pointer;
    position: relative;
}
.settings-change-language .edit-dropdown-area .selected-value {
    min-width: 228px;
    background: #fff;
}

.change-customer .edit-dropdown-area .selected-value {
	min-width: 300px;
	background: #fff;
}

.change-customer .edit-dropdown-area .option-area-item-description {
	overflow: hidden;
	padding: 0px 8px;
	height: 30px;
	line-height: 25px;
}

.change-customer .edit-dropdown-area .option:hover, .settings-change-language .edit-dropdown-area .option-area-item-description:hover {
	cursor: pointer;
}
.change-customer .edit-dropdown-area .options-area {
	width: 316px;
	max-height: 400px;
	overflow: auto;
	font-size: 12px;
}

.change-customer .edit-dropdown-area .option input {
	width: 271px;
}

.settings-change-language .edit-dropdown-area .option-area-item-description {
    overflow: hidden;
    padding: 0px 8px;
    height: 30px;
    line-height: 25px;
}
.settings-change-language .edit-dropdown-area .option:hover, .settings-change-language .edit-dropdown-area .option-area-item-description:hover {
    cursor: pointer;
}
.settings-change-language .edit-dropdown-area .options-area {
    width: 200px;
}

.edit-dropdown-area .selected-value.active {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.edit-dropdown-area .selected-value span {
    word-break: break-all;
    overflow: hidden;
    height: 18px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edit-dropdown-area .fa-chevron-down,
.edit-dropdown-area .fa-chevron-up {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
}

.edit-dropdown-area .selected-value.active .fa-chevron-down,
.edit-dropdown-area .selected-value.active .fa-chevron-up {
    border-bottom-right-radius: 0;
}

.edit-dropdown-area .options-area {
    min-width: 268px;
    border: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: white;
    position: absolute;
    z-index: 98;
    box-shadow: #ddd 1px 1px 2px 1px;
}

#admin-configurator .options-area,
.show-dropdown-style .options-area {
    max-height: 200px;
    overflow: auto;
}

.search-suggestions-area {
    max-height: 132px;
    overflow: auto;
}

.show-easy-style .edit-dropdown-area .options-area {
    z-index: 97;
}

.show-easy-style .edit-dropdown-area .options-area {
    box-shadow: none;
}

.edit-dropdown-area .option.selected {
    background-color: #eee;
}

.edit-dropdown-area .option {
    overflow: hidden;
    padding: 8px 5px;
}

.show-easy-style .edit-dropdown-area .option {
    border: 1px solid #999;
    padding: 0 10px 2px 10px;
    border-radius: 3px;
    margin-right: 12px;
    width: 170px;
    height: 145px;
    margin-bottom: 12px
}

.show-easy-style .options-area .option {
    text-align: center;
}

.show-easy-style .options-area .option .option-area-item-description {
    margin-top: 3px;
    margin-bottom: 3px;
}

.show-easy-style .options-area .option:last-child {
    margin-right: 0;
}

.show-easy-style .edit-dropdown-area .option.selected {
    border: 1px solid #333;
}

.edit-dropdown-area .option:hover {
    background-color: #f8f8f8;
}

.edit-dropdown-area .option.selected:hover {
    background-color: #eeeeee;
}

.edit-dropdown-area .option-area-item-description {
    line-height: 50px;
    margin-right: 8px;
    cursor: default;
}

	.edit-dropdown-area .option-area-item-value {
		color: #b8b6bb;
		margin-bottom: -16px;
		font-size: 11px;
	}

.edit-dropdown-area .option-area-item-description.selected {
    font-weight: bold;
}

.edit-dropdown-area .option-area-item-description.no-feature-image {
    line-height: normal;
}

.edit-dropdown-area .edit-mode .option-area-item-description {
    cursor: text;
}


.edit-dropdown-area img.option-area-item-image {
    height: 50px;
    float: right;
}

.show-easy-style .edit-dropdown-area img.option-area-item-image {
    margin-top: 5px;
    height: 100px;
    max-width: 150px;
}

.edit-dropdown-area .edit-mode img.option-area-item-image {
    cursor: pointer;
}

.enlarged-option-image {
    position: fixed;
    top: 10px;
    left: 10px;
}

.anonymous-form .copy-from-mail-address {
    margin-left: 5px;
    font-size: 1.5em;
    vertical-align: middle;
}

.softvalue-description {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 455px;
    background-color: #fff;
    overflow-y: auto;
}

.softvalue-description .soft-value-description-header {
    font-weight: bold;
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    padding: 5px 8px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.description-items .description-items-header {
    font-weight: bold;
    text-align: center;
    background-color: #efefef;
    border: 1px solid #dedede;
    padding-top: 5px;
    padding-bottom: 5px;
}

.softvalue-description .soft-value-description-item {
    padding: 5px 8px;
    overflow: hidden;
}

.softvalue-description .soft-value-description-item .feature {
    float: left;
    width: 50%;
    min-height: 10px;
}

.softvalue-description .soft-value-description-item .value {
    font-weight: bold;
    float: left;
    width: 50%;
}
/* END - Configuration*/


.template-item-column.template-name {
    width: 180px;
}
.template-item-column.template-isdefault {
    width: 80px;
}
.template-item-column.template-open {
    width: 50px;
    text-align: center;
}
.template-item-column.template-delete {
    width: 50px;
    text-align: center;
}
.template-item-column.template-isdefault.item {
    cursor: pointer;
}
.template-item-column.template-isdefault.item:hover {
    color: blue;
}

.template-item-column.template-delete.item:hover {
    color: red;
}
.template-item-column.template-open.item:hover {
    color: green;
}
.template-row:hover {
    background-color: #F0F0F0;
}

.show-hide-templates-button-area {
    clear: both;
}

.show-templates-button,
.hide-templates-button {
    float: left;
    background-color: #afca05;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 8px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}
.open-quotes-export-excel {
    float: left;
    cursor: pointer;
    width: 200px;
	margin-bottom:10px;
}


.show-templates-button:hover,
.hide-templates-button:hover {
    background-color: #8BA004;
}

.configuration-template-table {
    margin: 12px;
}

.history-item-column.item-name {
    width: 200px;
}

.history-item-column.created-date,
.history-item-column.updated-date {
    width: 140px;
}

.history-item-column.create-bill-of-material-list,
.history-item-column.create-dynamic-manual {
    width: 45px;
    text-align: center;
}

.history-item-column.create-packing-list,
.history-item-column.create-production-list {
    width: 70px;
    text-align: center;
}

.fold-out-menu-function-area .history-description {
    float: left;
}

.fold-out-menu-function-area .loader-image-large {
    float: right;
    background-size: 40px;
    height: 40px;
    width: 40px;
}

.configuration-history-table {
    margin-top: 12px;
}

.history-item-column.item.create-packing-list,
.history-item-column.item.create-dynamic-manual {
    cursor: pointer;
}

.history-item-column.item.create-packing-list:hover,
.history-item-column.item.create-dynamic-manual:hover {
    color: #333;
}


.illustration {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    cursor: pointer;
}
.illustration-container {
    width: 240px;
    margin-top: 20px;
    position: relative;
}
.large-illustration-area {
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 99999999;
    cursor: pointer;
    padding: 40px 50px 30px 15px;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #333;
}

.caret-right-align-illustration {
    position: absolute;
    margin-top: 90px;
    right: 0;
}
.caret-right-align-illustration:hover {
    color: blue;
}
.caret-left-align-illustration {
    position: absolute;
    margin-top: 90px;
}
.caret-left-align-illustration :hover {
    color: blue;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: grey;
    z-index: 10000;
    opacity: 0.8;
    cursor: pointer;
}
.quote-overlay{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: grey;
    z-index: 10000;
    opacity: 0.5;
    cursor:pointer;
}
.overlay-lock{
    color: white;
    font-size: 150px;
    position: fixed;
    top: 30%;
    left: 45%;
    z-index: 10001;
}
.overlay-lock-text{
    color: white;
    font-size: 50px;
    position: fixed;
    top: 50%;
    left: 31%;
    z-index: 10001;
    width: 35%;
}
.template-editor {
    padding: 10px;
    border: 1px solid #ccc;
}
.template-editor input[type="text"] {
    margin-left: 10px;
}

/* Fold out menu */
.fold-out-menu {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    position: fixed;
    right: -2px;
    background: #fff;
    padding: 8px;
    min-width: 525px;
    max-width: 100%;
    margin-right: -540px;
    transition: margin-right 1s;
}

.fold-out-menu.image .fa-info {
    padding-left: 4px;
    padding-right: 4px;
}

.fa.fa-floppy-o {
    color: #999;
}
.price-cost-table {
    width: 200px;
}
.price-cost-header {
    clear: both;
    border-bottom: 3px solid #DDD;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.price-cost-header :first-child {
    width: 70%;
    float: left;
    text-align: center;
    font-size: 18px;
}
.price-cost-header > div {
    width: 30%;
    float: left;
    text-align: center;
    font-size: 18px;
}
.price-cost-rows {
    overflow: hidden;
}

.price-cost-rows div {
    float: left;
    font-size: 11px;
}

.price-cost-rows div:first-child {
    width: 70%;
    text-align: left;
}
.price-cost-rows div:last-child {
    width: 30%;
    text-align: right;
}
.key-price-table {
    width: 800px;
    margin-top: 20px;
}

.cost-features-table {
    width: 400px;
    margin-top: 20px;
}
.key-price-header {
    border-bottom: 3px solid #DDD;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
}
.key-price-header > div {
    width: 11%;
    float: left;
    text-align: center;
    font-size: 10px;
}
.key-price-header :first-child {
    width: 20%;
}
.cost-features-header {
    border-bottom: 3px solid #DDD;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
}
.cost-features-header > div {
    width: 25%;
    float: left;
    text-align: center;
}
.key-price-item {
    border-bottom: 1px solid #DDD;
    overflow: hidden;
}
.key-price-item :first-child {
    width: 20%;
    float: left;
    text-align: center;
}
.key-price-item > div {
    width: 11%;
    float: left;
    text-align: center;
}
.cost-features-item {
    border-bottom: 1px solid #DDD;
    overflow: hidden;
}
.cost-features-item > div {
    width: 25%;
    float: left;
    text-align: center;
    padding: 4px 0 1px 0;
}
/*.fold-out-menu.cost-features {
    z-index: 999;
    top: 41px;
    border-bottom-left-radius: 0;
    min-width: 100px;
    margin-right: -415px;
}*/

/* START */
.template-modal {
    z-index: 99999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
}

.template-popup {
    position: relative;
    background-color: #fff;
    width: 800px;
    margin: 20px auto;
    border-radius: 5px;
    border: 2px solid #333;
}

.configurationTemplateTitle {
    background-color: #333;
    color: #fff;
    padding: 12px;
    text-align: center;
    font-size: 1.2em;
}

.close-template-popup {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #666;
    margin: 5px;
    padding: 7px 10px;
    background-color: #333;
    color: #fff;
    cursor: pointer;
}

.configurationTemplateContent {
    padding: 20px;
}

.template-modal .header {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 12px;
}

input.template-input-field {
    width: 50%;
    padding: 12px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-right: 12px;
}

.template-modal hr {
    margin: 12px 0;
}

.template-modal .could-not-load-template {
    color: #f55;
    font-style: italic;
    font-size: .8em;
}

.template-modal .button {
    margin: 12px 0;
}

.template-popup .loader-image {
    float: left;
    margin-top: 1px;
    padding-right: 5px;
}

.savedConfigKey {
    font-size: 2em;
    font-weight: bold;
}

/* END */

.fold-out-menu.price {
    z-index: 9999;
    top: 80px;
    border-bottom-left-radius: 0;
    min-width: 100px;
    margin-right: -115px;
}

.fold-out-menu.general {
    z-index: 9998;
    top: 120px;
}

.fold-out-menu.image {
    z-index: 9997;
    top: 119px;
}

.fold-out-menu.salesDrawing {
    z-index: 9997;
    top: 197px;
}

.fold-out-menu.template {
    z-index: 9997;
    top: 158px;
}

.fold-out-menu.price-matrix {
     z-index: 996;
    top: 200px;
}
.fold-out-menu.expanded {
    margin-right: 0;
    margin-left: 32px;
}

.fold-out-menu .menu-tab {
    position: absolute;
    cursor: pointer;
    margin-left: -40px;
    margin-top: -9px;
    padding: 10px;
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fold-out-menu .menu-tab.price-matrix-tab {
    padding-right: 8px;
}

.fold-out-menu .fold-out-menu-function-area {
    border-radius: 5px;
    padding: 12px;
    border: 1px solid #fff;
    overflow: hidden;
}

.fold-out-menu .fold-out-menu-function-area:hover {
    background-color: #eee;
    color: #333;
    border-color: #ccc;
    cursor: pointer;
}

.fa.fa-floppy-o:hover {
    color: #333;
}

.fold-out-menu-function-area .fa {
    font-size: 40px;
}

.fold-out-menu-function-area .fa.font-awsome-overlay {
    position: absolute;
    font-size: 16px;
    margin-top: 16px;
    margin-left: 8px;
}

.fold-out-menu-function-area span {
    margin-left: 12px;
    line-height: 40px;
    vertical-align: top;
}

.fold-out-menu-function-area img {
    max-width: 324px;
}

#configuration-information-area .illustration-fold-out-tab {
    position: relative;
    border-radius: 5px;
    padding: 12px;
    border: 1px solid #fff;
}

.illustration-fold-out-tab .fa {
    font-size: 40px;
}

.illustration-fold-out-tab .fa:hover {
    color: black;
}

.illustration-fold-out-tab .fa.font-awsome-overlay {
    position: absolute;
    font-size: 16px;
    margin-top: 16px;
    margin-left: 8px;
}

.illustration-fold-out-tab span {
    margin-left: 12px;
    line-height: 40px;
    vertical-align: top;
}

.illustration-fold-out-tab img {
    max-width: 324px;
}

/*.imageArea {
    position: relative;
    perspective: 1000px;
}

.productImage {
    position: absolute;
    left: 77px;
    top: 218px;
    transform: rotatex(0deg) rotatey(-28deg) rotatez(-1deg) translatez(-27px);
    width: 113px;
}
*/
.fold-out-menu.price .menu-tab {
    padding-right: 7px;
}

.fold-out-menu.price .price-fold-out-tab {
    height: 21px;
    font-weight: bold;
}

.fold-out-menu.price span {
    display: block;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

.fold-out-menu.price .loader-image-large {
    float: left;
    height: 20px;
    width: 20px;
    background-size: 20px;
    margin-top: 1px;
    margin-bottom: 1px;
}
/* END - Fold out menu*/


/*START Template tab menu*/

.template-tab {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    position: relative;
    bottom: -1px;
    font-size: 15px;
    z-index: 99;
    background-color: lightgrey;
}
.active {
    background-color: white;
}

.configuration-template-tab-container {
    margin-top: 8px;
}

.template-tabs-active {
    z-index: 999;
}

.template-tabs {
    border: 1px solid #CCC;
    border-radius: 3px 3px;
    position: relative;
    z-index: 9;
}

/*END Template tab menu*/

.add-template-input-label {
    color: #bfbfbf;
    font-family: Open Sans,Lato,Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 17px;
    margin-left: -35px;
}
.add-template-textbox::-webkit-input-placeholder {
    text-align: center;
}
.add-template-textbox {
    width: 80% !important;
    margin-bottom: 10px !important;
}

.price-matrix > .fold-out-menu-function-area:hover {
    cursor: default;
}
.price-matrix .table-area {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 450px;
    max-width: 500px;
}
.price-matrix-dropdown-container {
    width: 525px;
    overflow: hidden;
    margin-bottom: 8px;
}

.price-matrix-dropdown-container .item {
    float: left;
}

.price-matrix-dropdown-container select {
    width: 75px;
    margin-left: 5px;
}
.price-matrix-dropdown-container span {
    float: left;
    height: 30px;
    margin-top: 6px;
    margin-left: 0;
    width: 170px;
}
.create-matrix-button-container {
    width: 100%;
    text-align: center;
}
.price-matrix-dropdown-container div {
    margin: 5px;
}

.price-matrix .table-area-header>div{
    display: table-cell;
    float: none;
}
.price-matrix .table-area-header {
  overflow: initial;
    border: none;
    background-color: inherit;
}
.create-matrix-button {
    padding: 6px;
}
.fold-out-menu.documents {
    z-index: 997;
    top: 198px;
}
.fold-out-menu.price-matrix {
        max-width: 600px;
    max-height: 700px;
}
.price-matrix > .fold-out-menu-function-area {
    max-width: 600px;
    max-height: 600px;
}
.price-matrix.item {
    min-width: 41px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
}
.price-matrix.item:hover {
    cursor: pointer;
}
.price-matrix.header {
    padding-left: 3px;
    padding-right: 3px;
    min-width: 41px;
}
.price-matrix-row-header {
    margin-right: 48px;
}
.static-matrix-header {
    -ms-transform: rotate(-10deg);
     -webkit-transform: rotate(-10deg);
     transform: rotate(-10deg);
        min-width: 101px;
}
.loader-image-large.matrix-spinner {
    background-size: 18px;
    margin-left: 17px;
    margin-right: 3px;
    height: 18px;
    width: 28px;
    margin-bottom: -5px;
}


.page-template > * {
    position: absolute;
    left: 20px;
    right: 20px;
    font-size: 90%;
}

.page-template .header {
    top: 20px;
}

.page-template .footer {
    bottom: 20px;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
/*QuotePrice CSS*/
.cart,
.cart-added-item {
    color: white;
}
.cart .cart-summary {
    padding: 12px;
    line-height: 20px;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.3);
    transition: background-color 1s ease-in;
    cursor: pointer;
}
.cart-added-item .cart-summary {
    padding: 13px;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.45);
    transition: background-color 1s ease-in;
    cursor: pointer;
}
.cart-details-container {
    visibility: hidden;
    position: absolute;
    width: 600px;
    right: 12px;
    opacity: 0;
}
.cart-details-quantity .fa {
    color: #fff;
}
.cart:hover .cart-details-container,
.cart-added-item:hover .cart-details-container,
.cart-details-container:hover {
    visibility: visible;
    opacity: 1;
    transition: opacity .8s linear;
}
.cart-details {
    cursor: default;
    overflow: hidden;
    padding: 10px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.85);
}

.cart-details-container .cart-details:last-child {
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.cart-details .fa {
    padding: 3px;
}
.cart-details-name {
    width: 390px;
    float: left;
    overflow: hidden;
}

.cart-input-quantity {
    width: 44px;
    text-align: right;
    padding: 0 2px;
    font-weight: normal;
    height: 8px;
}
.cart-details-quantity {
    float: left;
    width: 90px;
    text-align: center;
}
.cart-details-price {
    float: left;
    width: 90px;
    text-align: right;
}

.hidden-springforcexml {
    position: fixed;
    bottom: 8px;
    right: 8px;
    cursor: pointer;
}
.springforcexml {
    width: 600px;
    height: 500px;
    background-color: white;
    position: fixed;
    top: 20%;
    left: 34%;
    padding: 10px;
    z-index: 99;
    border: 1px solid black;
    border-radius: 5px;
    overflow: auto;
}
.springforcexml .close-springforce-window {
    position: fixed;
    background-color: #eee;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px 8px;
    margin-top: -10px;
    margin-left: 550px;
    cursor: pointer;
}
.search-input {
    margin-bottom: 5px;
}


/*admin*/
.admin-configure-step {
    font-size: 150px;
    display: inline-block;
    margin-top: 200px;
}
.admin-configure-step.right {
    float: right;
}
.admin-configure-step.left {
    float: left;
}
.admin-configurator-content {
    width: 90%;
    display: inline-block;
}
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.admin-euro {
    font-size: 50px;
    margin-top: 7px;
}


/*admin price*/
.multiplier-table-header {
    font-size: 20px;
    font-weight: 900;
}
.multiplier-table-header > div{
    width: 20%;
    float: left;
    text-align: center;
}
.multiplier-table-rows > div {
    width: 20%;
    float: left;
    text-align: center;
}

.multiplier-table-subrow-header {
    width: 90% !important;
    float: left;
    text-align: left;
    margin-top: 3px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding: 2px 3px 3px 2px;
}

.multiplier-table-subrow-header > div {
    width: 20% !important;
    float: left;
    text-align: left;
}

.multiplier-table-subrow {
    width: 90% !important;
    float: left;
    text-align: left;
    clear: both;
    overflow: hidden;
    padding: 12px 20px;
}

 .multiplier-table-subrow > div {
    width: 20% !important;
    float: left;
    text-align: left;
  }

.price-key-multiplier-table {
    width: 100% !important;
    float: left !important;
    border-bottom: 1px solid #ccc !important;
}
.price-key-multiplier-table-header > div {
    width: 50%;
    float: left;
    font-size: 20px;
    font-weight: 900;
    text-align: left;
     border-bottom: 1px solid #ccc !important;
}
.price-key-multiplier-table-rows > div {
    width: 50%;
    float: left;
    text-align: left;
}

/* Rounded sliders */
.slider.round {
  border-radius: 10px;
}

.slider.round:before {
  border-radius: 50%;
}
.edit-switch {
    font-size: 20px;
    text-align: center;
}
.drp-image-size {
    width: 40px;
    float: right;
}
.drp-select-row {
    min-width: 245px;
    min-height: 40px;
}

.print-list-area {
    overflow: hidden;
    margin-top: 12px;
    margin-bottom: 12px;
}

.print-list-area .document-section {
    margin: 1%;
}

.print-list-area .print-list-item {
    padding: 0 0 6px 0;
}

.order-item.grossprice-item {
    overflow: hidden;
}

.print-list-area .mail-section,
.print-list-area .order-user-section {
    margin: 12px 0;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.print-list-area span.mail-section-item,
.print-list-area span.order-user-item {
    display: block;
    float: left;
    width: 100px;
    margin: 6px
}

.print-list-area div.mail-section-item {
    margin-top: 8px;
}

.print-list-area .heading-area {
    padding: 12px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f5f5f5;
}

.anonymous-form .table-area-header {
    background-color: #fff;
    padding: 12px;
}

.print-list-area .order-item {
    background-color: #fff;
    overflow: hidden;
    padding: 12px;
}

.print-list-area .order-item input[type='text'],
.print-list-area .order-item input[type='email'],
.print-list-area .order-item input[type='tel'] {
    width: 300px;
}

.print-list-area .error-message {
    height: 18px;
    display: inline-block;
    padding: 5px 12px;
    margin: 0;
}

.print-list-area .send-anonymous-order {
    width:200px;
    padding: 12px 0;
    color: #ddd;
    background: linear-gradient(to bottom, rgba(223,53,47,1) 1%,rgba(147,53,47,1) 100%);
    float: right;
}

.print-list-area .send-anonymous-order.disabled {
    background: #888;
}

.order-complete {
    text-align: center;
}

.safeCookieArea {
    clear: both;
    padding: 15px;
}

#safeCookieTextArea {
    margin: 12px 0px;
    height: 300px;
    width: 91%;
}

.table-area-header.admin-translations-header {
    margin-top: 8px;
}

.table-area-row.admin-translations-row {
    padding-bottom: 0;
    padding-top: 10px;
}
.admin-translations-header > div {
    width: 48%;
}
.admin-translations-row > div {
    width: 48%;
    height: 30px;
}
.admin-add-language-buttom {
    height: 33px;
    cursor: pointer;
}
.admin-translation-exclamation {
    float: right;
    font-size: 30px;
    color: red;
    float: right;
    margin-right: 10px;
}
.admin-translation-check {
    float: right;
    font-size: 30px;
    color: #afca05;
    float: right;
    margin-top: -5px;
}
.admin-add-language-div {
    float: right;
    width: 14%;
}
.admin-translation-trash {
    font-size: 30px;
    float: right;
    color: #f40;
    margin-right: 12px;
    margin-top: -5px;
}
.admin-translations-row div.item.translation-item {
    width: 45%;
}
.admin-top-menu {
    overflow: hidden;
}

.admin-top-top-menu .standard-button {
    width: 20%;
    clear: none;
}
.admin-top-top-menu .standard-button:nth-child(1) {
    float: left;
}
.admin-top-top-menu .standard-button:nth-child(2) {
    float: right;
}
.admin-top-middle-menu {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 10px;
}
.admin-top-middle-menu .standard-button {
    width: 30%;
    clear: none;
}
.admin-top-middle-menu > div {
    margin-left: 25%;
    width: 52%;
}
.admin-top-middle-menu .standard-input {
    float: left;
    margin-right: 5px;
    margin-top: 7px;
    height: 15px;
}
.update-translation-input {
    margin-top: -5px;
}

.admin-top-bottom-menu {
    min-height: 35px;
}
.admin-add-new-language {
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 15px;
}
.admin-add-new-language .standard-button{
    width: 10%;
    clear: none;
    margin-left: 5px;
}
.admin-top-bottom-menu .standard-button {
    width: 7px;
    clear: none;
    margin-right: 5px;
    margin-bottom: 10px;
    height: 5px;
}
.admin-top-bottom-menu .add-new-translation-button {
    float: left;
}
.admin-top-bottom-menu .add-new-language-button {
    float: right;
}
.admin-top-bottom-menu select {
    float: right;
    margin-right: 2px;
}
.admin-top-bottom-menu .standard-button .fa {
    width: 10px;
    margin-top: -3px;
    display: block;
    margin-left: -2px;
}
.add-new-translationkey-button.standard-button {
    width: 7px;
    clear: none;
    margin-right: 5px;
    margin-bottom: 10px;
    height: 7px;
    float: right;
}
.add-new-translationkey-button.standard-button .fa-floppy-o  {
    width: 10px;
    margin-top: -2px;
    display: block;
    margin-left: -2px;
}
.admin-add-new-language select{
    float: left;
}
#main-content .table-area {
    margin: 0;
}

.admin-top-top-menu .standard-button {
    width: 90px;
    clear: none;
    margin-right: 5px;
    margin-bottom: 10px;
    height: 7px;
    float: left;
}
.admin-top-top-menu {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    min-height: 65px;
    margin-bottom: 10px;
}
.admin-top-top-menu .standard-button i{
    display: block;
    width: 30px;
    float: left;
    margin-top: -2px;
}
.admin-top-top-menu .standard-button span{
    display: block;
    float: left;
    margin-top: -5px;
}

/*Admin Configuration Test*/
.admin-test-container {
    height: 300px;
    width: 39%;
    float: left;
    margin-right: 25px;
    text-align: center;
    padding: 20px;
    border: 2px solid grey;
    margin-left: 40px;
}
.content-div {
    width: 180px;
    height: 20px;
    overflow: hidden;
    float: left;
    border: 2px solid grey;
    padding: 4px;
    margin: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.content-div:hover {
    background-color: lightgrey;
}
.content-div.selected {
    background-color: grey;
}
.language-select-container {
    overflow: auto;
    height: 250px;
    text-align: center;
    margin-left: 3%;
    margin-top: 20px;
}
.country-select-container {
    overflow: auto;
    height: 250px;
    text-align: center;
    margin-left: 3%;
    margin-top: 20px;
}
.topitem-select-container {
    overflow: hidden;
    width: 100%;
    padding: 20px;
    margin-left: 35px;
}
.test-configuration-container {
    width: 40%;
    margin-left: 30%;
    text-align: left;
    margin-top: 20px;
}
.test-configuration-container .standard-button {
    width: 50%;
    margin-left: 25%;
    margin-top: 20px;
}
.parameter-container {
    margin-left: 43%;
}
/*Admin Configuration Test END*/

/* QuoteCurrency - START */
.currencyForm .currencyFormItem {
    padding: 12px;
    overflow: hidden;
}

.currencyForm .currencyFormItem .title {
    display: block;
    float: left;
    width: 150px;
    font-weight: bold;
}

.currencyForm .currencyFormItem .currencyFormRadioButton {
    float: left;
    margin-right: 12px;
}

.currencyForm .currencyFormButtons {
    clear: both;
    margin-top: 20px;
    margin-left: 12px;
}

.currencyForm .currencyFormButtons div {
    width: 200px;
    float: left;
    clear: none;
    margin-right: 12px;
}
/* QuoteCurrency - END */



/* Media */
@media screen and (max-width: 1280px) {
/*    #navigation-buttons, #configuration-page #page-header, #configuration-page #page-content, #configuration-page #center-content {
        width: 995px;
    }
*/
    #configuration-page .configuration-information-visible #center-content {
    width: 530px;
    }
}

@media screen and (max-width: 1150px) {
/*    #navigation-buttons, #configuration-page #page-header, #configuration-page #page-content, #configuration-page #center-content {
        width: 865px;
    }
*/
    #configuration-page .configuration-information-visible #center-content {
        width: 375px;
    }
}

@media screen and (max-width: 1023px) {
/*    #navigation-buttons,
    #configuration-page #page-header,
    #configuration-page #page-content {
        width: 745px;
    }
*/
    .perspective-area {
        width: 6%;
    }
    .step-content {
        width: 88%;
    }

    #main-content.fixed-menu #configuration-information-area {
        float: none;
        overflow: hidden;
        clear: both;
    }

    #main-content .configuration-information-visible #configuration-information-area {
        border-top: 1px solid #cdcdcd;
    }

    .softvalue-description {
        width: 100%;
        box-sizing: border-box;
    }

    #configuration-page .configuration-information-visible #center-content,
    #configuration-page #center-content {
        width: 100%;
    }

}

@media screen and (max-width: 900px) {
/*    #navigation-buttons,
    #configuration-page #page-header,
    #configuration-page #page-content,
    #configuration-page #center-content {
        width: 655px;
    }
*/
}

@media screen and (max-width: 810px) {
/*    #navigation-buttons,
    #configuration-page #page-header,
    #configuration-page #page-content,
    #configuration-page #center-content {
        width: 495px;
    }
*/
    .content-item {
        width: 316px;
    }
}

@media screen and (max-width: 650px) {
/*    #navigation-buttons,
    #configuration-page #page-header,
    #configuration-page #page-content,
    #configuration-page #center-content {
        width: 347px;
    }
*/
    .content-item {
        width: 316px;
    }
}

/*FeatureInfoBox Start*/
.featureInfoBox-popup {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9998;
}
.featureInfoBox-popup-content {
    background-color: white;
    border: 2px solid #333;
    border-radius: 5px;
    position: fixed;
    top: 20px;
    left: 50%;
    width: fit-content;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow-y: auto;
    overflow-x: auto;
    max-height: 90%;
    max-width: 95%;
    z-index: 9999;
}

.featureInfoBox-popup-content.not-editing {
    max-width: 95%;
}

.featureInfoBox-popup-content.currently-editing {
    width: 1280px;
    max-width: 95%;
    padding-top: 15px;
}

.featureInfoBox-popup-content .documentLinkArea {
    position: absolute;
    top: 0;
    border-top-left-radius: 4px;
    color: #cdcdcd;
    background-color: #555;
    padding: 9px 12px;
    font-size: 1.5em;
    cursor: pointer;
}

.featureInfoBox-popup-content .documentLoadingArea {
    background: transparent url(css_images/loader_black.gif) no-repeat 0 0;
    width: 40px;
    height: 40px;
    background-size: 33px;
    position: absolute;
    top: 0;
    margin: 5px 4px;
}

.featureInfoBox-popup-content img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.featureInfoBox-popup-button-container {
    width: 98%;
}

.featureInfoBox-popup-content .standard-button {
    float: right;
    width: 200px;
    box-sizing: border-box;
    margin: 4px;
    clear: none;
}

.featureInfoBox-popup-content .hide-information-btn.standard-button {
    float: left;
    width: 300px;
}

.featureInfoBox-popup-button-container {
    overflow: hidden;
    margin-top: 20px;
    margin-left: 7px;
    margin-bottom: 20px;
}

.featureInfoBox-popup-content .close-feature-infoBox-popup {
    cursor: pointer;
    position: absolute;
    right: 0;
    padding: 3px 5px;
    background-color: #eee;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom-left-radius: 4px;
}
.featureInfoBox-popup-content .mce-tinymce {
    border-width: 1px;
    width: 97%;
    margin: 0 auto;
}

#featureInfoBoxContent {
    min-width: 300px;
}

#featureInfoBoxContent .featureInfoBoxHeader .headerInfoArea {
    padding: 10px 40px;
    text-align: center;
    background-color: #333;
    color: #fff;
    font-size: 1.5em;
}

.headerInfoPicutre {
    text-align: center;
    padding-top: 3px;
}

.featureOptionItemPicture {
    padding-top: 3px;
}

.headerInfoPicutre img.pictureLoader,
.featureOptionItemPicture img.pictureLoader {
    width: 205px;
    padding-top: 12px;
}

#featureInfoBoxContent .featureOptionArea {
    overflow: hidden;
}

#featureInfoBoxContent .featureOptionItem {
    clear: both;
    padding: 0 12px 12px 12px;
    border-top: 1px solid #cdcdcd;
}

#featureInfoBoxContent .featureOptionItemInfo {
    width: 300px;
    max-width: 100%;
    padding: 0 12px 12px 12px;
    box-sizing: border-box;
}

i.mce-i-fa-picture-o:before {
    content: "\f03e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    top: 15%;
    left: 0;
    color: #000;
    margin-left: 7px;
    margin-top: 2px;
}
.featureInfoBox-popup-content .mce-tinymce {
    border-width: 1px;
    overflow: hidden;
    clear: both;
}

.add-feature-loader {
    float: right;
    margin-top: 4px;
}

#summary-page .center-content {
    text-align: center;
}
/*FeatureInfoBox END*/
.add-user-area .user-info-field,
.add-user-area .user-info-button {
    margin-top: 5px;
}
.input-pdf {
    display: inline !important;
}

.textarea-pdf {
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid #d7d7d7;
	margin-top: 10px;
	margin-bottom: 17px;
	font-size: 18px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
	padding: 2px 12px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	resize: none;
}

	.textarea-pdf::placeholder {
		color: #BDBDBD;
	}

	.email-to-checkbox-area {
		margin-bottom: 15px;
	}

#emailto-pdf-sweetalert-input-checkbox {
    box-shadow: none;
    height: 15px;
    width: auto;
    margin-bottom: 6px;
}


#open-quote-change-owner-page .desc, #open-quote-change-owner-page .desc-value {
    display: inline-block;
}
#open-quote-change-owner-page .desc {
    font-weight: bold;
}

#open-quote-change-owner-page .desc-value {
    margin: 0 2em 0 0.5em;
}

#open-quote-change-owner-page .change-quote-owner {
    font-size: 1.2em;
    width: 94%;
    margin: 0em 3%;
    padding: 1em 0;
}

.md-datepicker-input-mask {
    display: none;
}

.uploadFilePage .pageInfo span {
    font-weight: bold;
    text-transform: uppercase;
}

.uploadFilePage .pageInfo {
    background-color: #ffbbbb;
    border: 1px solid #ff5555;
    padding: 8px;
    margin-bottom: 12px;
    border-radius: 4px;
}

.uploadFilePage .uploadFunctionArea {
    padding: 12px;
    margin-bottom: 12px;
    background-color: #f5f5f5;
}

.uploadFilePage .uploadFunctionHeader {
    font-weight: bold;
    text-transform: uppercase;
}

.uploadFilePage .uploadFunctionContent {
    margin-top: 12px;
}

.uploadFilePage .uploadFunctionContentItem {
    overflow: hidden;
    margin-bottom: 8px;
}

.uploadFilePage .folderItem {
    cursor: pointer;
    margin-bottom: 5px;
    font-size: 0.9em;
}

.uploadFilePage .folderItem:focus {
    outline-color: transparent;
}

.uploadFilePage .folderItem span {
    margin-left: 5px; 
    color: #0000ff;
    font-style: italic;
    text-decoration: underline;
}

.uploadFilePage .fileItem a{
    margin-left: 5px;
}

/*.uploadPricePage*/
.uploadPricePage.ng-scope .header {
    margin: 0; /* Remove margin from the h1 to ensure clean spacing */
    padding: 0;
    font-size: 25px;
    margin-bottom:8x;
}
.uploadPricePage.uploadFunctionContentItem {
    overflow: hidden;
    margin-bottom: 8px;
}

.uploadPricePage.updatePriceList {
    overflow: hidden;
    margin-bottom: 8px;
}

.uploadPricePage.admin-select-pricelist-id {
    float: left;
}

.uploadPricePage.updatePrice {
    overflow: hidden;
    margin-bottom: 8px;
}
/* START - supplierMultiplierPage */
.supplierMultiplierPage .table-row.loader-image {
    padding: 0px 12px;
    padding-left: 17px;
    float: left;
    margin: 18px;
    background-position-y: 2px;
    overflow: initial;
}

.supplierMultiplierPage .multiplierArea {
    margin-bottom: 80px;
}

.supplierMultiplierPage .header {
    font-size: 1.2em;
    background-color: #000;
    color: #fff;
    padding: 12px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.supplierMultiplierPage .table-row {
    clear: both;
    overflow: hidden;
    padding: 12px 20px;
}

.supplierMultiplierPage .table-row:nth-child(odd)
{
    background-color: #efefef;
}

.supplierMultiplierPage .table-row > div {
    float: left;
    width: 200px;
}

.supplierMultiplierPage .table-row > div.countryCode {
    width: 50px;
}

.supplierMultiplierPage .table-row > div.countryName {
    width: 150px;
}


.supplierMultiplierPage .table-row div.edit-value {
    float: right;
    width: initial;
    cursor: pointer;
}

.supplierMultiplierPage .edit-value-modal {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.supplierMultiplierPage .edit-value-area {
    background: #fff;
    width: 500px;
    max-width: 98%;
    margin: 20px auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.supplierMultiplierPage .edit-value-content {
    padding: 12px;
}

.supplierMultiplierPage .edit-value-content span {
    font-weight: bold;
    width: 120px;
    display: inline-block;
}

.supplierMultiplierPage input {
 
}

.supplierMultiplierPage input[type='number'] {
    text-align: right;
}

.supplierMultiplierPage .edit-value-content > div {
    padding: 5px 0;
}

.supplierMultiplierPage input:focus {
    border-color: initial;
    box-shadow: none;
}

.supplierMultiplierPage .button-area {
    text-align: right;
    margin-top: 15px;
}

.supplierMultiplierPage .add-multiplier.button {
    margin-top: 12px;
    float: right;
}

/* END - supplierMultiplierPage */