/*Other Common css begin */

.model-text-left {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: -webkit-left;
}
.model-padding-right {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: -webkit-right;
}
.model-padding-center {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: -webkit-center;
}
.btn-menu {
    width: 7.5rem !important;
}
.row-wrap {
    line-height: 1.2;
    text-align: left;
    white-space: normal;
}
      /*Other Common css end*/   
 
 
 /*Media Begin*/
@media (min-width: 360px) and (max-width: 1024px) {
    .list-inline-item {
        margin-top: 0.15rem;
    }

    body {
        overflow: hidden !important;
    }

    .menu-align {
        text-align: left;
    }

    .modal-screen {
        width: 99% !important;
    }

    .media-size {
        width: auto;
    }
}
@media screen and (max-width: 575px) {
    .grid-scroll {
        overflow: auto !important;
        scrollbar-width: 5px !important;
        height: 65.67vh;
        width: 575px !important;
        padding-right: 4%;
        padding-bottom: 5%;
    }

    .head-size {
        width: 38rem !important;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .grid-scroll {
        overflow: auto !important;
        scrollbar-width: 5px !important;
        height: 65.67vh;
        min-width: 576px !important;
        max-width: 767px !important;
        padding-right: 4%;
        padding-bottom: 5%;
    }

    .head-size {
        min-width: 576px !important;
        max-width: 767px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .grid-scroll {
        overflow: auto !important;
        scrollbar-width: 5px !important;
        height: 65.67vh;
        min-width: 768px !important;
        max-width: 991px !important;
        padding-right: 4%;
        padding-bottom: 5%;
    }

    .head-size {
        min-width: 768px !important;
        max-width: 991px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .grid-scroll {
        overflow: auto !important;
        scrollbar-width: 5px !important;
        height: 73.00vh;
        min-width: 992px !important;
        max-width: 1199px !important;
        padding-right: 4%;
        padding-bottom: 5%;
    }

    .head-size {
        min-width: 992px !important;
        max-width: 1199px !important;
    }
}
@media (min-width: 1200px) {
    .grid-scroll {
        overflow: auto !important;
        scrollbar-width: 5px !important;
        height: 63.00vh;
        width: 100% !important;
        padding-bottom: 5%;
    }
/*    .head-size {
        width: 98% !important;
    }*/
}

@media (min-width: 1600px) and (max-width:2600px) {
    .grid-scroll {
        overflow: auto !important;
        scrollbar-width: 5px !important;
        height: 73.00vh;
        width: 100% !important;
        padding-bottom: 5%;
    }
}
 /*Media End*/

/*Grid Data Header and Footer Fixed Begin*/
#contPlaceForm_gridDiamond tbody tr th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #f6f6f6;
    font-size: 10px;
    /*z-index: 998;*/
    color: #000;
    font-family: "Helvetica Neue",Helvetica,Sans-Serif !important;
    z-index: 99;
}
#contPlaceForm_gridDiamond2 tbody tr th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #f6f6f6;
    font-size: 11px;
    /*z-index: 998;*/
    color: #000;
    font-family: "Helvetica Neue",Helvetica,Sans-Serif !important;
}

#divPaging {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #f5f8fa;
    font-size: 12px;
    z-index: 998;
    color: #000;
    font-family: Roboto,sans-serif,serif !important;
    /*font-family: "Helvetica Neue",Helvetica,Sans-Serif !important;*/
}

/*#contPlaceForm_gridDiamond tbody tr th:nth-child(0), #contPlaceForm_gridDiamond tbody tr th:nth-child(1), #contPlaceForm_gridDiamond tbody tr th:nth-child(2),
#contPlaceForm_gridDiamond tbody tr th:nth-child(3), #contPlaceForm_gridDiamond tbody tr th:nth-child(4), #contPlaceForm_gridDiamond tbody tr th:nth-child(5),
#contPlaceForm_gridDiamond tbody tr th:nth-child(6), #contPlaceForm_gridDiamond tbody tr th:nth-child(7), #contPlaceForm_gridDiamond tbody tr th:nth-child(8),
#contPlaceForm_gridDiamond tbody tr th:nth-child(9), #contPlaceForm_gridDiamond tbody tr th:nth-child(10), #contPlaceForm_gridDiamond tbody tr th:nth-child(11),
#contPlaceForm_gridDiamond tbody tr th:nth-child(12), #contPlaceForm_gridDiamond tbody tr th:nth-child(13), #contPlaceForm_gridDiamond tbody tr th:nth-child(14) {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 1040 !important;
    white-space: nowrap !important;
}*/

/*#contPlaceForm_gridDiamond tbody tr th:nth-child(0), #contPlaceForm_gridDiamond tbody tr td:nth-child(0) {
    left: 0 !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(1), #contPlaceForm_gridDiamond tbody tr td:nth-child(1) {
    left: 0px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(2), #contPlaceForm_gridDiamond tbody tr td:nth-child(2) {
    left: 47px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(3), #contPlaceForm_gridDiamond tbody tr td:nth-child(3) {
    left: 76px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(4), #contPlaceForm_gridDiamond tbody tr td:nth-child(4) {
    left: 124px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(5), #contPlaceForm_gridDiamond tbody tr td:nth-child(5) {
    left: 184px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(6), #contPlaceForm_gridDiamond tbody tr td:nth-child(6) {
    left: 217px !important;
    max-width: 80px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(7), #contPlaceForm_gridDiamond tbody tr td:nth-child(7) {
    left: 272px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(8), #contPlaceForm_gridDiamond tbody tr td:nth-child(8) {
    left: 316px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(9), #contPlaceForm_gridDiamond tbody tr td:nth-child(9) {
    left: 367px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(10), #contPlaceForm_gridDiamond tbody tr td:nth-child(10) {
    left: 424px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(11), #contPlaceForm_gridDiamond tbody tr td:nth-child(11) {
    left: 465px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(12), #contPlaceForm_gridDiamond tbody tr td:nth-child(12) {
    left: 506px !important;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(13), #contPlaceForm_gridDiamond tbody tr td:nth-child(13) {
    left: 551px;
}

#contPlaceForm_gridDiamond tbody tr th:nth-child(14), #contPlaceForm_gridDiamond tbody tr td:nth-child(14) {
    left: 597px;
    border-right: 1px solid #6c6c6c !important;
}*/

/*#contPlaceForm_gridDiamond tbody tr td:nth-child(0), #contPlaceForm_gridDiamond tbody tr td:nth-child(1), #contPlaceForm_gridDiamond tbody tr td:nth-child(2),
#contPlaceForm_gridDiamond tbody tr td:nth-child(3), #contPlaceForm_gridDiamond tbody tr td:nth-child(4), #contPlaceForm_gridDiamond tbody tr td:nth-child(5),
#contPlaceForm_gridDiamond tbody tr td:nth-child(6), #contPlaceForm_gridDiamond tbody tr td:nth-child(7), #contPlaceForm_gridDiamond tbody tr td:nth-child(8),
#contPlaceForm_gridDiamond tbody tr td:nth-child(9), #contPlaceForm_gridDiamond tbody tr td:nth-child(10), #contPlaceForm_gridDiamond tbody tr td:nth-child(11),
#contPlaceForm_gridDiamond tbody tr td:nth-child(12), #contPlaceForm_gridDiamond tbody tr td:nth-child(13), #contPlaceForm_gridDiamond tbody tr td:nth-child(14) {
    position: -webkit-sticky !important;
    position: sticky;
    background-color: #ffffff !important;
    z-index: 998 !important;
    white-space: normal !important;
    line-height: 1.2rem !important;
    word-break: break-all !important;
}*/


.uimedia-css #contPlaceForm_gridDiamond tbody tr td {
    position: inherit !important;
}


div#divGrid {
    max-height: 55.4vh;
}
div#divGridDetail {
    max-height: 100.0vh;
}

    div#divGridDetail .badge {
        padding: 4px 10px !important;
    }
    div#divGridDetail .s-18 {
        font-size: 15px !important;
    }
/*Saurav Stone Page*/

.stone-card {
    background: #f7f6f6;
    margin-top: 0px;
    padding: 2px 4px;
    box-shadow: 1px 1px 4px #00000047;
}
/*.stone-card {
    background: #fff;
    padding: 0px;
    margin-top: 0px;
}

.stone-btn {
    padding: 10px !important;
    margin-top: 10px !important;
}
.stone-img-bg {
    background: #fff;
}    */

.stone-btn {
    padding: 10px !important;
}

.stone-img-bg {
    background: #f7f6f6;
    box-shadow: 1px 1px 4px #00000047;
}

.stone-head {
    padding-bottom: 10px;
}

.stone-h {
    font-weight: 400;
    color: #545454;
    margin-bottom: 0;
    line-height: 20px;
}

.stone-d {
    color: #000;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 20px;
    text-align:left;
}

.cp-d {
    padding: 0;
    margin: 0;
}

.stone-disc {
    color: red;
    font-weight: 500;
    margin-bottom:0;
}

.stone-rap {
    font-weight: 500;
}

.stone-cart {
    padding-right: 2px !important;
}

.stone-percent {
    padding: 3px;
}

.stone-dwn {
    color: #000;
    font-size: 16px;
}

.stone-media {
    color: #545454;
    font-size: 30px !important;
}

.card-image {
    background: #ebebeb;
}

    .card-image img {
        width: 100% !important;
        text-align: center;
    }

a.btn.btn-sm.btn-block.request.btn-search {
    background: #283891;
    color: #fff;
    padding: 10px 20px;
}

.stone-table {
    padding: 3px 0px !important;
    color: #000;
    background: #e9e9e9 !important;
    text-align: center;
}

.stone-th {
    padding: 0;
    margin: 0;
}

.stone-td {
    font-size: 12px !important;
    font-weight: 600 !important;
}

.stone-h {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000 !important;
    line-height: 20px;
}

.stone-table {
    border: 3px solid #fff !important;
}


.sgp {
    margin-top: 20px;
}

.sgp1 p {
    color: #000;
    padding: 0 !important;
    margin: 0 !important
}

.prop {
    height: 34.6vh;
    overflow: auto;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    margin-bottom: 20px;
}

/*DAN CSS Begin*/
.vh-line {
    border-left: 2px solid #96969654;
    height: 24px;
    margin: 5px 5px;
}

.dna-head-icn {
    float: right;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: 1 !important;
}

    .dna-head-icn:hover {
        color: #ff0000;
    }
/*DAN CSS End*/

/*certificate iframe inline css*/
element.style {
    width: 100%;
    height: auto;
    padding-top: 10px;
    border: 0px solid #000;
    background-color: #fff;
}

/* Remove class stone-card in certificate row and Add class ( certificate-stone-card ) */
.certificate-stone-card {
    background: #f7f6f6;
    margin-top: 10px;
    padding: 2px 4px;
    box-shadow: 1px 1px 4px #00000047;
}

/*Saurav Stone Page*/


/*Saurav new DNA Page Begin*/



#divDNAData .table-head {
    background: #f1f1f1;
    color: #5d5d5d;
    padding: 6px 10px;
    text-align: left;
}

#divDNAData  .table td, .table th {
    /*padding: 0.1rem 0.6rem !important;*/
    vertical-align: top;
    border-top: 0px solid #e1e8ee;
}

#divDNAData .light {
    background-color: #fff !important;
}

#divDNAData  .inclusion-spn {
    font-weight: 400;
}

#divDNAData .certificate {
    background: #525659;
    cursor: pointer;
}

#divDNAData .certificate-head {
    padding-top: 3px;
}

#divDNAData .modal-content {
    height: auto;
}

#divDNAData > table.table.table-bordered.table-striped.table-hover.data-tables.border.dataTable.bg-white {
    margin-bottom: 0 !important;
}

#divDNAData .dropdown-menu .dropdown-item {
    font-weight: 400;
    color: #212121 !important;
    font-size: 13px;
    padding: 8px 20px;
}

div#divDNAData .icon {
    padding-right: 10px;
}
.stone-card-img {
    background: #f7f6f6;
    margin-top: 0px;
    padding: 2px 4px;
    height:240px;
    box-shadow: 1px 1px 4px #00000047;
}
.stone-card-certi {
    background: #f7f6f6;
    margin-top: 0px;
    padding: 2px 4px;
    height: auto;
    box-shadow: 1px 1px 4px #00000047;
    text-align:left;
    overflow-y:hidden;
}

#divDNAData .bg-white, .toast-white {
    background-color: #f3fbff !important;
}

#divDNA .w-85 {
    width: 85% !important;
}

span#liBidStatus {
    position: absolute;
    right: 0;
    top: 0;
}

.BidStatus {
    background: #008000;
    font-size: 13px;
    padding: 5px;
    color: #fff;
}

/*Saurav new DNA Page End*/