@import url('https://fonts.googleapis.com/css?family=Nunito:400,600');
h1, h2, h2, h3, h4, h5, h6 {
    margin:0px;
    padding:0px;
    font-family:Nunito;;
}
.shwimage-modal {
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    justify-content:center;
    align-items:center;
    background-color:rgba(0, 0, 0, .6);
    z-index:99999;
    font-family:'Nunito', sans-serif;
}
.shwimage-modal-content {
    width:81%;
    margin:0 auto;
    position:relative;
    top:5%;
    background:#fff;
    border-radius:3px;
    overflow:hidden;
    -webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.3);
    box-shadow:0 3px 6px rgba(0, 0, 0, 0.3);
    -webkit-animation-duration:.7s;
    -moz-animation-duration:.7s;
    animation-duration:.7s;
}
.shwimage-modal-content shwimage-modal-content-body {
    padding:20px 16px;
}
.shwimage-modal-content .edit_scroll_content_wrapper {
    overflow-y:scroll;
    max-height:700px;
    padding:5px;
    border:1px solid #ebebeb;
    border-bottom:0px;
}
.shwimage-modal-content .edit_scroll_content_wrapper::-webkit-scrollbar {
    width:8px;
}
.shwimage-modal-content .edit_scroll_content_wrapper::-webkit-scrollbar-track {
}
.shwimage-modal-content .edit_scroll_content_wrapper::-webkit-scrollbar-thumb {
    background-color:#6a9fec;
    border:1px solid #efefef;
    border-radius:4px;
}
.shwimage-modal-content .shwimage-modal-content-header {
    position:relative;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    background:#5f7df5;
    color:#fff;
}
.shwimage-modal-content .shwimage-modal-content-header h2 {
    color:#fff;
}
.shwimage-modal-content .shwimage-modal-header-icon {
    margin:25px 19px;
}
.shwimage-modal-content .shwimage-modal-close {
    display:block;
    position:absolute !important;
    width:17px;
    height:17px;
    top:17px;
    right:22px;
    cursor:pointer;
}
.shwimage-modal-content .shwimage-modal-close i { font-size:16px; }
.shwimage-modal-content .productsContainer {
    width:26%;
    position:relative;
    display:block;
    float:left;
}
.shwimage-modal-content .productInfo {
    width:68% !important;
    float:left;
    margin:0 0 0 3%;
}
.shwimage-modal-content .productInfo > input[type='text'] {
    width:100%;
    display:block;
    float:left;
    height:39px;
    border:none;
    outline:0;
    border-top:0px;
    border-right:0px;
    box-shadow:none;
    border-bottom:2px solid #e7e7e7;
    margin:2px 0 0 0;
    background:transparent;
    font-size:14px;
    font-family:'Nunito', sans-serif;
}

.shwimage-modal-content .productInfo > textarea {
    width:100%;
    display:block;
    float:left;
    height:50px;
    border:none;
    outline:0;
    border-top:0px;
    border-right:0px;
    box-shadow:none;
    border-bottom:2px solid #e7e7e7;
    margin:2px 0 0 0;
    background:transparent;
    font-size:14px;
    font-family:'Nunito', sans-serif;
    resize: none;
}

.shwimage-modal-content .image-container {
    position:relative;
    display:block;
    float:left;
    width:100%;
}
.shwimage-modal-content .shwcatalogy_add_new_plus {
    width:86px;
    height:86px;
    float:left;
    position:relative;
    margin-top:4px;
    margin-right:7px;
}
.shwimage-modal-content .shwcatalogy_add_new_plus:first-child {
    background:rgba(77, 169, 47, 0.2);
    cursor:pointer;
}
.shwcatalogy_add_new_plus:first-child:hover { background:rgba(77, 169, 47, 0.4); }
.shwimage-modal-content .plus {
    left:29px;
    top:29px;
    opacity:1;
    position:absolute !important;
    width:28px;
    height:28px;
    background:url(../../images/icons/plus.png) no-repeat;
}
.shwimage-modal-content .shwedit_mainimage,
.shwimage-modal-content .shwportfolio_edit_mainimage {
    width:25px;
    height:25px;
    display:block;
    float:left;
    position:absolute !important;
    top:4px;
    right:32px;
    background:#4da92f;
    border-radius:1px;
    opacity:0;
}
.shwimage-modal-content .image-container:hover .shwdelete_mainimage,
.shwimage-modal-content .image-container:hover .shwportfolio_delete_mainimage {
    opacity:0.8
}
.shwimage-modal-content .image-container:hover .shwedit_mainimage,
.shwimage-modal-content .image-container:hover .shwportfolio_edit_mainimage {
    opacity:0.8
}
.shwimage-modal-content .shwdelete_mainimage,
.shwimage-modal-content .shwportfolio_delete_mainimage {
    width:25px;
    height:25px;
    display:block;
    float:left;
    position:absolute !important;
    top:4px;
    right:4px;
    background:#4da92f;
    border-radius:1px;
    opacity:0;
}
.shwimage-modal-content .shwdelete_mainimage:hover,
.shwimage-modal-content .shwportfolio_delete_mainimage:hover,
.shwimage-modal-content .shwedit_mainimage:hover,
.shwimage-modal-content .shwportfolio_edit_mainimage:hover {
    opacity:0.8;
    cursor:pointer;
}
.shwimage-modal-content .removeImg {
    width:11px;
    height:11px;
    display:block;
    float:left;
    position:absolute !important;
    top:7px;
    right:7px;
    background:url(../../images/icons/close.png) no-repeat;
}
.shwimage-modal-content .editImg {
    width:11px;
    height:11px;
    display:block;
    float:left;
    position:absolute !important;
    top:7px;
    right:7px;
    background:url(../../images/icons/editIcon.png) no-repeat;
}
.shwimage-modal-content .thumbnails {
    position:relative;
    display:block;
    width:100%;
}
@media screen and (max-width:768px) {
    .shwimage-modal-content .thumbnail {
        color:red;
    }
}
.shwimage-modal-content .thumbnail {
    position:relative;
    width:86px;
    height:86px;
    margin:3px 7px 7px 0px;
    float:left;
    text-align:center;
    overflow:hidden;
    border:1px solid #ccc;
}
.shwimage-modal-content .thumbnail img {
    width:auto;
    height:100%;
}
.shwimage-modal-content .thumbnail:hover {
    cursor:move;
}
.shwimage-modal-content .shwcatalog_thumbnails_edit,
.shwimage-modal-content .shwportfolio_thumbnails_edit {
    width:17px;
    height:17px;
    display:block;
    float:left;
    position:absolute !important;
    top:4px;
    right:20px;
    background:#4da92f;
    opacity:0;
}
.shwimage-modal-content .shwcatalog_delete_thumbnails,
.shwimage-modal-content .shwportfolio_delete_thumbnails {
    width:17px;
    height:17px;
    display:block;
    float:left;
    position:absolute !important;
    top:4px;
    right:2px;
    background:#4da92f;
    opacity:0;
}
.shwimage-modal-content .thumbnail:hover .shwcatalog_thumbnails_edit,
.shwimage-modal-content .thumbnail:hover .shwcatalog_delete_thumbnails,
.shwimage-modal-content .thumbnail:hover .shwportfolio_thumbnails_edit,
.shwimage-modal-content .thumbnail:hover .shwportfolio_delete_thumbnails {
    opacity:0.8;
}
.shwimage-modal-content .shwcatalog_thumbnails_edit:hover,
.shwimage-modal-content .shwcatalog_delete_thumbnails:hover,
.shwimage-modal-content .shwportfolio_thumbnails_edit:hover,
.shwimage-modal-content .shwportfolio_delete_thumbnails:hover {
    opacity:0.8;
    cursor:pointer;
}
.shwimage-modal-content .removeThumbImg {
    width:11px;
    height:11px;
    display:block;
    float:left;
    position:absolute !important;
    top:3px;
    right:3px;
    background:url(../../images/icons/close.png) no-repeat;
}
.shwimage-modal-content .editThumbImg {
    width:11px;
    height:11px;
    display:block;
    float:left;
    position:absolute !important;
    top:3px;
    right:3px;
    background:url(../../images/icons/editIcon.png) no-repeat;
}
.shwimage-modal-content .attrCatContainer {
    width:100%;
    display:block;
    float:left;
    margin:35px 0 0 0;
    position:relative;
}
.shwimage-modal-content .attributes {
    width:62%;
    float:left;
    border:2px solid #e7e7e7;
    height:412px;
    overflow:auto;
    overflow-x:hidden;
}
.shwimage-modal-content .shwcategories {
    width:36%;
    float:left;
    border:2px solid #e7e7e7;
    height:412px;
    overflow:auto;
    overflow-x:hidden;
    margin-left:2%;
}
.shwimage-modal-content .shwcategories_ {
    width:100%;
    float:left;
    border:2px solid #e7e7e7;
    height:412px;
    overflow:auto;
    overflow-x:hidden;
}
.shwimage-modal-content .attrCat_scroll::-webkit-scrollbar {
    width:6px;
    background-color:#F5F5F5;
    border:1px solid #efefef
}
.shwimage-modal-content .attrCat_scroll::-webkit-scrollbar-thumb {
    background-color:#fff;
    border:1px solid #efefef
}
.shwimage-modal-content .attrCat_scroll::-webkit-scrollbar {
    width:6px;
    background-color:#F5F5F5;
    border:1px solid #efefef
}
.shwimage-modal-content .attrCat_scroll::-webkit-scrollbar-thumb {
    background-color:#fff;
    border:1px solid #efefef
}
.shwimage-modal-content .attributeHead,
.shwimage-modal-content .categoriesHead {
    position:relative;
    display:flex;
    justify-content:space-between;
    width:100%;
    padding:0px 10px 0px 10px;
    height:60px;
    line-height:60px;
}
.shwimage-modal-content .attributeHead h3,
.shwimage-modal-content .categoriesHead h3 {
    width:40%;
    font-size:16px;
    font-family:'Nunito', sans-serif;
}
.shwimage-modal-content .attributeHead h3:last-child,
.shwimage-modal-content .categoriesHead h3:last-child {
    width:auto;
    padding-right:20px;
}
.shwimage-modal-content .attributesInfo,
.shwimage-modal-content .categoriesInfo {
    posotion:relative;
    width:100%;
}
.shwimage-modal-content .back {
    position:relative;
    display:flex;
    justify-content:space-between;
    width:100%;
    padding:7px 15px 9px 10px;
    clear:both;
}
.shwimage-modal-content .backFill { background:#f3f4f7; }
.shwimage-modal-content .back .attrTitleContainer,
.shwimage-modal-content .categoriseTitleContainer {
    position:relative;
    width:40%;
}
.shwimage-modal-content .categoriseTitleContainer { width:70%; }
.shwimage-modal-content .back .attrTitleContainer label,
.shwimage-modal-content .categoriseTitleContainer label {
    display:block;
    cursor:pointer;
    float:left;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:32px;
    white-space:nowrap;
    text-transform:capitalize;
}
.shwimage-modal-content .back .attribute_value_block {
    position:relative;
    width:40%;
}
.shwimage-modal-content .back .attribute_value_block input[type='text'] {
    width:70%;
    height:30px;
    border:2px solid #ebebeb;
}
.shwimage-modal-content .back .checkbox_container {
    position:relative;
    width:50px;
    margin:0px 10px 0px 0px;
    height:30px
}
.shwimage-modal-content .checkbox_categories_container {
    position:relative;
    float:left;
    width:50px;
    margin:0px 0px 0px 36%;
    height:30px;
}
/*CHECKBOX START*/
.shwimage-modal-content .checkboxTwo {
    position:relative;
    width:100%;
    height:30px;
}
.shwimage-modal-content .checkboxTwo > input[type=checkbox] {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    width:100%;
    height:30px;
    margin:0px;
    z-index:10;
}
.checkboxTwo label {
    float:left;
    width:100%;
    height:30px;
    border-radius:50px;
    background:#dbdadf;
}
.shwimage-modal-content .checkboxTwo label::before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    border-radius:50%;
    transition:all .5s ease;
    cursor:pointer;
    position:absolute;
    top:5px;
    z-index:1;
    left:6px;
    background:#fff;
}
.shwimage-modal-content .checkboxTwo input[type=checkbox]:checked + label {
    /*left: 10px;*/
    background:#8dc63f;
}
.shwimage-modal-content .checkboxTwo input[type=checkbox]:checked + label::before {
    left:25px;
}
/*CHECKBOX END*/
.shwimage-modal-content .btnContainer {
    width:100%;
    float:left;
    justify-content:center;
    display:flex;
    align-items:center;
    margin:10px 0px 25px 0px;
    border-top:1px solid #ebebeb;
}
.shwimage-modal-content .btnContainer .shwimage-save-button:focus {
    outline:0;
}
.shwimage-modal-content .btnContainer .shwimage-save-button {
    height:29px;
    width:75px;
    margin-top:11px;
    border-radius:6px;
    color:#fff;
}
.shwimage-modal-content .btnContainer .shwimage-save-button:hover,
.shwimage-modal-content .btnContainer .shwimage-save-button:active {
    opacity:0.8;
    cursor:pointer;
}
.shwimage-modal-content .attrHidden {
    display:none;
}
@media screen and (max-width:1140px) {
    .shwimage-modal-content .attrCatContainer .attributes,
    .shwimage-modal-content .attrCatContainer .shwcategories {
        width:100%;
        height:300px;
        margin:0px 0px 20px 0px;
    }
    .shwimage-modal-content .thumbnail {
        box-sizing:border-box;
        width:49%;
        margin-right:1%;
    }
}