body, .main{
  height: 100%;
}
body, .main, .gradient-bg, .ck-table{
    background: rgb(238,255,236);
    background: linear-gradient(356deg, rgb(237, 255, 235) 0%, rgba(250,255,255,1) 26%, rgba(227,252,255,1) 62%);
}
.ck-grid {
    display: grid;
    grid-template-columns:  1.5fr 9fr;
    grid-template-rows:  auto ;
    grid-template-areas: "sidebar main" ;
    height: 100vh;
    grid-gap: 0 20px;

}

.ck-sidebar {
    grid-area: sidebar;
    overflow: auto;
    height: 100vh;
    border-radius:10px;
    padding-bottom:200px;
}
.ck-sidebar td span {
    float:center;
}

.ck-main{
    grid-area: main;
    /* background-color:aquamarine; */
    height: 100vh;
    margin-bottom:1rem;
    overflow:auto;
}


.ck-table {
    min-width: 100%;
    height: 100%;
    text-align:center;
    justify-content: space-between;
    border-radius:10px;
    /* overflow-x:auto; */
}
.ck-sidebar .cktable {
  border-bottom: 0;
  margin-bottom:-200px;
}
/* .ck-table th#meettime {
    width: 8%;
} */
.ck-table thead {
  position: sticky;
  top: 0;
}

.ck-table th {
    background-color: rgb(245, 245, 245);
    font-weight: normal;
    font-size: 1rem;
    /* width: 23%; */
    padding: 1rem;
    min-height:2rem;
    max-height:3rem;
    height:2rem;
    margin:-5px;
    text-align:center;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-collapse:collapse;   
    vertical-align:top;
}

.ck-table  td {
    text-align:center;
    border: 1px solid #d4d4d4;
    border-collapse:collapse;   
    vertical-align:top;
}
.ck-table td {
    height:3rem;
}
.ck-table tr:nth-child(even) {
    background-color: rgba(243, 244, 246, .3 );
}


td.meettime {
    vertical-align:middle;
    /* height:100px; */
}
span.tile {
    text-align:center;
    border:1px solid #999;
    padding:5px;
    margin:1% 2%;
    display: inline-block;
    float:left;
    font-size:0.9rem;
    min-width:100px;
    max-width:135px;
    word-wrap: normal;
    background:  rgb(148, 171, 194);
    border-radius: 12px;
    color: #333;

    
}
span.tile.changed {
    background-color: #FC6E6C;
}


.fab {
    background-color: transparent;
    height: 130px;
    width: 130px;
    border-radius: 40px 5px;
    transition: height 300ms;
    transition-timing-function: ease;
    position: absolute;
    left: 20px;
    bottom: 20px;
    text-align: center;
    overflow: hidden;
  }
  
  .fab:hover {
    height: 375px;
    padding-bottom:100px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  .fab:hover .mainop img {
    transform: rotate(10deg);
  }
  
  .mainop {
    margin: auto;
    width: 130px;
    height: 130px;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: transform 300ms;
    background: rgb(238,255,236);
    background: linear-gradient(21deg, rgba(238,255,236,1) 0%, rgba(250,255,255,1) 26%, rgba(227,252,255,1) 62%);
    /* background-color: #ffe2e0; #dbdfe6; */
    border-radius: 40px 5px;
    z-index: 6;
  }
  
  .mainopShadow {
    width: 130px;
    height: 130px;
    border-radius: 40px 5px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  .mainop img {
    /*   margin-top: px; */
    font-size: 32px;
    color: #fff;
    height: 130px;
    transition: all 2s;
    margin-left:15px;
  }
  .ops {
    margin-bottom: -135px;
  }
  .minifab {
    position: relative;
    width: 100px;
    height: 48px;
    border-radius: 15px;
    z-index: 5;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-right: 8px;
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    /* padding-bottom:200px; */
  }
  
  .minifab:hover {
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

  }
  
  .ckbutton {
        background: rgb(255,69,118);
        background: linear-gradient(352deg, rgba(255,69,118,1) 31%, rgba(255,114,107,1) 64%, rgba(255,174,99,1) 100%);
        border-radius: 10px;
        box-sizing: border-box;
        color: #fff;
        font-size: .8rem;
        font-weight: 700;
        height: 54px;
        letter-spacing: .4px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 3px;
        text-decoration: none;
        text-transform: uppercase;
}


select, [multiple] {
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow:auto;
    width: 90%;
    border-radius:5px;
}

optgroup {
  text-indent: 1px;
  font-weight: 600;
  font-style: oblique;
  color:#aeaeae!important;
  display: block;
}

option {
  font-weight: normal;
  font-style: normal;
  color: #333;
  display: block;
  margin-left:none;
  text-indent: 5px;
}
option::before {
  display:none;
}

.mt-8 {
  margin-top:0;
  margin-bottom:0;
  padding-top:1rem;
  padding-bottom:0;
}

.grid-dash {
  display:grid;
   /* grid-cols-6  */
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
}

.linked {
  color:#ED327B;
  font-weight: 700;
}
.linked:hover{
  cursor: pointer;
}
.pad-20 {
  padding-bottom:20px;
}

.hovertiles {
  min-width:16rem;
  /* background-color:#ED327B; */
}
.hoverheading {
  /* background-color:#FC6E6C; */
  font-weight:600;
  font-size:1rem;
}
.tiletitle {
  font-style: italic;
}
/* .hoverbody {
  background-color:aqua; 
} */
.tippy-box {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.alert-success {
  font-weight:600;
}

.tippytable {
  width:100%;
  border-radius:5px;
}

.tippytable td{
  height:auto;
}

.ck-table thead {
 position: static;
}