/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

 body, h1, h2, h3, h4 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

a, a:link, a:visited {
  color: #625e9c;
}

a:hover, a:active {
  color: #534588;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #8a84d7;
  border-color: #8a84d7;
}

/* events */

.event-title {
  letter-spacing: 1pt;
  color: #aa60bf;
}

.event-description {
  font-size:14px;
}
.div-bordered {
  border: solid 1px #ddd !important;
}

.statistic-title{
  font-size: 17px;
  color: #75787b;
  font-weight: bold;
  padding: 15px;
}
.statistic-value{
  font-size: 36px;
  font-weight: lighter;
  color: #232323;
  margin-bottom: 15px;
  margin-top:0;
}
.statistic-value-small{
  color: #a7a8aa;
  font-size:24px;
}

.event-detail-count{
  color:#a7a8aa;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.schedule-date {
  color: #aa60bf;
  font-size: 48px;
  font-weight: bold;
  margin-top:0;
  margin-bottom:0;
}
.schedule-month{
  letter-spacing: 1.5pt;
  text-transform: uppercase;
  font-size: 14px;
}
.event-info-icon{
  color:#a7a8aa;
}
.event-info-label{
   letter-spacing: 2pt;
  text-transform: uppercase;
  font-size: 15px !important;
}

.full-date-picker {
  min-width: 91% !important;
}

.full-timezone-picker {
  width: 100%;
  border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    font-size: 16px;
}
.text-color-gray{
  color: #75787b;
}
.text-color-lightgray{
  color: #c0c0c0;
}
.event-poin-text{
  font-size: 18px;
}
.event-action-link{
  font-size:16px;
  padding:10px;
}

.event-modal-title{
  font-size: 18px;
  color: #aa60bf;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 10px 0 10px 0;
}
.switch-label{
  display: inline-block;
  margin:0;
  font-size: 16px;
  margin-top: 15px;
}
/*color*/
.ReactTable input, .ReactTable select {
    border: 1px solid rgba(0,0,0,0.1);
    background: #fff;
    padding: 5px 7px;
    font-size: inherit;
    border-radius: 3px;
    font-weight: normal;
    outline: none;
}
.inline {
  display: inline-block;
}
.bg-gradient-9 {
  background: #6857b2!important;
}
.mt-0 {
  margin-top: 0;
}
.mt-xxs{
  margin-top: 5px;
}
.mt-xs {
  margin-top: 10px;
}
.mt-sm{
  margin-top:20px;
}
.mt-md {
  margin-top: 40px;
}
.mt-lg {
  margin-top: 80px;
}
.mt-xl {
  margin-top: 160px;
}
.mr-0 {
  margin-right: 0;
}
.mr-xs {
  margin-right: 5px;
}
.mr-sm{
  margin-right: 10px;
}
.mr-md {
  margin-right: 20px;
}
.mr-lg {
  margin-right: 40px;
}
.mr-xl {
  margin-right: 80px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-xxs {
  margin-bottom: 5px;
}
.mb-xs {
  margin-bottom: 10px;
}
.mb-sm{
  margin-bottom:20px;
}
.mb-md {
  margin-bottom: 40px;
}
.mb-lg {
  margin-bottom: 80px;
}
.mb-xl {
  margin-bottom: 160px;
}
.ml-0 {
  margin-left: 0;
}
.ml-xs {
  margin-left: 5px;
}
.ml-sm {
  margin-left: 10px;
}
.ml-md {
  margin-left: 20px;
}
.ml-lg {
  margin-left: 40px;
}
.ml-xl {
  margin-left: 80px;
}
.pt-0 {
  padding-top: 0;
}
.pt-xs {
  padding-top: 10px;
}
.pt-sm{
  padding-top:20px;
}
.pt-md {
  padding-top: 40px;
}
.pt-lg {
  padding-top: 80px;
}
.pt-xl {
  padding-top: 160px;
}
.pr-0 {
  padding-right: 0;
}
.pr-xs {
  padding-right: 5px;
}
.pr-sm{
  padding-right: 10px;
}
.pr-md {
  padding-right: 20px;
}
.pr-lg {
  padding-right: 40px;
}
.pr-xl {
  padding-right: 80px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-xs {
  padding-bottom: 10px;
}
.pb-sm {
  padding-bottom: 20px;
}
.pb-md {
  padding-bottom: 40px;
}
.pb-lg {
  padding-bottom: 80px;
}
.pb-xl {
  padding-bottom: 160px;
}
.pl-0 {
  padding-left: 0;
}
.pl-xs {
  padding-left: 5px;
}
.pl-md {
  padding-left: 20px;
}
.pl-lg {
  padding-left: 40px;
}
.pl-xl {
  padding-left: 80px;
}

.padding-0 {
  padding: 0 !important;
}

.profile-card{
  min-height: 201px;
}
.fa-big {
  font-size: 0.5cm !important;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}

.sortable-option{
  border: solid 1px #ddd;
  padding: 7px 0 7px;
  font-size: 14px;
  width: 100%;
  height: 37px;
}

.color-green {
  color: #72bb53;
}
.font-14 {
  font-size: 14px;
}
/* to remove close button at the top right side of a bootstrap modal */
.close {
  display: none;
}
.panel-heading .accordion-toggle:after {
  font-family: 'FontAwesome';
  content: '\f077';
  float: right;
  color: grey;
}
.panel-heading .accordion-toggle.collapsed:after {
  content: '\f078';
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.form-group.required .control-label:after {
  content:"*";
  color:red;
}
.Select{
  height: 32px !important;
}

.hs-flag-number{
  width: 100% !important;
  height: 32px;
}

.hs-flag-number > input{
  height:32px !important;
  padding-left:50px !important;
}

.hs-flag-error > input{
  border-color: red !important;
}

.hs-error-message {
  color: red !important;
}

.hs-flag-number .flag-dropdown{
  width: 40px;
}

.hs-flag-number .selected-flag{
  padding: 0 0 0 18px;
  width: 60px;
  height: 32px;
}

.hs-flag-number .country-list{
  top: 36px;
}
/*edit people's photo*/

/* Table panel */

.hs-table-panel {
  padding-top: 0;
  padding-bottom: 0;
}

.hs-panel-row {
  border-bottom: 1px solid #eee;

  .hs-edited {
    color: @brand-success;
  }
}

.hs-panel-add-row {
  padding-left: 10px;
  margin: 5px -10px;
  border: 1px dashed @brand-secondary !important; // Avoid override from :last-child
  color: @brand-primary;
  cursor: pointer;
}

.hs-panel-add-row:hover {
  background-color: @brand-secondary-light;
}

.hs-panel-row:last-child {
  border-bottom: none;
}

.hs-panel-col-label {
  color: @gray;
}

a .clickable-div:hover{
  box-shadow: 1px 1px 5px #ccc;
  color: #222;
  background-color: #eee;
}
.clickable-div {
  color: #666;
  background-color: #fefefe;
}
.bg-warning{
  background-color: #efe1b3;
  color: #666;
}
form{
  color:#6f6f6f;
}
/* Avatar Editor */

.avatar-photo {
  position: relative;
  background-color: #EEE;
  overflow: hidden;
  border-radius: 0px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc;
  z-index: 3;
}

.avatar-edit span {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  position: absolute;
  z-index: 5;
  bottom: 5px;
  right: 0px;
  color: white;
}

.avatar-photo input[type=file] {
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 9;
}

.avatar-edit {
  text-align: center;
}

.avatar-edit i {
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  z-index: 5;
  color:white;
  top: 12px;
  right: 12px;
  font-size: 30px;
  opacity: 0;
}

.avatar-block {
  display: inline-block;
}

.avatar-photo:hover {
  cursor: pointer;
}

.avatar-photo:hover .avatar-edit i {
  opacity: 0.8;
  font-size: 50px;
}

#logo img {
  height: 28px;
  width: auto;
}

@media (min-width: @screen-sm-min) {
  .hs-panel-row {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .avatar-photo {
    width: 100px;
    height: 100px;
  }


}

@media (max-width: @screen-xs-max) {
  #content {
    padding: 0 !important;
  }

  .hs-panel-row {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .hs-panel-col-label {
    float: left;
  }

  .hs-xs-overlay .panel-heading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3000;

    a, .btn-link {
      color: #fff;
      font-size: 14px;
    }

    a {
      margin-top: 8px;
    }

    .btn-link {
      margin-top: 6px;
      padding: 0;
    }
  }

  .hs-xs-overlay.panel {
    padding-top: 48px;
  }

  .avatar-photo {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: @screen-sm-min) {

  .hs-profile-picture {
    float: left;
    margin-right: 25px;
    width: 100px;
    height: 100px;
  }

}

@media (max-width: @screen-xs-max) {

  .hs-profile-picture {
    margin: 15px auto;
  }

}

#left-panel {
    padding-top: 64px;
}

aside {
    background: #fff;
    min-height: 100%;
}

.login-info span {
    border: 0!important;
    box-shadow: none!important;
    color: #75787b;
}
.login-info {
    margin-bottom: 7px!important;
    height: auto;
    background-color: rgba(255,255,255,0);
    border: 0;
    border-bottom : solid 1px #efedf2;
}
.login-info .fa.fa-angle-down {
  display: none;
}
body{
  background: #efedf2;

}
nav>ul ul li::before, nav>ul>li>ul::before {
    border: none!important;
}

nav ul li a:hover, nav ul ul li>a:hover {
    color: #202427!important;
    background: none!important;
}

nav>ul>li>a {
    padding-top: 16px;
    padding-bottom: 16px;
}

nav ul li a {
    color: #69737A!important;
    font-size: 12px!important;
}

nav ul .active>a {
    color: #333!important;
    position: relative;
}

.minified nav>ul>li>a>i {
    font-size: 18px!important;
}
nav>ul>li>a>i {
    font-size: 25px!important;
}

.minified nav ul>li>a {
    padding: 12px 11px;
}
.minified #left-panel {
    padding: 0!important;
    padding-top: 50px!important;
}
.minified nav>ul>li {
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #FFF;
}

.minified nav>ul>li {
    overflow: visible;
}
.minified #left-panel {
    width: 45px;
}

.minifyme:hover {
  background: #efedf2;
  color: #75787b;
}

.minifyme {
  background: #efedf2;
  border-bottom: 1px solid #e1dee5;
  color: #a7a8aa;
}

.hoverCursor{
  cursor: pointer; cursor: hand;
}

.borderGreen input, .borderGreen select{
  border: 1px solid #00cc00;
}

.loadingContainer{
  height: 100% ;
  position: absolute;
  width: 100%;
}

.loadingContent{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.person-info{
  font-size:11pt;
}

.panel-default {
    border-color: #d6d9d9 !important;
}
.panel-default > .panel-heading {
    color: #222222;
}
.hs-profile-panel-heading h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.hs-table-panel {
    padding-top: 0;
    padding-bottom: 0;
}

.dt-toolbar, .dt-toolbar-footer {
  background: none;
  padding: 5px 0;
}

.dt-toolbar-footer {
  border-top: none;
}

div.dataTables_info {
  font-weight: normal;
  font-style: normal;
}

.table>tbody>tr>td {
  vertical-align: middle;
}

.hs-panel-row {
    border-bottom: 1px solid #eee;
}
.panel-body {
    padding: 15px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.hs-strong {
    font-weight: bold;
}

.hs-panel-row .hs-edited {
    color: #48c1ac;
}

.hs-panel-col-label {
    color: #75787b;
}

.hs-fixed-after-header {
    position: fixed;
    top: 15px;
}

.hs-edited-value{
  text-decoration: line-through;
}

.hs-normal{
  font-weight: normal;
}

.float-left{
  float: left;
}

.border-color-green{
  border: solid 2px #89AD45;
}

.border-color-red{
  border: solid 2px #DB4A67;
}

.btn-primary {
  background-color: #6857b2 !important;
  border-color: #60569a !important;
}

.btn-primary.reverse {
  background-color: white !important;
  border-color: #60569a !important;
  color: #60569a !important;
}

.hs-functional-panel {
  margin-top: 24px;

  h3 {
    margin: 10px 0 20px 0;
  }
}

.hs-btn-group {
  white-space: nowrap;
}

.hs-btn-group .btn {
  margin-right: 5px;
}

select.form-control {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#a7a8aa' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 20px;
}

select.form-control.input-sm {
  line-height: inherit;
}

.dtr-inline.collapsed ul {
  background: #fff;
  list-style: none;
  margin: -8px -10px;
  padding: 10px;
  box-shadow: inset 0px 8px 8px -8px rgba(100, 100, 100, 0.5);
}

.dtr-inline.collapsed li {
  margin: 8px 0;
}

span.dtr-title {
  display: block;
  font-weight: bold;
  color: #75787b;
}

li.paginate_button a {
  color: #625e9c;
}

li.paginate_button a:hover {
  color: #534588;
}

b.bg-color-white.badge {
  color: #625e9c;
}

.hs-server-paginated-table .dt-toolbar {
  display: none !important;
}

.dataTable .progress {
  margin: 0;
}

.dataTable tfoot tr {
  background: #f3f3f3;
  font-weight: bold;
}

.progress-bar-accent-1 {
  background: #aa60bf;
}

.progress-bar-accent-2 {
  background: #00add3;
}

.dashboard-panel-header {
  font-size: 18px;
  letter-spacing: 2px;
  color: #aa60bf;
}
.dashboard-filter-box {
  border-radius: 0;
}
.dashboard-chart-container {
  min-height: 220px;
  text-align: center;
}
.dashboard-loading {
  vertical-align: middle;
  line-height: 220px;
  color: #aa60bf;
}
.big-number {
  color: #6857b2;
  font-weight: 500;
  margin-bottom: 0px;
}
.statistic-border {
  border: 1px solid #6857b2;
  padding-bottom: 16px;
}
.statistic-date {
  float: left;
}
.statistic-data {
  float: right;
}

.hs-query-builder {
  padding: 15px;
}

.hs-query-builder-body {
  margin-top: 15px;
}

.hs-query-builder-header label {
  padding-top: 7px;
  padding-right: 15px;
  font-weight: bold;
}

.hs-query-builder-header input {
  width: 85%;
}

.tab-button-container {
  height: 100%;
}

.tab-menu {
  height: 100%;
  width: 150px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgb(234, 236, 236);
}

.tab-menu-active {
  background-color: white;
  font-weight: 600;
  border-top: 2px solid rgb(104, 87, 178);
  border-left: 1px solid rgb(214, 217, 217);
  border-right: 1px solid rgb(214, 217, 217);
}

.btn-default {
  color: #6857b2;
  border-color: #60569a;
}

.default-color {
  color: #bc60bf;
}

.event-status {
  font-size: 16px;
  list-style: none;
  padding: 10px;
  border: 1px solid #c2c3c4;
  border-radius: 2px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version */
}

.event-active {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.event-status .fa {
  margin-right: 10px;
  color: #a7a8aa;
}

.event-active .fa {
  color: #00add3;
}

.btn-event {
  border: 1px solid #c2c3c4 !important;
  padding: 10px !important;
  margin: -7px 0 0 0 !important;
  height: 43px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.grey-container {
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(228, 230, 230);
}

.change-banner-text {
  text-decoration: underline;
  color: #6857b2;
}

/* start of datepicker */

.datepicker {
  padding: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.calendar-icon {
  border: 1px solid rgb(169, 169, 169);
  border-left: none;
  padding: 11px 10px 10px 10px;
  background: #fff;
}

.calendar-icon-2 {
  border: 1px solid rgb(169, 169, 169);
  border-left: none;
  padding: 8px 10px 9px 10px;
  background: #fff;
}

.react-datepicker {
  font-size: 1.3rem !important;
}

.react-datepicker__current-month {
  font-size: 1.5rem !important;
}

.react-datepicker__header {
  padding-top: 6px !important;
}

.react-datepicker__navigation {
  top: 13px !important;
}

.react-datepicker__day-name, .react-datepicker__day {
  margin: 0.5rem !important;
}

/* end of datepicker */

.input-center {
  vertical-align: middle !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.vertical-center {
  vertical-align: middle !important;
}

.event-select {
  padding: 6px 3px 7px 3px;
  margin-left: 10px;
  border: 1px solid #ccc;
  background: #fff;
  height: 36px;
}

.clear-padding {
  padding: 0px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 5px !important;
}

.mr-15 {
  margin-right: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

/* enable absolute positioning */
.inner-addon { 
  position: relative; 
}

/* style icon */
.inner-addon .fa {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.add-button {
  border: 1px dashed #bc60bf;
  color: #6857b2;
  cursor: pointer;
  text-align:center;
  padding: 5px 0px 5px 0px !important;
}

.link-text {
  cursor: pointer;
  color: #6857b2;
  text-decoration: underline;
  padding-bottom: 10px !important;
}

.event-committee-single {
  line-height: 30px;
  font-size: 16px;
}

.event-commitee {
  font-size: 16px;
  line-height: 15px;
}

.hs-event-image-container {
  max-width: 500px;
}

.text-center {
  text-align: center;
}

.btn-secondary {
  background-color: white !important;
  border-color: #60569a !important;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #6f6f6f !important;
}

.has-error .form-control {
  border: 1px solid #ccc;
}

.has-error input[type=text], .has-error input[type=text]+.input-group-addon {
  border: 1px solid #ccc;
}

.hs-form-container {
  max-width: 735px;
}

.hs-workspace {
  font-size: 16px;
}

.hs-workspace .control-label,
.hs-workspace a {
  font-size: 14px;
}

.hs-workspace .form-control {
  height: 36px;
}

.hs-workspace input,
.hs-workspace textarea,
.hs-workspace button,
.hs-workspace select,
.hs-workspace .btn,
.hs-workspace .radio-inline {
  font-size: 16px;
  color: #222;
}

.hs-workspace input,
.hs-workspace textarea {
  border-radius: 0;
}

.hs-workspace .nav .btn {
  font-size: 16px;
  padding: 10px 10px 10px 15px;
  margin-bottom: 5px;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #6857b2;
}

.hs-workspace .nav .active .btn {
  font-weight: bold;
  background: #eaecec;
  color: #222;
}

.hs-workspace .nav button:hover {
  background: #f8f8f9;
}

.hs-workspace table {
  font-size: 14px;
  color: #222;
}

.hs-workspace th {
  background: #eaecec;
}

.hs-workspace td {
  background: #fff;
  padding: 5px !important;
}

.pledge-status {
  background-color: white;
  border: 1px solid #ddd;
}

.delete-icon {
  border: 1px solid #60569a;
  padding: 8px 10px 9px 10px;
  background: #fff;
  cursor: pointer;
}

.commitment-panel {
  padding: 5px !important;
}

@media (max-width: 767px){
  .statistic-last-border {
    border-top: none;
  }
  .statistic-second-row-border{
    border-top: none;
  }
  .statistic-date{
    float:none;
  }
  .statistic-data{
    float:none;
  }
}
@media (min-width: 768px){
  .hs-panel-row {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .big-number {
    font-size: 36px;
  }
  .statistic-last-border {
    border-left: none;
  }
  .statistic-second-row-border{
    border-top: none;
  }
}