/* sessions info */

.sessionInfo {
  margin: auto;
  width: 100%;
  max-width: 370px;
   }

.sessionInfo .buttons {
  text-align: center;
  color: rgba(33,150,243,0.9) !important;
  font-size: 14px;
  letter-spacing: 0.4px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  transition: all 0.1s ease;
}

.sessionInfo .tr.buttons {
  text-align: right;
  padding-bottom: 5px;
  width: calc(100% - 52px);
  padding: 5px 26px; }

.sessionInfo .td.buttons {
  display: inline-block;
  padding: 0 8px;
  line-height: 36px;
  cursor: pointer; }

.sessionInfo .td.buttons:hover {
  background-color: rgba(99, 99, 99, 0.2);
}

.userinfo.sessionInfo > .table > .tbody > .tr.buttons:hover {
  background: none !important; }

.userinfo.sessionInfo > .table > .tbody > .tr > .td {
  font-size: 10pt; }

/*
.sessionInfo {
  margin: auto;
  background: #FFF;
  width: calc(100% - 24px);
  max-width: 500px;
  padding: 12px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  border-radius: 1px;
  font-family: 'Roboto', sans-serif;
}

.sessionInfo .delete {
    width: calc(100% - 10px);
    text-align: center;
    background: #007ba4;
    color: #fff;
    cursor: pointer;
}
.sessionInfo > div {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 5px;
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
    font-size: 14pt;
    color: #5d5d5d;
    overflow-y: hidden;
    max-height: 25px;
    color: #2c2c2c;
}
.delete:hover {
    background: #C24949;
}

/* confirm */
.confirm {
padding-top: 21px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 12px; 
background-color: #FFFFFF;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
  max-width: 300px;
  margin: auto;
  box-shadow: 0 -2px 25px 0 rgba(0, 0, 0, 0.15), 0 13px 25px 0 rgba(0, 0, 0, 0.3); }

.confirm > div.YesNo {
  margin: 5px 0;
  text-align: right; }

.confirm > div.YesNo > div.YesBtn, .confirm > div.YesNo > div.NoBtn {
  transition: all 0.1s ease;
  height: 36px;
  display: inline-block;
  width: auto;
  padding: 0 8px;
  border-radius: 1px;

  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: rgba(33,150,243,0.9);
  line-height: 36px;
  letter-spacing: 0.4px;

  text-align: center;
  width: auto;
  cursor: pointer; }

.confirm > div.YesNo > div.YesBtn {}

.confirm > div.YesNo > div.YesBtn:hover {
  background-color: rgba(99, 99, 99, 0.2);}

.confirm > div.YesNo > div.NoBtn {
  margin-right: 15px;}

.confirm > div.YesNo > div.NoBtn:hover {
  background-color: rgba(99, 99, 99, 0.2);}

.confirm > .confirmBlock {
}

.confirm > .confirmBlock > .title {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 20px;
color: rgba(0,0,0,.8);
line-height: 24px;
text-align: left;
letter-spacing: 0.03px;}

.confirm > .confirmBlock > .desc {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
color: rgba(0,0,0,.5);
line-height: 24px;
text-align: left;
letter-spacing: 0.03px;
padding-top: 14px; }

