.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 > li .btn.active{background-color: #007BB3; 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: #007BB3; color: #007BB3;
                                     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: 2;}
.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: #007BB3; color: #007BB3;}
.gridView .dsResultBox .btnAct.btnDsInfo:hover   {background-color: #007BB3; color: white;}
.gridView .dsResultBox .dsPrice     {font-size: 18px; line-height: 54px; color: #007BB3; padding-left: 10px; text-align: left !important;}
.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: #007BB3; color: #007BB3;}
.gridView .dsResultBox .btnAct.active{border-color: #007BB3; background-color: #007BB3; 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: 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: #007BB3;}
.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; flex: 0 0 100%; max-width: 100%;}
.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, .listView .conditionalReport{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 12px;}
.listView .dsResultBox .dsInfoTable table td{display: inline-block; white-space: nowrap;}
.listView .dsResultBox .dsInfoTable table td:first-child{display: none;}
.listView .dsResultBox .dsInfoTable tr:last-child {display: none;}
.listView .dsResultBox .dsPrice{font-size: 16px; padding: 0 12px;  color: #007BB3;}
.listView .dsResultBox .dsPrice .onCall{font-size: 15px; color: #007BB3;}
.listView .dsResultBox .dsFooter{margin-left: auto; justify-content: end;}
.listView .dsResultBox .dsFooter .btnAct{padding: 7px 10px; border: 1px solid transparent; border-radius: 4px;}
.listView .dsResultBox .dsFooter .btnAct:hover{border-color: #007BB3}
.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;}
.listView .dsResultBox .dsInfoBox{max-width: calc(100% - 370px);}
.listView .dsResultBox .actDetail .fa{display: none;}
.listView .dsResultBox .dsPrice{max-width: 120px;}
.listView .dsResultBox .dsFooter{max-width: 160px;}

.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 .resultHeaderList > li:nth-child(1){max-width: 90px;}
.listView .resultHeaderList > li:nth-child(2){max-width: calc(100% - 370px);}
.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%; max-width: 14.285714%}