.dataResultTabs                     {}
.dataResultTabs .nav-tabs{font-size: 12px;}
.dataResultTabs .nav-tabs > li:not(.active) > .btnLeft
                                    {background-color: none; border-bottom: none;}
.dataResultTabs .nav-tabs > li > a  {margin-right: 7px; padding-bottom: 20px;}
.dataResultTabs .nav-tabs > li:last-child > a
                                    {margin-right: 0;}
.dataResultTabs .nav-tabs > li .btn.active{background-color: #000; color: white; box-shadow: none;}

.gridView .resultHeader             {display: none;}
.gridView .dsResultBox              {width: 100%; float: left; margin: 12px 0; padding: 0;
                                     position: relative; border: 1px solid #d5d5d5; box-sizing: border-box;}

.gridView .dsResultBox .dsHeader    {position: absolute; left: 0; top: 0; right: 0; display: none !important;}
.gridView .dsResultBox .dsHeader .btnAct{margin-top: 10px; border-color: #6fbf99; color: #6fbf99;
                                     background-color: rgba(255,255,255,0.5);}
.gridView .dsResultBox .dsHeader .btnAct:hover{border-color: #222; color: #222;}
.gridView .dsResultBox .dsPreview   {overflow: hidden; width: 100%; margin: 0; position: relative;}
.gridView .dsResultBox .dsPreview  img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.gridView .dsResultBox .dsInfoBox   {font-size: 14px; padding: 0px 6px 6px; width: 100%; margin: 0 0 auto;}
.gridView .dsResultBox .dsInfoBox .title    {color: #222; line-height: 18px;font-size: 13px;}
.gridView .dsResultBox .dsInfoBox.open .dsInfoTable
                                    {opacity: 1; visibility: visible; z-index: 9;}
.gridView .dsResultBox .btnAct.btnDsInfo   {max-width: 28px; min-width: 28px; 
                                     position: absolute; top: 0; right: 0; z-index: 2; background-color: rgba(255,255,255,0.5); border-color: #7b8d8d; color: #7b8d8d;}
.gridView .dsResultBox .btnAct.btnDsInfo:hover   {background-color: #000; color: white;}
.gridView .dsResultBox .dsPrice     {font-size: 12px;line-height: 18px; color: #000; margin-bottom: 5px;}
.gridView .dsResultBox .dsPrice span + span, .listView .dsResultBox .dsPrice span + span{display: block; font-size: 12px; color: #808080;}
.gridView .dsResultBox .dsPrice .onCall{font-size: 20px;}
.gridView .dsResultBox .btnAct      {width: 28px; height: 28px; text-align: center;
                                     line-height: 28px; border: 1px solid #d5d5d5; border-radius: 50%; display: inline-block; margin: 10px; color: #7b8d8d; font-size: 13px;}
.gridView .dsResultBox .mobileActDetail{width: 28px; height: 28px; text-align: center;
                                     line-height: 28px; border: 1px solid #d5d5d5; border-radius: 50%; display: none; margin: 10px; color: #7b8d8d; font-size: 13px;}                                     
.gridView .dsResultBox .btnAct:hover{border-color: #000; color: #000;}
.gridView .dsResultBox .btnAct.active{border-color: #000; background-color: #000; color: white;}
.gridView .dsResultBox .btnAvail    {position: absolute; left: 0; top: 0;}
.gridView .dsResultBox .btnAvail img{width: auto; height: 40px;}
.gridView .dsResultBox .actWishlist {margin-left: auto;}
.gridView .dsResultBox .actDetail   {margin-left: auto;}
.gridView .dsResultBox .actDetail span{display: none;}
.gridView .dsResultBox .dsInfoTable {border-color: #f5f5f5; border-radius: 0; left: 0px; 
                                     top: 0px; background-color: rgba(255,255,255,0.9); position: absolute; opacity: 0; visibility: hidden; transition: all 0.4s linear; z-index: -1;}
.gridView .dsResultBox .dsInfoTable table {width: 100%; border: none; border-collapse: collapse; background: #fff;}
.gridView .dsResultBox .dsInfoTable tr td {padding: 1px 5px; border: 1px solid #f5f5f5; font-size: 11px; text-align: left; word-break: break-all;}
.gridView .dsResultBox .dsInfoTable tr td .btn {border-color: #000;background: #000;color: #fff; margin-right: 6px;}
.gridView .dsResultBox .dsInfoTable tr td .btn:hover {background-color: #000;}
.gridView .dsResultBox .dsFooter {width: 100%; position: absolute; bottom: 0; z-index: 1;}
.gridView .dsResultBox .dsInfoTable tr:nth-child(2) {display: none;}
.listView .dsResultBox .dsInfoTable table tr.additonalDesc{display: none;}

.dsResultList.listView          {}
.dsResultList.listView{margin: 0;}
.dsResultList.listView > [class*="col-"]{width: 100%; padding: 7px 0; border-top: 1px solid #d5d5d5;}
.dsResultList.listView > [class*="col-"]:first-child{border-top: 1px none;}



.listView .dsResultBox{width: 100%; flex-direction: row !important; align-items: center; padding: 5px 0;}
/* .listView .dsResultBox > *{flex: 1 1 100%;} */
.listView .dsResultBox .dsHeader,
.listView .dsResultBox .dsInfoBox .title,
.listView .dsResultBox .dsInfoBox .btnDsInfo{display: none !important;}
.listView .dsResultBox .dsInfoBox{display: flex; align-items: center;}


.listView .dsResultBox .dsInfoTable{width: 100%;}
.listView .dsResultBox .dsInfoTable table,
.listView .dsResultBox .dsInfoTable table tbody{display: flex; width: 100%;}
.listView .dsResultBox .dsInfoTable table tr{display: flex; align-items: center; justify-content: center; padding: 0px;}
.listView .dsResultBox .dsInfoTable table td{display: inline-block; white-space: nowrap;font-size: 12px;position: relative;cursor: pointer;}
.listView .dsResultBox .dsInfoTable table td:first-child{display: none;}
.listView .dsResultBox .dsInfoTable tr:last-child {display: none;}
.listView .dsResultBox .dsPrice{font-size: 14px; padding: 0 12px;}
.listView .dsResultBox .dsPrice .onCall{font-size: 15px; color: #6fbf99;}
.listView .dsResultBox .dsFooter{margin-left: auto; justify-content: end;}
.listView .dsResultBox .dsFooter .btnAct{padding: 7px 10px; border: 1px solid transparent; border-radius: 4px;; display: inline-block;}
.listView .dsResultBox .dsFooter .mobileActDetail{ display: none;}
.listView .dsResultBox .dsFooter .btnAct:hover{border-color: #000;}
.listView .dsResultBox .dsFooter .btnAct + .btnAct{margin-left: 10px;}

.listView .dsResultBox .btnAvail    {display: none;}

.listView .dsResultBox .dsInfoTable table tr{flex: 1 1 14.285714%; max-width: 14.285714%;}

.listView .dsResultBox .dsPreview{max-width: 90px;width: 90px;}
.listView .dsResultBox .dsInfoBox{max-width: inherit;
    width:1513px;}
.listView .dsResultBox .dsPrice{max-width: 120px;}
.listView .dsResultBox .dsFooter{max-width: 160px; display:inline-block !important; text-align: right; padding-bottom: 5px;}
.listView .dsResultBox .dsFooter .listViewbtn{margin-top: 6px; font-size: 11px; padding: 3px 15px; text-transform: capitalize; letter-spacing: 0.5px;}
.gridView .dsResultBox .listViewbtn{display: none;}
.gridView .dsResultBox .purchaseAllbtn  .listViewbtn{font-size: 11px; height: auto; width: auto; padding: 4px 5px 2px; margin:0; letter-spacing: 0.6px; text-transform: capitalize;}
.gridView .dsResultBox .purchaseAllbtn, .gridView .dsResultBox .purchaseAllbtn .listViewbtn{display: block;}
.listView .dsResultBox .purchaseAllbtn{display: none !important;}
.gridView .dsResultBox  .conditionalReport{height: 30px;}

.listView .resultHeaderList{margin: 0; padding: 0; list-style: none;font-size: 12px;}
.listView .resultHeaderList > li{margin: 0; padding: 10px 0; text-align: center; white-space: nowrap; }
.listView .resultHeaderList > li:nth-child(1){    max-width:900px;     width: 90px;}
.listView .resultHeaderList > li:nth-child(2){max-width: inherit;     width:1520px;}
.listView .resultHeaderList > li:nth-child(3){max-width: 120px;}
.listView .resultHeaderList > li:nth-child(4){max-width: 160px;}
.listView .resultHeaderList > li .dsInfoLabels span{flex: 1 1 14.285714%; width: 102px;max-width: 14.285714%}
.purchaseAllbtn, .listView .dsResultBox .dsFooter  {position: relative;}
.purchaseAllbtn .alert, .listView .dsResultBox .dsFooter .alert {position: absolute; width: 100%; top:-28px; text-align: center; font-size: 12px; padding: 3px 5px;}
.listView .dsResultBox .dsFooter .alert {top:8px;}
.gridView.dsResultBox .dsFooter .alert{display: none;}
@media( min-width:767px)and (max-width:1030px){
    .gridView .dsResultBox .purchaseAllbtn .listViewbtn{width: 100%; margin-top: 10px;}
    .purchaseAllbtn {flex-wrap:wrap;}
}
@media( min-width:766px){
#dsResult .gridView .classForPageScroll:nth-child(3n)+ div .dsResultBox .dsInfoTable{ left:inherit; right:0;}

}

@media( min-width:1020px){
#dsResult .gridView .classForPageScroll:nth-child(4n)+ div .dsResultBox .dsInfoTable{ left:inherit; right:0;}
}
@media( max-width:766px){
    .gridView .dsResultBox .dsInfoTable{right:0;}
    #dataResult{overflow: hidden;}
    .gridView.row{margin: 0 -2px;}
    .gridView.row [class*="col-"]{padding: 0 2px;}
    #dsResult .container-fluid{padding: 0;}
    .gridView .dsResultBox .dsInfoBox{padding:0 6px ; text-align: left !important;}
    .gridView .dsResultBox .conditionalReport a ~ br{display: none;}
    .gridView .dsResultBox .conditionalReport{height: auto;}
    .gridView .dsResultBox .dsInfoBox .title{line-height: 24px;}
    .gridView .dsResultBox .conditionalReport{display: flex;}
    .gridView .dsResultBox .conditionalReport .sarinReport {margin-left: 10px;}
    .gridView .dsResultBox .dsInfoTable{width: 204%;}
    #dsResult .gridView .classForPageScroll:nth-child(2n)+ div .dsResultBox .dsInfoTable{ left:inherit; right:0;}
    .diamondSearchResult .title{margin-bottom: 8px;}
    .gridView .dsResultBox{margin: 2px 0;}
    .dataResultTabs{margin-bottom: 15px;}
    /*.gridView .dsResultBox .mobileActDetail{display: inline-block;}*/
    .gridView .dsResultBox .purchaseAllbtn{position: absolute; background: #fff; width: 100%; bottom:7px; z-index: 1; display: block !important; left:0; padding: 0 6px;}
    .gridView .dsResultBox.showDiamondBtn .purchaseAllbtn{display: flex !important;}
    /*.gridView .dsResultBox .mobileActDetail{display: inline-block;}*/  
    .gridView  .purchaseAllbtn .alert{left:3%; width: 94%;}
    .gridView .dsResultBox .dsFooter{bottom: 58px;}
    .gridView .dsResultBox{padding-bottom: 45px;}
    .gridView .dsResultBox .dsFooter{bottom: 50px;}
    .gridView .dsResultBox .dsHeader{display: block !important;}
    .gridView .dsResultBox .dsInfoBox .title{font-size: 14px;}
    .gridView .dsResultBox .dsPrice{line-height: 16px;}

    
}

@media(max-width: 500px){
    .gridView  .purchaseAllbtn {flex-wrap:wrap;}
      .gridView .dsResultBox .dsPrice{margin-top: -4px;}
    .gridView .dsResultBox .purchaseAllbtn .listViewbtn{width: 100% !important; margin-bottom: 6px !important; font-size: 12px !important; padding: 3px 10px 1px !important ;}
    .gridView .dsResultBox .dsPreview{min-height: 150px;}
    
    
    .gridView .dsResultBox .dsInfoTable tr td{padding: 1px 3px !important;}
    .gridView .dsResultBox .dsInfoTable{width: 205%;}
    .gridView .dsResultBox .purchaseAllbtn{bottom:0;}
    .dataResultTabs .nav-tabs{border-bottom: none;}
     .gridView .dsResultBox{padding-bottom: 56px;}
     .gridView .dsResultBox .dsFooter{bottom: 54px;}
     .gridView .dsResultBox .dsInfoTable tr td{font-size: 12px;}
    
}

@media only screen and (min-width:1401px) and (max-width:1500px)
{
.listView .resultHeaderList > li:nth-child(2)
{
  max-width: inherit;
  width:1154px;
}
.listView .dsResultBox .dsInfoBox
{
  max-width: inherit;
  width: 1154px;
}



}

@media only screen and (min-width:1301px) and (max-width:1400px)
{
.listView .resultHeaderList > li:nth-child(2)
{
  max-width: inherit;
  width:1054px;
}
.listView .dsResultBox .dsInfoBox
{
  max-width: inherit;
  width: 1054px;
}



}


@media only screen and (min-width:1001px) and (max-width:1300px)
{
.listView .resultHeaderList > li:nth-child(2)
{
  max-width: inherit;
  width:980px;
}
.listView .dsResultBox .dsInfoBox
{
  max-width: inherit;
  width:980px;
}



}



@media only screen and (max-width:1200px)
{
    #dsResult{
  overflow: auto;
}

#dsResultListAll  {
  width: 1200px;
  overflow: hidden;
  margin: 0;
}
.listView .dsResultBox .dsInfoBox
{
  max-width: 1520px;
  width: 970px;
}

.listView .resultHeaderList > li:nth-child(2)
{
  max-width: 1520px;
  width: 1000px;
}
    
    
}


.listView  .checkBtns {margin-right: 4px}

.white  {
  color: #fff!important;
}