body {
    margin: 40px 10px;
    padding: 0;
    /*font-family: Arial, Helvetica Neue, Helvetica, sans-serif;*/
    font-size: 14px;
  }

  #calendar {
    max-width: 1200px;
    margin: 0 auto;
  }

  .calendar-tooltip{

    min-width:300px;

    font-size:13px;

}

.calendar-header{

    background:#E8E2CC;

    color:black;

    padding:10px;

    font-weight:bold;

    font-size:15px;

    border-radius:6px 6px 0 0;

}

.calendar-tooltip table{

    width:100%;

    border-collapse:collapse;

}

.calendar-tooltip td{

    padding:4px;

    vertical-align:top;

}

.calendar-tooltip tr:nth-child(even){

    background:#f8f9fa;

}

.gc-popup{

    width:360px;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.20);
    font-family:'Segoe UI',sans-serif;

}

.gc-header{

    display:flex;
    align-items:center;
    padding:18px;
    background:#673ab7;
    color:#fff;

}

.gc-icon{

    width:52px;
    height:52px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    margin-right:15px;

}

.gc-title{

    flex:1;

}

.gc-event{

    font-size:18px;
    font-weight:600;
    margin-bottom:4px;

}

.gc-subtitle{

    font-size:13px;
    opacity:.9;

}

.gc-body{

    padding:18px;

}

.gc-row{

    display:flex;
    align-items:flex-start;
    margin-bottom:16px;

}

.gc-row:last-child{

    margin-bottom:0;

}

.gc-row i{

    width:26px;
    font-size:16px;
    color:#5f6368;
    margin-top:3px;

}

.gc-row div{

    flex:1;
    line-height:1.4;

}

.gc-row strong{

    color:#5f6368;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.4px;

}

.gc-row span{

    color:#999;

}