/************* TABLE PANEL ***********/

.sbd-table-panel {
  position:relative;
  width:100%;
  height:100%;
  border-top:1px solid white;
}

.sbd-table-panel .headers-bar{
  width: 100%;
 height:40px;
 line-height: 40px;
 box-sizing: border-box;
 display:flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: flex-start;
 flex-wrap: nowrap;
 padding-left:20px;

}

.sbd-table-panel .headers-bar .header {
	cursor:pointer;
}

   .sbd-table-panel .headers-bar .header{
     box-sizing:border-box;
		 text-overflow: ellipsis;
		 overflow:hidden;
		 white-space: nowrap;
		 height:40px;
		 line-height: 40px;
     cursor:pointer;
     font-size:12px;
     font-family: open_sanssemibold;
     text-transform: uppercase;
     color:#666;
   }

   .name-header, .name-column {
    width:180px;
    padding-right:20px;
  }

   .fname-header, .fname-column, .lname-header, .lname-column {
    width:150px;
  }

  .rank-header, .rank-column {
    width:30px;
    font-family: open_sanssemibold;
    text-align: center;
    padding-right:20px;
  }

  .pphoto-header, .pphoto-column {

    width:60px;
  }

  .image-header, .image-column {

    width:80px;
  }

  .pphoto-column .pphoto{
    margin-top:10px;
    width:40px;
    height:40px;
    border-radius: 40px;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .image-column .image{
    width:60px;
    height:60px;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .email-header, .email-column {
    width:220px;
    padding-right:20px;
  }

  .office-header, .office-column {
    width:200px;
  }

  .agent-header, .agent-column {
    width:200px;
  }

  .officeID-header, .officeID-column {
    width:200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }


  .numAgents-header, .numAgents-column {
    width:150px;
  }

  .claimed-header, .claimed-column {
    width:150px;
  }

  .unclaimed-header, .unclaimed-column {
    width:150px;
  }

  .numVisitors-header, .numVisitors-column {
    width:150px;
  }

  .avg-leads-header, .avg-leads-column{
    width:150px;
   }

   .active-agents-header, .active-agents-column{
     width:150px;
    }

  .numOHs-header, .numOHs-column {
    width:150px;
  }

  .status-header, .status-column {
    width:100px;
  }

  .type-header, .type-column {
    width:150px;
  }

  .header .sort-box {
		 display: inline-block;
		 height:40px;
		 width:40px;
		 vertical-align: top;
		 position: relative;
		 opacity: 0.5;

	 }

	 .header.sorted .sort-box {
		 opacity: 1;
	 }

	 .sort-box .asc-icon, .sort-box .desc-icon {
		 width:20px;
		 height:20px;
		 position: absolute;
		 top:10px;
		 left:10px;
		 border-radius:5px;
		 font-size:12px;
		 line-height: 20px;
		 text-align: center;
		 display: none;
	 }

	 .sort-box.asc .asc-icon {
		 display:block;
	 }

	 .sort-box.desc .desc-icon {
		 display:block;
	 }

   .panel-table{
     width: 100%;
     height:calc(100% - 40px);
		 overflow: auto;
   }

   .totals-bar{
     position: absolute;
     bottom:0px;
     left:0px;
     width: 100%;
     height:40px;
     line-height: 40px;
     color:black;
     background:white;
     font-family: open_sanssemibold;
   }


   .pagination-bar{
     position: absolute;
     bottom:0px;
     left:0px;
     width: 100%;
     height:40px;
     line-height: 40px;
		 text-align: center;

   }

   .chevrons {
     display: inline-block;
     cursor:pointer;
     margin:0 10px;
     font-size:12px;
   }

   .page {
     display: inline-block;
     color:#999;
     cursor: pointer;
     margin: 0 10px;
     font-size:16px;
   }

   .page.current {
     color:black;
     cursor: auto;
     font-family: open_sanssemibold;
   }

   .panel-table .row, .totals-bar .row{
     width: 100%;
     height:auto;
     box-sizing: border-box;
     background-color: rgba(255,255,255,0.5);
		 display:flex;
		 flex-direction: row;
		 align-items: flex-start;
		 justify-content: flex-start;
		 flex-wrap: nowrap;
		 cursor: pointer;
     margin-bottom:1px;
     padding-left:20px;
     position: relative;
   }

	  .panel-table .row:hover {
			background-color: white;
      box-shadow: -3px 3px 10px #ccc;
      z-index:100;
		}

	 .panel-table .column , .totals-bar .column {

		 box-sizing:border-box;
		 text-overflow: ellipsis;
		 overflow:hidden;
		 white-space: nowrap;
		 height:inherit;
     line-height: inherit;
     font-size:14px;
     overflow:hidden;

	 }

   /************* DATA MAP TABLE PANEL ***********/

    .data-map-row {
      height:60px;
      margin-top:1px;
      background:rgba(255,255,255,0.5);
      display: flex;
      flex-direction: row;
    }

    .data-map-row .listing-info {
      flex-grow: 1;
      flex-shrink: 1;
      padding-left:20px;
      box-sizing: border-box;
      font-size:14px;
    }

    .data-map-row .listing-info .listing-address{
      font-family: open_sanssemibold;
      margin-top:10px;

    }

    .data-map-row .listing-info .listing-agent{
      letter-spacing: 2px;
      text-transform: uppercase;
      font-size:12px;
      margin-top:5px;

    }



    .data-map-row .listing-visitors-count {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis:160px;
      font-size:14px;
      box-sizing: border-box;
      line-height: 60px;
    }


   /************* MANAGE AGENTS TABLE PANEL ***********/

   #manage-agents-panel .panel-table .row{
      height:60px;
      line-height: 60px;

   }
   /* #manage-agents-panel .panel-table .row{
     width: 100%;
     height:60px;
     box-sizing: border-box;
     background-color:white;
		 display:flex;
		 flex-direction: row;
		 align-items: flex-start;
		 justify-content: flex-start;
		 flex-wrap: nowrap;
		 cursor: pointer;
     margin-bottom:1px;
   }

   #manage-agents-panel .panel-table .row:hover {
     background-color: rgba(255,255,255,0.2);
   }

   #manage-agents-panel .panel-table .column {
		 padding-left:20px;
		 box-sizing:border-box;
		 text-overflow: ellipsis;
		 overflow:hidden;
		 white-space: nowrap;
		 height:60px;
		 line-height: 60px;
	 }

   #manage-agents-panel .email-column {
     font-family: open_sanssemibold;
  } */

  #manage-agents-panel .status-column {
    font-size:12px;
    font-family: open_sanssemibold;
    flex-grow:1;
    text-align: right;
    text-transform: uppercase;
    padding-right:20px;
    color:#999;
 }