@{
    if (ViewBag.StockType == "FULL") { ViewBag.Title = "Search Result"; }
    else if (ViewBag.StockType == "MEMO_REQUEST_LIST") { ViewBag.Title = "Memo Request List"; }
    else if (ViewBag.StockType == "HOLD") { ViewBag.Title = "Hold List"; }
    else if (ViewBag.StockType == "NEW") { ViewBag.Title = "New Arrival"; }
    else if (ViewBag.StockType == "REVISE") { ViewBag.Title = "Price Reviced"; }
    else if (ViewBag.StockType == "UPCOM") { ViewBag.Title = "Upcoming List"; }
    else if (ViewBag.StockType == "EXCLUSIVE") { ViewBag.Title = "Exclusive Stones"; }
    else if (ViewBag.StockType == "OFFER") { ViewBag.Title = "My Offers"; }
    else if (ViewBag.StockType == "CART") { ViewBag.Title = "My Cart"; }
    else if (ViewBag.StockType == "MEMO") { ViewBag.Title = "Memo"; }
    else if (ViewBag.StockType == "BUY") { ViewBag.Title = "My Order History"; }
    else if (ViewBag.StockType == "NOTIFY_AVAILABLE") { ViewBag.Title = "Notify Available List"; }
    Layout = "~/Views/Shared/_LayoutPage1.cshtml";
}

<script src="~/Content/js/bootstrap3-typeahead.min.js"></script>
<link href="~/Content/style.css" rel="stylesheet" />
<link href="~/Content/Jquery.Datatable.110.7.css" rel="stylesheet" />
<link href="~/Content/SearchCriteria.css" rel="stylesheet" />
<link href="~/Content/DiamondShape.css" rel="stylesheet" />
<link href="~/Content/ModalPopup.css" rel="stylesheet" />
<link href="~/Content/bootstrap-multiselect.css" rel="stylesheet" />
<script src="~/Content/js/bootstrap-multiselect.js"></script>
<link href="~/Content/bootstrap-select.min.css" rel="stylesheet" />
<script src="~/Content/js/bootstrap-select.min.js"></script>
<script src="~/Content/js/Jquery.Datetable.1.10.7.js"></script>
<script src="~/Content/js/jquery.dataTables.rowGrouping.js"></script>
<script src="~/Content/js/dataTables.fixedColumns.js"></script>
<script src="~/js/Account/SearchResult.js?v=0.38"></script>
<script type="text/javascript">
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
</script>

<style type="text/css">
    .a .tooltip-inner {
        width: 130px
    }

    .dropdown .tooltip-inner {
        width: 95px
    }

    .mt .tooltip-inner {
        width: 100px
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 191px !important
    }

    .dfont {
        font-size: 14px;
        font-weight: 600
    }

    .dropdown-menu > li > a:hover {
        color: #fff !important;
        background-color: #50d493 !important
    }

    .dropdown-menu > li > a:hover {
        color: #fff !important;
        background-color: #50d493 !important
    }

    #bs-select-1 .dropdown-menu > li > a:hover {
        color: #fff !important;
        background-color: #bba267 !important
    }

    .fahide {
        display: none !important
    }

    .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
        background-color: #ccc
    }

    .bootstrap-select > .dropdown-toggle {
        width: 90%;
        border: 1px solid #cccccc;
        background-color: #efefef;
        padding: 5px;
    }

    .bootstrap-select .dropdown-menu {
        max-width: 173px;
        min-width: 0;
    }

    .MultiButton {
        box-shadow: 0 7px 10px -2px rgba(0,0,0,.25);
    }

    .bootstrap-select {
        z-index: 1;
    }

    .detail-box {
        border: 1px solid #d5b975;
        padding: 5px 16px;
        font-size: 15px;
        margin-left: 10px;
    }

    .content {
        padding-top: 90px !important;
        padding-left: 1px !important;
        padding-right: 0 !important;
    }

    .slash {
        color: #0d6cf1;
    }

    .box-header {
        padding: 5px 10px;
    }

    .confrimbtn {
        display: none !important;
    }

    .btnAllaction {
        padding: 3px 0 3px 0 !important;
        border-left: 1px solid rgba(40,56,149,.1);
        border-right: 1px solid rgba(40,56,149,.1);
        border-top: 1px solid rgba(40,56,149,.1);
        border-bottom: none !important;
    }

    .space {
        justify-content: space-between;
    }

    .centerbtn {
        align-items: center;
    }

    .btndisplay {
        display: flex !important;
    }

    .RowTag {
        padding: 5px 0;
    }

        .RowTag ul {
            list-style: none;
        }

            .RowTag ul li .fa {
                padding: 3px;
                color: #5a5a5a;
            }

    .all-btn ul {
        list-style: none;
        margin-left: -35px;
    }

    ul {
        margin-bottom: 0 !important;
    }

    dl, ol, ul {
        margin-top: 0;
        margin-bottom: 1em;
    }

    .btnAllaction .all-btn ul li {
        margin-right: 10px;
        position: relative;
    }

    .RowTag ul li a {
        color: #444;
        font-size: 13px;
    }

    .RowTag ul li span {
        font-weight: 600;
    }

    .btnAllaction .all-btn ul .afterdrop:after {
        content: "";
        background: #444;
        width: 2px;
        height: 15px;
        position: absolute;
        top: 0;
        right: -6px;
        bottom: 0;
        margin: 2px -2px;
    }

    .spacediv {
        margin: 0 2px;
    }

    .relative {
        position: relative;
        cursor: pointer;
    }

    .btnhide {
        display: none !important;
    }

    body.modal-open {
        padding-right: 0 !important;
    }

    .caret {
        display: block !important;
    }

    .indicationbox {
        float: right;
        max-width: 300px;
        min-width: 65px;
        padding: 3px 7px;
        display: inline-block;
    }

    #selectlist .dropdown-menu {
        width: 90% !important;
        max-height: 150px;
        overflow-y: auto
    }

    .greentd {
        background-color: #c9c9c9 !important;
    }

    .fstTab {
        display: block !important;
    }

    .main-header .logo {
        height: 100%;
    }

    .diamond-shapes .child-shape {
        height: 78px;
        width: 78px;
    }

    .row-filter .Carat-Range {
        width: 62.4px;
    }

    .row-filter .clarity-component {
        width: 51.6px;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    a.img, a.video, a.certi {
        padding: 1px;
    }

    .row-filter {
        margin-left: -20px;
    }

    .searchlabel {
        margin-left: 20px !important;
    }
    /*.btn-default.hover, .btn-default:active, .btn-default:hover{background-color:#efefef!important;color:#000!important;}        */
    @@media (max-width: 767px) {
        .main-header .logo {
            display: none;
        }

        .sidebar-toggle {
            margin: 0 !important;
        }

        .fahide {
            display: block !important;
        }

        .btndisplay {
            flex-wrap: wrap !important;
        }

        .wrapper {
            overflow: hidden;
        }
    }

    @@media (max-width:576px) {
        .user-col {
            padding: 0;
        }

            .user-col .dropdown-toggle {
                padding: 0 0 0 10px;
            }

        #searchdiv .form-control {
            margin: 0;
        }
    }

    @@media (max-width:371px) {
        #searchdiv .form-control {
            margin: 0 !important;
        }

        #searchdiv .form-control {
            width: 100px !important;
        }
    }

    .more-shape {
        display: flex;
        margin-top: 0;
        border: none;
    }

    .less-shape {
        display: none;
    }

    .SreenDesktop .NoData {
        overflow: auto;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        background: #bba267 !important;
        border-color: #bba267 !important;
        color: #fff !important;
    }

    .dataTables_wrapper .dataTables_paginate .disabled.paginate_button, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button:hover {
        background: transparent !important;
        border-color: transparent !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #bba267 !important;
        border-color: #bba267 !important;
    }

    .row-filter .btn:hover, .row-filter .btn.active {
        background: #d5b975 !important;
        color: #000 !important;
    }

    .btn.active, .btn-ozone:hover {
        background: #d5b975 !important;
        color: #000 !important;
    }

        .btn.active svg, .btn:hover svg, .btn.active img, .btn:hover img {
            /*filter: contrast(5) invert(1) drop-shadow(0 0 0 #FFF);*/
        }

        .btn.active i {
            color: #000 !important;
        }

    .BtnHeader .nav-tabs li.active {
        border-bottom: 3px solid #001e49 !important;
    }

    @@media (min-width: 767px) {
        .row-filter .sub-child {
            flex-wrap: wrap;
        }
    }

    #opentable1 .clarity-component, #opencrown1 .clarity-component, #openPavillion1 .clarity-component, #nattscrownPavillion .clarity-component {
        width: 74.5px !important;
    }

    #opentable1 .large-btn, #opencrown1 .large-btn, #openPavillion1 .large-btn, #nattscrownPavillion .large-btn {
        width: 82px !important;
    }

    .table.dataTable tbody tr td, table.dataTable thead th {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

        .table.dataTable tbody tr td div {
            font-size: 13px !important;
            font-weight: 600 !important;
        }

    .detail-box label {
        font-weight: 600 !important;
    }

    #ShapeAll span {
        white-space: pre !important;
    }

    .row-filter div label {
        font-weight: 600 !important;
    }

    .dataTables_scrollBody .group {
        text-align: left !important;
        padding-left: 11px !important;
    }

    .RowTag ul#ButtonnHide li a {
        align-items: baseline !important;
    }

    @@media (max-width:760px) {
        .main-header .logo {
            display: none !important;
        }
    }

    .btn-default.hover, .btn-default:active, .btn-default:hover {
        background-color: #bba267 !important;
        color: #fff !important;
    }

    .filter-option-inner .dfont {
        color: #323334 !important;
    }

    .shape-critarea div:hover i, .shape-critarea div:hover svg path, .btn.active svg path {
        color: #000 !important;
        stroke: #4C4D4F !important;
    }

    .dataTables_scrollBody {
        height: calc(100vh - 283px) !important;
    }

    .box-body .RowTag {
        min-height: 41px;
    }

    .layout-switch {
        padding: 5px;
        overflow: hidden;
    }

        .layout-switch input {
            position: absolute !important;
            clip: rect(0, 0, 0, 0);
            height: 1px;
            width: 1px;
            border: 0;
            overflow: hidden;
        }

        .layout-switch label {
            float: left;
            margin-bottom: 0 !important;
        }

        .layout-switch label {
            display: inline-block; /* width: 60px; */
            background-color: white; /* color: rgba(0, 0, 0, 0.3); */
            color: #4d4f5c;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            text-shadow: none;
            padding: 0;
            width: 38px;
            border: 1px solid rgb(180, 180, 180);
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            -ms-transition: all 0.1s ease-in-out;
            -o-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

            .layout-switch label:hover {
                cursor: pointer;
                background-color: WhiteSmoke;
            }

        .layout-switch input:checked + label {
            background-color: #000;
            -webkit-box-shadow: none;
            color: #fff;
            font-weight: 500;
            box-shadow: none;
        }

        .layout-switch label:first-of-type {
            border-radius: 3px 0 0 3px;
        }

        .layout-switch label:last-of-type {
            border-radius: 0 3px 3px 0;
        }

    @@media screen and (max-width: 531px) {
        .container111 {
            display: flex;
            flex-flow: column;
        }

        eight {
            order: 8;
        }

        .serven {
            order: 7;
        }

        .six {
            order: 6;
        }

        .five {
            order: 5;
        }

        .four {
            order: 4;
        }

        .three {
            order: 3;
        }

        .two {
            order: 2;
        }

        .one {
            order: 1
        }
    }
</style>


<div class="wrapper box box-primary" style="background: white;border: 1px solid #e7eaec;" ng-controller="SearchResultController" ng-init="InitData('@ViewBag.StockType','@ViewBag.UserType','@ViewBag.HoldAllow','@ViewBag.BuyAllow','@ViewBag.SMPktNo','@ViewBag.SellerName','@ViewBag.PartySeq','@ViewBag.PartyName','@ViewBag.UserPriceChangeAllow','@ViewBag.UserNameSeq','@ViewBag.HoldPacketNo','@ViewBag.UserSeq')">
    <div class="box-header with-border">
        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6" style="padding-left: 0;">
            <label class="box-title" style="padding-top: 3px;">Search Result</label>
        </div>


        <div class="col-lg-10 Calculation" style="text-align: right;padding-right:0;font-size:14px;">
            <div class="detail-box">
                <label class="Calculbl" id="stoneTextId">Pcs.:</label>
                <label class="CalcuVal" id="stonesCountId" style="color:#225aa8">0</label><b class="slash"> /</b>
                <label class="CalcuVal" id="AllstonesCountId">0</label>
            </div>
            <div class="detail-box">
                <label class="Calculbl" id="caratTextId">Cts.:</label>
                <label class="CalcuVal" id="caratValueId" style="color:#225aa8">0</label><b class="slash"> /</b>
                <label class="CalcuVal" id="AllcaratValueId">0</label>
            </div>
            <div class="detail-box">
                <label class="Calculbl" id="DiscountTextId">Avg. Disc:</label>
                <label class="CalcuVal" id="DiscountValueId" style="color:#225aa8">0</label><b class="slash"> /</b>
                <label class="CalcuVal" id="AllDiscountValueId"></label>
            </div>
            <div class="detail-box">
                <label class="Calculbl" id="PerNetRateTextId">$/Ct:</label>
                <label class="CalcuVal" id="PerNetRateId" style="color:#225aa8">0</label><b class="slash"> /</b>
                <label class="CalcuVal" id="AllPerNetRateId"></label>
            </div>
            <div class="detail-box">
                <label class="Calculbl" id="NetValueTextId">Amount:</label>
                <label class="CalcuVal" id="NetValueId" style="color:#225aa8">0</label><b class="slash"> /</b>
                <label class="CalcuVal" id="AllNetValueId"></label>
            </div>
        </div>
    </div>
    <div class="box-body" style="padding:0px;">
        <div class="row MainBtn">
            <div class="col-md-12 BtnHeader" id="row">
                <ul class="nav nav-tabs newtabs" id="SearchTab" style="float:left;display:none !important;">
                    <li id="NewSearchTab">
                        <a href="#NewSearch" class="AddNewSearchh" data-toggle="tab">
                            New Search
                        </a>
                    </li>
                </ul>
                <div style="padding:5px;" id="indicationbtn">
                    @*<div class="indicationbox">
                            <img src="~/Images/UC.png" style='margin-top: -3px;' /><label style="color: #4bbcfd ">&nbsp; Upcoming</label>
                        </div>*@

                    @*<h4> {{USER}} </h4>*@
                    <div class="indicationbox">
                        <img src="~/Images/PriceReviced.png" style='margin-top: -3px;' /><label style="color: #69f082;">&nbsp;Price Revised</label>
                    </div>
                    <div class="indicationbox">
                        <img src="~/Images/New.png" style='margin-top: -3px;' /><label style="color: #0000fb;">&nbsp; New</label>
                    </div>
                    <div class="indicationbox">
                        <img src="~/images/memo.png" style='margin-top: -3px;' /><label style="color: #c09c41;">&nbsp; Memo</label>
                    </div>
                    <div class="indicationbox">
                        <img src="~/Images/BusinessProcess.png" style='margin-top: -3px;' /><label style="color: #fb1339;">&nbsp; Hold</label>
                    </div>
                    <div class="indicationbox">
                        <img src="~/Images/Available.png" style='margin-top: -3px;' /><label>&nbsp; Available</label>
                    </div>
                    <div>
                        {{USER}}
                    </div>

                    @if (ViewBag.StockType == "BUY")
                    {
                        <label for="" class="col-form-label">From Date : </label>
                        <input ng-model="SearchItem.FROM_LOGIN_DATE" type="date" id="FROM_LOGIN_DATE" aria-describedby="" tabindex="1">
                        <label for="" class="col-form-label">To Date : </label>
                        <input ng-model="SearchItem.TO_LOGIN_DATE" type="date" id="TO_LOGIN_DATE" aria-describedby="" tabindex="2">
                        <button  ng-click="datewisesearch();" class="btn-button ms-2 mt-4" tabindex="3">Search</button>
                    }

                </div>
            </div>
        </div>
        <div class="tab-content">
            <div class="btnAllaction btndisplay centerbtn space" id="ActionbtnAll">
                <div class="RowTag">
                    <div class="all-btn">
                        <ul class="btndisplay d-flex" id="ButtonnHide" style="flex-wrap:wrap;">
                            <li class="afterdrop">
                                <a id="copydetail" class="btndisplay centerbtn" ng-click="CopyDetails();" data-toggle="tooltip" data-placement="top" title="Copy Details">
                                    <i class="fa fa-files-o"></i>
                                    <span>Copy Details</span>
                                </a>
                            </li>


                            <li class="afterdrop" id="CartHideId">
                                <a class="btndisplay centerbtn" id="CartId" ng-click="ShowCartPopup();" ng-hide="AllowRemoveCart" data-toggle="tooltip" data-placement="top" title="Add To Cart">
                                    <i class="fa fa-cart-plus"></i>
                                    <span>Add To Cart</span>
                                </a>
                                <a class="btndisplay centerbtn" id="RemoveCartId" ng-click="RemoveCart();" ng-show="AllowRemoveCart" data-toggle="tooltip" data-placement="top" title="Remove From Cart">
                                    <i class="fa fa-trash"></i>
                                    <span>Remove From cart</span>
                                </a>
                            </li>


                            @if (ViewBag.StockType != "MEMO_REQUEST_LIST" && ViewBag.MemoRequestAllow == "True")
                            {

                                <li class="afterdrop memorequest">
                                    <a class="btndisplay centerbtn" ng-click="MemoRequestPopup();" id="memoreq" data-toggle="tooltip" data-placement="top" title="Memo Request">
                                        <i class="fa fa-check-circle"></i>
                                        <span>Memo Request</span>
                                    </a>
                                </li>
                            }



                            <li class="afterdrop buystone">
                                <a class="btndisplay centerbtn" ng-click="RedirectOrderConfirm();" ng-hide="AllowConfirmstone" id="Custbuystone" data-toggle="tooltip" data-placement="top" title="Confirm Stone">
                                    <i class="fa fa-check-circle"></i>
                                    <span>Confirm Stone</span>
                                </a>
                            </li>


                            @if (ViewBag.HoldAllow == "True")
                            {

                                <li class="afterdrop HoldStoneId">
                                    <a class="btndisplay centerbtn" ng-click="HoldStonePopup();" ng-hide="AllowHoldStone" id="HoldStoneId" data-toggle="tooltip" data-placement="top" title="Hold Stone">
                                        <i class="fa fa-pause"></i>
                                        <span>Hold Stone</span>
                                    </a>
                                    <a class="btndisplay centerbtn" ng-click="UnHoldStone();" ng-show="AllowHoldStone" id="RemoveHoldStoneId" data-toggle="tooltip" data-placement="top" title="UnHold Stone">
                                        <i class="fa fa-play"></i>
                                        <span>UnHold Stone</span>
                                    </a>
                                </li>
                            }

                            @if (ViewBag.OfferAllow == "True")
                            {


                                <li class="afterdrop offerdrop" id="ROfferId">
                                    <a class="btndisplay centerbtn" ng-click="CustOffer();" id="OfferId" ng-hide="ShowOffer" data-toggle="tooltip" data-placement="top" title="Add To Offer">
                                        <i class="fa fa-tag"></i>
                                        <span>Add To Offer</span>
                                    </a>

                                    @*<a class="btndisplay centerbtn" ng-click="RemoveOffer();" id="RemoveOfferId" ng-show="ShowOffer" data-toggle="tooltip" data-placement="top" title="Remove To Offer">
                                            <i class="fa fa-tag"></i>
                                            <span>Remove To Offer</span>
                                        </a>*@
                                </li>
                            }
                            <li class="afterdrop">
                                <a class="btndisplay centerbtn" ng-click="SearchSelected();" ng-hide="showAllbtn" data-toggle="tooltip" data-placement="top" title="Show Selected">
                                    <i class="fa fa-check-square"></i>
                                    <span>Show Selected</span>
                                </a>
                                <a class="btndisplay centerbtn" ng-click="SearchSelected('showAll');" ng-show="showAllbtn" data-toggle="tooltip" data-placement="top" title="Show All">
                                    <i class="fa fa-check-square"></i>
                                    <span>Show All</span>
                                </a>
                            </li>
                            <li class="afterdrop">
                                <a class="btndisplay centerbtn" id="excelepo" ng-click="ExcelToExportAndEmailStock('DownloadExcel',false);" data-toggle="tooltip" data-placement="top" title="Export To Excel">
                                    <i class="fa fa-file-excel-o"></i>
                                    <span>Export To Excel</span>
                                </a>
                            </li>
                            <li class="afterdrop">

                                <a class="btndisplay centerbtn" id="notifyavailable" ng-click="ShowNotifyAvailablePopup();" data-toggle="tooltip" data-placement="top" title="Notify Available">
                                    <i class="fa fa-bell"></i>
                                    <span>Notify Available</span>
                                </a>

                                <a class="btndisplay centerbtn" id="RemoveNotifyAvailableId" ng-click="RemoveNotifyAvailable();" data-toggle="tooltip" data-placement="top" title="Remove Notify Available">
                                    <i class="fa fa-trash"></i>
                                    <span>Remove Notify Available</span>
                                </a>
                            </li>
                            <li class="afterdrop">

                                <a class="btndisplay centerbtn" id="modifysrch" ng-click="ModifySearch();" data-toggle="tooltip" data-placement="top" title="Modify Search">
                                    <i class="fa fa-filter"></i>
                                    <span>Modify Search</span>
                                </a>

                            </li>

                            @*<li class="beforedrop" id="RMemo">
                                    <a class="btndisplay centerbtn" id="MemoId" ng-click="ShowAddMemoPopup();" ng-hide="AllowRemoveMemo" data-toggle="tooltip" data-placement="top" title="Add Memo Request">
                                        <i class="fa fa-plus"></i>
                                        <span>Memo Request</span>
                                    </a>
                                    <a class="btndisplay centerbtn" id="RemoveMemoId" ng-click="RemoveMemo();" ng-show="AllowRemoveMemo" data-toggle="tooltip" data-placement="top" title="Remove Memo Request">
                                        <i class="fa fa-trash"></i>
                                        <span>Remove Memo Request</span>
                                    </a>
                                </li>*@
                        </ul>
                    </div>
                </div>
                <div class="btndisplay centerbtn indicas" id="btns-fn" style="margin-right: -11px;">
                    <button ng-click="ModifySearch();" ng-show="AllowModifySearch" id="ModifySearch" class="btn" data-toggle="tooltip" data-placement="top" title="Modify Search"><span class="fa fa-filter" style="font-size: small;">Modify Search</span></button>
                    <div class="spacediv"></div>
                    <div class="dropdown" id="download-btn">
                        <button class="btn" data-toggle="tooltip" data-placement="top" title="Download"><i class="fa fa-download" style="font-size: small;"></i></button>
                        <div class="dropdown-content">
                            @*<a href="#" ng-click="Download('Image');" class="icv">Images</a>
                                <a href="#" ng-click="Download('Certi');" class="icv">Certi</a>
                                <a href="#" ng-click="Download('Video');" class="icv">Video</a>*@
                            <a href="#" ng-click="ExcelToExportAndEmailStock('DownloadExcel',false);">Stock</a>
                        </div>
                    </div>
                    <div class="spacediv"></div>
                    <div class="dropdown icvs" id="downloadML-btn">
                        <button class="btn" data-toggle="tooltip" data-placement="top" title="Send Email"><i class="fa fa-envelope-o" style="font-size: small;"></i></button>
                        <div class="dropdown-content">
                            @*<a href="#" ng-click="ExcelToExportAndEmailStock('SendPic',false);" class="icv">Images</a>
                                <a href="#" ng-click="ExcelToExportAndEmailStock('SendCert',false);" class="icv">Certi</a>
                                <a href="#" ng-click="ExcelToExportAndEmailStock('SendVideo',false);" class="icv">Video</a>*@
                            <a href="#" ng-click="ExcelToExportAndEmailStock('ExcelInMail',true);">Stock</a>
                        </div>
                    </div>
                    <div class="spacediv"></div>
                    <div id="mySelectDiv" data-toggle="tooltip" data-placement="top" title="Stone Type">
                        <select id="mySelect" data-show-content="true" class="border" ng-change="Filter(StageType.Stage)" ng-model="StageType.Stage" data-show-subtext="true" data-live-search="true">
                            <option value="All" data-content="<img src='../Images/All.png' style='margin-top: -3px;'/> <span class='dfont'> &nbsp; All</span>"></option>
                            <option value="A" data-content="<img src='../Images/Available.png' style='margin-top: -3px;'/> <span class='dfont'> &nbsp; Available</span>"></option>
                            <option value="N" data-content="<img src='../Images/New.png' style='margin-top: -3px;'/> <span class='dfont' style='color: #0000fb;'> &nbsp; New</span>"></option>
                            <option value="H" data-content="<img src='../Images/BusinessProcess.png' style='margin-top: -3px;'/> <span class='dfont' style='color: #fb1339;'> &nbsp; Hold</span>"></option>
                            <option value="P" data-content="<img src='../Images/PriceReviced.png' style='margin-top: -3px;'/> <span class='dfont' style='color: #69f082;'> &nbsp; Price Revised</span>"></option>
                            <option value="M" data-content="<img src='../Images/Memo.png' style='margin-top: -3px;'/> <span class='dfont' style='color: #c09c41;'> &nbsp; Memo</span>"></option>
                        </select>
                    </div>
                </div>
            </div>



            <div class="row SreenDesktop" style="padding: 0;margin: 0;">
                <div class="col-lg-12 NoData" style="padding: 2px;margin: auto;background-color: white;padding-top: 0;">
                    <div id="SearchResult">
                        <table class="display table table-striped table-bordered" style="width:100%" id="SearchResultGrid"></table>
                        <div class="display table table-striped table-bordered" id="NoDataFound" style="display:none;border-bottom:0; text-align: center;font-size: 20px;padding: 5px;">
                            <div style="text-align:center;">
                                <img style="width:30%" src="~/Images/NoDAta2.png" />
                            </div>
                            <div><a href="#" ng-click="ModifySearch();"> Modify Search Criteria</a></div>
                        </div>
                        <div class="display table table-striped table-bordered" id="NoDataForOther" style="display:none;border-bottom:0;text-align: center;font-size: 20px;padding: 5px;">
                            <div style="text-align:center;">
                                <img style="width:30%" src="~/Images/NoDAta2.png" />
                            </div>
                            <div><a href="/Account/SearchCriteria" ng-click="ResetData();"> Go to Search Criteria</a></div>
                        </div>
                        <div class="display table table-striped table-bordered" id="NoDataForFilter" style="display:none;border-bottom:0;text-align: center;font-size: 20px;padding: 5px;">
                            <div style="text-align:center;">
                                <img style="width:30%" src="~/Images/NoDAta2.png" />
                            </div>
                            <div><a ng-click="ResetFilter()"> Reset Filter</a></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row DivCriteria" style="display:none;">
                <div class="col-lg-12">
                    <div class="tabs-container" id="">
                        <div class="scroller scroller-left" style="display:none"><i class="glyphicon glyphicon-chevron-left"></i></div>
                        <div class="scroller scroller-right" style="display:none"><i class="glyphicon glyphicon-chevron-right"></i></div>
                        <div class="tabs-container" id="maintab">
                            <div class="tab-content">
                                <div role="tabpanel" id="all" class="tab-pane active DivCriteria">
                                    <div class="panel-body">


                                        @*@if (ViewBag.UserType == "WEBBROKER" || ViewBag.UserType == "SALESMAN" || ViewBag.UserType == "ADMIN")
                                            {
                                                <div class="row-filter">
                                                    <div class="label-box" style="flex-basis:15%;"><label class="searchlabel">Select Party :</label></div>
                                                    <div>
                                                        <select class="form-control" style="margin-left:3px;border-radius: 3px;width: 292px;height:30px" id="USER_SEQ" ng-model="USER_SEQ" ng-change="ChangeUser()">
                                                            <option ng-repeat="item in UserList" value="{{item.SEQ_NO}}" ng-value="{{item.LOGIN_NAME}}">{{item.LOGIN_NAME}}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            }*@

                                        <div id="certificate1" class="row-filter">
                                            <div class="label-box" style="flex-basis:15%;"><label class="searchlabel">Stone Id/Certificate No.</label></div>
                                            <div id="certi1" class="sub-child" data-toggle="buttons" style="flex-basis:39.46%!important;">
                                                <div style="display: flex; align-items: start; gap: 10px;">
                                                    @*<input id="txtPacketId" style="margin-left:3px;border-radius: 3px;width: 292px;" ng-model="SearchText.PacketNo" name="PacketNo" type="text" class="form-control" />*@

                                                    <textarea id="txtPacketId"
                                                              style="margin-left: 3px; border-radius: 3px; width: 200px; height: 65px;"
                                                              ng-model="SearchText.PacketNo"
                                                              name="PacketNo"
                                                              class="form-control">
                                                  </textarea>


                                                    <button class="btn btn-primary main-btn" id="btnSearch " ng-click="BtnSearch('SEARCH');" style="height: 30px; align-self: flex-start; margin-top:23px"><span class="fa fa-search" style="font-size:13px;"></span>&nbsp; SEARCH</button>

                                                </div>
                                            </div>
                                        </div>

                                        <div class="diamond-shapes shape-critarea row-filter" id="MainShape" data-toggle="buttons">
                                            <div class="label-box">
                                                <label class="searchlabel">Shape</label>
                                                @*<div class="clear-button btn  border rounded order-2 order-lg-1" id="Clearshape" ng-click="ClearSelection('SHAPE_SEQ','Shape');" style="padding: 2px 5px;margin-left: 20px;background: #007cc2;color: white;">Clear</div>*@
                                            </div>

                                            <div class="child-shape btn btn-ozone Shape" caption="Shape" id="ShapeAll" ng-click="MakeSelectionFancy('SHAPE_SEQ','0','ShapeAll')"><i class="fa fa-diamond" style="font-size: 30px;opacity: 0.7;color:#000"></i><span>All Fancy</span></div>
                                            <div class="child-shape btn btn-ozone Shape" caption="Shape" shape="1" id="BR" ng-click="MakeSelectionShape('SHAPE_SEQ','1','BR')"><svg width="35" style="margin:auto;" height="35" viewBox="0 0 30 30" fill="none"><path d="M2.02284 20.367C4.94961 27.3039 13.0937 30.8041 20.0924 28.0676L20.3469 27.9403L20.6014 27.813C25.6279 25.6492 29 20.558 29 15.0212V14.9576C29 10.5664 26.9004 6.36609 23.3373 3.75682C19.5198 0.892989 14.3025 0.192941 9.84876 1.97488L9.59426 2.10216L9.33976 2.22944C2.53184 5.15692 -0.840304 13.4302 2.02284 20.367ZM2.21371 9.86633L2.78634 10.1209L4.94961 11.0119L3.54985 12.412L1.19571 14.7667C1.25933 13.0484 1.57746 11.3937 2.21371 9.86633ZM19.2017 24.6946L20.0924 22.5945L20.7923 20.8762L24.6735 19.2852V24.7583H19.2017V24.6946ZM15.0024 28.7676L13.4754 27.2402L11.1849 24.9492L15.0024 23.2945L17.2929 24.2491L18.8836 24.8855L16.5931 27.1766L15.0024 28.7676ZM1.25933 15.0212L2.78634 13.4939L5.07686 11.2028L6.73112 15.0212L6.34936 16.0395L5.14048 18.9033L2.84997 16.6122L1.25933 15.0212ZM5.33136 19.0306L6.34936 16.6122L6.85837 15.3394L7.94 17.9487L9.02163 20.558L8.06725 20.1761L5.33136 19.0306ZM7.94 12.0938L6.85837 14.703L5.33136 11.0119L9.02163 9.48449L7.94 12.0938ZM6.98562 15.0212L8.13088 12.1574L9.27613 9.29356L15.0024 7.0025L17.8656 8.14803L20.7287 9.29356L23.0828 14.9576L20.7287 20.6216L15.0024 23.04L12.1393 21.8944L9.27613 20.7489L8.63988 18.967L6.98562 15.0212ZM17.9292 7.95711L15.3205 6.87522L19.0108 5.34784L20.5378 9.039L17.9292 7.95711ZM23.1465 15.2758L24.6735 18.967L20.9832 20.4943L23.1465 15.2758ZM12.0756 22.0853L14.6843 23.1672L10.994 24.6946L9.46701 21.0035L12.0756 22.0853ZM22.0012 12.0938L20.9196 9.48449L24.6098 11.0119L23.0828 14.703L22.0012 12.0938ZM9.46701 9.039L10.994 5.34784L14.6843 6.87522L9.46701 9.039ZM15.2569 23.1672L20.5378 21.0035L19.0108 24.6946L18.8199 24.631L15.2569 23.1672ZM5.07686 19.2215V24.5673C3.9316 23.3582 2.97722 21.9581 2.34097 20.367L5.07686 19.2215ZM5.26773 19.2215L8.13088 20.4307L9.14888 20.8762L10.7395 24.7583H5.26773V19.2215ZM23.2101 15.0212L24.8007 11.1391L28.6819 15.0212L24.8007 18.9033L23.2101 15.0212ZM24.928 10.7573V5.47512C26.0732 6.68429 27.0276 8.08439 27.6639 9.67541L24.928 10.7573ZM24.6735 10.7573L20.7923 9.16628L19.2017 5.2842H24.6735V10.7573ZM18.8836 5.15692L15.0024 6.74793L13.6663 6.17517L11.1213 5.09328L15.0024 1.27483L16.5294 2.80221L18.8836 5.15692ZM9.46701 8.40259L9.14888 9.22992L5.26773 10.8209V5.2842H10.7395L9.46701 8.40259ZM3.54985 17.6305L4.94961 19.0306L2.21371 20.1761C1.57746 18.5851 1.25933 16.9941 1.19571 15.2758L3.54985 17.6305ZM10.7395 24.9492L9.59426 27.6857C8.06725 27.0493 6.66749 26.0947 5.39498 24.9492H10.7395ZM9.78514 27.813L10.9304 25.0765L12.3302 26.4766L14.6843 28.8313C13.03 28.7676 11.3758 28.3858 9.78514 27.813ZM20.0288 27.813C18.5018 28.3858 16.9112 28.704 15.2569 28.7676L17.6111 26.4129L19.0108 25.0128L20.1561 27.7494L20.0288 27.813ZM20.4742 27.6221L20.3469 27.6857L19.2017 24.9492H24.5462C23.3373 26.0947 22.0012 26.9857 20.4742 27.6221ZM24.928 19.2215L27.6639 20.367C27.0276 21.8944 26.0732 23.2945 24.928 24.5673V19.2215ZM27.7275 20.1761L24.9916 19.0306L28.7455 15.2758C28.7455 16.9941 28.3637 18.6487 27.7275 20.1761ZM24.9916 11.0119L27.7275 9.86633C28.3637 11.4573 28.6819 13.0484 28.7455 14.7667L24.9916 11.0119ZM19.2017 5.09328L20.3469 2.29308C21.874 2.92949 23.2737 3.8841 24.5462 5.02964H19.2017V5.09328ZM20.1561 2.22944L19.0108 4.96599L17.6111 3.5659L15.2569 1.21119C16.9748 1.27483 18.5654 1.59304 20.1561 2.22944ZM9.97601 2.1658C11.503 1.59304 13.0937 1.27483 14.7479 1.21119L10.994 4.96599L9.84876 2.22944L9.97601 2.1658ZM9.46701 2.35672L9.59426 2.29308L10.7395 5.02964H5.45861C6.60387 3.94774 8.00362 3.05677 9.46701 2.35672ZM5.07686 10.7573L2.27734 9.61177C2.91359 8.08439 3.86797 6.68429 5.01323 5.41148V10.7573H5.07686Z" fill="#4C4D4F" stroke="#4C4D4F" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Round</span></div>
                                            <div class="child-shape btn btn-ozone All Shape" caption="Shape" shape="2" id="PRI" ng-click="MakeSelectionShape('SHAPE_SEQ','2','PRI')"><svg width="35" style="margin:auto;" height="35" viewBox="0 0 30 30" fill="none"><path d="M1 28.8705C1 28.9353 1.06497 29.0001 1.06497 29.0001H28.935C29 29.0001 29 28.9353 29 28.8705V1.12975C29 1.06494 29 1.00012 28.935 1.00012H1.12993C1.06497 1.00012 1 1.06494 1 1.12975V28.8705ZM23.7378 25.8242H23.5429L15.5522 24.852L23.7378 23.8149V25.8242ZM26.0116 23.5557H23.9977L24.9722 15.2594L25.4269 19.0186L26.0116 23.5557ZM15.0325 5.34271L23.7378 6.37975L24.7773 15.0001L23.7378 23.5557L14.9675 24.6575L6.26218 23.5557L5.22274 15.0001L6.26218 6.37975L6.7819 6.31494L15.0325 5.34271ZM8.60093 24.0742L14.4478 24.7872L6.26218 25.8242V23.8149L8.60093 24.0742ZM24.9722 14.676L23.9977 6.37975H26.0116L24.9722 14.676ZM23.7378 4.17605V6.18531H23.5429L15.6172 5.14827L21.464 4.43531L23.7378 4.17605ZM14.3828 5.14827L6.26218 6.18531V4.17605L8.60093 4.43531L14.3828 5.14827ZM5.02784 14.676L4.57309 10.9168L4.05336 6.37975H6.06729L5.02784 14.676ZM5.02784 15.2594L5.54756 19.7316L6.00232 23.5557H4.05336L5.02784 15.2594ZM15.0325 24.9816L22.0487 25.8242H8.01624L15.0325 24.9816ZM23.9977 23.7501H26.0766L28.6102 28.4816L23.9977 25.8242V23.7501ZM26.0116 21.8057L25.1671 15.0001L26.0116 8.19457V21.8057ZM26.0766 6.18531H23.9977V4.11123L27.116 2.29642L28.6102 1.38901L26.0766 6.18531ZM15.0325 5.01864L8.01624 4.17605H21.9838L15.0325 5.01864ZM6.06729 4.11123V6.18531H3.9884L1.38979 1.38901L3.20882 2.42605L6.06729 4.11123ZM3.9884 8.19457L4.83295 15.0001L3.9884 21.8057V8.19457ZM1.38979 28.5464L3.92343 23.8149H6.00232V25.889L3.59861 27.2501L1.38979 28.5464ZM2.10441 28.4168L6.19722 26.0186H23.8678L26.5963 27.639L28.4803 28.7409H1.51972L2.10441 28.4168ZM28.8051 28.4168L27.2459 25.5649L26.2065 23.6853V6.31494L27.2459 4.43531L28.8051 1.58346V28.4168ZM27.7007 1.71308L23.8678 3.9816H6.19722L1.51972 1.19457H28.4803L27.7007 1.71308ZM1.1949 1.58346L2.75406 4.43531L3.7935 6.31494V23.6205L2.75406 25.5001L1.1949 28.352V1.58346Z" fill="#4C4D4F" stroke="#4C4D4F" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Princess</span></div>
                                            <div class="child-shape btn btn-ozone All Shape" caption="Shape" shape="4" id="EM" ng-click="MakeSelectionShape('SHAPE_SEQ','4','EM')"><svg width="35" style="margin:auto;" height="35" viewBox="0 0 19 30" fill="none"><path d="M18.1111 3.45511C18.1111 3.45511 18.1111 3.39666 18.0541 3.39666L15.7726 1.05846C15.7726 1.05846 15.7156 1.05846 15.7156 1H3.39556C3.39556 1 3.33852 1 3.33852 1.05846L1.05704 3.39666C1.05704 3.39666 1.05704 3.45511 1 3.45511V26.5449C1 26.5449 1 26.6033 1.05704 26.6033L3.33852 28.9415L3.39556 29H15.7156C15.7156 29 15.7726 29 15.7726 28.9415L18.0541 26.6033C18.0541 26.6033 18.0541 26.5449 18.1111 26.5449V3.45511ZM1.17111 3.68894L2.02667 4.33194V25.785L1.17111 26.428V3.68894ZM17.883 3.45511L17.4267 3.80585L16.9704 4.09812L15.0311 2.1691L15.7156 1.29228L17.883 3.45511ZM5.84815 25.8434L4.47926 24.1482V5.91023L5.84815 4.21503H13.32L14.6889 5.91023V24.1482L13.32 25.8434H5.84815ZM3.45259 5.32568L4.30815 5.91023V24.1482L3.50963 24.7328V14.9123L3.45259 5.32568ZM4.36519 24.3236L5.67704 25.9603L5.1637 26.6033L3.56667 24.9666L4.36519 24.3236ZM5.67704 4.09812L4.36519 5.73486L3.50963 5.09186L5.10667 3.45511L5.67704 4.09812ZM15.6585 24.9666L14.0044 26.6033L13.4911 25.9019L14.803 24.2651L15.0311 24.4405L15.6585 24.9666ZM14.0044 3.45511L15.6015 5.09186L14.7459 5.73486L13.4341 4.09812L13.7763 3.63048L14.0044 3.45511ZM15.7156 24.7912L14.86 24.1482V5.91023L15.7156 5.26722V15.0292V24.7912ZM14.917 2.28601L16.8563 4.21503L15.8296 4.97495L14.1185 3.27975L14.4037 2.92902L14.917 2.28601ZM13.7763 3.39666L13.32 3.98121H5.84815L5.33481 3.39666H9.55555H13.7763ZM5.33481 26.6618L5.84815 26.0772H13.32L13.8333 26.7203H8.18667L5.33481 26.6618ZM14.1185 26.7787L14.4037 26.4864L15.8296 25.0835L16.7993 25.785L14.917 27.714L14.1185 26.7787ZM15.8867 24.9081V14.9708V5.15031L16.8563 4.44885V25.6096L15.8867 24.9081ZM14.6889 2.22756L14.4607 2.51983L13.9474 3.16284H9.55555H5.1637L4.42222 2.22756H9.55555H14.6889ZM3.22444 5.15031L3.28148 15.0292V24.8497L2.25481 25.6096V4.44885L2.36889 4.50731L3.22444 5.15031ZM2.31185 25.8434L2.88222 25.4342L3.39556 25.0835L4.99259 26.7203L4.70741 27.071L4.13704 27.7724L2.9963 26.6033L2.31185 25.8434ZM4.36519 27.8309L5.1637 26.8372H9.61259H13.9474L14.0044 26.8956L14.6889 27.7724H9.55555L4.36519 27.8309ZM14.86 2.05219H9.55555H4.25111L4.13704 1.87683L3.6237 1.17537H15.4874L14.86 2.05219ZM4.19407 2.28601L4.87852 3.10438L4.99259 3.27975L3.33852 4.97495L2.65407 4.44885L2.31185 4.21503L3.50963 2.98747L4.19407 2.28601ZM4.25111 28.0647H9.55555H14.917L15.0311 28.2401L15.5444 28.8831H3.6237L4.25111 28.0647ZM15.7156 28.7662L15.0311 27.8894L16.9704 25.9019L17.883 26.5449L15.7156 28.7662ZM17.0844 25.7265V4.27349L17.5407 3.92276L17.883 3.63048V26.3695L17.5407 26.1357L17.0844 25.7265ZM3.39556 1.23382L4.08 2.11065L3.39556 2.87056L2.14074 4.09812L1.22815 3.45511L3.39556 1.23382ZM1.34222 26.5449L2.14074 25.9603L4.02296 28.0063L3.39556 28.8246L1.22815 26.6033L1.34222 26.5449Z" fill="#4C4D4F" stroke="#4C4D4F" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Emerald</span></div>
                                            <div class="child-shape btn btn-ozone All Shape" caption="Shape" shape="9" id="CH" ng-click="MakeSelectionShape('SHAPE_SEQ','9','CH')"><svg width="35" style="margin:auto;" height="35" viewBox="0 0 25 30" fill="none"><path d="M23.8329 5.6875L22.5192 3.3125L19.6416 1.3125H19.5791L12.6979 1L5.8168 1.25H5.75424L2.93923 3.25L1.563 5.625V5.6875L1 15L1.563 24.3125C1.563 24.3125 1.563 24.3125 1.563 24.375L2.87668 26.75L5.75424 28.75H5.8168L12.6354 29L19.1412 28.9375H19.2038L22.4567 26.8125L23.7703 24.5V24.4375L24.3333 15.125L23.8329 5.6875ZM2.93923 23.5L4.6908 22.1875L2.93923 26.5L1.75067 24.4375L2.93923 23.5ZM7.00536 4.875L7.13047 5.125L4.2529 3.8125L3.18946 3.3125L5.8168 1.5L7.00536 4.875ZM19.8293 25.25L18.0152 24.3125L16.4513 20.5L20.3298 21.9375L22.2064 26.5L19.8293 25.25ZM12.6979 1.25L17.9526 5.375L12.6979 8.8125L10.6962 7.5L7.50581 5.375L11.6345 2.125L12.6979 1.25ZM16.1385 20.1875L12.6979 21.0625L9.25737 20.1875L9.00715 19.0625L8.13137 15.0625L9.00715 11.0625L9.25737 9.9375L12.6979 9.0625L16.1385 9.9375L16.3887 11.0625L17.2645 15.0625L16.3887 19.0625L16.1385 20.1875ZM5.12869 8.4375L8.00626 9.5L9.06971 9.875L8.44415 12.5625L8.00626 14.6875L7.69348 14.125L5.12869 8.4375ZM7.9437 15.375L8.56926 18.1875L9.00715 20.1875L5.19124 21.625L6.63003 18.375L7.9437 15.375ZM16.3887 20.1875L17.202 16.375L17.3896 15.375L20.1421 21.625L16.3887 20.1875ZM20.2046 8.4375L17.4522 14.6875L16.3887 9.875L17.8275 9.3125L20.2046 8.4375ZM16.2011 9.6875L12.9482 8.875L17.8901 5.625L17.2645 7.125L16.2011 9.6875ZM12.4477 8.875L9.19482 9.6875L8.63181 8.25L7.56836 5.6875L11.9473 8.5625L12.4477 8.875ZM7.50581 24.0625L9.00715 20.6875L9.13226 20.375L12.3226 21.1875L7.50581 24.0625ZM12.9482 21.1875L16.1385 20.375L17.6399 24.0625L12.9482 21.1875ZM20.3923 8.4375L24.1457 15L20.3923 21.5625L17.5147 15L20.3923 8.4375ZM19.3914 8.5L16.4513 9.625L17.3896 7.3125L18.2029 5.4375L22.2064 3.5625L20.3298 8.125L19.3914 8.5ZM7.19303 5.4375L8.94459 9.625L5.00357 8.125L4.6908 7.375L3.18946 3.5625L7.19303 5.4375ZM4.87846 8.4375L7.88114 15.0625L4.94102 21.5625L1.25022 15.0625L1.81323 14L4.87846 8.4375ZM5.06613 21.875L8.94459 20.4375L7.25559 24.25L3.25201 26.4375L3.31457 26.1875L5.06613 21.875ZM2.93923 3.625L4.06524 6.4375L4.62824 7.875L1.81323 5.6875L2.93923 3.625ZM12.6979 28.8125L7.50581 24.375L12.6979 21.3125L13.3861 21.75L17.765 24.375L17.4522 24.6875L12.6979 28.8125ZM17.8901 24.5625L19.0161 28.75L13.0107 28.875L17.8901 24.5625ZM22.3941 26.4375L20.6425 22.125L23.5827 24.375L22.3941 26.4375ZM24.1457 14.5625L20.58 8.25L23.6452 5.9375L24.1457 14.5625ZM20.6425 7.875L22.1439 4.25L22.3941 3.625L23.5827 5.6875L20.6425 7.875ZM18.328 5.125L19.5791 1.5L22.2064 3.3125L18.328 5.125ZM19.0161 2.4375L18.0777 5.125L13.0107 1.1875L19.3914 1.4375L19.0161 2.4375ZM12.3852 1.25L7.3807 5.1875L6.00447 1.5L12.3852 1.25ZM1.75067 5.9375L4.75335 8.25L1.25022 14.5625L1.75067 5.9375ZM1.25022 15.5L4.81591 21.8125L2.18856 23.875L1.75067 24.1875L1.25022 15.5ZM6.00447 25.1875L7.06792 24.5625L5.8168 28.5L3.18946 26.6875L6.00447 25.1875ZM6.00447 28.625L7.31814 24.5625L12.3852 28.875L6.00447 28.625ZM19.2038 28.625L18.0777 24.5625L22.1439 26.75L19.2038 28.625ZM23.6452 24.1875L22.1439 23L20.58 21.8125L24.1457 15.5L23.6452 24.1875Z" fill="#4C4D4F" stroke="#4C4D4F" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Cushion</span></div>

                                            <div class="child-shape btn btn-ozone All Shape" caption="Shape" shape="6" id="PS" ng-click="MakeSelectionShape('SHAPE_SEQ','6','PS')"><svg width="35" style="margin:auto;" height="35" viewBox="0 0 21 30" fill="none"><path d="M1.00796 20.4567C1.1341 22.8888 2.01712 25.3208 4.03543 26.8799C4.98152 27.6905 6.36911 28.1894 7.56749 28.5012C8.51358 28.7507 9.52273 28.9378 10.595 29.0001C11.6672 28.9378 12.6764 28.7507 13.6224 28.5012C14.7577 28.3765 16.3346 27.6282 17.1545 26.8799C19.1728 25.3208 20.0558 22.8888 20.182 20.4567C20.3712 16.6527 19.0467 12.7863 17.3437 9.41883C15.83 6.17607 13.7486 2.99567 10.7211 1.00012H10.595C6.05375 4.11816 3.27857 9.48119 1.8279 14.5948C1.26025 16.4656 0.944886 18.4611 1.00796 20.4567ZM1.95404 14.7819L3.59393 16.1538L3.97236 16.4656L2.01712 19.0224L1.19718 20.1449C1.19718 18.5235 1.44947 16.715 1.95404 14.7819ZM6.81062 4.92885L8.32436 6.30079L8.63972 6.61259L6.30604 7.73509L4.41387 8.60814C5.23381 7.29856 5.99068 5.98899 6.81062 4.92885ZM14.4424 4.92885C15.2623 6.05135 16.0192 7.29856 16.7761 8.60814L14.7577 7.61037L12.6133 6.61259L13.3702 5.92663L14.4424 4.92885ZM17.0284 26.6304L14.5685 26.2562L13.3071 26.0692L14.3793 23.3253L17.1545 22.5146L17.0914 24.9467L17.0284 26.6304ZM4.16158 25.009L4.09851 22.6393L6.87369 23.45L7.94592 26.1939L4.22465 26.6928L4.16158 25.009ZM5.04459 15.6549L7.06291 13.4723C6.1799 15.2184 5.67532 17.1516 5.4861 19.0848L4.28772 16.4656L5.04459 15.6549ZM9.39659 10.479C9.77502 10.0424 10.2165 9.60591 10.595 9.16939C11.6672 10.2919 12.6764 11.4144 13.4963 12.724C14.6947 14.5948 15.3885 17.0268 15.5146 19.5213C15.3885 22.2652 13.6855 24.5101 10.7842 24.8843C9.45966 25.0714 7.81978 24.136 6.93677 23.2006C5.92761 22.2028 5.61224 20.8309 5.54917 19.4589C5.86453 16.1538 7.12598 13.0358 9.39659 10.479C9.71195 10.1048 8.89201 11.1026 9.39659 10.479ZM7.94592 24.2607C8.63972 24.6972 9.39659 25.009 10.2165 25.1338L9.08123 25.695L8.19821 26.1315L7.25213 23.8242C7.44134 23.9489 7.69363 24.0736 7.94592 24.2607ZM11.6041 25.009C12.4871 24.7596 13.3071 24.3231 14.0009 23.7618L13.0548 26.0692L11.0365 25.1338C11.2257 25.0714 11.4149 25.009 11.6041 25.009ZM15.01 22.577C15.5146 21.7663 15.7038 20.8309 15.7669 19.9578L17.0914 22.4522L16.2084 22.7017L14.6316 23.1382C14.7577 22.9511 14.8839 22.764 15.01 22.577ZM5.61224 20.7685C5.80146 21.5792 6.11682 22.4522 6.6214 23.0758L4.16158 22.3899L5.4861 19.8954C5.4861 20.2072 5.54917 20.5191 5.61224 20.7685ZM15.7669 19.0848C15.5777 17.1516 15.0731 15.2184 14.1901 13.4723L16.9022 16.4656L15.7669 19.0848ZM5.42303 19.5213L3.97236 22.2652L1.32332 20.332L4.16158 16.5903L5.42303 19.5213ZM8.32436 26.2562L10.658 25.1961L12.9917 26.2562L12.6764 26.5681L10.658 28.6883L8.32436 26.2562ZM15.83 19.5213L17.0914 16.6527L19.9297 20.3943L17.2806 22.3275L15.83 19.5213ZM13.7486 12.5992L12.8025 7.92217L12.5502 6.79968L16.9022 8.91994V11.0402L16.9653 16.1538L13.7486 12.5992ZM12.361 6.86204L13.4332 12.1003C12.6764 10.9778 11.7303 9.98008 10.7842 8.9823L11.3518 8.23397L12.361 6.86204ZM10.4688 9.04467C9.52273 10.0424 8.57665 11.0402 7.81978 12.1627L8.89201 6.9244L9.64888 7.98453L10.4688 9.04467ZM4.3508 8.91994L8.70279 6.79968L7.50442 12.5992L4.28772 16.1538L4.3508 11.0402V8.91994ZM10.3427 28.7507C9.39659 28.6883 8.51358 28.5012 7.69363 28.3142L8.13514 26.4433L10.3427 28.7507ZM13.0548 26.4433L13.4963 28.3142C12.6764 28.5012 11.7933 28.6883 10.8473 28.7507L13.0548 26.4433ZM12.2979 6.61259L11.3518 7.92217L10.658 8.85758L8.95508 6.61259L10.595 1.43665L11.5411 4.42997L12.2979 6.61259ZM2.58477 21.5792L3.78314 22.4522L2.26941 23.6371L1.95404 23.8242C1.57561 22.8888 1.32332 21.8286 1.19718 20.6438L2.58477 21.5792ZM2.08019 24.0736L3.90929 22.7017L3.97236 26.5681C3.15242 25.8821 2.5217 25.009 2.08019 24.0736ZM7.94592 26.3186L7.50442 28.2518C6.30604 27.94 5.23381 27.4411 4.3508 26.8175L7.94592 26.3186ZM13.7486 28.2518L13.3071 26.3186L16.9022 26.8175C16.0192 27.4411 14.947 27.94 13.7486 28.2518ZM17.2806 26.5681L17.4068 22.7017L19.2359 24.0736C18.7313 25.009 18.1006 25.8821 17.2806 26.5681ZM19.299 23.8242L18.9836 23.6371L17.4699 22.4522L18.6682 21.5792L19.9928 20.6438C19.9297 21.8286 19.6774 22.8888 19.299 23.8242ZM20.0558 20.0825L17.2806 16.4032L17.596 16.1538L19.299 14.7195C19.8035 16.715 20.0558 18.5235 20.0558 20.0825ZM19.2359 14.5948L18.6682 15.0313L17.2176 16.2162L17.1545 12.1627V9.35647C17.9744 11.0402 18.7313 12.8487 19.2359 14.5948ZM14.3162 4.74177L12.4241 6.42551L10.7842 1.37429C11.6672 1.99789 12.9286 3.12039 14.3162 4.74177ZM10.4057 1.37429L9.71195 3.55691L8.76587 6.42551L6.93677 4.74177C8.19821 3.30747 9.33352 2.18498 10.4057 1.37429ZM4.09851 12.038L4.03543 16.2162L2.64784 15.0937L2.01712 14.5948C2.5217 12.8487 3.27857 11.0402 4.16158 9.29411L4.09851 12.038Z" fill="#4C4D4F"></path><path d="M9.39659 10.479C9.77502 10.0424 10.2165 9.60591 10.595 9.16939C11.6672 10.2919 12.6764 11.4144 13.4963 12.724C14.6947 14.5948 15.3885 17.0268 15.5146 19.5213C15.3885 22.2652 13.6855 24.5101 10.7842 24.8843C9.45966 25.0714 7.81978 24.136 6.93677 23.2006C5.92761 22.2028 5.61224 20.8309 5.54917 19.4589C5.86453 16.1538 7.12598 13.0358 9.39659 10.479ZM9.39659 10.479C9.71195 10.1048 8.89201 11.1026 9.39659 10.479ZM1.00796 20.4567C1.1341 22.8888 2.01712 25.3208 4.03543 26.8799C4.98152 27.6905 6.36911 28.1894 7.56749 28.5012C8.51358 28.7507 9.52273 28.9378 10.595 29.0001C11.6672 28.9378 12.6764 28.7507 13.6224 28.5012C14.7577 28.3765 16.3346 27.6282 17.1545 26.8799C19.1728 25.3208 20.0558 22.8888 20.182 20.4567C20.3712 16.6527 19.0467 12.7863 17.3437 9.41883C15.83 6.17607 13.7486 2.99567 10.7211 1.00012H10.595C6.05375 4.11816 3.27857 9.48119 1.8279 14.5948C1.26025 16.4656 0.944886 18.4611 1.00796 20.4567ZM1.95404 14.7819L3.59393 16.1538L3.97236 16.4656L2.01712 19.0224L1.19718 20.1449C1.19718 18.5235 1.44947 16.715 1.95404 14.7819ZM6.81062 4.92885L8.32436 6.30079L8.63972 6.61259L6.30604 7.73509L4.41387 8.60814C5.23381 7.29856 5.99068 5.98899 6.81062 4.92885ZM14.4424 4.92885C15.2623 6.05135 16.0192 7.29856 16.7761 8.60814L14.7577 7.61037L12.6133 6.61259L13.3702 5.92663L14.4424 4.92885ZM17.0284 26.6304L14.5685 26.2562L13.3071 26.0692L14.3793 23.3253L17.1545 22.5146L17.0914 24.9467L17.0284 26.6304ZM4.16158 25.009L4.09851 22.6393L6.87369 23.45L7.94592 26.1939L4.22465 26.6928L4.16158 25.009ZM5.04459 15.6549L7.06291 13.4723C6.1799 15.2184 5.67532 17.1516 5.4861 19.0848L4.28772 16.4656L5.04459 15.6549ZM7.94592 24.2607C8.63972 24.6972 9.39659 25.009 10.2165 25.1338L9.08123 25.695L8.19821 26.1315L7.25213 23.8242C7.44134 23.9489 7.69363 24.0736 7.94592 24.2607ZM11.6041 25.009C12.4871 24.7596 13.3071 24.3231 14.0009 23.7618L13.0548 26.0692L11.0365 25.1338C11.2257 25.0714 11.4149 25.009 11.6041 25.009ZM15.01 22.577C15.5146 21.7663 15.7038 20.8309 15.7669 19.9578L17.0914 22.4522L16.2084 22.7017L14.6316 23.1382C14.7577 22.9511 14.8839 22.764 15.01 22.577ZM5.61224 20.7685C5.80146 21.5792 6.11682 22.4522 6.6214 23.0758L4.16158 22.3899L5.4861 19.8954C5.4861 20.2072 5.54917 20.5191 5.61224 20.7685ZM15.7669 19.0848C15.5777 17.1516 15.0731 15.2184 14.1901 13.4723L16.9022 16.4656L15.7669 19.0848ZM5.42303 19.5213L3.97236 22.2652L1.32332 20.332L4.16158 16.5903L5.42303 19.5213ZM8.32436 26.2562L10.658 25.1961L12.9917 26.2562L12.6764 26.568L10.658 28.6883L8.32436 26.2562ZM15.83 19.5213L17.0914 16.6527L19.9297 20.3943L17.2806 22.3275L15.83 19.5213ZM13.7486 12.5992L12.8025 7.92217L12.5502 6.79968L16.9022 8.91994V11.0402L16.9653 16.1538L13.7486 12.5992ZM12.361 6.86204L13.4332 12.1003C12.6764 10.9778 11.7303 9.98008 10.7842 8.9823L11.3518 8.23398L12.361 6.86204ZM10.4688 9.04466C9.52273 10.0424 8.57665 11.0402 7.81978 12.1627L8.89201 6.9244L9.64888 7.98453L10.4688 9.04466ZM4.3508 8.91994L8.70279 6.79968L7.50442 12.5992L4.28772 16.1538L4.3508 11.0402V8.91994ZM10.3427 28.7507C9.39659 28.6883 8.51358 28.5012 7.69363 28.3142L8.13514 26.4433L10.3427 28.7507ZM13.0548 26.4433L13.4963 28.3142C12.6764 28.5012 11.7933 28.6883 10.8473 28.7507L13.0548 26.4433ZM12.2979 6.61259L11.3518 7.92217L10.658 8.85758L8.95508 6.61259L10.595 1.43665L11.5411 4.42997L12.2979 6.61259ZM2.58477 21.5792L3.78314 22.4522L2.26941 23.6371L1.95404 23.8242C1.57561 22.8888 1.32332 21.8286 1.19718 20.6438L2.58477 21.5792ZM2.08019 24.0736L3.90929 22.7017L3.97236 26.568C3.15242 25.8821 2.5217 25.009 2.08019 24.0736ZM7.94592 26.3186L7.50442 28.2518C6.30604 27.94 5.23381 27.4411 4.3508 26.8175L7.94592 26.3186ZM13.7486 28.2518L13.3071 26.3186L16.9022 26.8175C16.0192 27.4411 14.947 27.94 13.7486 28.2518ZM17.2806 26.568L17.4068 22.7017L19.2359 24.0736C18.7313 25.009 18.1006 25.8821 17.2806 26.568ZM19.299 23.8242L18.9836 23.6371L17.4699 22.4522L18.6682 21.5792L19.9928 20.6438C19.9297 21.8286 19.6774 22.8888 19.299 23.8242ZM20.0558 20.0825L17.2806 16.4032L17.596 16.1538L19.299 14.7195C19.8035 16.715 20.0558 18.5235 20.0558 20.0825ZM19.2359 14.5948L18.6682 15.0313L17.2176 16.2162L17.1545 12.1627V9.35647C17.9744 11.0402 18.7313 12.8487 19.2359 14.5948ZM14.3162 4.74177L12.4241 6.42551L10.7842 1.37429C11.6672 1.99789 12.9286 3.12039 14.3162 4.74177ZM10.4057 1.37429L9.71195 3.55691L8.76587 6.42551L6.93677 4.74177C8.19821 3.30747 9.33352 2.18498 10.4057 1.37429ZM4.09851 12.038L4.03543 16.2162L2.64784 15.0937L2.01712 14.5948C2.5217 12.8487 3.27857 11.0402 4.16158 9.29411L4.09851 12.038Z" stroke="#4C4D4F" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Pear</span></div>
                                            <div class="child-shape btn btn-ozone All Shape" caption="Shape" shape="13" id="RN" ng-click="MakeSelectionShape('SHAPE_SEQ','13','RN')"><img src="~/Images/shape_img/rap_radiant.svg" style="width: 35px; height: 35px; margin: auto" /><span>Radiant</span></div>
                                            <div class="child-shape btn btn-ozone All Shape" caption="Shape" shape="15" id="HT" ng-click="MakeSelectionShape('SHAPE_SEQ','15','HT')"><svg width="35" style="margin:auto;" height="35" viewBox="0 0 33 30" fill="none"><path d="M1.2057 12.1743C1.27025 12.2385 1.27025 12.2385 1.2057 12.1743C1.2057 12.2385 1.2057 12.3028 1.27025 12.3028V12.367C1.27025 12.367 1.27025 12.367 1.27025 12.4312V12.4954C1.33481 12.6881 1.39937 12.8165 1.46392 13.0092L1.52848 13.1376V13.2018L1.65759 13.5229C1.65759 13.5872 1.72215 13.6514 1.72215 13.7156L1.98037 14.3578L2.04493 14.5505L2.10949 14.6147L2.62594 15.578C2.62594 15.578 2.62594 15.578 2.62594 15.6422L2.81961 16.0275C2.88416 16.156 3.01328 16.2844 3.07783 16.4771C3.14239 16.5413 3.14239 16.6055 3.20695 16.6055L3.40062 16.8624L3.78795 17.3119C3.85251 17.3761 3.85251 17.3761 3.91707 17.4404C6.04743 20.0734 8.24235 22.6422 10.8892 24.7615C11.6638 25.4037 12.4385 26.0459 13.2132 26.6239L13.6005 26.8807C13.7296 26.945 13.7942 27.0092 13.9233 27.1376L16.5056 29C16.5701 29 16.5701 29 16.6347 29L19.2169 27.1376C19.2815 27.0734 19.3461 27.0092 19.4106 27.0092L20.0562 26.5596C20.8309 25.9816 21.541 25.4037 22.2511 24.7615C22.2511 24.7615 22.2511 24.7615 22.3157 24.7615C23.5422 23.6697 24.8979 22.6422 25.9954 21.422C27.1574 20.1376 28.1903 18.8532 29.2878 17.5046C29.3523 17.4404 29.3523 17.4404 29.4169 17.3761L29.8042 16.9266C29.8042 16.9266 29.8042 16.9266 29.8042 16.8624L29.8688 16.7982L29.9333 16.7339C29.9979 16.6697 29.9979 16.6055 30.0624 16.6055L29.9979 16.5413H30.127C30.1915 16.4128 30.3207 16.2844 30.3852 16.156L30.6434 15.6422C30.6434 15.578 30.708 15.578 30.708 15.5138L30.9017 15.1927L31.1599 14.6789L31.289 14.422L31.4827 13.9083C31.4827 13.844 31.4827 13.844 31.5472 13.7798L31.6118 13.5229V13.4587L31.6763 13.3945L31.7409 13.2661C31.7409 13.2018 31.7409 13.2018 31.8055 13.1376L31.9346 12.8165H31.8055H31.9346V12.7523L31.8055 12.6881H31.9346H31.87H31.9991V12.5596C32.3865 11.1468 32.1282 9.41284 31.9346 7.93578C31.8055 6.84404 31.4181 6.00917 30.8371 5.04587C30.3852 4.33945 29.9333 3.44037 29.2878 2.86239C28.1257 1.89908 26.3182 1 24.7688 1.12844C23.9296 1.12844 23.1549 1.19266 22.3157 1.3211C21.541 1.44954 20.7017 1.51376 20.0562 1.9633C18.8296 2.92661 17.4739 3.95413 16.6347 5.30275C16.0537 4.46789 15.279 3.76147 14.5043 3.11927C14.0524 2.66972 13.4714 2.02752 12.8904 1.77064C11.6638 1.19266 9.85626 1.12844 8.50058 1.12844C6.95122 0.678899 4.94997 1.57798 3.85251 2.66972C3.40062 3.05505 3.07783 3.69725 2.75505 4.14679C2.30316 4.85321 1.59303 5.75229 1.46392 6.58716C1.14114 8.3211 0.753801 10.5046 1.2057 12.1743ZM1.72215 6.52293C2.04493 5.62385 3.40062 3.63303 3.85251 2.99083L5.07908 7.74312L1.72215 6.52293ZM28.1903 7.74312L29.4169 2.99083C29.8688 3.63303 31.2244 5.62385 31.5472 6.52293L28.1903 7.74312ZM25.7372 21.3578L22.3157 23.0917L18.184 25.1468L23.6713 19.0459L27.0283 16.4771L26.1245 20.0734L25.7372 21.3578ZM26.3182 12.4312L27.1574 16.156L23.865 18.5963L24.446 17.055L26.3182 12.4312ZM14.9562 24.6972L10.179 19.4312L16.441 23.2844L15.4727 25.3394L14.9562 24.6972ZM6.11199 16.156L6.95122 12.4312L8.7588 17.1193L9.33981 18.6605L7.08033 16.8624L6.11199 16.156ZM25.608 13.5872L23.5422 18.8532L16.6347 23.0917L9.72715 18.8532L7.66134 13.5872L7.08033 12.0459L8.11324 6.97248L16.6347 6.58716L25.1561 6.97248L26.189 12.0459L25.608 13.5872ZM17.7321 25.2752L16.7638 23.2844L21.3473 20.4587L23.0258 19.4312L22.1865 20.3303L17.7321 25.2752ZM23.1549 6.65138L17.5385 6.39449L22.9612 5.23853L24.8979 6.7156L23.1549 6.65138ZM13.7296 6.45871L8.37146 6.7156L10.3082 5.23853L15.7955 6.39449L13.7296 6.45871ZM25.2853 6.77982L23.2194 5.17431L29.1586 2.92661L27.9321 7.80734L25.2853 6.77982ZM5.33731 8L7.85501 7.0367L6.88666 11.6606L6.69299 11.1468L5.33731 8ZM1.52848 12.1743L5.2082 8.12844L6.82211 12.0459L5.91832 15.9633L1.52848 12.1743ZM7.53223 21.3578L6.17654 16.4771L9.53348 19.0459L15.0208 25.1468L8.82336 22.0642L7.53223 21.3578ZM16.6347 23.4771L17.603 25.4679L16.6347 28.5505L15.6663 25.4679L16.6347 23.4771ZM26.3827 11.6606L25.4144 7.0367L27.9321 8L26.6409 11.1468L26.3827 11.6606ZM21.8638 5.23853L20.8309 5.43119L16.6347 6.26605L11.5347 5.30275H11.4056H16.6347L21.8638 5.23853ZM9.98537 5.17431L7.91957 6.77982L5.27275 7.80734L4.04618 2.92661L9.98537 5.17431ZM17.7967 25.7248L18.3777 26.367L19.0233 27.0734L16.8284 28.6789L17.7967 25.7248ZM27.3511 15.9633L26.4473 12.0459L26.7055 11.4037L28.0612 8.12844L30.5789 10.8899L31.7409 12.1743L31.5472 12.367L27.3511 15.9633ZM3.59428 16.7339C3.59428 16.7339 3.52973 16.7339 3.59428 16.7339L3.46517 16.5413C3.40062 16.4771 3.40062 16.4128 3.33606 16.4128V16.3486C3.2715 16.2202 3.14239 16.0917 3.07783 15.9633L2.88416 15.6422V15.578L2.43227 14.6789C2.43227 14.6789 2.43227 14.6147 2.36771 14.6147L1.98037 13.6514C1.98037 13.5872 1.98037 13.5872 1.91582 13.5229L1.72215 13.0092C1.65759 12.8807 1.59303 12.6881 1.59303 12.5596L5.7892 16.2202L4.17529 17.2477L4.04618 17.3119L3.98162 17.2477L3.59428 16.7339ZM4.17529 17.4404L5.85376 16.3486L7.14489 21.0367C6.17654 19.8807 5.14364 18.6605 4.17529 17.4404ZM13.536 26.6239C13.4714 26.5596 13.4714 26.5596 13.536 26.6239L13.4069 26.4954C12.6322 25.9174 11.8575 25.2752 11.0828 24.633C10.0499 23.7339 9.08158 22.8349 8.11324 21.9358L15.4081 25.5963L14.117 27.0092C14.0524 27.0092 14.0524 26.945 13.9879 26.945L13.536 26.6239ZM15.4727 25.7248L16.441 28.6789L14.2461 27.0734L15.4727 25.7248ZM22.8967 23.9908C22.6384 24.1835 22.4448 24.3761 22.1865 24.633C21.4764 25.2752 20.7663 25.8532 19.9916 26.4312L19.798 26.5596C19.798 26.5596 19.7334 26.5596 19.7334 26.6239L19.3461 26.8807C19.2815 26.8807 19.2815 26.945 19.2169 26.945L17.9258 25.5321L25.2207 21.8716C24.6397 22.4495 23.8005 23.2202 22.8967 23.9908C22.703 24.1835 23.8005 23.2202 22.8967 23.9908ZM28.2549 18.4037C27.2865 19.5596 26.5764 20.4587 26.0599 20.9725L27.3511 16.2844L29.0295 17.3761C28.9004 17.633 28.6422 17.9541 28.2549 18.4037C27.2865 19.5596 28.6422 17.9541 28.2549 18.4037ZM31.6763 12.5596C31.6763 12.6239 31.6763 12.6239 31.6763 12.5596L31.6118 12.8165C31.6118 12.8807 31.6118 12.8807 31.5472 12.945L31.4827 13.0734L31.6118 13.1376H31.4827V13.2018L31.6118 13.2661H31.4827L31.3536 13.5229C31.3536 13.5872 31.3536 13.5872 31.289 13.6514L31.2244 13.844V13.9083L30.9662 14.4862L31.0953 14.5505H30.9662C30.9662 14.6147 30.9017 14.6789 30.9017 14.7431L30.708 15.0642L30.5789 15.3853C30.5789 15.4495 30.5143 15.5138 30.5143 15.5138L30.2561 16.0275C30.1915 16.156 30.0624 16.2844 29.9979 16.4128V16.4771C29.9333 16.5413 29.9333 16.6055 29.8688 16.6055L29.8042 16.6697C29.8042 16.6697 29.8042 16.7339 29.7397 16.7339L29.3523 17.1835L29.2878 17.2477L29.1586 17.1835L27.4802 16.156L31.6763 12.4954V12.5596ZM31.87 11.9174L28.2549 7.93578L30.0624 7.29358L31.6118 6.7156C31.6763 7.42202 32.1282 10.4404 31.87 11.9174ZM29.1586 2.66972L23.2194 4.91743L24.8334 1.06422H24.8979C27.0283 1.06422 28.6422 2.2844 29.1586 2.66972ZM24.5751 1.06422L23.4131 3.95413L22.9612 4.91743L20.5726 1.6422C21.8638 1.25688 23.2194 1 24.5751 1.06422ZM20.379 1.70642L22.7676 5.04587L16.8284 5.11009C17.5385 4.01835 19.8625 2.09174 20.379 1.70642ZM16.441 5.04587L10.5018 4.98165L12.8904 1.6422C13.3423 2.09174 15.7309 4.01835 16.441 5.04587ZM12.6322 1.57798L10.2436 4.85321L9.85626 3.88991L8.69424 1C9.98537 1 11.4056 1.25688 12.6322 1.57798ZM8.37146 1.06422L10.0499 4.91743L4.11074 2.66972C4.62719 2.2844 6.2411 1.06422 8.37146 1.06422ZM1.65759 6.77982L3.20695 7.3578L5.01453 8L1.39937 11.9817C1.07658 10.4404 1.52848 7.42202 1.65759 6.77982Z" fill="#4C4D4F"></path><path d="M22.8967 23.9908C22.6384 24.1835 22.4448 24.3761 22.1865 24.633C21.4764 25.2752 20.7663 25.8532 19.9916 26.4312L19.798 26.5596C19.798 26.5596 19.7334 26.5596 19.7334 26.6239L19.3461 26.8807C19.2815 26.8807 19.2815 26.945 19.2169 26.945L17.9258 25.5321L25.2207 21.8716C24.6397 22.4495 23.8005 23.2202 22.8967 23.9908ZM22.8967 23.9908C22.703 24.1835 23.8005 23.2202 22.8967 23.9908ZM28.2549 18.4037C27.2865 19.5596 26.5764 20.4587 26.0599 20.9725L27.3511 16.2844L29.0295 17.3761C28.9004 17.633 28.6422 17.9541 28.2549 18.4037ZM28.2549 18.4037C27.2865 19.5596 28.6422 17.9541 28.2549 18.4037ZM1.2057 12.1743C1.27025 12.2385 1.27025 12.2385 1.2057 12.1743C1.2057 12.2385 1.2057 12.3028 1.27025 12.3028V12.367C1.27025 12.367 1.27025 12.367 1.27025 12.4312V12.4954C1.33481 12.6881 1.39937 12.8165 1.46392 13.0092L1.52848 13.1376V13.2018L1.65759 13.5229C1.65759 13.5872 1.72215 13.6514 1.72215 13.7156L1.98037 14.3578L2.04493 14.5505L2.10949 14.6147L2.62594 15.578C2.62594 15.578 2.62594 15.578 2.62594 15.6422L2.81961 16.0275C2.88416 16.156 3.01328 16.2844 3.07783 16.4771C3.14239 16.5413 3.14239 16.6055 3.20695 16.6055L3.40062 16.8624L3.78795 17.3119C3.85251 17.3761 3.85251 17.3761 3.91707 17.4404C6.04743 20.0734 8.24235 22.6422 10.8892 24.7615C11.6638 25.4037 12.4385 26.0459 13.2132 26.6239L13.6005 26.8807C13.7296 26.945 13.7942 27.0092 13.9233 27.1376L16.5056 29C16.5701 29 16.5701 29 16.6347 29L19.2169 27.1376C19.2815 27.0734 19.3461 27.0092 19.4106 27.0092L20.0562 26.5596C20.8309 25.9816 21.541 25.4037 22.2511 24.7615C22.2511 24.7615 22.2511 24.7615 22.3157 24.7615C23.5422 23.6697 24.8979 22.6422 25.9954 21.422C27.1574 20.1376 28.1903 18.8532 29.2878 17.5046C29.3523 17.4404 29.3523 17.4404 29.4169 17.3761L29.8042 16.9266C29.8042 16.9266 29.8042 16.9266 29.8042 16.8624L29.8688 16.7982L29.9333 16.7339C29.9979 16.6697 29.9979 16.6055 30.0624 16.6055L29.9979 16.5413H30.127C30.1915 16.4128 30.3207 16.2844 30.3852 16.156L30.6434 15.6422C30.6434 15.578 30.708 15.578 30.708 15.5138L30.9017 15.1927L31.1599 14.6789L31.289 14.422L31.4827 13.9083C31.4827 13.844 31.4827 13.844 31.5472 13.7798L31.6118 13.5229V13.4587L31.6763 13.3945L31.7409 13.2661C31.7409 13.2018 31.7409 13.2018 31.8055 13.1376L31.9346 12.8165H31.8055H31.9346V12.7523L31.8055 12.6881H31.9346H31.87H31.9991V12.5596C32.3865 11.1468 32.1282 9.41284 31.9346 7.93578C31.8055 6.84404 31.4181 6.00917 30.8371 5.04587C30.3852 4.33945 29.9333 3.44037 29.2878 2.86239C28.1257 1.89908 26.3182 1 24.7688 1.12844C23.9296 1.12844 23.1549 1.19266 22.3157 1.3211C21.541 1.44954 20.7017 1.51376 20.0562 1.9633C18.8296 2.92661 17.4739 3.95413 16.6347 5.30275C16.0537 4.46789 15.279 3.76147 14.5043 3.11927C14.0524 2.66972 13.4714 2.02752 12.8904 1.77064C11.6638 1.19266 9.85626 1.12844 8.50058 1.12844C6.95122 0.678899 4.94997 1.57798 3.85251 2.66972C3.40062 3.05505 3.07783 3.69725 2.75505 4.14679C2.30316 4.85321 1.59303 5.75229 1.46392 6.58716C1.14114 8.3211 0.753801 10.5046 1.2057 12.1743ZM1.72215 6.52293C2.04493 5.62385 3.40062 3.63303 3.85251 2.99083L5.07908 7.74312L1.72215 6.52293ZM28.1903 7.74312L29.4169 2.99083C29.8688 3.63303 31.2244 5.62385 31.5472 6.52293L28.1903 7.74312ZM25.7371 21.3578L22.3157 23.0917L18.184 25.1468L23.6713 19.0459L27.0283 16.4771L26.1245 20.0734L25.7371 21.3578ZM26.3182 12.4312L27.1574 16.156L23.865 18.5963L24.446 17.055L26.3182 12.4312ZM14.9562 24.6972L10.179 19.4312L16.441 23.2844L15.4727 25.3394L14.9562 24.6972ZM6.11199 16.156L6.95122 12.4312L8.7588 17.1193L9.33981 18.6605L7.08033 16.8624L6.11199 16.156ZM25.608 13.5872L23.5422 18.8532L16.6347 23.0917L9.72715 18.8532L7.66134 13.5872L7.08033 12.0459L8.11324 6.97248L16.6347 6.58716L25.1561 6.97248L26.189 12.0459L25.608 13.5872ZM17.7321 25.2752L16.7638 23.2844L21.3473 20.4587L23.0258 19.4312L22.1865 20.3303L17.7321 25.2752ZM23.1549 6.65138L17.5385 6.39449L22.9612 5.23853L24.8979 6.7156L23.1549 6.65138ZM13.7296 6.45872L8.37146 6.7156L10.3082 5.23853L15.7955 6.39449L13.7296 6.45872ZM25.2853 6.77982L23.2194 5.17431L29.1586 2.92661L27.9321 7.80734L25.2853 6.77982ZM5.33731 8L7.85501 7.0367L6.88666 11.6605L6.69299 11.1468L5.33731 8ZM1.52848 12.1743L5.2082 8.12844L6.82211 12.0459L5.91832 15.9633L1.52848 12.1743ZM7.53223 21.3578L6.17654 16.4771L9.53348 19.0459L15.0208 25.1468L8.82336 22.0642L7.53223 21.3578ZM16.6347 23.4771L17.603 25.4679L16.6347 28.5505L15.6663 25.4679L16.6347 23.4771ZM26.3827 11.6605L25.4144 7.0367L27.9321 8L26.6409 11.1468L26.3827 11.6605ZM21.8638 5.23853L20.8309 5.43119L16.6347 6.26605L11.5347 5.30275H11.4056H16.6347L21.8638 5.23853ZM9.98537 5.17431L7.91957 6.77982L5.27275 7.80734L4.04618 2.92661L9.98537 5.17431ZM17.7967 25.7248L18.3777 26.367L19.0233 27.0734L16.8284 28.6789L17.7967 25.7248ZM27.3511 15.9633L26.4473 12.0459L26.7055 11.4037L28.0612 8.12844L30.5789 10.8899L31.7409 12.1743L31.5472 12.367L27.3511 15.9633ZM3.59428 16.7339C3.59428 16.7339 3.52973 16.7339 3.59428 16.7339L3.46517 16.5413C3.40062 16.4771 3.40062 16.4128 3.33606 16.4128V16.3486C3.2715 16.2202 3.14239 16.0917 3.07783 15.9633L2.88416 15.6422V15.578L2.43227 14.6789C2.43227 14.6789 2.43227 14.6147 2.36771 14.6147L1.98037 13.6514C1.98037 13.5872 1.98037 13.5872 1.91582 13.5229L1.72215 13.0092C1.65759 12.8807 1.59303 12.6881 1.59303 12.5596L5.7892 16.2202L4.17529 17.2477L4.04618 17.3119L3.98162 17.2477L3.59428 16.7339ZM4.17529 17.4404L5.85376 16.3486L7.14489 21.0367C6.17654 19.8807 5.14364 18.6605 4.17529 17.4404ZM13.536 26.6239C13.4714 26.5596 13.4714 26.5596 13.536 26.6239L13.4069 26.4954C12.6322 25.9174 11.8575 25.2752 11.0828 24.633C10.0499 23.7339 9.08158 22.8349 8.11324 21.9358L15.4081 25.5963L14.117 27.0092C14.0524 27.0092 14.0524 26.945 13.9879 26.945L13.536 26.6239ZM15.4727 25.7248L16.441 28.6789L14.2461 27.0734L15.4727 25.7248ZM31.6763 12.5596C31.6763 12.6239 31.6763 12.6239 31.6763 12.5596L31.6118 12.8165C31.6118 12.8807 31.6118 12.8807 31.5472 12.945L31.4827 13.0734L31.6118 13.1376H31.4827V13.2018L31.6118 13.2661H31.4827L31.3536 13.5229C31.3536 13.5872 31.3536 13.5872 31.289 13.6514L31.2244 13.844V13.9083L30.9662 14.4862L31.0953 14.5505H30.9662C30.9662 14.6147 30.9017 14.6789 30.9017 14.7431L30.708 15.0642L30.5789 15.3853C30.5789 15.4495 30.5143 15.5138 30.5143 15.5138L30.2561 16.0275C30.1915 16.156 30.0624 16.2844 29.9979 16.4128V16.4771C29.9333 16.5413 29.9333 16.6055 29.8688 16.6055L29.8042 16.6697C29.8042 16.6697 29.8042 16.7339 29.7397 16.7339L29.3523 17.1835L29.2878 17.2477L29.1586 17.1835L27.4802 16.156L31.6763 12.4954V12.5596ZM31.87 11.9174L28.2549 7.93578L30.0624 7.29358L31.6118 6.7156C31.6763 7.42202 32.1282 10.4404 31.87 11.9174ZM29.1586 2.66972L23.2194 4.91743L24.8334 1.06422H24.8979C27.0283 1.06422 28.6422 2.2844 29.1586 2.66972ZM24.5751 1.06422L23.4131 3.95413L22.9612 4.91743L20.5726 1.6422C21.8638 1.25688 23.2194 1 24.5751 1.06422ZM20.379 1.70642L22.7676 5.04587L16.8284 5.11009C17.5385 4.01835 19.8625 2.09174 20.379 1.70642ZM16.441 5.04587L10.5018 4.98165L12.8904 1.6422C13.3423 2.09174 15.7309 4.01835 16.441 5.04587ZM12.6322 1.57798L10.2436 4.85321L9.85626 3.88991L8.69424 1C9.98537 1 11.4056 1.25688 12.6322 1.57798ZM8.37146 1.06422L10.0499 4.91743L4.11074 2.66972C4.62719 2.2844 6.2411 1.06422 8.37146 1.06422ZM1.65759 6.77982L3.20695 7.3578L5.01453 8L1.39937 11.9817C1.07658 10.4404 1.52848 7.42202 1.65759 6.77982Z" stroke="#4C4D4F" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Heart</span></div>
                                            <div class="child-shape btn btn-ozone All Shape" caption="Shape" shape="7" id="OV" ng-click="MakeSelectionShape('SHAPE_SEQ','7','OV')"><svg width="35" style="margin:auto;" height="35" viewBox="0 0 20 30" fill="none"><path d="M16.3133 5.09958C14.1804 1.77549 10.2911 -0.334035 6.65262 1.96726L6.52715 2.03119L6.40169 2.15904C1.00677 5.86668 0.128524 14.4965 1.69682 20.3776C2.38686 22.9986 3.6415 25.6195 5.71164 27.3455C7.90725 29.1993 10.7929 29.5828 13.3022 28.0486L13.4276 27.9208L13.5531 27.7929C17.5052 25.0442 18.8853 19.4827 18.8853 14.944V14.8801C18.948 11.556 18.1952 8.04013 16.3133 5.09958C15.4978 3.75716 17.1915 6.44201 16.3133 5.09958ZM12.7376 24.7885L13.7413 20.889L16.1251 19.3548V24.7885H12.7376ZM12.4239 24.9163L9.9774 28.7518L7.53086 24.9163L7.71905 24.7885L9.9774 23.3182L10.0401 23.3821L12.4239 24.9163ZM7.53086 5.16351L9.9774 1.32801L12.4239 5.16351L12.2357 5.29136L9.9774 6.76163L9.28735 6.31416L7.53086 5.16351ZM15.1841 19.6745L13.804 20.5694L15.1214 15.4554L16.0624 19.0352L15.1841 19.6745ZM16.1251 10.9807L15.1841 14.5605L13.8668 9.44648L16.1251 10.9807ZM15.0587 15.0079L13.5531 20.7612L9.9774 23.0625L6.40169 20.7612L4.89613 15.0719L6.40169 9.31863L9.9774 7.01733L13.5531 9.31863L15.0587 15.0079ZM10.1656 6.88948L12.4867 5.35528L13.4276 8.999L10.1656 6.88948ZM6.52715 8.999L7.46813 5.35528L9.7892 6.88948L6.52715 8.999ZM6.15076 9.5104L4.8334 14.6244L3.89242 11.0446L4.8334 10.4054L6.15076 9.5104ZM9.7892 23.1903L7.46813 24.7245L6.52715 21.0808L9.7892 23.1903ZM3.70423 11.2364L4.70794 15.0719L3.70423 18.9074L2.38686 16.7978L1.25769 15.0719L2.38686 13.3459L3.70423 11.2364ZM3.82969 19.0991L4.77067 15.4554L6.08803 20.5694L5.77437 20.3776L3.82969 19.0991ZM10.1656 23.1903L13.4276 21.0169L12.4867 24.6606L10.6047 23.446L10.1656 23.1903ZM16.376 10.725V5.54706C17.0661 6.76163 17.6307 8.10405 18.0698 9.63825L16.376 10.725ZM16.1251 10.725L13.7413 9.19078L12.7376 5.29136H16.1251V10.725ZM6.2135 9.19078L3.82969 10.725V5.29136H7.27993L6.2135 9.19078ZM3.57877 19.0991L1.88501 20.1859C1.50862 18.6517 1.25769 17.0535 1.25769 15.3915L3.57877 19.0991ZM3.6415 19.3548V24.5328C2.95145 23.3182 2.38686 21.9758 1.94774 20.4416L3.6415 19.3548ZM3.82969 19.3548L6.0253 20.7612L6.27623 20.889L7.27993 24.7885H3.82969V19.3548ZM16.3133 18.8434L15.3096 15.0079L16.3133 11.1724L17.5052 13.0902L18.6971 15.0079L17.5052 16.9257L16.3133 18.8434ZM17.2543 12.3231L16.4388 10.9807L18.1325 9.89395C18.5089 11.4281 18.7598 13.0263 18.7598 14.6883L17.2543 12.3231ZM16.0624 5.03566H12.7376L13.4276 2.28689C14.4313 2.99006 15.3096 3.88501 16.0624 5.03566ZM13.2394 2.22296L12.5494 4.90781L11.9221 3.88501L10.2283 1.20016C11.232 1.26409 12.2985 1.58371 13.2394 2.22296ZM9.7892 1.20016L9.601 1.45586L7.4054 4.90781L6.71535 2.22296L6.77808 2.15904C7.78179 1.51979 8.78549 1.26409 9.7892 1.20016ZM6.52715 2.35081L7.27993 5.03566H3.95516C4.70794 3.88501 5.52345 2.99006 6.52715 2.35081ZM3.6415 10.725L1.94774 9.63825C2.32413 8.10405 2.88872 6.76163 3.6415 5.54706V10.725ZM1.88501 9.89395L3.57877 10.9807L1.25769 14.6244C1.25769 13.0263 1.50862 11.3642 1.88501 9.89395ZM3.95516 24.9802H7.27993L6.58988 27.729C5.58618 27.0898 4.70794 26.1948 3.95516 24.9802ZM6.71535 27.8569L7.4054 25.172L8.03271 26.1309L9.7892 28.8797C8.72276 28.8157 7.71906 28.4961 6.71535 27.8569ZM10.1656 28.8797L11.9221 26.1309L12.5494 25.172L13.2394 27.8569L13.1767 27.9208C12.2357 28.4961 11.232 28.8157 10.1656 28.8797ZM13.4904 27.729L12.7376 24.9802H16.0624C15.3096 26.1309 14.4313 27.0898 13.4904 27.729ZM16.376 19.3548L18.0698 20.4416C17.6934 21.9758 17.1288 23.3182 16.376 24.5328V19.3548ZM18.0698 20.1859L16.5015 19.1631L16.376 19.0991L17.1915 17.7567L18.6971 15.3915C18.6971 17.0535 18.5089 18.6517 18.0698 20.1859Z" fill="#4C4D4F"></path><path d="M16.3133 5.09958C14.1804 1.77549 10.2911 -0.334035 6.65262 1.96726L6.52715 2.03119L6.40169 2.15904C1.00677 5.86668 0.128524 14.4965 1.69682 20.3776C2.38686 22.9986 3.6415 25.6195 5.71164 27.3455C7.90725 29.1993 10.7929 29.5828 13.3022 28.0486L13.4276 27.9208L13.5531 27.7929C17.5052 25.0442 18.8853 19.4827 18.8853 14.944V14.8801C18.948 11.556 18.1952 8.04013 16.3133 5.09958ZM16.3133 5.09958C15.4978 3.75716 17.1915 6.44201 16.3133 5.09958ZM12.7376 24.7885L13.7413 20.889L16.1251 19.3548V24.7885H12.7376ZM12.4239 24.9163L9.97739 28.7518L7.53086 24.9163L7.71905 24.7885L9.97739 23.3182L10.0401 23.3821L12.4239 24.9163ZM7.53086 5.16351L9.97739 1.32801L12.4239 5.16351L12.2357 5.29136L9.97739 6.76163L9.28735 6.31416L7.53086 5.16351ZM15.1841 19.6745L13.804 20.5694L15.1214 15.4554L16.0624 19.0352L15.1841 19.6745ZM16.1251 10.9807L15.1841 14.5605L13.8668 9.44648L16.1251 10.9807ZM15.0587 15.0079L13.5531 20.7612L9.97739 23.0625L6.40169 20.7612L4.89613 15.0719L6.40169 9.31863L9.97739 7.01733L13.5531 9.31863L15.0587 15.0079ZM10.1656 6.88948L12.4867 5.35528L13.4276 8.999L10.1656 6.88948ZM6.52715 8.999L7.46813 5.35528L9.7892 6.88948L6.52715 8.999ZM6.15076 9.5104L4.8334 14.6244L3.89242 11.0446L4.8334 10.4054L6.15076 9.5104ZM9.7892 23.1903L7.46813 24.7245L6.52715 21.0808L9.7892 23.1903ZM3.70423 11.2364L4.70794 15.0719L3.70423 18.9074L2.38686 16.7978L1.25769 15.0719L2.38686 13.3459L3.70423 11.2364ZM3.82969 19.0991L4.77067 15.4554L6.08803 20.5694L5.77437 20.3776L3.82969 19.0991ZM10.1656 23.1903L13.4276 21.0169L12.4867 24.6606L10.6047 23.446L10.1656 23.1903ZM16.376 10.725V5.54706C17.0661 6.76163 17.6307 8.10405 18.0698 9.63825L16.376 10.725ZM16.1251 10.725L13.7413 9.19078L12.7376 5.29136H16.1251V10.725ZM6.2135 9.19078L3.82969 10.725V5.29136H7.27993L6.2135 9.19078ZM3.57877 19.0991L1.88501 20.1859C1.50862 18.6517 1.25769 17.0535 1.25769 15.3915L3.57877 19.0991ZM3.6415 19.3548V24.5328C2.95145 23.3182 2.38686 21.9758 1.94774 20.4416L3.6415 19.3548ZM3.82969 19.3548L6.0253 20.7612L6.27623 20.889L7.27993 24.7885H3.82969V19.3548ZM16.3133 18.8434L15.3096 15.0079L16.3133 11.1724L17.5052 13.0902L18.6971 15.0079L17.5052 16.9257L16.3133 18.8434ZM17.2543 12.3231L16.4388 10.9807L18.1325 9.89395C18.5089 11.4281 18.7598 13.0263 18.7598 14.6883L17.2543 12.3231ZM16.0624 5.03566H12.7376L13.4276 2.28689C14.4313 2.99006 15.3096 3.88501 16.0624 5.03566ZM13.2394 2.22296L12.5494 4.90781L11.9221 3.88501L10.2283 1.20016C11.232 1.26409 12.2985 1.58371 13.2394 2.22296ZM9.7892 1.20016L9.601 1.45586L7.4054 4.90781L6.71535 2.22296L6.77808 2.15904C7.78179 1.51979 8.78549 1.26409 9.7892 1.20016ZM6.52715 2.35081L7.27993 5.03566H3.95516C4.70794 3.88501 5.52345 2.99006 6.52715 2.35081ZM3.6415 10.725L1.94774 9.63825C2.32413 8.10405 2.88872 6.76163 3.6415 5.54706V10.725ZM1.88501 9.89395L3.57877 10.9807L1.25769 14.6244C1.25769 13.0263 1.50862 11.3642 1.88501 9.89395ZM3.95516 24.9802H7.27993L6.58988 27.729C5.58618 27.0898 4.70794 26.1948 3.95516 24.9802ZM6.71535 27.8569L7.4054 25.172L8.03271 26.1309L9.7892 28.8797C8.72276 28.8157 7.71906 28.4961 6.71535 27.8569ZM10.1656 28.8797L11.9221 26.1309L12.5494 25.172L13.2394 27.8569L13.1767 27.9208C12.2357 28.4961 11.232 28.8157 10.1656 28.8797ZM13.4904 27.729L12.7376 24.9802H16.0624C15.3096 26.1309 14.4313 27.0898 13.4904 27.729ZM16.376 19.3548L18.0698 20.4416C17.6934 21.9758 17.1288 23.3182 16.376 24.5328V19.3548ZM18.0698 20.1859L16.5015 19.1631L16.376 19.0991L17.1915 17.7567L18.6971 15.3915C18.6971 17.0535 18.5089 18.6517 18.0698 20.1859Z" stroke="#4C4D4F" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Oval</span></div>

                                            <div class="child-shape btn btn-ozone All Shape" caption="Shape" shape=">0" id="FAN" ng-click="MakeSelectionShape('SHAPE_SEQ','>0','FAN')"><svg width="35" style="margin:auto;" height="35" viewBox="0 0 26 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 22.0135C1 22.0677 1.0537 22.0677 1 22.0135L12.975 29C13.0287 29 13.0287 29 13.0824 29L25.0574 22.0135C25.0574 22.0135 25.1111 21.9594 25.1111 21.9052V8.04062C25.1111 7.98646 25.1111 7.98646 25.0574 7.9323L13.0824 1H12.975L1.0537 7.98646C1 7.98646 1 8.04062 1 8.04062V22.0135ZM13.0824 1.27079L14.9619 4.62863L16.8951 7.98646H9.21603L11.1492 4.62863L13.0824 1.27079ZM13.0824 28.7834L11.1492 25.4255L9.21603 22.0677H16.8414L14.9619 25.4255L13.0824 28.7834ZM1.1611 8.41973L2.39619 10.5861L4.97377 15.0271L2.02029 20.2263L1.2148 21.6344V8.41973H1.1611ZM24.95 8.41973V21.6344L21.7817 16.0561L21.191 15.0271L21.7817 13.9981L24.95 8.41973ZM9.05494 8.25725L12.8676 14.9188H5.24227L8.14204 9.82785L9.05494 8.25725ZM8.14204 20.2263L5.24227 15.1354H12.8676L9.05494 21.7969L8.14204 20.2263ZM17.0562 21.7969L13.2435 15.1354H20.8688L17.9691 20.2263L17.0562 21.7969ZM17.9691 9.82785L20.8688 14.9188H13.2435L17.0562 8.25725L17.9691 9.82785ZM13.0824 15.1896L16.8951 21.8511H9.21603L13.0824 15.1896ZM13.0824 14.8104L9.26973 8.14894H16.8951L13.0824 14.8104ZM3.14798 18.5474L5.08117 15.1896L7.01435 18.5474L8.94754 21.9052H1.2685L3.14798 18.5474ZM19.1505 18.5474L21.0836 15.1896L23.0168 18.5474L24.95 21.9052H17.2173L19.1505 18.5474ZM22.9631 11.5068L21.0299 14.8646L18.9357 11.1818L17.2173 8.14894H24.8426L22.9631 11.5068ZM7.01435 11.5068L5.08117 14.8646L3.14798 11.5068L1.2148 8.14894H8.84014L7.01435 11.5068ZM1.4296 22.0677H9.00124L9.59193 23.0967L12.8139 28.675L1.4296 22.0677ZM13.2972 28.675L16.4655 23.0967L17.0562 22.0677H24.6278L13.2972 28.675ZM24.6815 7.9323H17.1099L16.5192 6.90329L13.2972 1.32495L24.6815 7.9323ZM12.8139 1.32495L9.59193 6.90329L9.00124 7.9323H1.4296L12.8139 1.32495Z" fill="#4C4D4F" stroke="#4C4D4F" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"></path></svg><span>Other</span></div>
                                        </div>
                                        <div class="row-filter" style="border-bottom: 0!important;padding-bottom: 0!important;">
                                            <div class="label-box">
                                                <label class="searchlabel">Carat</label>
                                                @*<div class="clear-button btn  border rounded" id="ClearCts" ng-click="ClearSelection('Pointer','CTS');" style="padding: 2px 5px;margin-left: 20px;background: #007cc2;color: white;">Clear</div>*@
                                            </div>
                                            <div><input type="text" style="margin-left:3px;" class="form-control caratdata" id="txtFromCarat" ng-model="SearchText.SizeFrom" placeholder="From" /></div>
                                            <div style="margin-left: 9px;"><input type="text" class="form-control caratdata" id="txtToCarat" ng-model="SearchText.SizeTo" placeholder="To" /></div>
                                            <div>
                                                <p ng-click="AddfilterfromToCarat()" id="add-filter-from-to" class="plus-circle">
                                                    <i class="fa fa-plus"></i>
                                                </p>
                                            </div>
                                            <div><input id="txtResultFromToCarat" ng-model="SearchText.FromToCarat" type="text" class="form-control caratdata" style="width:250px !important" disabled /></div>
                                        </div>
                                        <div class="row-filter" data-toggle="buttons">
                                            <div class="label-box"><label></label></div>
                                            <div id="017022" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('0.17-0.22','017022')">0.17-0.22</div>
                                            <div id="023029" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('0.23-0.29','023029')">0.23-0.29</div>
                                            <div id="030039" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('0.30-0.39','030039')">0.30-0.39</div>
                                            <div id="040049" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('0.40-0.49','040049')">0.40-0.49</div>
                                            <div id="050069" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('0.50-0.69','050069')">0.50-0.69</div>
                                            <div id="070079" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('0.70-0.79','070079')">0.70-0.79</div>
                                            <div id="080089" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('0.80-0.89','080089')">0.80-0.89</div>
                                            <div id="090099" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('0.90-0.99','090099')">0.90-0.99</div>
                                            <div id="100149" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('1.00-1.49','100149')">1.00-1.49</div>
                                            <div id="150199" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('1.50-1.99','150199')">1.50-1.99</div>
                                            <div id="200299" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('2.00-2.99','200299')">2.00-2.99</div>
                                            <div id="300399" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('3.00-3.99','300399')">3.00-3.99</div>
                                            <div id="400499" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('4.00-4.99','400499')">4.00-4.99</div>
                                            <div id="5009999" class="Carat-Range btn CTS" ng-click="SetPointerToCarat('5.00-99.99','5009999')">5.00-99.99</div>
                                        </div>
                                        <div id="colour1" class="row-filter" data-toggle="buttons">
                                            <div class="label-box">
                                                <label class="searchlabel">Colour</label>
                                                @*<div class="clear-button btn  border rounded order-2 order-lg-1" id="ClearColor" ng-click="ClearSelection('COLOR_SEQ','color');" style="padding: 2px 5px;margin-left: 20px;background: #007cc2;color: white;">Clear</div>*@
                                            </div>
                                            <div class="clarity-component btn color" id="ColorAll" caption="Color" ng-click="MakeSelection('COLOR_SEQ_All','12','ColorAll')">All</div>
                                            <div class="clarity-component btn ColorAll color" id="DColor" caption="Color" Color="1" ng-click="MakeSelectionColor('COLOR_SEQ','1','DColor')">D</div>
                                            <div class="clarity-component btn ColorAll color" id="EColor" caption="Color" Color="2" ng-click="MakeSelectionColor('COLOR_SEQ','2','EColor')">E</div>
                                            <div class="clarity-component btn ColorAll color" id="FColor" caption="Color" Color="3" ng-click="MakeSelectionColor('COLOR_SEQ','3','FColor')">F</div>
                                            <div class="clarity-component btn ColorAll color" id="GColor" caption="Color" Color="4" ng-click="MakeSelectionColor('COLOR_SEQ','4','GColor')">G</div>
                                            <div class="clarity-component btn ColorAll color" id="HColor" caption="Color" Color="5" ng-click="MakeSelectionColor('COLOR_SEQ','5','HColor')">H</div>
                                            <div class="clarity-component btn ColorAll color" id="IColor" caption="Color" Color="6" ng-click="MakeSelectionColor('COLOR_SEQ','6','IColor')">I</div>
                                            <div class="clarity-component btn ColorAll color" id="JColor" caption="Color" Color="7" ng-click="MakeSelectionColor('COLOR_SEQ','7','JColor')">J</div>
                                            <div class="clarity-component btn ColorAll color" id="KColor" caption="Color" Color="8" ng-click="MakeSelectionColor('COLOR_SEQ','8','KColor')">K</div>
                                            <div class="clarity-component btn ColorAll color" id="LColor" caption="Color" Color="9" ng-click="MakeSelectionColor('COLOR_SEQ','9','LColor')">L</div>
                                            <div class="clarity-component btn ColorAll color" id="MColor" caption="Color" Color="10" ng-click="MakeSelectionColor('COLOR_SEQ','10','MColor')">M</div>
                                            <div class="clarity-component btn ColorAll color" id="NColor" caption="Color" Color="11" ng-click="MakeSelectionColor('COLOR_SEQ','11','NColor')">N</div>
                                            <div class="clarity-component btn ColorAll color" id="OPColor" caption="Color" Color="27" ng-click="MakeSelectionColor('COLOR_SEQ','27','OPColor')">O-P</div>
                                            <div class="clarity-component btn ColorAll color" id="QRColor" caption="Color" Color="36" ng-click="MakeSelectionColor('COLOR_SEQ','36','QRColor')">Q-R</div>
                                            <div class="clarity-component btn ColorAll color" id="YZColor" caption="Color" Color="97" ng-click="MakeSelectionColor('COLOR_SEQ','97','YZColor')">Y-Z</div>
                                            <div class="clarity-component btn ColorAll color" id="FancyColor" caption="Color" Color="99" ng-click="MakeSelectionColor('COLOR_SEQ','99','FancyColor')">Fancy</div>
                                        </div>
                                        <div id="clarity1" class="row-filter" data-toggle="buttons">
                                            <div class="label-box">
                                                <label class="searchlabel">Clarity</label>
                                                @*<div class="clear-button btn  border rounded" id="ClearPurity" ng-click="ClearSelection('PURITY_SEQ','purity');" style="padding: 2px 5px;margin-left: 20px;background: #007cc2;color: white;">Clear</div>*@
                                            </div>
                                            <div class="clarity-component btn purity" id="FLPurity" caption="Purity" Purity="1" ng-click="MakeSelectionPurity('PURITY_SEQ','1','FLPurity')">FL</div>
                                            <div class="clarity-component btn purity" id="IFPurity" caption="Purity" Purity="2" ng-click="MakeSelectionPurity('PURITY_SEQ','2','IFPurity')">IF</div>
                                            <div class="clarity-component btn purity" id="VVS1Purity" caption="Purity" Purity="3" ng-click="MakeSelectionPurity('PURITY_SEQ','3','VVS1Purity')">VVS1</div>
                                            <div class="clarity-component btn purity" id="VVS2Purity" caption="Purity" Purity="4" ng-click="MakeSelectionPurity('PURITY_SEQ','4','VVS2Purity')">VVS2</div>
                                            <div class="clarity-component btn purity" id="VS1Purity" caption="Purity" Purity="5" ng-click="MakeSelectionPurity('PURITY_SEQ','5','VS1Purity')">VS1</div>
                                            <div class="clarity-component btn purity" id="VS2Purity" caption="Purity" Purity="6" ng-click="MakeSelectionPurity('PURITY_SEQ','6','VS2Purity')">VS2</div>
                                            <div class="clarity-component btn purity" id="SI1Purity" caption="Purity" Purity="7" ng-click="MakeSelectionPurity('PURITY_SEQ','7','SI1Purity')">SI1</div>
                                            <div class="clarity-component btn purity" id="SI2Purity" caption="Purity" Purity="8" ng-click="MakeSelectionPurity('PURITY_SEQ','8','SI2Purity')">SI2</div>
                                            <div class="clarity-component btn purity" id="SI3Purity" caption="Purity" Purity="9" ng-click="MakeSelectionPurity('PURITY_SEQ','9','SI3Purity')">SI3</div>
                                            <div class="clarity-component btn purity" id="I1Purity" caption="Purity" Purity="10" ng-click="MakeSelectionPurity('PURITY_SEQ','10','I1Purity')">I1</div>
                                            <div class="clarity-component btn purity" id="I2Purity" caption="Purity" Purity="11" ng-click="MakeSelectionPurity('PURITY_SEQ','11','I2Purity')">I2</div>
                                        </div>
                                        <div class="row-filter" style="border-bottom: 0!important;padding-bottom: 0!important;margin-top: 1px;">
                                            <div class="label-box"><label></label></div>
                                            <div id="EXVG" class="sub-child" data-toggle="buttons">
                                                <div class="btn btn-primary clarity-component main-border-btn" id="btn3Ex" style="padding: 5px 18px;margin-right: 2px;">3EX</div>
                                                <div class="btn btn-primary clarity-component main-border-btn" id="btnEXmns" style="padding: 5px 21px;">EX-</div>
                                                <div class="btn btn-primary clarity-component main-border-btn" id="btnVGpls" style="padding: 5px 18px;">VG+</div>
                                                <div class="btn btn-primary clarity-component main-border-btn" id="btnVGmns" style="padding: 5px 18px;">VG-</div>
                                            </div>
                                        </div>
                                        <div class="row-filter container111" style="margin-top: 1px;">


                                            <div class="label-box one"><label class="searchlabel">Cut</label></div>
                                            <div id="cut" class="sub-child one" data-toggle="buttons">
                                                <div class="clarity-component btn 3EX EXm VGp Clearbtnvgp Clearbtnvgm" id="ExCut" caption="Cut" ng-click="MakeSelection('CUT_SEQ','2','ExCut')">EX</div>
                                                <div class="clarity-component btn 3VG VGp VGm Clearbtnex Clearbtnexm" id="VgCut" caption="Cut" ng-click="MakeSelection('CUT_SEQ','3','VgCut')">VG</div>
                                                <div class="clarity-component btn Clearbtnex Clearbtnexm Clearbtnvgp Clearbtnvgm" id="GdCut" caption="Cut" ng-click="MakeSelection('CUT_SEQ','4','GdCut')">GD</div>
                                                <div class="clarity-component btn Clearbtnex Clearbtnexm Clearbtnvgp Clearbtnvgm" id="FrCut" caption="Cut" ng-click="MakeSelection('CUT_SEQ','5','FrCut')">FR</div>
                                                <div style="display:none !important;" class="clarity-component btn Clearbtnex Clearbtnexm Clearbtnvgp Clearbtnvgm" id="IdealCut" caption="Cut" ng-click="MakeSelection('CUT_SEQ','12','IdealCut')">iD</div>
                                            </div>



                                            <div id="Lab1" class="sub-child five" data-toggle="buttons">
                                                <div class="label-box1 sub-lable"><label>Lab</label></div>
                                                <div id="GIALab" class="clarity-component btn" caption="Lab" ng-click="MakeSelection('LAB_SEQ','1','GIALab')">GIA</div>
                                                <div id="IGILab" class="clarity-component btn" caption="Lab" ng-click="MakeSelection('LAB_SEQ','2','IGILab')">IGI</div>
                                                <div id="HRDLab" class="clarity-component btn" caption="Lab" ng-click="MakeSelection('LAB_SEQ','3','HRDLab')">HRD</div>
                                                <div id="NOCERTLab" class="clarity-component btn" caption="Lab" ng-click="MakeSelection('LAB_SEQ','99','NOCERTLab')">No Cert</div>
                                                @*<div id="OtherLab" class="clarity-component btn" caption="Lab" ng-click="MakeSelection('LAB_SEQ','OTHER','OtherLab')">Other</div>*@
                                            </div>



                                            <div class="label-box two"><label class="searchlabel">Polish</label></div>
                                            <div id="Polish1" class="sub-child two" data-toggle="buttons">
                                                <div id="ExPolish" class="clarity-component btn 3EX EXm VGp Clearbtnvgm" caption="Polish" ng-click="MakeSelection('POLISH_SEQ','2','ExPolish')">EX</div>
                                                <div id="VgPolish" class="clarity-component btn 3VG EXm VGp VGm Clearbtnex" caption="Polish" ng-click="MakeSelection('POLISH_SEQ','3','VgPolish')">VG</div>
                                                <div id="GdPolish" class="clarity-component btn VGm Clearbtnex Clearbtnexm Clearbtnvgp" caption="Polish" ng-click="MakeSelection('POLISH_SEQ','4','GdPolish')">GD</div>
                                                <div id="FrPolish" class="clarity-component btn Clearbtnex Clearbtnexm Clearbtnvgp Clearbtnvgm" caption="Polish" ng-click="MakeSelection('POLISH_SEQ','5','FrPolish')">FR</div>
                                            </div>

                                            <div id="Shade1" class="sub-child six" data-toggle="buttons">
                                                <div class="label-box1 sub-lable"><label>Shades</label></div>
                                                <div class="clarity-component btn" id="noneshade" caption="Shade" ng-click="MakeSelection('SHADE','NONE','noneshade')">None</div>
                                                <div class="clarity-component btn" id="B1SHADE" caption="Shade" ng-click="MakeSelection('SHADE','B1','B1SHADE')">B1</div>
                                                <div class="clarity-component btn" id="B2SHADE" caption="Shade" ng-click="MakeSelection('SHADE','B2','B2SHADE')">B2</div>

                                                <div class="clarity-component btn" id="MixTinch" caption="Shade" ng-click="MakeSelection('SHADE','MIX TINGE','MixTinch')">Mix Tinge</div>
                                            </div>



                                            <div class="label-box three"><label class="searchlabel">Symmetry</label></div>
                                            <div id="Symmetry1" class="sub-child three" data-toggle="buttons">
                                                <div id="ExSymm" class="clarity-component btn 3EX EXm VGp Clearbtnvgm" caption="Symm" ng-click="MakeSelection('SYMM_SEQ','2','ExSymm')">EX</div>
                                                <div id="VgSymm" class="clarity-component btn 3VG EXm VGp VGm Clearbtnex" caption="Symm" ng-click="MakeSelection('SYMM_SEQ','3','VgSymm')">VG</div>
                                                <div id="GdSymm" class="clarity-component btn VGm Clearbtnex Clearbtnexm Clearbtnvgp" caption="Symm" ng-click="MakeSelection('SYMM_SEQ','4','GdSymm')">GD</div>
                                                <div id="FrSymm" class="clarity-component btn Clearbtnex Clearbtnexm Clearbtnvgp Clearbtnvgm" caption="Symm" ng-click="MakeSelection('SYMM_SEQ','5','FrSymm')">FR</div>
                                            </div>
                                            <div id="Milky1" class="sub-child serven" data-toggle="buttons">
                                                <div class="label-box1 sub-lable"><label>Milky</label></div>
                                                <div id="LMilkyNone" class="clarity-component btn LMilkyNone" caption="Milky" ng-click="MakeSelection('MILKY','NONE','LMilkyNone')">NONE</div>
                                                @*<div id="LMilky0" class="clarity-component btn NOBGM" caption="Milky" ng-click="MakeSelection('MILKY','ML-0','LMilky0')">ML-0</div>*@

                                                <div id="LMilky00" class="clarity-component btn" caption="Milky" ng-click="MakeSelection('MILKY','M0','LMilky00')">M0</div>
                                                <div id="LMilky1" class="clarity-component btn" caption="Milky" ng-click="MakeSelection('MILKY','M1','LMilky1')">M1</div>
                                                <div id="LMilky2" class="clarity-component btn" caption="Milky" ng-click="MakeSelection('MILKY','M2','LMilky2')">M2</div>
                                            </div>





                                            <div class="label-box four"><label class="searchlabel">Fluorescence</label></div>
                                            <div id="fluores1" class="sub-child four" data-toggle="buttons">
                                                <div id="NonFls" class="clarity-component btn" caption="Fls" ng-click="MakeSelection('FLS_SEQ','1','NonFls')">NON</div>
                                                <div id="VslFls" class="clarity-component btn" caption="Fls" ng-click="MakeSelection('FLS_SEQ','7','VslFls')">VSL</div>
                                                <div id="FntFls" class="clarity-component btn" caption="Fls" ng-click="MakeSelection('FLS_SEQ','2','FntFls')">FNT</div>
                                                <div id="SlFls" class="clarity-component btn" caption="Fls" ng-click="MakeSelection('FLS_SEQ','6','SlFls')">SL</div>
                                                <div id="MedFls" class="clarity-component btn" caption="Fls" ng-click="MakeSelection('FLS_SEQ','3','MedFls')">MED</div>
                                                <div id="StgFls" class="clarity-component btn" caption="Fls" ng-click="MakeSelection('FLS_SEQ','4','StgFls')">STG</div>
                                                <div id="VstFls" class="clarity-component btn" caption="Fls" ng-click="MakeSelection('FLS_SEQ','5','VstFls')">VST</div>
                                            </div>

                                        </div>

                                        <div id="certificate1" class="row-filter">
                                            <div class="label-box"><label class="searchlabel">Location</label></div>
                                            <div id="location1" class="sub-child" data-toggle="buttons">

                                                <div id="{{item.WEB_BUTTON_ID}}" class="clarity-component btn" ng-repeat="item in LocationList" caption="Location" ng-click="MakeSelection('LOCATION',item.LOCATION,item.WEB_BUTTON_ID)">{{item.DISPLAY_NAME}}</div>


                                                @*<div id="LocINS" class="clarity-component btn" caption="Location" ng-click="MakeSelection('LOCATION','SURAT','LocINS')">SURAT</div>
                                                    <div id="LocIN" class="clarity-component btn" caption="Location" ng-click="MakeSelection('LOCATION','MUMBAI','LocIN')">MUMBAI</div>*@
                                            </div>


                                        </div>

                                        <div id="black" class="row-filter">
                                            <div class="label-box"><label class="searchlabel">Black</label></div>
                                            <div id="location1" data-toggle="buttons">

                                                <div class="clarity-component btn" id="BLACK_NO_BLACK" caption="CB" ng-click="MakeSelection('BLACK','NO BLACK','BLACK_NO_BLACK')">No Black</div>
                                                <div class="clarity-component btn" id="BLACK_T1" caption="CB" ng-click="MakeSelection('BLACK','T1','BLACK_T1')">T1</div>
                                                <div class="clarity-component btn" id="BLACK_T1C1" caption="CB" ng-click="MakeSelection('BLACK','T1C1','BLACK_T1C1')">T1C1</div>
                                                <div class="clarity-component btn" id="BLACK_T1C2" caption="CB" ng-click="MakeSelection('BLACK','T1C2','BLACK_T1C2')">T1C2</div>
                                                <div class="clarity-component btn" id="BLACK_T1C3" caption="CB" ng-click="MakeSelection('BLACK','T1C3','BLACK_T1C3')">T1C3</div>
                                                <div class="clarity-component btn" id="BLACK_T2" caption="CB" ng-click="MakeSelection('BLACK','T2','BLACK_T2')">T2</div>
                                                <div class="clarity-component btn" id="BLACK_T2C1" caption="CB" ng-click="MakeSelection('BLACK','T2C1','BLACK_T2C1')">T2C1</div>
                                                <div class="clarity-component btn" id="BLACK_T3" caption="CB" ng-click="MakeSelection('BLACK','T2','BLACK_T3')">T3</div>
                                                <div class="clarity-component btn" id="BLACK_T3C1" caption="CB" ng-click="MakeSelection('BLACK','T3C1','BLACK_T3C1')">T3C1</div>
                                                <div class="clarity-component btn" id="BLACK_T3C2" caption="CB" ng-click="MakeSelection('BLACK','T3C2','BLACK_T3C2')">T3C2</div>
                                                <div class="clarity-component btn" id="BLACK_T3C3" caption="CB" ng-click="MakeSelection('BLACK','T3C3','BLACK_T3C3')">T3C3</div>
                                                <div class="clarity-component btn" id="BLACK_C1" caption="CB" ng-click="MakeSelection('BLACK','C1','BLACK_C1')">C1</div>
                                                <div class="clarity-component btn" id="BLACK_C2" caption="CB" ng-click="MakeSelection('BLACK','C2','BLACK_C2')">C2</div>
                                                <div class="clarity-component btn" id="BLACK_C3" caption="CB" ng-click="MakeSelection('BLACK','C3','BLACK_C3')">C3</div>
                                                <div class="clarity-component btn" id="BLACK_T2C2" caption="CB" ng-click="MakeSelection('BLACK','T2C2','BLACK_T2C2')">T2C2</div>
                                                <div class="clarity-component btn" id="BLACK_T2C3" caption="CB" ng-click="MakeSelection('BLACK','T2C3','BLACK_T2C3')">T2C3</div>



                                                @*<div class="clarity-component btn" id="BLACK_TI" caption="CB" ng-click="MakeSelection('BLACK','TI','BLACK_TI')">TI</div>*@
                                                @*<div class="clarity-component btn" id="BLACK_TI1" caption="CB" ng-click="MakeSelection('BLACK','TI1','BLACK_TI1')">TI1</div>*@

                                            </div>
                                        </div>





                                        <div id="Inclusion" class="row-filter" style="border-bottom: 0!important;padding-bottom: 0!important;">
                                            @*<div style="width: 100%;margin-bottom: 5px;font-size: large;color: #225aa8;"><b class="searchlabel">Inclusion</b></div>*@
                                            <div class="label-box"><label class="searchlabel">T. Open</label></div>
                                            <div id="CentBlack1" class="sub-child" data-toggle="buttons">


                                                <div class="clarity-component btn" id="TOPEN_NONE" caption="CB" ng-click="MakeSelection('OPEN_POS_1','NONE','TOPEN_NONE')">NONE</div>
                                                <div class="clarity-component btn" id="TOPEN_T1" caption="CB" ng-click="MakeSelection('OPEN_POS_1','T1','TOPEN_T1')">T1</div>
                                                <div class="clarity-component btn" id="TOPEN_T2" caption="CB" ng-click="MakeSelection('OPEN_POS_1','T2','TOPEN_T2')">T2</div>
                                                <div class="clarity-component btn" id="TOPEN_T3" caption="CB" ng-click="MakeSelection('OPEN_POS_1','T3','TOPEN_T3')">T3</div>



                                            </div>
                                            <div id="WhiteBlack" class="sub-child" data-toggle="buttons">
                                                <div class="label-box inclus-lbl"><label>C.open</label></div>
                                                <div class="clarity-component btn" id="COPEN_NONE" caption="CW" ng-click="MakeSelection('OPEN_POS_2','NONE','COPEN_NONE')">NONE</div>
                                                <div class="clarity-component btn" id="COPEN_C1" caption="CW" ng-click="MakeSelection('OPEN_POS_2','C1','COPEN_C1')">C1</div>
                                                <div class="clarity-component btn" id="COPEN_C2" caption="CW" ng-click="MakeSelection('OPEN_POS_2','C2','COPEN_C2')">C2</div>
                                                <div class="clarity-component btn" id="COPEN_C3" caption="CW" ng-click="MakeSelection('OPEN_POS_2','C3','COPEN_C3')">C3</div>

                                            </div>
                                        </div>

                                        <div id="Inclusion1" class="row-filter">
                                            <div class="label-box"><label class="searchlabel">G. Open</label></div>
                                            <div id="SideBlack" class="sub-child" data-toggle="buttons">
                                                <div class="clarity-component btn" id="GOPNE_NONE" caption="SB" ng-click="MakeSelection('OPEN_POS_3','NONE','GOPEN_NONE')">NONE</div>
                                                <div class="clarity-component btn" id="GOPEN_G1" caption="SB" ng-click="MakeSelection('OPEN_POS_3','G1','GOPEN_G1')">G1</div>
                                                <div class="clarity-component btn" id="GOPEN_G2" caption="SB" ng-click="MakeSelection('OPEN_POS_3','G2','GOPEN_G2')">G2</div>
                                                <div class="clarity-component btn" id="GOPEN_G3" caption="SB" ng-click="MakeSelection('OPEN_POS_3','G3','GOPEN_G3')">G3</div>
                                                @*<div class="clarity-component btn" id="GOPEN_G4" caption="SB" ng-click="MakeSelection('OPEN_POS_3','G4','GOPEN_G4')">G4</div>*@
                                            </div>
                                            <div id="SideWhite" class="sub-child" data-toggle="buttons">
                                                <div class="label-box inclus-lbl"><label>P. Open</label></div>
                                                <div class="clarity-component btn" id="POPEN_NONE" caption="SW" ng-click="MakeSelection('OPEN_POS_4','0','POPEN_NONE')">None</div>
                                                <div class="clarity-component btn" id="POPEN_P1" caption="SW" ng-click="MakeSelection('OPEN_POS_4','p1','POPEN_P1')">P1</div>
                                                <div class="clarity-component btn" id="POPEN_P2" caption="SW" ng-click="MakeSelection('OPEN_POS_4','p2','POPEN_P2')">P2</div>
                                                <div class="clarity-component btn" id="POPEN_P3" caption="SW" ng-click="MakeSelection('OPEN_POS_4','p3','POPEN_P3')">P3</div>
                                                @*<div class="clarity-component btn" id="POPEN_P4" caption="SW" ng-click="MakeSelection('OPEN_POS_4','p4','POPEN_P4')">P4</div>*@
                                            </div>
                                        </div>







                                        <div class="" style="text-align:center;display:none" id="Top-Advance">
                                            <div class="advance-search">
                                                <button class="btn btn-primary btn-sm" style="margin: auto;" id="btnTopAdvanceSearch"><span class="fa fa-search"></span> Advance Search</button>
                                            </div>
                                        </div>

                                        <div class="row-filter" style="border-bottom: 0!important;padding-bottom: 0!important;">
                                            <div class="label-box"><label class="searchlabel">Key To Symbol</label></div>
                                            <div>
                                                <input type="radio" name="kytsm" ng-click="GetKeyToSym('Contain')" ng-model='SearchText.KeyToSymContain' id="Contain" value="1" />
                                                <label for="Contain">Contain</label>
                                                <input type="radio" name="kytsm" ng-click="GetKeyToSym('NotContain')" ng-model="SearchText.KeyToSymNotContain" id="NotContain" value="0" />
                                                <label for="NotContain">Dose Not Contain</label>
                                            </div>
                                        </div>
                                        <div class="row-filter" data-toggle="buttons">
                                            <div class="label-box"><label></label></div>
                                            <div class="KeyToSym btn" id="KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS_ALL','KtsymAll','KtsymAll')">All</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Pinpoint','Pinpoint')" id="Pinpoint">Pinpoint</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Needle','Needle')" id="Needle">Needle</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Feather','Feather')" id="Feather">Feather</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Crystal','Crystal')" id="Crystal">Crystal</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Cloud','Cloud')" id="Cloud">Cloud</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Indented Natural','IndentedNatural')" id="IndentedNatural">Indented Natural</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Twinning Wisp','TwinningWisp')" id="TwinningWisp">Twinning Wisp</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Cavity','Cavity')" id="Cavity">Cavity</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Surface Graining','SurfaceGraining')" id="SurfaceGraining">Surface Graining</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Chip','Chip')" id="Chip">Chip</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Extra Facet','ExtraFacet')" id="ExtraFacet">Extra Facet</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Knot','Knot')" id="Knot">Knot</div>
                                            <div class="KeyToSym btn KtsymAll" caption="ktsym" ng-click="MakeSelection('KEY_TO_SYMBOLS','Natural','Natural')" id="Natural">Natural</div>
                                        </div>


                                        <div class="row-filter" id="row-price">
                                            <div style="width: 100%; margin-bottom: 5px; font-size: large; color: #bba267;"><b class="searchlabel">Price</b></div>
                                            <div class="label-box"><label class="searchlabel">$/ct</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtPriceMin" ng-model="SearchText.PriceFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtPriceMax" ng-model="SearchText.PriceTo" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box2"><label>Disc %</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" id="txtDiscFrom" ng-model="SearchText.DiscFrom" class="form-control caratdataMinus" placeholder="From" /></div>
                                                <div class="ads"><input type="text" id="txtDiscTo" ng-model="SearchText.DiscTo" class="form-control caratdataMinus" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box3"><label>Total $</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" id="txtNetValFrom" ng-model="SearchText.NetValFrom" class="form-control caratdata" placeholder="From" /></div>
                                                <div class="ads"><input type="text" id="txtNetValTo" ng-model="SearchText.NetValTo" class="form-control caratdata" placeholder="To" /></div>
                                            </div>
                                        </div>

                                        <div class="row-filter AdvanceSearch" @*style="display:none;" *@>
                                            <div style="width: 100%;margin-bottom: 5px;font-size: large;color: #bba267;"><b class="searchlabel">Measurement</b></div>
                                            <div class="label-box"><label class="searchlabel">Table %</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratonlynumber" id="txtTableFrom" ng-model="SearchText.TabPerFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratonlynumber" id="txtTableTo" ng-model="SearchText.TabPerTo" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box2"><label>Depth %</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtDepthPerFrom" ng-model="SearchText.DepthPerFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtDepthPerTo" ng-model="SearchText.DepthPerTo" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box3"><label>Ratio</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtRatioFrom" ng-model="SearchText.RatioFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtRatioTo" ng-model="SearchText.RatioTo" placeholder="To" /></div>
                                            </div>
                                        </div>
                                        <div class="row-filter AdvanceSearch" @*style="display:none;" *@>
                                            <div class="label-box"><label class="searchlabel">Length</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtLengthFrom" ng-model="SearchText.LengthFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtLengthTo" ng-model="SearchText.LengthTo" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box2"><label>Width</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtWidthFrom" ng-model="SearchText.WidthFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtWidthTo" ng-model="SearchText.WidthTo" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box3"><label>Depth</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtHeightFrom" ng-model="SearchText.DepthFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtHeightTo" ng-model="SearchText.DepthTo" placeholder="To" /></div>
                                            </div>
                                        </div>
                                        <div class="row-filter AdvanceSearch" @*style="display:none;" *@>
                                            <div class="label-box"><label class="searchlabel">Cr.Angle</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtCrownAngleFrom" ng-model="SearchText.CrAngleFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtCrownAngleTo" ng-model="SearchText.CrAngleTo" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box2"><label>Pav.Angle</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtPavilionAngleFrom" ng-model="SearchText.PavAngleFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtPavilionAngleTo" ng-model="SearchText.PavAngleTo" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box3"><label>Gridle %</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtGridleFrom" ng-model="SearchText.GridleFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtGridleTo" ng-model="SearchText.GridleTo" placeholder="To" /></div>
                                            </div>
                                        </div>
                                        <div class="row-filter AdvanceSearch" @*style="display:none;" *@>
                                            <div class="label-box"><label class="searchlabel">Cr.Height</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtCrownHeightFrom" ng-model="SearchText.CrHeightFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtCrownHeightTo" ng-model="SearchText.CrHeightTo" placeholder="To" /></div>
                                            </div>
                                            <div class="sub-child-5"></div>
                                            <div class="label-box2"><label>Pav.Height</label></div>
                                            <div class="sub-child-20">
                                                <div><input type="text" class="form-control caratdata" id="txtPavilionHeightFrom" ng-model="SearchText.PavHeightFrom" placeholder="From" /></div>
                                                <div class="ads"><input type="text" class="form-control caratdata" id="txtPavilionHeightTo" ng-model="SearchText.PavHeightTo" placeholder="To" /></div>
                                            </div>
                                        </div>
                                        <div class="" style="text-align:center" id="Bottom-Advance">
                                            <div class="advance-search">
                                                <button class="btn btn-primary btn-sm" style="display:none;margin: auto;" id="btnAdvanceSearch"><span class="fa fa-search"></span> Advance Search</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-top: 4%;">
                        <div class="col-md-12">
                            <div class="ftr-box-cont Box-Top-Shadow" id="ftr-box-cont">
                                <div class="container1 pd-0">
                                    <div style="margin-left: 230px;">
                                        <div style="float:right;">
                                            <span id="totalstoneRet" style="font-size:14px;font-weight:600;color:#3e3e3e;"><span id="StockCntSearch"></span> Stone(s) found.</span>
                                            <button class="btn btn-primary btn-sm main-btn" id="btnSearch" ng-click="BtnSearch('SEARCH');">&nbsp;<span class="fa fa-search" style="font-size:13px;"></span>&nbsp; SEARCH</button>
                                            <button class="btn btn-primary btn-sm main-border-btn" style="display:none;" id="btnSaveSearch" ng-click="ShowDemandPopup();"><span class="fa fa-file"></span> Save Search</button>
                                            <a class="btn btn-primary btn-sm main-border-btn" id="btnDemandlist" style="display:none" href="/Account/Demand"><span class="glyphicon glyphicon-file"></span> Your Demand</a>
                                            <button class="btn btn-default btn-sm main-border-btn" id="btnRefreshSearch" ng-click="Refresh();"><span class="fa fa-refresh"></span> RESET </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="CustOffer" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <div class="modal-dialog" role="document" style="width:100%!important">
                <form class="modal-content" ng-submit="ManageOfferData()" style="max-width:100%!important;width:100%!important;">
                    <div class="modal-header border-0">
                        <button type="button" class="close" data-dismiss="modal" style="color:white;opacity:1;" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h3 class="modal-title" id="loginModalLabel">Make Offer</h3>
                    </div>
                    <div class="modal-body">
                        <table style="width:100%; text-align: center; margin-bottom: 20px;" class="display table table-bordered">
                            <thead id="CustOfferth">
                            </thead>
                            <tbody style="background-color:white" id="CustOffertbody"></tbody>
                        </table>


                        <div class="form" id="demoForm" style="margin-top: 20px;">
                            <div style="display: flex; align-items: flex-start; gap: 30px; flex-wrap: wrap;justify-content:end;margin:0 20px;">

                                <div class="form" id="demoForm">
                                    <label>Advance payments</label>
                                    <div class="layout-switch">
                                        <input type="radio" id="vert-switch" name="AdvancePaymentBtn" value="YES" />
                                        <label for="vert-switch">Yes</label>
                                        <input type="radio" id="hori-switch" name="AdvancePaymentBtn" value="NO" checked />
                                        <label for="hori-switch">No</label>
                                    </div>
                                </div>


                                <div style="flex: 5; max-width: 300px;">
                                    <label for="remarks_offer" style="font-weight: bold; margin-bottom: 5px;">Remark</label>
                                    <input type="text" placeholder="Remarks" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="Remakrs_offer" class="form-control" name="Remakrs_offer" />
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="modal-footer">
                        <div class="col-md-12" id="offermsg" style="text-align: left;padding-left: 12px;color: #ca0d0d;"></div>
                        <button type="submit" id="offersbmt" class="btn btn-primary main-btn" ng-click="submitted=true">Submit</button>
                        <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()">Close</button>
                    </div>
                </form>
            </div>
        </div>
        @*same code of Add Offer*@
        <div class="modal fade" id="CustPriceChange" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <div class="modal-dialog" role="document" style="width:100%!important">
                <form class="modal-content" ng-submit="ManagePriceChangeData()" style="max-width:100%!important;width:100%!important;">
                    <div class="modal-header border-0">
                        <button type="button" class="close" data-dismiss="modal" style="color:white;opacity:1;" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h3 class="modal-title" id="loginModalLabel">Price Change</h3>
                    </div>
                    <div class="modal-body">
                        <table style="width:100%;text-align: center;margin-bottom:0;" class="display table table-bordered">
                            <thead id="CustPriceChangeth">
                            </thead>
                            <tbody style="background-color:white" id="CustPriceChangebody"></tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" id="offersbmt" class="btn btn-primary main-btn" ng-click="submitted=true">Submit</button>
                        <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()">Close</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="modal fade" id="Cartstone" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" role="document">
                <form class="modal-content" style="width:100%!important" ng-submit="AddToCart();">
                    <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLabel">Cart Stone</h4>
                        <button type="button" class="close" ng-click="ClosePopup()" aria-label="Close"><span aria-hidden="true" data-dismiss="modal">&times;</span></button>
                    </div>
                    <div class="modal-body" style="overflow: hidden;padding:15px;">
                        <div ng-class="{true: 'error'}">
                            <div class="row">
                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Remark</label>
                                    <textarea placeholder="Remark" style="width:100%;margin-bottom:10px;" id="CartComments" name="HPURPOSE" class="form-control"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary handcbtn main-btn" ng-click="submitted=true">Submit</button>
                        <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()" value="">Close</button>
                    </div>
                </form>
            </div>
        </div>


        <div class="modal fade" id="memorequest" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" role="document">
                <form class="modal-content" style="width:100%!important" ng-submit="AddToMemo();">
                    <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLabel">Memo Request</h4>
                        <button type="button" class="close" ng-click="ClosePopup()" aria-label="Close"><span aria-hidden="true" data-dismiss="modal">&times;</span></button>
                    </div>
                    <div class="modal-body" style="overflow: hidden;padding:15px;">
                        <div ng-class="{true: 'error'}">
                            <div class="row">
                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Packet No <span class="star">*</span></label>
                                    <input type="text" placeholder="Packet No" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="PacketNo" class="form-control" name="HPacketNo" ng-model="HoldandConfirmData.PACKET_NO" disabled required />
                                </div>
                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Remark</label>
                                    <textarea placeholder="Remark" style="width:100%;margin-bottom:10px;" id="MemoReqComments" name="HPURPOSE" class="form-control"></textarea>
                                </div>

                              


                                <div class="col-md-12" id="HoldStoneMsg123" style="text-align: left;padding-left: 12px;color: #ca0d0d;display:none;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">


                        <button type="submit" class="btn btn-primary handcbtn main-btn" ng-click="submitted=true">Submit</button>

                        <button type="button" class="btn btn-primary main-btn inqbtn1" ng-click="AddToNotifyAvailable_fromMemoRequest()"> Notify Available</button>

                        <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()" value="">Close</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="modal fade" id="holdstone" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" role="document">
                <form class="modal-content" style="width:100%!important" ng-submit="HoldStone();">
                    <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLabel">Hold Stone</h4>
                        <button type="button" class="close" ng-click="ClosePopup()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body" style="overflow: hidden;padding:15px;">
                        <div ng-class="{true: 'error'}">
                            <div class="row">
                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Packet No <span class="star">*</span></label>
                                    <input type="text" placeholder="Packet No" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="PacketNo" class="form-control" name="HPacketNo" ng-model="HoldandConfirmData.PACKET_NO" disabled required />
                                </div>

                                <div class="col-md-3 col-md-4" id="HNewAvgDisc">
                                    <label style="margin-bottom: 5px;">New Disc(%) <span class="star">*</span></label>
                                    <input type="number" placeholder="Discount(%)" step="0.01" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="Discount" name="HDiscount" class="form-control NewDiscper" ng-model="HoldandConfirmData.NEW_AVG_DISC" required />
                                </div>
                                <div class="col-md-4 col-md-4" id="HDiscDiv">
                                    <label style="margin-bottom: 5px;">Disc(%) <span class="star">*</span></label>
                                    <input type="text" placeholder="Discount(%)" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="Discount" name="AVGDiscount" class="form-control" ng-model="HoldandConfirmData.AVG_DISC" disabled required />
                                </div>
                                <div class="col-md-4 col-md-4">
                                    <label style="margin-bottom: 5px;">AMT $ <span class="star">*</span></label>
                                    <input type="text" placeholder="AMT $" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="AmountHold" name="HAmountHold" class="form-control newamount" ng-model="HoldandConfirmData.AMOUNT" disabled required />
                                </div>
                                <div class="col-md-4 col-md-4">
                                    <label style="margin-bottom: 5px;">Hold Duration <span class="star">*</span></label>
                                    <select class="form-control" ng-model="HoldandConfirmData.HOLD_DURATION" style="width:100%;margin-bottom:10px;height: 3.05rem;" ng-required="required">
                                        <option value='0'>-Hold Duration-</option>
                                        <option ng-repeat="item in HoldDurationList" value="{{item.value}}">{{item.label}}</option>
                                    </select>
                                </div>
                                <div class="col-md-6" id="selectlist" style="display:none">
                                    <label style="margin-bottom: 5px;">Buyer <span class="star">*</span></label>
                                    <input type="text" placeholder="Buyer Name" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="Buyerlist" name="HBuyerlist" class="form-control typeahead Buyer-Text" ng-model="HoldandConfirmData.PARTY_NAME" disabled required autocomplete="off" />
                                </div>
                                <div class="col-md-6" style="display:none">
                                    <label style="margin-bottom: 5px;">Seller Name <span class="star">*</span></label>
                                    <input type="text" placeholder="Seller Name" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="seller" name="Hseller" class="form-control" ng-model="HoldandConfirmData.SELLER_NAME" disabled required />
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Remark</label>
                                    <textarea placeholder="Remark" style="width:100%;margin-bottom:10px;" id="PURPOSE" name="HPURPOSE" class="form-control" ng-model="HoldandConfirmData.COMMENTS"></textarea>
                                </div>
                                <div class="col-md-12" id="HoldStoneMsg" style="text-align: left;padding-left: 12px;color: #ca0d0d;display:none;"></div>
                                <div class="col-md-12" id="RanetRemoveHoldStoneMsg" style="text-align: left;padding-left: 12px;color: #ca0d0d;display:none;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary handcbtn main-btn" ng-click="submitted=true">Submit</button>
                        <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()" value="">Close</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="modal fade" id="Confirmstone" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" role="document">
                <form class="modal-content" style="width:100%!important" ng-submit="FinalConfirmStone();">
                    <div class="modal-header">
                        <h4 class="modal-title" id="confirmModalLabel">Confirm Stone</h4>
                        <button type="button" class="close" ng-click="ClosePopup()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body" style="overflow: hidden;padding:15px;">
                        <div ng-class="{true: 'error'}">
                            <div class="row">
                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Packet No <span class="star">*</span></label>
                                    <input type="text" placeholder="Packet No" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="PacketNo" class="form-control" ng-model="HoldandConfirmData.PACKET_NO" disabled />
                                </div>
                                <div class="col-md-3 col-md-6" id="CNewAvgDisc">
                                    <label style="margin-bottom: 5px;">New Disc(%) <span class="star">*</span></label>
                                    <input type="number" placeholder="Discount(%)" step="0.01" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="Discount" class="form-control NewDiscper" ng-model="HoldandConfirmData.NEW_AVG_DISC" />
                                </div>
                                <div class="col-md-3 col-md-6" id="CDiscDiv">
                                    <label style="margin-bottom: 5px;">Disc(%) <span class="star">*</span></label>
                                    <input type="text" placeholder="Discount(%)" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="Discount" class="form-control" ng-model="HoldandConfirmData.AVG_DISC" disabled />
                                </div>
                                <div class="col-md-6">
                                    <label style="margin-bottom: 5px;">AMT $ <span class="star">*</span></label>
                                    <input type="text" placeholder="AMT $" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="AmountConfirm" class="form-control" ng-model="HoldandConfirmData.AMOUNT" disabled />
                                </div>
                                <div class="col-md-6" id="selectlist">
                                    <label style="margin-bottom: 5px;">Buyer <span class="star">*</span></label>
                                    <input type="text" placeholder="Buyer Name" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="BuyerClist" class="form-control typeahead Buyer-Text" ng-model="HoldandConfirmData.PARTY_NAME" required autocomplete="off" />

                                </div>
                                <div class="col-md-6">
                                    <label style="margin-bottom: 5px;">Seller Name <span class="star">*</span></label>
                                    <input type="text" placeholder="Seller Name" style="width:100%;margin-bottom:10px;height: 3.05rem;" id="seller" class="form-control" ng-model="HoldandConfirmData.SELLER_NAME" disabled />
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Remark</label>
                                    <textarea placeholder="Comments" style="width:100%;margin-bottom:10px;" id="PURPOSE" class="form-control" ng-model="HoldandConfirmData.COMMENTS"></textarea>
                                </div>
                                <div id="BusyStoneMsg" style="text-align: left;padding-left: 12px;color: #ca0d0d;display:none;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary handcbtn main-btn" ng-click="submitted=true">Submit</button>
                        <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()" value="">Close</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="modal fade" id="InquiryStone" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <div class="modal-dialog" role="document" style="width:985px!important">
                <form class="modal-content" ng-submit="SendInquiryStone()" style="max-width:100%!important;width:100%!important;">
                    <div class="modal-header border-0">
                        <button type="button" class="close" data-dismiss="modal" style="color:white;opacity:1;" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h3 class="modal-title" id="InquiryStoneLabel">Send Inquiry Stone</h3>
                    </div>
                    <div class="modal-body">
                        <table style="width:100%;text-align: center;margin-bottom:0;" class="display table table-bordered">
                            <thead id="Inquirystoneth">
                            </thead>
                            <tbody style="background-color:white" id="Inquirystonetbody"></tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <div class="row">
                            <div class="col-md-9">
                                <textarea placeholder="Comments" style="width:100%;" id="PURPOSE" class="form-control" ng-model="InquiryData.COMMENTS"></textarea>
                            </div>
                            <div class="col-md-3">
                                <button type="submit" id="inquirysbmt" class="btn btn-primary main-btn" ng-click="submitted=true">Submit</button>
                                <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()">Close</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="modal fade" id="addmemo" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" role="document">
                <form class="modal-content" style="width:100%!important" ng-submit="AddToMemo();">
                    <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLabel">Memo Stones</h4>
                        <button type="button" class="close" ng-click="ClosePopup()" aria-label="Close"><span aria-hidden="true" data-dismiss="modal">&times;</span></button>
                    </div>
                    <div class="modal-body" style="overflow: hidden;padding:15px;">
                        <div ng-class="{true: 'error'}">
                            <div class="row">

                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Remark</label>
                                    <textarea placeholder="Remark" style="width:100%;margin-bottom:10px;" id="MemoComments" name="HPURPOSE" class="form-control" required></textarea>
                                </div>

                                <div class="col-md-12" id="HoldStoneMsg123" style="text-align: left;padding-left: 12px;color: #ca0d0d;display:none;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary handcbtn main-btn" ng-click="submitted=true">Submit</button>
                        <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()" value="">Close</button>
                    </div>
                </form>
            </div>
        </div>



        <div class="modal fade" id="notifyavailablePopup" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" role="document">
                <form class="modal-content" style="width:100%!important" ng-submit="AddToNotifyAvailable();">
                    <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLabel">Notify Available</h4>
                        <button type="button" class="close" ng-click="ClosePopup()" aria-label="Close"><span aria-hidden="true" data-dismiss="modal">&times;</span></button>
                    </div>
                    <div class="modal-body" style="overflow: hidden;padding:15px;">
                        <div ng-class="{true: 'error'}">
                            <div class="row">
                                <div class="col-md-12">
                                    <label style="margin-bottom: 5px;">Remark</label>
                                    <textarea placeholder="Remark" style="width:100%;margin-bottom:10px;" id="notifyavailableComments" name="HPURPOSE" class="form-control"></textarea>
                                </div>

                                <div class="col-md-12" id="Notifyavl" style="text-align: left;padding-left: 12px;color: #ca0d0d;display:none;"></div>

                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary handcbtn main-btn" ng-click="submitted=true">Submit</button>
                        <button type="button" class="btn btn-primary main-btn" data-dismiss="modal" ng-click="ClosePopup()" value="">Close</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div id="img-Modal" class="modal" role="dialog" aria-hidden="true" tabindex='-1' @*data-backdrop="static"*@ data-keyboard="false">
        <div class="modal-dialog modal-dialog-centered" id="dialog-popup" style="max-width: 64%;">
            <!-- Modal content-->
            <div class="modal-content">
                <span class="close" data-dismiss="modal" ng-click="CloseimgPopup()" aria-label="Close">&times;</span>
                <div class="modal-body">
                    <img id="img-popup" src="" style="width:100%" />
                    <iframe id="video_popup" src="" class="dnvid IframVideo"></iframe>
                </div>
            </div>
        </div>
    </div>
    <div id="certi-Modal" class="modal" role="dialog" aria-hidden="true" tabindex='-1' @*data-backdrop="static"*@ data-keyboard="false">
        <div class="modal-dialog modal-dialog-centered CertiSize" id="dialog-popup" style="width: 80%!important">
            <!-- Modal content-->
            <div class="modal-content" style="width: 100%;height:calc(100vh - 200px)">
                <span class="close" data-dismiss="modal" ng-click="CloseimgPopup()" aria-label="Close">&times;</span>
                <div class="modal-body" style="height:calc(100vh - 200px);">
                    @*<img id="certi-popup" src="" style="width:100%" />*@
                    <iframe id="certi-popup" src="" style="width:100%;height:calc(100vh - 224px)"></iframe>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var expanded = false;
    function showCheckboxes() {
        var checkboxes = document.getElementById("checkboxes");
        if (!expanded) {
            checkboxes.style.display = "block";
            expanded = true;
        } else {
            checkboxes.style.display = "none";
            expanded = false;
        }
    }
    $('#mySelect').selectpicker();
    $(document).ready(function () {
        $('.carousel').carousel({ interval: false });
    });
</script>