/*********************** data management: **********************************/
.dataManagementWrapper {
/*	padding-right: 10rem;  */
	margin-bottom: 37px;
	overflow: hidden;
}

/* .dataManagementWrapper .contentLanguageWrapper { */
/* 	float: left; */
/* } */

.customInstanceViewer div span root div {
    white-space: nowrap;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataManagementWrapper .createInstanceButtonWrapper {
	float: right;
	margin-bottom: 1.5rem;
	margin-right: 0.5rem;
}

.excelDeleteArticlesWrapper {
    float: right;
    margin-bottom: 1.5rem;
    margin-right: 2rem;
}

.productsOverviewHeader {
	position: relative;
}

.closeandsavebutton{
	position: absolute;
	top: -1rem;
	right: -1rem;
	background: #FFF;
    z-index: 5;
}

.popupContent .createInstance {
    margin-left: 0;
    margin-right: 1rem;
    overflow: auto;
}

.createInstance {
	padding: 2rem 4rem;
	padding-top: 0;
    max-height: 80vh;
    overflow: auto;
    position: relative; 
}

.createProduct {
	position: absolute;
	bottom: 0;
	right: 10px;
}

.createProduct .iconButton {
	height: 2.65rem;
	width: 38px;
}

.createProduct .iconButton .svg {
	width: 3rem;
	height: 3rem;
}

.createProduct .iconButton .buttonHoverText.tooltipLeft,
.createProduct .iconButton .buttonHoverText.tooltipRight {
    top: 10px;
}

.createProductWrapper .submitWrap {
	text-align: center;
}

.createProductWrapper .submitWrap button {
	display: inline-block;
	width: 10rem;
}

.createInstanceField {
	clear: both;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
}

.createInstanceField input {
    display: block;
}

.createInstanceField input {
    border: none;
    box-shadow: 0 0 1px black;
}

.createInstanceField .fieldComponentTitle + div {
    margin-top: 0.5rem;
}

.createInstanceField input[type="text"], .createInstanceField input[type="number"] {
    width: 100%;
}

.createInstance.contentLangPopupWrap .contentLanguageSel {
    margin-right: -5rem;
    position: relative;
    float: none !important;
}

.createInstance.contentLangPopupWrap .contentLanguageSel + a[data-toggle="popover"] {
    float: none;
    right: initial;
    margin-left: 2rem;
    bottom: 0.2rem;
}

.createInstance .mandatoryHint {
    float: right;
    font-size: 1.2rem;
    clear: both;
    position: relative;
    top: 2rem;
}

.createInstance .mandatoryHint > span {
    font-size: 2rem;
}

.createInstanceField.fieldComponent {
    z-index: 10;
}

.createInstanceField.fieldComponent input {
    margin-left: initial;
}

.createInstanceField .fieldComponentTitle span {
    position: relative;
    top: 0.6rem;
}

.createInstanceField .inputNumericWrap .inputNumeric {
    display: block !important;
}

.createInstanceField .inputSelection.bootstrap-select > .dropdown-toggle {
    width: calc(100% - 3rem);
    min-width: 8rem;
}

.datetime-standardpicker.errorFlashed {
    border: #be0000 solid;
}

.createInstanceSubmit {
    margin-top: 3rem;
}

#instanceCreationShowOptional,
#instanceCreationHideOptional {
    float: left;
}

#instanceCreationHideOptional {
	display: none;
}

.optionalInputWrap {
	display: none;
}

.ui-state-highlight {
	height: 8.8rem; 
	line-height: 4.4rem; 
	margin-bottom: 2.5rem;
	color: yellow;
	width: 50%;
}

.classificationName {
	float: right;
	margin-left: 6rem;
	margin-top: 0.6rem;
}


.articles .pagination {
    position: relative;
    right: 2.5rem;
}

/******* Article Table start ************************************************************************************/
.productTextEditors .textEditor, .articlesTable {
	box-shadow: inset 0 0 0 1px rgba(161, 161, 161, 0.77);
}


.articlesTableContent tbody tr td {
	position: relative;
    padding: 0rem 0.3rem 0rem 1rem !important;
}

.articlesTableContent .dropdown-menu{
	margin-top: 4.5rem;
}

.artikelTabelle #popupclosebutton {
	z-index: 9999;
}

.artikelTabelle > div {
	background: transparent;
	box-shadow: none;
}

.artikelTabelle > div > #popupContent > .textEditorWrapper > .textEditor {
	position: relative !important;
}

.artikelTabelle > div > #popupContent > .textEditorWrapper > .focusTextEditorPosition {
	box-shadow: none;
}

.articlesTableContent .textEdit {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.articlesTableContent .textEdit div:first-child{
	margin-top: 0.45rem;
}

.articlesTableContent input {
    max-height: 3.4rem;
    margin-top: 0.1rem;
}


.articlesTableContent tbody tr td input[type="text"] {
	line-height: 100%;
	padding-left: 8px;
	height: 100%;
	padding-right: 25px;
	text-overflow: ellipsis;
}

.articlesTableContent input.standardTextInput {
    max-height: 5rem;
}

.articlesTableContent .documentsWrapper{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 4rem;
	width: 100%;
}

.invalidFeatureValueWrap .fa {
    color: #db0000;
}

.articlesTableContent .featureValueNumeric {
	padding: 0 1rem;
}

.inputNumericWrap + .removeValue {
    position: relative;
    top: 0.5rem;
    float: right !important;
}

.articlesTableContent .removeValue.emptyFeatureValue {
	opacity: 0;
	pointer-events: none;
}

.massEditCell {
	box-shadow: inset 0 0 1px 2px #525252;
}

.invalidFeatureValueCell {
	box-shadow: inset 0 0 1px 2px red;
}

.missingMandatoryFeatureValue {
	box-shadow: inset 0 0 1px 2px #da0000;
}

.missingMandatoryFeatureValueMsg {
    height: 1rem;
    padding-top: 0.4rem;
}

.missingMandatoryFeatureValue .missingMandatoryFeatureValueMsg ~ div {
    display: none !important;
}

.missingMandatoryFeatureValue.clicked .missingMandatoryFeatureValueMsg {
	display: none !important;
}

.missingMandatoryFeatureValue.clicked .missingMandatoryFeatureValueMsg ~ div {
	display: block !important;
}

.tableWrapOverflow {
    overflow: auto;
    clear: both;
}

.tablesaw-mode-swipe + .tableWrapOverflow {
    overflow: inherit;
} 

.tablesaw-modeswitch.tablesaw-bar-section {
    margin-left: 1rem;
}

.artNrCell {
    width: 5rem;
}

.articleNames {
	min-width: 25rem;
	max-width: 25rem;
}

td.textWrapper {
    max-width: 25rem;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    margin-bottom: 1rem;
}

.articlesTableContent tbody tr td input[type="text"]:focus,
.articlesTableContent tbody tr td input[type="text"]:active {
	background: white;
}

.articlesTable td.articlePicContent {
    min-width: 9rem;
}

/******* Article Table end ************************************************************************************/

.editWrapper {
    padding-bottom: 30px;
}

.editWrapper .embeddedViewTitleWrapper {
	margin-bottom: 1rem;
}

.editWrapper .embeddedViewTitleWrapper h1 {
	width: initial;
	margin-bottom: 0;
}

.editWrapper .showDatasheetPDF {
	float: right;
}

.editWrapper .showDatasheetPDF + div {
	clear: both;
}

.editWrapper .productTextEditors {
    display: inline-block;
    width: 100%;
}

.editWrapper .productTextEditors > div:not(:first-child) {
    margin-top: 30px;
}

.editWrapper .productPic {
    float: right;
	margin-top: 2rem;
    margin-right: 5px;
    text-align: center;
    width: 32%;
    border: 1px solid #aaa;   
}

.editWrapper .productPic img {
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.editWrapper .productPic .showOnePicture {
	position: relative;
}

.editWrapper .buttonHoverText.tooltipBottom {
	top: initial;
}

.emptyFeatureComponent {
    min-width: 26px;
    pointer-events: none;
    user-select: none;
}
 
.ptdSelect.bootstrap-select {
    width: auto !important;
    max-width: 45vw;
}

.productPic .imgCount {
    position: absolute;
    bottom: -4px;
    right: -7px;
}

.articlePicContent {
    text-align: center;
}

.articlePicContent > div {
    position: relative;
    text-align: center;
}

/*
.articlePicContent.showMorePictures > div {
    display: inline-block;
}
*/

.articlePicContent.showMorePictures {
	text-align: center;
}

.articlePicContent.showMorePictures > div {
	display: inline-block;
}

.articlePicContent.showMorePictures > .notFound {
    display: block;
}

.articlePicContent .notFound .notFound {
    position: relative;
    display: inline-block;
}

.articlePicContent .svg {
    display: inline-block;
}

.articlePicContent .imgCount {
    position: absolute;
    top: 0px;
}

.articleTablePicWrap .noPreviewSymbol .symbolwrap > span {
    position: relative;
    font-size: 1rem;
    left: 2px;
    bottom: 0.3rem;
}

.overviewListing .symbolwrap {
    top: 0.2rem;
    left: 0.4rem;
}

.mediaEditor .symbolwrap {
    left: 0.5rem;
}

.tablesaw-advance-dots li {
    display: inline !important;
}

.imagesOverviewSlider .material-button-anim {
    right: 16rem;
}

.imagesOverviewSlider .list-inline.options {
    position: absolute;
    left: 8rem;
    width: 21rem;
}

.imagesOverviewSlider .slick-slide:first-child .shiftBackMediumFromImageOverview,
.imagesOverviewSlider .slick-slide:last-child .shiftForwardMediumFromImageOverview {
    opacity: 0;
    pointer-events: none;
}

.articles {
	clear: both;
}

.articles > h2 {
    float: left;
}

.articles .topPagination {
    float: left;
    clear: both;
}

.articles .topPagination.emptyPagination {
	clear: initial;
}

.articles.overflowHidden {
	overflow: hidden;
}

.filterArticleTable{
	float: right;
    margin-right: 5rem;
    margin-bottom: 1rem;
}


.articles i.fa {
    font-size: 2rem;
}

.articles i.fa-times {
    color: red;
}

.articles i.fa-check {
    color: green;
}

.inputBoolean i.fa-check, .inputBoolean i.fa-times {
    font-size: 1.7rem;
}

.articles .actions {
    margin-left: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    float: left;
    display: inline-block;
}

.articles .paginationCheckboxAll {
    max-width: 15.7px;
}

.articlesTable .paginationCheckboxPage {
	min-height: 3rem;
}

.articles .tablesaw-bar {
    clear: none;
    position: relative;
    top: 0.5rem;
}

.articlesTable {
    margin-right: 5px;
}

.articlesTable .selectedArticles {
	display: none;
	clear: both;
    margin-left: 1rem;	
}

.articlesTable td {
	height: 4rem;
}

.articlesTable th:nth-child(2), .articlesTable td:nth-child(2)  {
    border-right: 3px solid black;
}

.articlesTable .paginationCheckbox, .articlesTable .paginationCheckboxPage {
    text-align: center;
}

.articlesTable .checkboxSpan {
    width: 3rem;
    padding-left: initial !important;
}

.scrollColumnsByClick table td {
	text-align: left;
    word-wrap: break-word;
}

.scrollColumnsByClick table td.thinned {
    max-width: 5rem;
}

.scrollColumnsByClick table th.thinned {
    max-width: 100px;
}

.scrollColumnsByClick table .textWrapper {
    overflow: hidden;
    text-overflow: ellipsis;
}


/*

.scrollColumnsByClick table .notFound {
	text-align: center;
}

*/

.scrollColumnsByClick table .hasHoverText .buttonHoverText.tooltipBottom,
.scrollColumnsByClick table img ~ .buttonHoverText.tooltipBottom {
    top: 105%;
}

.box h2, .textEditorTitle h2 {
	font-size: 1.5rem;
}

.editorTitle .missingContentText {
    color: #ebebeb;
}

.ptdSelectWrap {
    float: left;
}

.ptdSelectWrap h2 {
    margin-top: 0.5rem;
}

.readOnlyFeatureComponent {
    user-select: text;
}

.inputBoolean.bootstrap-select {
	width: 2rem !important;
}

.inputBoolean.bootstrap-select .dropdown-menu li {
    width: 5.7rem !important;
}

.inputBoolean.bootstrap-select .dropdown-menu li.selected a {
    background-color: #b4b4b4 !important;
    box-shadow: inset 0px 0px 1px 1px #337ab7;
}

.inputBoolean.bootstrap-select .dropdown-menu li:hover a {
	background-color: #dedede !important;
}

.inputNumericWrap .inputNumeric {
    padding: 1px 5px;
    width: 15rem;
}

.inputDateWrap {
    margin-bottom: 0.5rem;
}

.inputTimeWrap .bootstrap-timepicker-widget {
    top: initial !important;
    left: 0 !important;
    bottom: 100% !important;
}

.inputTimeWrap input {
    max-width: 17rem;
}

element.style {
    z-index: 11;
    top: initial;
    left: 0;
}

.articlesTable table {
	font-size: 18px;
	margin-bottom: 1rem;
}


.articlesTable th {
	border-bottom: 1px solid black;
}

.articlesTableContent .featureValue > div {
    display: inline-block;
    float: left;
	min-width: 20rem;
	width: 100%;
}

.articlesTableContent .removeButton {
    float: right;
    padding: 0 0.2rem;
    padding-top: 0.3rem;
    float: left;
}

.articlesTableContent .textEdit + .removeButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
}

.articlesTableContent *:not(.inputNumericWrap):not(.textEdit) + .removeButton {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float: right;
}

.articlesTableContent .documentWrap button.removeButton.removeMedium {
    position: static;
    transform: none;
    float: right;
}

.documentWrap {
    width: 100%;
}

.documentWrapLink{
	width: calc(100% - 3rem);
	white-space: nowrap;	
	overflow: hidden;	
	text-overflow: ellipsis;	
	float: left;
}

.articlesTableContent .showOnePicture .removeButton {
	float: none;
    position: absolute;
}

.articlesTableContent .featureValue .removeValue i.fa {
    font-size: 1.8rem;
}

.articlesTableContent .inputAlphaNumericWrap input {
	max-width: 100%;
}

.articlesTableContent .inputAlphaNumericWrap,
.articlesTableContent .standardTextInput {
    height: 100%;
    width: 18rem;
    max-width: calc(100% - 3rem);
    float: left;
}

.articlesTableContent .inputSelectionWrap {
    max-width: 100%;
    float: left;
    width: calc(100% - 3rem);
}

.articlesTableContent .noRemoveValueStyleHelper + .inputSelectionWrap {
    width: 100%;
}


.articlesTableContent td .featureValueWrapper{
    height: 3.5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.articlesTableContent .inputSelectionWrap > .bootstrap-select {
	width: 100% !important;
}

.articlesTableContent .inputBooleanWrap {   
	float: left;
    width: 12rem;
    max-width: calc(100% - 3rem);
}

.articlesTableContent .inputBooleanWrap > .bootstrap-select {
	max-width: 100%;
}

.articlesTableContent .inputNumericWrap {
	max-width: calc(100% - 3rem);
	float: left;
}

.articlesTableContent .inputRangeWrap {
	max-width: calc(100% - 3rem);
    float: left;
}


.articlesTableContent .rangeDivider {
    float: left;
}


.featureValueWrapper .inputDate, .featureValueWrapper .inputLocalDate{
	width: 15rem !important;	
	float: left;
}

.featureValueWrapper .inputLocalTimeWrap, .featureValueWrapper .inputTimeWrap{
	float: left;
	margin-left: 2rem;
}

.featureValueWrapper .inputDateWrap {
    float: left;
    height: 2rem;
}

.featureValueWrapper .dateSymbol {
    position: relative;
    top: 0.1rem;
}

.featureValueWrapperBig{
	min-width: 50rem !important;	
}

.featureValueWrapper .inputDateWrap, .featureValueWrapper .inputRangeWrap{
	display: inherit !important;
}

.articlesTableContent .inputNumericWrap input {
	max-width: 100%;
}

.articlesTableContent .inputDateWrap input {
	width: calc(100% - 5rem);
}

.articlesTableContent .input.group {
	display: inline-block !important;
}

.cloneTemplate {
	display: none;
}

.articlesTableContent .featureValue .bootstrap-select>.dropdown-toggle {
    min-width: 7rem;
}

.massEditRow .textEdit {
	width: 100%;
    height: 100%;  
}

.editWrapper .articlesTable img {
	max-height: 4rem;
    max-width: 100%;
}

.search .addPictureForm{
	height: 33.6px;
}

.fa-stack .fa-plus {
    top: .5em !important;
    left: .3em !important;
    font-size: .8em !important;
}

.fa-stack .fa-trash {
    top: .5em !important;
    left: 0.9em !important;
    font-size: 1.2em !important;
}

.fa-stack .fa-file-excel-o {
    left: -0.2em !important;
}

.fa-stack .fa-hand-o-right {
    top: .5em !important;
    right: .3em !important;
    font-size: 1.2em !important;
    position: relative;
}

.fa-stack-1x { 
  top: .5em !important; 
  left: .3em !important;
  font-size: .8em !important;
} 

.medium {
	float: left;
	margin-right: 1rem;
	cursor: cell;
	width: 15rem;
	height: 15rem;
}

.medium:hover {
}

.medium:hover .img-thumbnail {
	background-color: #fbc780;
}

.searchMediaResult .mainWrapper{
	overflow: inherit !important;
}

.linkArticleMedia .fa-plus {
    top: 1em !important;
    left: 1em !important;
}

.documents{
	max-width: 35rem;
}

.documents > div > * {
	border: none !important;
    background-color: rgba(255, 255, 255, 0) !important; 	
    margin-bottom: 8px;
} 

.documents a {
	cursor: pointer;
	cursor: -webkit-pointer;
	cursor: -moz-pointer;
} 

.documents .hasHoverText span.svg {
    display: inline-block;
    vertical-align: middle;
}

.documents a:hover .documentName {
	text-decoration: underline
} 

.documents .hasHoverText .buttonHoverText {
    width: 200px;
}

.documents .hasHoverText .buttonHoverText.tooltipBottom {
    margin-left: -100px;
}

.documentName {
    vertical-align: middle;
    white-space: nowrap;
}

.addPictureForm{
	width: 25rem !important;
	float: left;
	border-radius: 0 !important;
}

tr.scrollingRow th div UL > LI.active {
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top left, #DA7D0B 75%, #D9D9D9 100%);
	/* Opera */
	background-image: -o-linear-gradient(top left, #DA7D0B 75%, #D9D9D9 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.75, #DA7D0B), color-stop(1, #D9D9D9));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top left, #DA7D0B 75%, #D9D9D9 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom right, #DA7D0B 75%, #D9D9D9 100%);
	color: #FFF;
	font-weight: bold;
}


tr.errorRemoveArticle, tr.errorRemoveArticle:hover {
	background-color: #ff6565
}

.material-button-anim {
	position: absolute;
	text-align: right;
	left: 0; 
	right: 0; 
	bottom: 0;
	margin-left: auto; 
	margin-right: auto; 
    width: 20rem;
}

.bigEditor .material-button-anim {
	position: absolute;
	text-align: right;
	left: 0; 
	right: 0; 
	bottom: 0;
	margin-left: auto; 
	margin-right: auto; 
    width: 20rem;
    z-index: -2;
}

.material-button-anim.materialButtonActive {
	z-index: initial;
}

.material-button {
    position: relative;
    top: 0;
    z-index: 1;
    width: 25px;
	height: 25px;
    font-size: 1.8rem;
    color: #fff;
    border: none;
    border-radius: 50%;
    outline: none;
}

.material-button span{
	font-size: 2.4rem;
}

.material-button-toggle {
    z-index: 9999999999999999;
    width: 25px;
	height: 25px;
    margin: 0 auto;
}
.material-button-toggle span {
    -webkit-transform: none;
    transform:         none;
}
.material-button-toggle.open {
    -webkit-transform: scale(1.3,1.3);
    transform:         scale(1.3,1.3);
    -webkit-animation: toggleBtnAnim .175s;
    animation:         toggleBtnAnim .175s;
}
.material-button-toggle.open span {
    -webkit-transform: rotate(45deg);
    transform:         rotate(45deg);
    -webkit-transition: -webkit-transform .175s cubic-bazier(.175,.67,.83,.67);
    
    transition:         transform .175s cubic-bazier(.175,.67,.83,.67);
}

.material-button-anim .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 15px;
}

.options {
	height: 50px;
}

.bigEditor .options {
    height: 0;
    position: relative;
    bottom: 8rem;
}

.bigEditor .material-button {
    top: 15px;
}

.option {
    position: relative;
}

.option2{
	background-color: #fe4a2d;
}

.option .option1,
.option .option2,
.option .option3 {
    -webkit-transition: all .5s;
    transition:         all .5s;
	opacity: 0;
}
.option .option1 {
    -webkit-transform: translate3d(155px,109px,0) scale(.8,.8);
    transform:         translate3d(155px,109px,0) scale(.8,.8);
}

.bigEditor .option .option1 {
    -webkit-transform: translate3d(155px,90px,0) scale(.8,.8);
    transform: translate3d(155px,90px,0) scale(.8,.8);
}

.option .option2 {
    -webkit-transform: translate3d(86px,109px,0) scale(.8,.8);
    transform:         translate3d(86px,109px,0) scale(.8,.8);
}

.bigEditor .option .option2 {
    -webkit-transform: translate3d(86px,90px,0) scale(.8,.8);
    transform: translate3d(86px,90px,0) scale(.8,.8);
}

.option .option3 {
    -webkit-transform: translate3d(17px,109px,0) scale(.8,.8);
    transform:         translate3d(17px,109px,0) scale(.8,.8);
}

.bigEditor .option .option3 {
    -webkit-transform: translate3d(17px,90px,0) scale(.8,.8);
    transform: translate3d(17px,90px,0) scale(.8,.8);
}

.option.scale-on .option1, 
.option.scale-on .option2,
.option.scale-on .option3 {
	opacity: 1;	
    -webkit-transform: none;
    transform:         none;
    -webkit-transition: all .5s;
    transition:         all .5s;
}
.option.scale-on .option2 {
    -webkit-transform: translateY(-28px) translateZ(0);
    transform:         translateY(-28px) translateZ(0);
    -webkit-transition: all .5s;
    transition:         all .5s;
}

.option button{
    position: relative;
	top: -49px;
	left: -12px;
}

.linkedInstanceSearch.textSearchForm {
    display: inline-block;
}

.navTextSearchInput.addLinkedInstanceForm {
    border: 1px solid rgb(194, 194, 194) !important;
}

.addMediaWrap {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.searchAndAddLinkedMediaMassEdit .topPagination {
    margin-top: -1rem;
}

.searchAndAddLinkedInstance .overviewListing.paginationContent {
    margin-top: -1rem;
}

.searchAndAddLinkedInstance .overviewListing.paginationContent.withoutPagination {
    margin-top: 3rem;
}

.iconButton.specialAction.linkArticleMedia {
    width: 15.7px;
    height: 22.4px;
}

.iconButton.specialAction.duplicateArticle {
    width: 15.7px;
    height: 22.4px;
}

.duplicateArticle {
	display: none;
}

.iconButton.specialAction.linkArticleMedia .fa-stack {
    right: 0.5rem;
    bottom: 0.2rem;
}

.imagesOverviewSlider #slickPics .slick-list {
    overflow: visible;
}

.imagesOverviewSlider #slickPics  .slick-slide {
    text-align: center;
}

.imagesOverviewSlider #slickPics .pictureTitle {
    position: relative;
    top: -2.5rem;
    background-color: white;
    user-select: text;
}


.excelDeleteArticlesWrapper:hover .btn {
	box-shadow: 0 0 10px #aaa;
	background-color: #c9302c;
    border-color: #ac2925;
}

.excelDeleteArticlesWrapper input[type=file] {
    font-size: 320px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.excelDeleteArticlesWrapper .fa-trash {
    top: 0 !important;
}

.excelErrorWrap {
    text-align: left;
    width: 100%;
    color: #ff5050;
    right: 7rem;
    width: 34rem;
    position: relative;
    margin-top: 2rem;
    max-height: 30rem;
}

.excelErrorWrap .errorRows {
    max-height: 29rem;
    overflow: auto;
    clear: both;
    margin-top: -5rem;
}

.excelErrorWrap > .fa-exclamation-circle {
    font-size: 2rem;
    display: inline-block;
	position: absolute;
    left: 0;
    top: 0;    
}

.excelErrorWrap > .headlineErrorResult {
    text-align: left;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 1rem;    
}

.excelErrorWrap .errorRows > span {
    float: left;
}

@keyframes toggleBtnAnim {
    0% {
        -webkit-transform: scale(1,1);
        transform:         scale(1,1);
    }
    25% {
        -webkit-transform: scale(1.4,1.4);
        transform:         scale(1.4,1.4); 
    }
    75% {
        -webkit-transform: scale(1.2,1.2);
        transform:         scale(1.2,1.2);
    }
    100% {
        -webkit-transform: scale(1.3,1.3);
        transform:         scale(1.3,1.3);
    }
}
@-webkit-keyframes toggleBtnAnim {
    0% {
        -webkit-transform: scale(1,1);
        transform:         scale(1,1);
    }
    25% {
        -webkit-transform: scale(1.4,1.4);
        transform:         scale(1.4,1.4); 
    }
    75% {
        -webkit-transform: scale(1.2,1.2);
        transform:         scale(1.2,1.2);
    }
    100% {
        -webkit-transform: scale(1.3,1.3);
        transform:         scale(1.3,1.3);
    }
}


/*
.textEditorWrapper {
	opacity: 0;
}

.textEditorWrapper.loaded{
    -webkit-animation: fadein 0.5s;
       -moz-animation: fadein 0.5s;
        -ms-animation: fadein 0.5s;
         -o-animation: fadein 0.5s;
            animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

*/

/*********************** end of data management: ***************************/