.dataResultTabs                     {}
.dataResultTabs .nav-tabs > li:not(.active) > .btnLeft
                                    {background-color: #f9f9f9; border-bottom: 1px solid #ddd;}
.dataResultTabs .nav-tabs > li > a  {margin-right: 7px;}
.dataResultTabs .nav-tabs > li:last-child > a
                                    {margin-right: 0;}
.dataResultTabs .nav-tabs > li .btn.active{background-color:#104480; 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: #104480; color: #104480;
                                     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;}
.gridView .dsResultBox .dsInfoBox   {font-size: 14px; padding: 10px; width: 100%; margin: 0 0 auto;}
.gridView .dsResultBox .dsInfoBox .title    {color: #222; line-height: 18px;}
.gridView .dsResultBox .dsInfoBox.open .dsInfoTable
                                    {opacity: 1; visibility: visible; z-index: 1;}
.gridView .dsResultBox .btnAct.btnDsInfo   {max-width: 32px; min-width: 32px; 
                                     position: absolute; top: 0; right: 0; z-index: 2; background-color: rgba(255,255,255,0.5); border-color: #104480; color: #104480;}
.gridView .dsResultBox .btnAct.btnDsInfo:hover   {background-color: #104480; color: white;}
.gridView .dsResultBox .dsPrice     {font-size: 24px; line-height: 54px; color: #104480;}
.gridView .dsResultBox .dsPrice .onCall{font-size: 20px;}
.gridView .dsResultBox .btnAct      {width: 32px; height: 32px; text-align: center;
                                     line-height: 28px; border: 1px solid #d5d5d5; border-radius: 50%; display: inline-block; margin: 10px; color: #d5d5d5;}
.gridView .dsResultBox .btnAct:hover{border-color: #104480; color: #104480;}
.gridView .dsResultBox .btnAct.active{border-color: #104480; background-color: #104480; color: white;}

.gridView .dsResultBox .btnAvail img{width: auto; }
.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: 5px; right: 5px;
                                     top: 5px; 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;}
.gridView .dsResultBox .dsInfoTable tr td {padding: 3px 7px; border: 1px solid #f5f5f5; font-size: 13px; text-align: left; font-weight: bold;}
.gridView .dsResultBox .dsInfoTable tr td .btn {border-color: #104480;}
.gridView .dsResultBox .dsInfoTable tr td .btn:hover {border-color: black;}
.gridView .dsResultBox .dsFooter {width: 100%; position: absolute; bottom: 0; z-index: 1;}

.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;}
.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: 0 7px;}
.listView .dsResultBox .dsInfoTable table td{display: inline-block; white-space: nowrap; font-size: 12px;}
.listView .dsResultBox .dsInfoTable table td:first-child{display: none;}
.listView .dsResultBox .dsInfoTable tr:last-child {display: none;}
.listView .dsResultBox .dsPrice{font-size: 12px; padding: 0 10px;}
.listView .dsResultBox .dsPrice .onCall{font-size: 15px; color: #104480;}
.listView .dsResultBox .dsFooter{margin-left: auto; justify-content: end;}
.listView .dsResultBox .dsFooter .btnAct{padding: 7px 10px; border: 1px solid transparent; border-radius: 4px; font-size: 12px;}
/*.listView .dsResultBox .dsFooter .btnAct:hover{border-color: #104480}     */
.listView .dsResultBox .dsFooter .btnAct + .btnAct{margin-left: 10px;}




.listView .resultHeaderList > li, .listView .dsResultBox .dsInfoTable table tr{font-size: 12px;}

.listView .resultHeaderList{margin: 0; padding: 0; list-style: none;}
.listView .resultHeaderList > li{margin: 0; padding: 10px 0; text-align: center; white-space: nowrap; flex: 1 1 100%;}
.listView .dsResultBox .dsPreview{display: flex;}
.gridView .dsResultBox .dsPreview .select_checkbox{position: absolute; bottom: 20px; z-index: 9;left:10px;}

.listView .dsResultBox .dsPreview .dsPreviewDiamondImage{display: none;}
@media(min-width: 1000px){
    .listView .dsResultBox .dsInfoTable table tr{flex: 1 1 14.285714%; max-width: 14.285714%;}
.listView .dsResultBox .dsPreview{max-width: 90px;}
.listView .dsResultBox .dsPreview img{max-width: 80%;}
.listView .dsResultBox .dsInfoBox{max-width: calc(100% - 265px);}
.listView .dsResultBox .actDetail .fa{display: none;}
.listView .dsResultBox .dsPrice{max-width: 80px;}
.listView .dsResultBox .dsFooter{max-width: 80px;}
.listView .resultHeaderList > li:nth-child(1){max-width: 90px;}
.listView .resultHeaderList > li:nth-child(2){max-width: calc(100% - 270px);}
.listView .resultHeaderList > li:nth-child(3){max-width: 80px;}
.listView .resultHeaderList > li:nth-child(4){max-width: 80px;}
    .listView .resultHeaderList > li .dsInfoLabels span{flex: 1 1 14.285714%; max-width: 14.285714%}
}
@media(max-width: 1000px){
    .listView .dsResultBox, .dsResultList.listView > [class*="col-"]{width: auto;}
    .dsResultList.listView{overflow-x: auto;}
    .listView .resultHeaderList > li{padding: 7px;}
    .listView .resultHeaderList > li:nth-child(2), .listView .resultHeaderList > li .dsInfoLabels span, 
    .listView .dsResultBox .dsInfoTable table tr, .listView .dsResultBox .dsPrice, .listView .resultHeaderList > li .dsInfoLabels span, .listView .dsResultBox .dsInfoTable table tr{max-width: auto;}
    .listView .resultHeaderList > li:nth-child(2), .listView .dsResultBox .dsInfoBox{max-width: calc(100%);}
    .listView .resultHeaderList > li .dsInfoLabels span{padding:0 9px;}
    .listView .resultHeaderList > li:nth-child(1), .listView .dsResultBox .actDetail .fa{display: none;}
    .listView .dsResultBox .dsInfoTable table tr, .listView .resultHeaderList > li .dsInfoLabels span{width: 70px;}
    
}