.app-icon-24 {
    width: 30px;
    height: 30px;
    background-size: 30px;
}
.app-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url("/static/images/google_icons.png");
}
.page-tabs.nav-tabs {
    min-height: 60px;
}
.list-group
{
  margin-top: 10px;
  overflow-y:scroll;
  height:100%;  
}
.list-group-item 
{
   padding: 5px 10px;
}

.overflow {
    width: 84px;    
    text-overflow: ellipsis;
    white-space: nowrap;
}
.snapshot-item 
{
  display: flex;
  border: none;
  height: 14px !important;
  width: 100%;
  cursor: pointer;
}

.snapshot-item.subgroup {
    cursor: inherit;
    margin-bottom: 5px
}

.snapshot-item .line 
{
  width: 28px;
  height: 4px;
  margin-right: 8px;
  background-color: gray;
}

.snapshot-item.selected .line {
    background-color: #1cc09f !important;
    height: 3px !important;
    width: 22px;
    margin-right: 15px;
}

.snapshot-item.time:hover .line {
    height: 3px !important;
    width: 38px !important;
    background-color: #1cc09f;
    margin-top: 0px;
}

.snapshot-item span
{
  margin-top: -8px;
}

.snapshot-item.selected span{
    color: #1cc09f;
    display: block;
    margin-top: -7px;
     z-index: 2;
    height: 14px;
}
.snapshot-item.subgroup span{
    margin-top: -8px;
    position: relative;
    z-index: 1;
    padding-right: 4px;
    background-color: #fff;
}

.snapshot-item.time span{
    display: none;
}
.snapshot-item.time:hover span{
    display: block;
    color: #1cc09f;
    height: 14px;
    z-index: 2;
}

.search-input {
  height: 32px;
  border-radius: 18px;
  margin: 15px 5% 10px 5%;  
  width:80%; 
  text-align:center;
}

.restore-table tr td:hover  {
   color: #1cc09f;
   font-weight: 400;
}
.restore-table tr td{
   border: none !important;
   cursor: pointer;
}

.no-border tr td{
   border: none !important;
   padding-left: 15px !important;
   cursor: pointer;
}
.no-border .activated{
  background-color:#52d3c7;
  color: white;
}

.no-border .activated:hover{
  background-color:#1cc09f;
  color: white;
}
.no-border .activated span:hover {
   color: white !important;
}
.no-border .lyear-checkbox{
  display: inline-block;
}
.no-border span:hover {
   color: #1cc09f;
   font-weight: 500;
}
.img-avatar-16 {
    width: 16px;
    height: 16px;
    line-height: 16px;
}
.noBorderTable td
{
	line-height: 1;
	border-top: none !important;
}
.noBorderTable  tr td:first-child
{
	width: 80px;
	text-align: center;
}

.contactDetail
{
  display: table;table-layout: fixed;width: 100%;margin:10px 0 5px 0;
}
.contactPhoto
{
  display: table-cell; width:85px;padding-left: 10px
}
.contactInfo{
  display: table-cell; position: relative; vertical-align: middle; width: 100%;
}
.badgeList{
  align-content: flex-start; display: flex; flex-direction: row;flex-wrap: wrap; margin-top:10px;
}
.badgeExt{
  background-color:#ddd;color:#666; padding: 8px 15px;border-radius: 25px; font-weight: 100 !important; font-size: 13px;
  margin: 0px 5px 5px 5px;
}
.extInfo{
  color:#999;
}
.loadingContent
{
  margin-top:10px;
  margin-left:10px;
  min-height: 40px;
}
.loadingText
{
  display: inline-block;
    margin-top: 8px;
    margin-left: 10px;
    position: fixed;
}
.restore-itemlist
{
  line-height: 2;
  margin: 8px 0 0 10px;  

}

.restore-calendar tr td:first-child{ 
  width:150px;
  text-align: left;
} 
.checkboxExt
{
  min-height: auto !important; 
  height: auto!important; 
  line-height: 1 !important;
}


.gmail-folder tr{
  cursor: pointer;
}
.gmail-folder tr td{
   border: none !important;
   line-height: 1 !important;
   padding: 0.4em 0 0.4em 15px !important;
}
.gmail-folder tr td:first-child{ 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gmail-folder .activated{
  background-color:#52d3c7;
  color: white;
}
.gmail-folder .activated:hover{
  background-color:#52d3c7;
}

.gmail-folder .activated .lyear-checkbox{
  display: inline-block;
}

.gmail-folder .lyear-checkbox{
  display: none;
}
.gmail-folder span.mdi {
   font-size: 16px;
   margin-right: 5px;
}
#emails tr td:nth-child(2){ 
  width: 120px !important;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
}
.checkboxExt
{
  min-height: auto !important; 
  height: auto!important; 
  line-height: 1 !important;
}
.datepicker
{
  border: 1px solid rgba(0,0,0,.15) !important;
}
#threadModal .card-header
{
  padding: 15px;
}

#threadModal .card-header h4
{
  float: none;
  padding-bottom: 10px;
}

#threadModal .card-body
{
  padding: 15px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
}

.nav-tabs > li > a {
    padding-top: 12px !important;
    padding-bottom: 18px !important;
}