.ss-info {
    border-width: 0;
}
.ss-info.hidden {
    display: none;
}
.ss-info .fa {
    color: #3c8dbc;
}

#add-new-item-from-tabstrip-button .k-link {
    padding-left: 28px;
    background: url("../Images/add-icon.png") no-repeat 7px center;
    color: #18ab29;
    cursor: pointer !important;
}

.section-header {
    height: auto;
    overflow: hidden;
}

.visualized-tabs-wrapper {
    position: relative;
	min-height: 100px;
}

#tabstrip {
    display: none;
}
#tabstrip.not-empty {
    display: block;
}

.tabs-anchors {
    padding-right: 100px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tabs-anchors .k-item .k-link {
    cursor: move;
}

#sortable-tabs-hint {
    background: none;
    border: none;
}

#hidden-tab-content {
	display: none;
}

#tabstrip .tab-content {
}

.add-new-group-item-button {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 10px 10px 30px;
    background: #f0f0f0 url("../Images/add-icon.png") 10px center no-repeat;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    cursor: pointer;
}
.add-new-group-item-button:hover {
    background-color: #d5d5d5;
}

.no-product-items-available {
    padding: 4px;
    background-color: #eaeaea;
    border: 1px solid #c5c5c5;
}
.no-product-items-available .border-element {
    min-height: 200px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    text-align: center;
    line-height: 200px;
    color: #bbb;
}
.no-product-items-available.hidden {
    display: none;
}
.visualized-tabs-wrapper .remove-item-wrapper .remove-item {
    color: #888;
}
.visualized-tabs-wrapper .remove-item-wrapper .remove-item .fa {
    color: #dd4b39;
}

.visualized-tabs-wrapper input[type="text"],
.visualized-tabs-wrapper select{
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.custom-list-add-products .form-group {
    margin-left: 15px;
    margin-right: 15px;
}
.found-products-grid .ss-info {
    margin: 1%;
}

/* Product Grid */

.found-products-grid {
	/*display: none;*/
	position: relative;
	min-height: 300px;
	overflow: hidden;
}

.found-products-grid .item-box {
    display: inline-block;
    position: relative;
    margin: 1%;
    width: 22%;
    max-width: 200px;
    vertical-align: top;
}
.found-products-grid .item-box .remove-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    font-size: 0;
    background: rgba(255,255,255,0.6) url("../Images/remove-icons.png") no-repeat center -1px;
    cursor: pointer;
    z-index: 2;
}
.found-products-grid .item-box .remove-button:hover {
    background-color: #fff;
    background-position: center -32px;
}

.found-products-grid .picture a {
    display: inline-block;
    width: 200px;
    max-width: 100%;
    height: 200px;
    overflow: hidden;
    text-align: center;
}
.found-products-grid .sortable-grid .picture a {
    cursor: move;
}
.found-products-grid .picture img {
    max-width: none;
    max-height: 100%;
}

.custom-list-add-products {
    display: none;
}

.item-box.sortable.hint {
    max-width: 200px;
    overflow: hidden;
}
.item-box.sortable.hint .remove-button {
    display: none;
}

.products-grid .item-box.sortable:hover {
     opacity: 0.7;
}

.found-products-grid .item-box.sortable.placeholder {
    display: inline-block;
    position: relative;
    height: 200px;
    background: #f9f9f9;
    border: 1px dashed #c5c5c5;
    overflow: hidden;
    text-align: center;
    color: #aaa;
    font-size: 14px;
}
.found-products-grid .item-box.sortable.placeholder span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 125px;
    height: 45px;
    overflow: hidden;
}


/* Product Mappings */

.custom-list-add-products form {
    overflow: hidden;
}
.custom-list-add-products form input[type="text"],
.custom-list-add-products form select {
}
.product-mappings-left-side {
    float: left;
    width: 49%;
}
.product-mappings-right-side {
    float: right;
    width: 49%;
}
.product-mappings-left-side .search-products {
    padding: 3px 20px;
}
.custom-list-add-products .save-btn {
    display: none;
}
.custom-item-content .k-tabstrip[id^="item-title-localized"] {
    display: inline-block;
    background: none;
    border: none;
}


/* Category grid */

.category-autocomplete-wrapper {
}
.category-autocomplete-wrapper .k-autocomplete {
    width: 100% !important;
}
.category-autocomplete-wrapper .k-autocomplete.k-state-focused {
    border-color: #3c8dbc !important;
    box-shadow: none !important;
}
.category-autocomplete-wrapper .k-animation-container {
    border-radius: 0 !important;
    box-shadow: none !important;
}
.categories-sortable-list.smart-product-collections-sortable-list {
    margin: 10px -3px;
}
#choose-category-autocomplete {
    height: 32px;
    padding: 0 10px;
    border-radius: 0;
    box-sizing: border-box;
}
.smart-product-collections-sortable-list span.sortable {
    display: inline-block;
    position: relative;
    margin: 3px;
    padding: 10px 50px 10px 11px;
    width: 270px;
    background: #e9e9e9;
    cursor: move;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.smart-product-collections-sortable-list span.sortable:hover {
    border-color: #aaa;
}
.smart-product-collections-sortable-list span.sortable.active {
    background: #c5c5c5;
    border-color: #aaa;
}
.smart-product-collections-sortable-list span.edit-item-button {
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    width: 25px;
    color: #0073b7;
    cursor: pointer;
}
.smart-product-collections-sortable-list span.remove-item-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 25px;
    color: #dd4b39;
    cursor: pointer;
}
.sortable-categories-drag-drop-hint {
    display: inline-block;
    padding: 10px;
    width: 270px;
    background: #f1f1f1;
    cursor: move;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.smart-product-collections-sortable-list span.edit-item-button .fas,
.smart-product-collections-sortable-list span.remove-item-button .fa {
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
}
.sortable-categories-drag-drop-hint span.remove-item-button,
.sortable-categories-drag-drop-hint span.edit-item-button {
    display: none;
}

.sources-label {
    display: inline-block;
    position: relative;
    padding: 7px 7px 7px 22px;
    font-weight: bold;
}
.sources-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 20px;
    background: url("../Images/tick-icons.png") no-repeat center top;
}
.selected-sources-label:before {
    background-position: center -25px;
}

.available-source-types .sortable {
    cursor: pointer;
}
.available-source-types .remove-item-button {
    display: none;
}
.category-autocomplete-wrapper.smart-product-collections-sortable-list span.sortable {
    width: auto;
    background: #f6f6f6;
    cursor: pointer;
}
.category-autocomplete-wrapper.smart-product-collections-sortable-list span.sortable:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: url("../Images/add-icon.png") no-repeat center 7px;
}
.category-autocomplete-wrapper.smart-product-collections-sortable-list span.sortable:hover {
    background: #f0f0f0;
}
.category-autocomplete-wrapper.smart-product-collections-sortable-list span.sortable:hover:before {
    display: block;
}
.sources-sortable-list.smart-product-collections-sortable-list {
    margin: 0 10px 10px;
    width: auto;
    min-height: 0;
}
.sources-sortable-list.smart-product-collections-sortable-list span.sortable {
    width: auto;
    font-weight: bold;
}
.sortable-sources-drag-drop-hint {
    display: inline-block;
    padding: 7px;
    width: auto;
    background: #f0f0f0;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    cursor: move;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sortable-sources-drag-drop-hint span.remove-item-button {
    display: none;
}

.category-tabs-editor-wrapper {
    display: none;
	position: relative;
    min-height: 300px;
    margin: 40px 0 0;
}
.category-tabs-editor-wrapper .source-type-wrapper,
.category-tabs-editor-wrapper .entity-id-wrapper {
    display: none !important;
}

.category-tabs-editor-wrapper .panel-heading,
.product-collections-administration .panel-heading {
    font-weight: bold;
    font-size: 15px;
}
.category-tabs-editor-wrapper .panel {
    box-shadow: none;
}
.category-tabs-editor-wrapper div,
.product-collections-administration div {
    box-sizing: border-box !important;
}
.item-box.sortable.removable.hint h2 {
    font-size: 18px;
    font-weight: 600;
    min-height: 38px;
}

.products-grid .product-title {
    color: #3c8dbc;
    font-size: 18px;
    font-weight: 600;
    min-height: 38px;
}
.products-grid .product-price {
    font-size: 15px;
    font-weight: 600;
}


/* Loader effect */

.loader {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 100;
}
.spinner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 50px;
	height: 30px;
	font-size: 0;
	text-align: center;
}

@-webkit-keyframes stretchdelay {
    0%,40%,100% {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}
@keyframes stretchdelay {
    0%,40%,100% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.spinner>div {
	display: inline-block;
	margin: 0 1px;
	width: 6px;
	height: 100%;
	background-color: #707e92;
	transition: all .15s ease-in-out;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.spinner .rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.spinner .rect4 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s;
}
.spinner .rect5 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s;
}
.ss-info:before {
    display: none;
}