.left-padding {
    }
   body {
   	background-color: #EFF3F7;
        font-size: 12px;
   }
   td, th {
   	padding-left: 20px;
   	padding-right: 20px;
   }
   thead {
   	border-bottom: 1px solid #f7f7f7;
   }
   .toast.success {
   	background-color: #4BB543;
   }
   a.account-details.recent {
    background-color: #BFF0D4;
      transition: 0.3s;
    }
   a.account-details.recent:hover {
    background-color: #B8E2C8;
    }
   a.account-details.semirecent {
    background-color: #ABC8C7;
      transition: 0.3s;
    }
   a.account-details.semirecent:hover {
    background-color: #A5B5BF;
    }
    a.account-details.recent.sidebar_active {
          background-color: #c7e6c3;
    }
    .sidebar_active {
    border-right: 3px solid orange;
    }
    span.custom-badge {
    background-color: rgba(238,110,115,0.7);
    padding: 3px 6px;
    border-radius: 5px;
    font-size: 10px;
    color: #fff;
}
div#apollo_modal {
    max-height: 100%;
    overflow: scroll;
}
.account-name {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
   .new-border tr {
   	border-bottom: 1px solid #f7f7f7;
   }
   nav {
    background-color: #fff176;
   }
nav ul a{
  color: #000;
   }
    .sidenav {
    	width: 300px;
      top:80px;
    }
    .sidenav li {
    	line-height: inherit;
    }
    .sidenav li a {
    	line-height: inherit;
      padding: 2px 16px;
      border-bottom: 1px solid #f7f7f7;
    }
    .sidenav li a:hover {
    cursor: pointer;
    }
    .sidenav .user-view {
      padding: 16px;
      border-bottom: 1px solid #f7f7f7;
      margin-bottom: 0;
    }
    .sidenav h2#campaign_name {
    font-size: 20px;
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: 700;
}
a.account-details.sidebar_active {
    background-color: #f7f7f7;
    /* border-left: 3px solid red; */
}
.bottom-announcement {
  padding: 4px 16px;
    background-color: #fffbdd;
}
.top-holder {
  padding: 4px 16px;
    background-color: #3d0066;
}
.top-holder a {
color: #ffffff;
    border-bottom: none !important;
    text-align: left;
    padding: 0 !important;
}
.input-field .helper-text {
  color: #F44336;
}
label.invalid {
    color: #F44336;
}
    .field_title {
    	font-weight: 700;
    }
    .field_data {
	min-height: 22px;
    padding-bottom: 15px;
}

 .block-link {
    padding: 5px 10px;
    font-weight: 700;
}
.tiger-link {
	    background-color: cyan;
    color: black;
}
.ch-link {
      background-color: #000;
    color: #fff;
}
.modal {
	overflow-y: visible;
}
.modal.bottom-sheet {
max-height:100%;
}
.white-holder {
	background-color: #ffffff;
	border-radius: 10px;
}
.white-holder-header {
    background-color: #fbfbfd;
    display: flex;
    padding: 20px;
    align-items: center;
  	justify-content: center;
  	border-top-left-radius:10px;
  	border-top-right-radius:10px;

}
a.linkedin_link {
    font-size: 10px;
    background-color: #2867B2;
    color: #ffffff;
    padding: 2px 4px;
}
select[required]:focus{
    outline: none !important;
}

select[required]{
    display: block;
    padding: 0;
    position: absolute;
    background: transparent;
    color: transparent;
    border: none;
    top: 0;
}
@media only screen and (max-width : 992px) {
header, main, footer {
padding-left: 0;
}
}
@media only screen and (min-width : 992px) {
.left-padding {
    padding-left: 350px;
}
}