html{
  
display:inline-block;
}

button {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 300;
}


#cal td {
  height:34px;
  width:38px;
  cursor: pointer;
}

body .calander {
  height: 300px;
  width: 280px;
  /*margin:20px auto;*/
  
}
#cal td:hover, #cal td:focus, #cal td:active{
    text-decoration: none;
    background-color: #e1eef8 !important;
}
body .cal_head {
  font-size: 20px;
  background-color:#2196f3;
  color:#FFFFFF;
  font-weight:400;
  height: 80px;
  text-align: center;
}

.cal_head span, .button_right,
.button_left{
  
  background-color: white;
  border: none;
  background-color:#2196f3;
  color:#ffffff;
  display: inline-block;
  margin-top: 25px;
  text-align: center;
 
  
  
}

.button_right
{
  float:right;
}

body .cal_head .button_left
{
  float:left;
}

body .cal_body {
  //padding: 5px 5px 5px 5px;
  height: auto;
  text-align: center;
  padding-bottom: 20px;
}

body .cal_body .button {
  background-color: white;
  /* Green */
  border: none;
  color: black;
  display: inline-block;
  text-align: center;
}



body .cal_output {
    margin-top: 10px;
    margin-bottom: 25px;
    padding: 8px;
    height: auto;
    text-align: center;
    color: #918d8d;
    font-size: 15px;
}

.circle {
    border-radius: 50%;
    
    overflow:visible;
    width: 36px;
    height: 36px;
    


    background: #fff;
    border: 1px solid #666;
    text-align: center;

    
}


.paper-shadow-top-z-1 {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.16)
}
.paper-shadow-bottom-z-1 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)
}
.paper-shadow-top-z-2 {
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.19)
}
.paper-shadow-bottom-z-2 {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2)
}
.paper-shadow-top-z-3 {
    box-shadow: 0 17px 50px 0 rgba(0,0,0,.19)
}
.paper-shadow-bottom-z-3 {
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24)
}
.paper-shadow-top-z-4 {
    box-shadow: 0 25px 55px 0 rgba(0,0,0,.21)
}
.paper-shadow-bottom-z-4 {
    box-shadow: 0 16px 28px 0 rgba(0,0,0,.22)
}
.paper-shadow-top-z-5 {
    box-shadow: 0 40px 77px 0 rgba(0,0,0,.22)
}
.paper-shadow-bottom-z-5 {
    box-shadow: 0 27px 24px 0 rgba(0,0,0,.2)
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}