.fakeimg{height: 200px; background: #aaa;}.post{margin-bottom: 5px}.leftPadding{padding-left:20px;}
#dropZoneHeaderFooter{background: none repeat scroll 0 0 #f7f7f7; border-radius: 8px 8px 8px 8px; box-shadow: 0 1px 2px rgba(0,0,0,.4); float: left; margin-left: 15px; margin-right: 15px; text-align: center; width: 95%; height: 40px;}#content{background: none repeat scroll 0 0 #fff; border-radius: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.4);float: left; margin: 10px 0 30px;padding: 1% 4%; width: 95%}.contentdiv{border-radius: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.4);/*margin: 0 0 30px;*/ padding: 1px;}.dropZone{background-color: #fff; left: 0; overflow-y: auto; position: relative; top: 0}#dropPanel{width: 95%; padding: 2% 3%; height: 20%; min-height: 350px}#dropPanel{background: none repeat scroll 0 0 #fff; border-radius: 8px 8px 8px 8px; box-shadow: 0 1px 2px rgba(0,0,0,.4); float: left; height: 400px; margin: 15px;}.loadDiv{display: none}.btvsavehtwt{}.imgwidhtht{height: 80px; width: 80px}.imgVasewidhht{height: 80px; width: 80px}.productItemStyle{cursor: pointer; float: left; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; margin: 5px; padding: 5px; text-align: center; z-index: 99999}.PrdView{width: 80px;}.clsListView{/*height: 480px;*/ height:460px; overflow-y: auto; position: relative}.droppedItemStyle img{background-color: rgba(0,0,0,0); height: auto; position: relative; width: 100%}.droppedItemStyleVases img{background-color: rgba(0,0,0,0); height: auto; position: relative; width: 100%}.deleteLink img{height: 25px; width: 25px}.droppedItemStyle{cursor: move; float: left; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; margin: 1px; padding: 1px; position: absolute; width: 250px; height: 290px; z-index: 1}.droppedItemStyleVases{cursor: move; float: left; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; margin: 1px; padding: 1px; position: absolute; width: 250px; height: 290px; opacity: .9}div.droppedItemStyle:hover a.deleteLink{display: block !important}div.droppedItemStyleVases:hover a.deleteLink{display: block !important}div.droppedItemStyleVases a.deleteLink{display: none}div.droppedItemStyle a.deleteLink{display: none}.dropHover{border: 3px dashed green; opacity: 1}.iconSpan{display: block; margin-left: 20px; margin-top: -282px; opacity: .9}#divProgressBar1{background-color: #000; bottom: 0; left: 0; margin: 0; opacity: .5; overflow: hidden; padding: 0; position: fixed; right: 0; top: 0; z-index: 1000}#divMessage1{background-color: #fff; border: 1px solid #000; left: 43%; padding: 10px; position: fixed; top: 30%; vertical-align: middle; width: 14%; z-index: 1001}.PrdView{float: left; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 11px; text-align: center; z-index: 99999}.bouquetImg{padding-top: 20px}.removespn{float: right; margin-top: 249px; width: 141px}.leftSpn{float: left; width: 94px}.rightSpn{float: left; width: 45px}.frontSpn{float: left; width: 94px}.widget{background: none repeat scroll 0 0 #fff; border-radius: 8px 8px 8px 8px; box-shadow: 0 1px 3px rgba(0,0,0,.4); height: auto; margin: 0 0 30px; padding: 1px;/* padding-top: 20px*/}.MainHeader{padding-left:20px; padding-right:20px;}.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:black;}.nav-link{color:black;}
/* Top left text */
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}
.centered {
    position: absolute;
    top: 8px;
    left: 45%;
}
.bottom-center {
    position: absolute;
    bottom: 8px;
    left: 45%;
}
    @media screen and (max-width: 1100px) {
        #content {
            width: 70%;
            padding: 1% 4%;
            height: 30%
        }

        #dropZoneHeaderFooter {
            width: 91%; /*width: 94%;*/
            padding: 1% 1%;
            height: 45px
        }

        #dropPanel {
            width: 90%;
            padding: 2% 3%;
            height: 20%;
            min-height: 350px;
        }

         .droppedItemStyle {
        width: 220px;
        height: 250px;
    }

        .droppedItemStyleVases {
            width: 220px;
            height: 250px;
        }

    .droppedItemStyle img {
        width: 100%
    }

    .droppedItemStyleVases img {
        width: 100%
    }

        .iconSpan {
            display: table;
            margin-left: -1px;
            margin-top: -200px;
            width: 210px
        }

        .deleteLink img {
            height: 14px;
            width: 21px !important
        }

        .removespn {
            float: right;
            margin-top: 161px;
            width: 123px
        }

        .leftSpn {
            float: left;
            width: 84px
        }

        .frontSpn {
            float: left;
            width: 75px
        }

        .rightSpn {
            float: left;
            width: 45px
        }

        element.style {
            left: 100%;
            top: 100%
        }
    }

    @media screen and (max-width: 1050px) {
        #dropPanel {
            min-height: 345px;
        }

        .droppedItemStyle {
            width: 192px;
            height: 250px;
        }

        .droppedItemStyleVases {
            width: 192px;
            height: 250px;
        }

        .droppedItemStyle img {
            width: 100%;
        }

        .droppedItemStyleVases img {
            width: 100%;
        }
    }

    @media screen and (max-width: 885px) {
        #dropPanel {
            min-height: 345px;
        }
        /*#content{width: auto; float: none; margin: 5px 0}*/

        .removespn {
            float: right;
            margin-top: 161px;
            width: 123px
        }

        .leftSpn {
            float: left;
            width: 84px
        }

        .frontSpn {
            float: left;
            width: 75px
        }

        .rightSpn {
            float: left;
            width: 45px
        }

        .droppedItemStyle {
            width: 172px;
            height: 198px;
        }

        .droppedItemStyleVases {
            width: 172px;
            height: 198px;
        }

        .droppedItemStyle img {
            width: 100%
        }

        .droppedItemStyleVases img {
            width: 100%
        }

        .iconSpan {
            display: table;
            margin-left: -14px;
            margin-top: -190px;
            width: 210px
        }

        .deleteLink img {
            height: 25px;
            width: 25px !important
        }

        .spn {
            font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
            color: #000;
            font-size: 14px
        }
        /*#dropZoneHeaderFooter{width: auto; float: none; margin: 8px 0}*/
    }

    @media screen and (max-width:725px) {
        #dropPanel {
            min-height: 335px;
        }

        .spn {
            font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
            color: #000;
            font-size: 12px
        }

        .removespn {
            float: right;
            margin-top: 140px;
            width: 103px
        }

        .leftSpn {
            float: left;
            width: 54px
        }

        .frontSpn {
            float: left;
            width: 47px
        }

        .rightSpn {
            float: left;
            width: 45px
        }

        .deleteLink img {
            height: 14px;
            width: 25px !important
        }

        .droppedItemStyle {
            width: 162px;
            height: 192px;
        }

        .droppedItemStyleVases {
            width: 162px;
            height: 192px;
        }

        .droppedItemStyle img {
            width: 100%
        }

        .droppedItemStyleVases img {
            width: 100%
        }

        .iconSpan {
            display: table;
            margin-left: 5px;
            margin-top: -161px;
            width: 160px;
        }
    }

    @media screen and (max-width:530px) {
        #dropPanel {
            min-height: 193px; /* margin: 3px 0*/
        }

        #sidebar .widget {
            margin: 0 0 10px;
            padding: 1%
        }

        .spn {
            font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
            color: #000;
            font-size: 12px
        }

        .widget {
            height: 555px
        }

        .droppedItemStyle {
            width: 100px;
            height: 151px
        }

        .droppedItemStyleVases {
            width: 100px;
            height: 151px
        }

        .droppedItemStyle img {
            width: 100%
        }

        .droppedItemStyleVases img {
            width: 100%
        }

        .iconSpan {
            display: table;
            margin-left: -2px;
            margin-top: -121px;
            width: 140px;
        }

        .removespn {
            float: right;
            margin-top: 97px; /*width: 115px*/
        }

        .leftSpn {
            float: left;
            width: 44px
        }

        .frontSpn {
            float: left;
            width: 44px
        }

        .rightSpn {
            float: left;
            width: 45px
        }

        .deleteLink img {
            height: 20px;
            width: 20px !important
        }
    }

    .scrolly {
    overflow: -moz-scrollbars-vertical;overflow-y: scroll; overflow-x:auto}.btn_space{margin-left:5px;}