div.calendar{
  font-size: 12px;
  color: #3e3e3e;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
  z-index: 9999;
}

div.calendar table
{
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
  border-spacing: 0;
}

/* thead - шапка */
div.calendar thead {
  background: #333;
  border-top: 1px solid #333;
  border-bottom: 1px solid #313131;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}

/* cells */
div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

/* header mounth */
div.calendar td.title
{
  color: #e2e2e2;
  text-shadow: 0 -1px black;
  background: #333;
  background: rgba(0, 0, 0, 0.35);
  border-top: 1px solid #333;
  border-bottom: 1px solid #313131;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  font-weight: bold;
  font-size: 15px;
  color: #e2e2e2;
}

/* header buttons */
td.button{ 
	color: #e2e2e2;
}

/* header days of week */
div.calendar th
{
  font-weight: bold;
  color: #e2e2e2;
  text-shadow: 0 -1px black;
  background: #333;
  background: rgba(0, 0, 0, 0.35);
  border-top: 1px solid #333;
  border-bottom: 1px solid #313131;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}

/* main cells */
div.calendar tr.days td {
  width: 2em;
  height: 1.6em;
  text-align: center;
  cursor: pointer;
  border: 1px solid #c2c2c2;  
  color: #666;
  background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
  -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);

}

/* cells hover border color */
div.calendar tr.days td:hover,
div.calendar 
{
  border-color: #cccccc;
  cursor: pointer;
}


div.calendar tr.days td:hover
{
 text-decoration: underline;
 background-color: #ffffff;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

/* selected cell */
div.calendar tr.days td.selected
{
  font-weight: bold;
  background-image: none;
  background-color: rgba(59,81,249,0.95);
  border-color: #ababab;
  color: #faec7d;
}

/* weekend days text color */
div.calendar tr.days td.weekend {
	color: #7f9de8;
}

/* today cell border color */
div.calendar tr.days td.today
{
  font-weight: bold;
  background-image: none;
  font-weight: bold;
/*
  background-color: #6dafbf;
  border-color: #31707b !important;
*/
  background-color: rgba(163,173,250,0.95);
  border-color: #ededed !important;
  color: #f3f3f3 !important;
}

/* subdays cells & text color */
div.calendar tr.days td.otherDay
{
  background: #f3f3f3;
  color: #b3b3b3;
}