.productTypeContainer {
	height: 70vh;
}

.productTypeContainer:hover {
	-webkit-box-shadow: 0 0 5px #AAA;
	-moz-box-shadow: 0 0 5px #AAA;
	box-shadow: 0 0 5px #AAA;
}


#breadCrumbDivIndicator {
	float: left;
	width: 1rem;
	height: 76vh;
	background-color: #ffb966;
	opacity: 0;
}

.productTypeSlick {
	float: left;
	width: calc(100% - 1rem);
}

.breadcrumbDiv {
	width: 100%;
}

.ui-effects-transfer {
	background-color: #ffb966;
	opacity: 0.4;
	z-index: 4;
}

.popupContentWrapper.createProductType {
    padding-left: 1rem;
    padding-bottom: 1rem;
    margin-top: 0.6rem;
}

.createProductTypeButton {
    margin-top: 2rem;
}

.productTypeEditor {
	display: none;
}

#productTypeEditorNameTitle {
    margin-left: 3rem;
}

.articleFieldsHeading {
	margin-top: 2rem;
}

.productTypeLiveSearchStyle,
.productTypeChannelSelectDivStyle {
    border-bottom: 0.0625rem solid #AAA;
}

.productTypeChannelSelectDivStyle {
	padding: 0.3rem;
	display: flex;
    justify-content: space-between;
    background-color: #cbcbcb;
}

.productTypeChannelSelectStyle {
	margin-bottom: 0.4rem;
} 

.outputChannelBtn {
    margin-left: 0.2rem;
    margin-top: 0.2rem;
}

.productTypeChannelSelectDivStyle .dropdown-toggle {
    width: auto;
    max-width: 20rem;
    margin-right: 1rem;
}

.productTypeTexts {
    margin-top: 2rem;
    margin-left: -1.5rem;
}

.ptdEditorSide {
    margin-top: 1rem;
}

.productTypeLiveSearchStyle {
	height: 3rem;
	width: 100%;
    position: relative;
    white-space: nowrap;
}

.productTypeLiveSearchStyle input {
	width: 100%;
	height: 2.7rem;
    border: 0;
    padding: 0 0.625rem;
    margin: 0.225rem auto;
    outline: none;
}

.productTypeLiveSearchStyle span {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: large;
	height: 2rem;
	line-height: 2rem;
	cursor: pointer;
}

.productTypeLiveSearchStyle .productTypeLiveSearchStyleDeleteX {
	top: 2px;
}

.productTypeListStyle {
    height: calc(100% - 5rem);
}

.productTypeOverviewContent.productTypeContainer {
    width: calc(15% + 50vw);
    margin-left: 1rem;
    margin-top: 2rem;
    position: relative;
}

.productTypeWrapper .productTypeTitle {
	width: calc(100% - 10.5rem);
	float: left;
	white-space: nowrap;
	overflow: hidden;
}

.productTypeWrapper .productTypeName {
    float: left;
    width: 65%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.productTypeWrapper .classificationLabel {
    float: left;
    margin-left: 2rem;
    width: 30%;
}

.productTypeEditor .productTypeName {
    width: initial;
}

.productTypeEditor .classificationLabel {
    margin-left: 2rem;
    min-width: initial;
}

.productTypeWrapper .productTypeButtons {
	float: right;
	margin-right: 0.4rem;
	position: relative;
    bottom: 0.1rem;
}

.productTypeWrapper li.allProductTypes.ptdError {
    background-color: #ff5656;
}

.productTypeOverviewContent .createProductType {
    position: absolute;
    top: -3.6rem;
    right: 0;
}

.featureButtons {
    float: right;
    margin-right: 0.4rem;
    position: relative;
    bottom: 0.1rem;
}

.productTypeListOfFeatures .mandatoryIcon {
    float: right;
    position: relative;
    top: 1.1rem;
    right: 1rem;
    margin-left: 1.5rem;
}

.ptdOverview {
	overflow-x: hidden;
    overflow-y: auto;
	height: 100%;
	list-style-type: none;
	text-align: left;
	margin: 0 auto;
	padding: 0.1875rem;
}

li.allProductTypes:hover {
    background-color: #dfdfdf;
}

.ptdOverview li {
	width: 100% !important;
    height: 3.7rem;
    line-height: 3.5rem;
	margin: 0;
	margin-bottom: 1px;
	background: #FFF;
	padding-left: 0.3125rem;
	border: 0.0625rem solid #EBEBEB;
	border-radius: 0.1875rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.5rem;
}

#productTypeNameInput {
    width: 30rem;
    display: inline-block;
}

.productTypeEditor .addProductFeature {
	display: none;
}

.productTypeEditor.localClassification .addProductFeature {
	display: inline-block;
}

.productTypeListOfFeaturesStyle {
	height: 26rem;
	clear: both;
}

.productTypeListOfGeneralFields {
	height: 23rem !important;	
}


.productTypeSelectedType {
	background-color: #ffb966 !important;
	border-radius: 0.1875rem; /*3px;*/
}

.ui-draggable-dragging { 
    cursor: grabbing !important;
}

.productTypeHeading, .productFeatureHeading {
	float: left;
}

.createProductType, .addProductFeature {
	float: right;
}

.saveGeneralFieldsOrder {
	float: right;
	margin-top: 1rem;
	margin-right: 1.5rem;
}

.productTypeFancyTopLeft {
	-webkit-border-top-left-radius: 0.1875rem;
	-moz-border-radius-topleft: 0.1875rem;
	border-top-left-radius: 0.1875rem;
}

.productTypeFancyTopRight {
	-webkit-border-top-right-radius: 0.1875rem;
	-moz-border-radius-topright: 0.1875rem;
	border-top-right-radius: 0.1875rem;
}

.productTypeNoUserSelect * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.productTypeButton {
	display: inline-block;
	position: relative;
	top: -1px;
	left: -6px;
	width: 20px;
	height: 1.9375rem;
	padding: 0 0.625rem;
	box-shadow: unset;
	box-sizing: content-box;
	border: none;
	border-right: 1px solid #AAA;
	cursor: pointer;
}

/* .productTypePlusButton:after { */
/* 	content: "+"; */
/* } */

/* .productTypeMinusButton:after { */
/* 	content: "-"; */
/* } */

.productTypeButton:enabled:hover,
.productTypeButton:focus {
	-webkit-box-shadow:	inset 0 0 5px rgba(50, 50, 50, 0.77);
	-moz-box-shadow:	inset 0 0 5px rgba(50, 50, 50, 0.77);
	box-shadow:			inset 0 0 5px rgba(50, 50, 50, 0.77);
}

.productTypeDeleteParentStyle {
	float: right;
    margin-right: 0.4rem;
    position: relative;
    top: 0.1rem;
}

.productTypePopupMarginRight {
	margin-right: 10px;
}

.productTypePopupButton {
    color: white;
    margin-top: 2rem;	
}

.productTypePopupInput {
	width: 100%;
	margin-top: 2rem;
}

.productTypePopupCreateChannelButton {
    display: block;
}

.productTypePopupCancelButtonStyle {
	float: right;
}

.productTypeWrapper button.btn-default:not(.dropdown-toggle) {
    width: 1rem;
    height: 2rem;
}

.productTypeWrapper button.btn-default > i.fa {
    font-size: 1.7rem !important;
    position: relative;
    top: 0.2rem;
    right: 0.2rem;
}

.productTypeWrapper .fa-trash-o {
	color: #ce0000;
}

.productTypeWrapper button.btn-default:hover > .fa {
	color: #555;
}

.productTypeWrapper button.btn-default:hover > .fa-trash-o,
.productTypeWrapper button.btn-default:hover > .fa-times-circle {
	color: #570000;
}

@media (max-width: 767px) {
	.btn-breadcrumb { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px) !important; }
}

.btn-breadcrumb {
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
}
.btn-breadcrumb .btn {
	background-color: initial;
	border-color: transparent; border: 0px solid transparent;
	border-right: 1px solid transparent !important; 
	font-size: 11px;
}
.breadcrumb-default{ background-color: #fff; }
.btn-primary,.breadcrumb-primary{ background-color: #337ab7; }
.btn-primary:hover{background-color: #286090;}

.breadcrumb-success{ background-color: #5cb85c; }
.breadcrumb-info{ background-color: #5bc0de; }
.breadcrumb-warning{ background-color: #f0ad4e; }
.breadcrumb-danger{ background-color: #d9534f; }
.breadcrumb-negro{ background-color: #d4d4d4; }

.btn-breadcrumb .btn:last-child {font-weight: bold; text-decoration: underline;}
.btn-breadcrumb .btn:last-child:after{margin-left: -2px;}
.btn-breadcrumb .btn:last-child:before{margin-left: -1px;}

.btn-breadcrumb .btn-derecha{
	float: right;
	margin-right: 0px;
	padding: 6px 10px 6px 10px !important;
	margin-left: 0px !important;
	border-radius: 0px !important; 
}
.btn-breadcrumb .btn-derecha:first-child { 
	border-top-right-radius: 2px !important; 
	border-bottom-right-radius: 2px !important; 
}

.btn-breadcrumb .btn-derecha:after, .btn-breadcrumb .btn-derecha:before{
	content: none !important;
}

.btn-breadcrumb .btn:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 10px solid white;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	margin-left: 0px;
	left: 100%;
	z-index: 3;
}
.btn-breadcrumb .btn:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 10px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -14px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}

/** Default button **/
.btn-breadcrumb .btn.btn-default:after { border-left: 10px solid #fff;}
.btn-breadcrumb .btn.btn-default:hover:after {border-left: 10px solid #e6e6e6;}
.btn-breadcrumb .btn.btn-default:hover:before, .btn-breadcrumb .btn.btn-default:before {border-left: 10px solid #adadad;}

.breadcrumb-default > a.btn {
    border: solid 1px #adadad;
}

.btn-breadcrumb .btn.btn-default:hover {
    background-color: #e6e6e6;
}

.btn-breadcrumb > a:active {
    box-shadow: none !important;
    background-color: #f29528 !important;
}

.btn-breadcrumb > a:active:after {
    border-left: 10px solid #f29528 !important;
}

.ptdEditorActive.activeColor, .productTypeNameInput.activeColor {
	background-color: #ffc785 !important;
}

.ptdEditorActive.activeColor:after {
    border-left: 10px solid #ffc785 !important;
}

.ptdEditorActive ~ .btn {
	display: none !important;
}

span.productTypeEditorTitleInput + span {
    margin-left: 1rem;
}

.featureButtons .deleteFeature {
    margin-left: 0.3rem;
}

.addExistingFeature {
	min-width: 60rem;
}

.addExistingFeature .searchClassificationClassResult {
	overflow: auto;
    max-height: calc(90vh - 17rem);	
}

.addExistingFeature .pagination {
    margin: 0;
}

.addExistingFeature .classificationResultContext {
	display: none;
}

.existingFeaturesDisplay {
    margin-top: 1rem;
    border: 1px solid #999;
    padding: 1rem;
    display: none;
}

.addFeaturePopup {
    min-width: 60rem;
    min-height: 25rem;
}

.addExistingFeatureToPTD {
    display: block !important;
    clear: both;
}

.featureEditor {
    margin-top: 2rem;
    min-width: 46rem;
}

.featureEditor > div {
    margin-top: 1.5rem;
}

.featureEditor .saveFeature {
    margin-top: 2rem;
}

.featureDetails {
    margin-top: 1rem;
    margin-left: 1rem;
}

.featureDetails .featureDetailsText {
    float: left;
    margin-right: 3rem;
}

.featureSelectionsWrap > p {
    margin-top: 1rem;
}

.featureDetails .selectionValues {
    float: left;
}

.featureDetails .selectionValues ul {
    overflow-y: auto;
    max-height: 10rem;
}

.popupContent .contentWrapper > .featureDetails {
    float: none;
    margin-top: 2rem;
    margin-left: 0;
}

.popupContent .contentWrapper > .featureDetails .featureDetailsText {
    float: none;
}

.popupContent .contentWrapper > .featureDetails .selectionValues {
	float: none;
    margin-left: 0;
}

.popupContent .contentWrapper > .featureDetails .selectionValues ul {
	height: initial;
    max-height: 50vh;
}

.existingFeaturesDisplay .bootstrap-select {
    width: initial !important;
}


.featureEditor .contentLanguageSel + a[data-toggle="popover"] {
    float: right;
    position: relative;
    top: 1.7rem;
    right: 1rem;
    font-size: 1.5rem;
}

.featureEditor .deleteSomething, .featureEditor .deleteSomething:hover, .featureEditor .deleteSomething:active {
    background-color: #ff4c4c;
    color: white;
}

.featureEditor .featureUnitsWrap,
.featureEditor .featureSelectionsWrap {
    min-width: 53rem;
}

.featureEditorCollapsible {
    margin-top: 1rem;
}

.featureEditor tbody {
    display: block;
    max-height: 12rem;
    overflow: auto;
}

.featureEditor thead, .featureEditor tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/*
.featureEditor thead {
    width: calc(100% - 1.2em);
}

.featureEditor table {
	width: 50rem;
}
*/

.featureEditor td:nth-child(3),
.featureEditor th:nth-child(3){
    width: 4.5rem;
}

.featureEditor .newUnit,
.featureEditor .newOption {
    background-color: #00800030;
}

.featureEditor .featureNameWrap {
    float: left;
    margin-bottom: 1.5rem;
}

.featureEditor .mandatoryWrap,
.featureEditor .featureTypeWrap,
.featureEditor .featureSelectionsWrap,
.featureEditor .featureUnitsWrap {
    border-top: 1px solid #c7c7c7;
    padding-top: 1rem;
}

.featureEditor .mandatoryWrap {
    clear: both;
}

.featureEditor .isMandatoryFeature + .checkboxSpan,
.featureEditor .isAddValueList + .checkboxSpan {
    margin-left: 0.5rem;
    bottom: 0.1rem;
}

.featureEditor input.featureNameInput {
    position: relative;
    left: 0.5rem;
}

.featureEditor .contentLanguageSel {
    position: relative;
    bottom: 0rem;
    top: 0.1rem;
}

.featureEditor .bootstrap-select.featureTypeSelect {
    left: 0.5rem;
}

.featureEditor .bootstrap-select button .fa-exclamation-triangle {
    margin-right: 0.3rem;
}

.featureEditor .fa-exclamation-triangle {
    color: #d90000;
    background-color: white;
}

.featureEditor .bootstrap-select .dropdown-menu li.selected a {
    padding-right: 5rem;
}

.featureEditor .bootstrap-select .dropdown-menu {
    min-width: fit-content;
}

.featureEditor .bootstrap-select {
    margin-right: 4rem;
}

.featureSelectionsWrap .ptdSelections .dropdown-toggle {
    margin-bottom: 0.5rem;
}

.featureSelectionsWrap .featureEditorCollapser {
    margin-bottom: 0.5rem;
}

.createProductFeature .featureUnitsWrap {
    display: none;
}

.createProductFeature .featureSelectionsWrap {
    display: none;
}

.createProductFeature #featureSelectionOptionsEditorCollapse {
	display: block;
}

.featureEditor input.form-control[placeholder] {
    text-overflow: ellipsis;
}

.featureEditor input.form-control {
    display: inline-block;
}

.featureEditor .featureNameInput.form-control {
    width: 28rem;
}

.createProductFeature .featureEditor .featureNameInput.form-control {
    width: 25rem;
}

.createProductFeature .featureEditor .contentLanguageSel {
    margin-right: -2rem;
}

.createProductFeature .featureEditor .contentLanguageSel + a[data-toggle="popover"] {
    top: 2.1rem;
}

.featureEditor.existingFeatureEdit .contentLanguageSel {
    left: 3rem;
}