.loginform{
	background: white;
	margin-top: 10%;
}
.main-panel .header {
	margin-bottom: 30px;
	display: inline-block;
	padding: 0 0 21px;
}

.content .container-fluid{
	background:#fff;
}

.ProductData .element {
	padding-left: 30px;
	position: relative;
}

#xml_modal.modal  {
	max-width: 600px;
	margin: 10px auto;
	background: #fff;
	max-height: 100vh;
	height: 485px;
}
#xml_modal.modal  .close {
	position: absolute;
	right: 10px;
}

#xml_modal.modal  input[type="checkbox"] {
	
	height: 15px;
	float: left;
} 

.btn-sec {
	position: absolute;
	right: 30px;
	top: 15px;
	z-index:100;
}
.btn-sec.hide {
	display: none;
}
.btn-sec .btn {
	padding: 6px 10px;
	color: #fff !important;
	font-weight: bold;
	letter-spacing: 1px;
}
.element.over > label {
	background: #e1e0e0;
	width: 100%;
	padding: 3px 5px;
	color:#000;
}

.loader {
	display:none !important;
	margin: 0 auto;
	position: fixed;
	left: 0;
	top: 50%;
	right: 0;
	z-index:100;
}

body.showLoader .loader{
	display:block !important;
}
.antialiased.showLoader::after {
	position: fixed;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.1);
	z-index: 5;
}
.form.xmlTemplate {
	margin-bottom: 60px;
}
.form-control {
	border-bottom:0px;
}
.card-body.btn-save-sec {
    position: fixed;
    bottom: 5px;
    width: calc(100% - 320px);
    background: #fff;
    /* margin-top: 15px; */
    border: 1px solid #e8e8e8;
    display: flex;
}

.error {
	font-size: 13px;
}

.card-body.btn-sec-filter {
	padding-top: 0;
}
.nav-tabs {
	border-bottom: 1px solid #dcdcdc !important;
	width: 100%;
}
.nav-tabs .nav-item {
	padding: 5px 10px;
	border: 1px solid #dcdcdc;
	border-radius: 5px 5px 0 0;
	border-width: 0 0 1px 0;
	
}
.nav-tabs .active.nav-item {
	border: 2px solid #dcdcdc;
	
	border-bottom-color: #fff;
}
.tab-sec {
	width: 100%;
}
.tab-content {
	border: 1px solid #dcdcdc;
	border-width: 0px 2px 2px;
	padding: 30px;
}

.tab-content .heading {
	margin: 15px 0px;
}

.image-tab .group-variant {
	display: flex;
}
.update-image
.group-variant > div {
	width: 100px;
	height: 150px;
}

.group-variant .imageSRC {
	width: 100%;
	padding: 30% 0 0;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	margin-right: 10px;
	background-position: center !important;
	border: 2px solid #cdcdcd;
}
.main-panel {
	padding-bottom: 70px !important;
}

.update-image .main-image {
	width: 100%;
	padding: 100% 0 0;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.update-image li {
	list-style: none;
}

.available-attr {
	border-bottom: 2px solid #dcdc;
	margin: 10px 0 !important;
	padding: 0 0 28px;
}

/* editAction */
.editAction{
	display:none;
}
.varia-tab {
	overflow-x: auto;
}

/*wizard*/

select.error ~ span.select2 .selection .select2-selection {
    border: 2px solid #ff0000 !important;
}
input.form-control,select.form-control,select.form-control:invalid,input.form-control:invalid{
background:none;	
}
input.error{
    border: 2px solid #ff0000 !important;
}
.select2-container .select2-selection--single{
	height:38px;
}

.attrinfo .card-header a  i.fa {
    float: right;
}

.attrinfo .row.htmlElements {
    padding: 0 5px;
}
.attrinfo .card-header a.collapsed i {
    transform: rotate(180deg);
    transition: 1s all;
}
.attrinfo .card-header a i {
	transition: 1s all;
}
.update-image ul {
    padding: 0;
}

.amz-alert{
	display:none;
}

.suggestion {
    position: absolute;
    top: 34px;
    background: #fff;
    border: 1px solid #cdcdcd;
    left: 0px;
    width: 100%;
    height: 150px;
    overflow: auto;
    z-index: 500;
}
.suggestion ul {
    padding: 0px;
    width: 100%;
	margin:0;
}
.suggestion li:hover{
	cursor:pointer;
	background:#cfcfcf;
}
.suggestion li {
    list-style: none;
    border-bottom: 1px solid #cdcdcd;
    padding: 5px;
    text-align: center;
}
input.image_select_checkbox {
    position: absolute;
    z-index: -5;
}
.zoom_image_2{cursor:pointer;}
.image-tab .update-image {
    border-bottom: 1px solid #cfcfcf;
    padding: 25px 0;
}
.image_row_container.error {
    border: 2px solid #ff0000;
    padding: 5px;
}
select.error {
    border-color: #ff0000;
}