.slidePanel.slidePanel-right{width: 600px;overflow: hidden;}

/* Style contacts toggle */
.app-contacts table > thead > tr > th,
.app-contacts table > tbody > tr > th,
.app-contacts table > thead > tr > td,
.app-contacts table > tbody > tr > td {
  white-space: nowrap; vertical-align: middle;}

/* Style single contact details */
.app-contacts .slidePanel-header {padding: 17px 25px;}
.app-contacts .slidePanel-actions {position: absolute; top: 0px;  right: 20px;  float: none;}
.app-contacts .slidePanel-actions .btn-pure {color: #fff;}
.app-contacts .slidePanel-actions .btn-pure.active,
.app-contacts .slidePanel-actions .btn-pure:focus,
.app-contacts .slidePanel-actions .btn-pure:hover {color: #fff;}
.app-contacts .slidePanel-header .actions {position: absolute; right: 20px; bottom: -26px; transition: opacity 0.3s ease; opacity: 0;}
.slidePanel .ribbon {margin-top: 71px; opacity: 0; transition: opacity 0.3s ease;}
.slidePanel:hover .ribbon, .slidePanel:hover .slidePanel-header .actions{opacity: 1}
.slidePanel .list-group-dividered a, .slidePanel .list-group-dividered a:focus, .slidePanel .list-group-dividered a:hover {color: #76838f;}

.app-contacts .slidePanel .user-info td {padding: 10px 0;}
.app-contacts .slidePanel .user-info .info-label {width: 100px; font-weight: 500;}
.app-contacts .slidePanel .user-info .info-label i {margin-right:10px;}

/* Style table column toggle */
.btn.tablesaw-columntoggle-btn span {text-indent:initial; font-family: Roboto,sans-serif; float: left;}
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {padding: 8px;  margin: 20px 20px 10px 0;}
.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus { border-color: #444444;}
.tablesaw-enhanced .tablesaw-bar .btn:focus {color: #444444;}
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {top: inherit; right: 10px;  background-color: #EEE;}

  #contacts_table tr {
  cursor: pointer;
  }
  #filter_div_dpt .btn-default-shadow {
  color: #34383c;
  background-color: rgba(228, 234, 236, 0.59);
  border-color: #c9cfd2;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15), 0 3px 6px rgba(0,0,0,.2);
  box-shadow: 0 0 3px rgba(0,0,0,.15), 0 3px 6px rgba(0,0,0,.2);
  }
  .panel-group .panel-title:hover, .panel-group .panel-title:focus {
  color: #fff;
  }
  .dropdown-menu.bullet {
  overflow: inherit !important;
  }


@media (max-width: 767px) {
.app-contacts .responsive-hide .tablesaw-cell-label {display: none;}
  .app-contacts table > thead > tr > th,
  .app-contacts table > tbody > tr > th,
  .app-contacts table > thead > tr > td,
  .app-contacts table > tbody > tr > td {
    width: 100% !important;
    padding-right: 30px;
    padding-left: 30px;
    text-align: left;
  }
 .app-contacts .slidePanel-header .actions, .slidePanel .ribbon {opacity: 1;}
}
@media (max-width: 480px) {
  .app-contacts .page-header .page-header-actions {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 20px;
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
  }

}