.ith-slide {
    -webkit-transition: .2s;
    transition: .2s;
    padding: 15px 0;
    box-sizing: border-box;
}

.ith-slide-preview {
    box-sizing: border-box;
    height: 150px;
    width: 150px;
    background-size: 100% 100%;

    cursor: pointer;
}

.ith-slider-rail {
    height: 5px;
    width: 100%;
    background-color: #d9d9d9;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    margin: auto;
}

.ith-slider-control {
    position: relative;
    height: 14px;
    width: 20px;
    border: 1px solid #d3d3d3;
    -ms-touch-action: none;
    touch-action: none;
    color: #555555;
    border-radius: 4px;
    -webkit-transition: 0s;
    transition: 0s;
    background-color: #777777;
    cursor: pointer;
}

.ith-tab-item {
    display: inline-block;
    border: 1px solid #ededed;
    padding: 10px 20px;
    background: #d5d5d5;
    cursor: pointer;
}

.ith-tab-item:hover {
    opacity: 7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=700)";
}

.ith-tab-content {
    border: 1px solid #ededed;
    margin-top: -1px;
    padding: 10px;
}

.ith-tab-active {
    border-bottom: 1px solid #FFF;
    background: #FFFFFF;
}

.lumeric-icon-select {
    padding: 8px;
    padding: .5rem;
    max-height: 200px;
    overflow-y: scroll;
}

.lumeric-icon-select > li {
    padding-left: 1em;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
}

.lumeric-icon-select > li > i {
    margin-right: 1em;
}

.lumeric-icon-select > li:hover {
    background-color: rgba(0, 0, 0, .3);

}

.lumeric-icon-remove {
    cursor: pointer;
    background-color: rgba(200, 0, 0, .3);
}

.lumeric-selected-icons {
    display: table;
}

.lumeric-selected-icons > .lumeric-selected-icon {
    display: table-row;
}

.lumeric-selected-icons > .lumeric-selected-icon > i,
.lumeric-selected-icons > .lumeric-selected-icon > input,
.lumeric-selected-icons > .lumeric-selected-icon > span,
.lumeric-selected-icons > .lumeric-selected-icon > button {
    display: table-cell;
    margin: 5px;
}

.lumeric-selected-icons > .lumeric-selected-icon > span {
    text-align: center;
    padding: 10px;
}

.no-display {
    display: none !important;
}

.ith-icons-wrap > .field-wrap {
    display: inline-block;
    max-width: 350px;
}

.ui-datepicker {
    background: #FFFFFF;
    border: 1px solid #ededed;
    padding: 10px;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-calendar td {
    padding: 5px;
}

.ith-slides-title,
.ith-slides-url,
.ith-remove-slide {
    margin-top: 10px;
}

.ith-slides-url {
    display: none;
}

.ith-remove-slide {
    display: block;
}

.ith-min-value,
.ith-max-value {
    display: inline-block;
}

.ith-max-value {
    float: right;
}

.gf-font-wrapper select {
    width: 100%;
}

.ith-slide input {
    display: block;
}

.ith-slide-fit,
div.button.ith-remove-slide {
    margin: 10px 0;
}

div.button.ith-remove-slide,
.lumeric-icon-remove,
.ith-media-remove {
    background: rgba(178, 4, 0, 0.77);
    color: #FFFFFF;
    border: none;
    box-shadow: 0 1px 0 rgba(178, 4, 0, 0.65);
}

div.button.ith-remove-slide:hover,
.lumeric-icon-remove:hover,
.ith-media-remove:hover {
    background: rgb(178, 4, 0);
    color: #FFFFFF;
    border: none;
    box-shadow: 0 1px 0 rgba(178, 4, 0, 0.65);
}

div.ith-text-add.button,
.ith-media-upload {
    background: rgba(0, 178, 4, 0.77);
    color: #FFFFFF;
    border: none;
    height: auto;
    padding: 7px 30px;
    box-shadow: 0 1px 0 rgba(37, 178, 5, 0.65);
}

div.ith-text-add.button:hover,
.ith-media-upload:hover {
    background: rgb(0, 178, 4);
    color: #FFFFFF;
    border: none;
    box-shadow: 0 1px 0 rgba(37, 178, 5, 0.65);
}

.ith-slider-wrap input {
    width: 100%
}

.ith-cs-items {
    max-height: 200px;
    overflow-y: auto;
}

.ith-cs-wrapper input[type="text"] {
    display: none;
}

.customize-control input[type=number].ith-number-input {
    width: 80%;
    height: 40px;
}

.ith-number-up,
.ith-number-down {
    position: absolute;
    left: 78%;
    height: 20px;
    display: inline-block;
    width: 20px;
    background-color: #FFF;
    text-align: center;
    border: 1px inset #999;
    margin: -1px 0 0;
    cursor:pointer;
}

.ith-number-down {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    margin-top: -2px;
}

.ith-number-input::-webkit-inner-spin-button {
    display: none;
}

.ith-media-preview {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    max-width: 150px;
    max-height: 150px;
    width: 150px;
    height: 150px;
    background-color: #c2c2c2;
}


.socicon-tabs {
    display: table;
    width: 100%;
}

.socicon-tabs > div {
    display: table-cell;
    text-align: center;
}

.soc-text-item {
    list-style-type: none;
    padding: 10px;
}

.soc-text-item input {
    width: 100%;
}

.soc-mode-switch {
    padding-top: 10px;
}

.widgets-php [id*="lumeric_layout"],
.widgets-php [class*="sidebar-layout-sidebar"] {
    display: none;
}

.multiselect {
    position: relative;
}

.multiselect-title {
    position: relative;
    z-index: 3;
    background-color: #fff;
}

.multiselect .multi-select-item {
    position: absolute;
    top: 0;
}

.multi-select-item {
    -webkit-transition: top .2s linear;
    transition: top .2s linear;
}

.multiselect.multiselect-open .multi-select-item {
    position: relative;
}

.multiselect.multiselect-open input[type=checkbox] {
    display: none;
}

.multiselect {
    border: 1px solid #000000;
}

.lumeric-link-icon-select {
    display: block;
    max-height: 200px;
    overflow-y: scroll;
    margin: 10px;
}

.lumeric-link-icon-select li {
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    padding: 2px;
}

.lumeric-link-icon-select li:hover {
    background-color: rgba(0,0,0,.2);
    cursor: pointer;
}

.customize-section-description-container {
    margin-bottom: 0;
}

.ith-divider {
    margin-top: 26px;
}

.divider .customize-control-title {
    margin: 0;
}

.customize-control {
    margin-top: 0;
}

.cp-color-picker {
    z-index: 999999999999;
}


.item-template {
    display: none;
}

#accordion-section-lumeric_line_style_general:before,
#accordion-section-lumeric_preloder_screen:before {
    content: '';
    display: block;
    margin: 5px;
}

.lumeric-image-preview {
    height: 150px;
    width: 150px;
    transition: .3s;
    background: rgba(0, 0, 0, 0.27) no-repeat center center;
    background-size: 100% 100%;
}

.lumeric-tool-box {
    margin: .4rem;
}

.ith-code-editor {
	height: 200px;
}

.ith-variant-item {
    display: none;
}