.wrappers a:-webkit-any-link{		
	text-decoration:none !important;	/* do not underline links */
	color: black !important ;	/* give links a default color */
  }
  
  .wrappers .riga
  {
      margin-left:0px ;
      margin-right: 0px; 
      display: table;
  }



  .wrappers 
  {
    font-family: "Montserrat";  /* just a cutsom font */
  	/*margin: 10em;					 just a temp margin 
  	margin-left:35%;*/
  	border: 0.1em solid #ccc;	/* wrap the calendar inside a box */
  	width: 22em;				 /*define a width for the box */
  	height: 38em;				 /*define a height for the box */
  	box-shadow: 0.1em 0.2em 0.8em #ccc;	/* box shadow for better view */
  	float:left;

  }
  
  .wday
  {
      height: 80em;
      }
.wdayd
  {
      height: 77em;
      }
  .headers {
  	height: 4em;					/* define a height for the header */
  	background-color: #3f51b5;		/* give the header a background color */
  	color: white;					/* give the header a text color */
  	text-align: center;				/* center the text inside the header */
  }

    .hday 
    {
        height: 7em;
    }
    
    .calendar-body .col-xs-1 
    {
        padding:0px !important;
  	    width: 2.5em;					/* give each column a fixed width */
  	    margin-left: 0.2em;				/* have some space between columnd */
  	    text-align: center;				/* align text in the center */
    }

    .calendar-body .col-xs-day 
    {
        padding:0px !important;
  	    width: 19.5em;					/* give each column a fixed width */
  	    margin-left: 0.2em;				/* have some space between columnd */
  	    text-align: center;				/* align text in the center */
  	    height: 19px !important;
    }

.calendar-body .col-xs-hour 
    {
        padding:0px !important;
  	    width: 19.5em;					/* give each column a fixed width */
  	    margin-left: 0.2em;				/* have some space between columnd */
  	    text-align: left;				/* align text in the center */
  	    height: 19px !important;
    }
.headers p {
	padding-top: 1.2em;				/* vertical centering */
	text-transform: uppercase;		/* all caps text  */
  }

.headers span {
  	padding: 1.3em;			 /*vertical and horizontal centering icons */
}

.inactive {					/* inactive dates get a light gray text color */
	color: #ccc;
}

.weekdays {	
	padding: 1em;			/* giving weekdays some space around */
}

.pday {	
	padding: 0.5em;			/* giving weekdays some space around */
}

.dates {
	padding: 0.2em 1em 0.2em 1em;	/* giving dates some space  */
}

.line {								/* a gray line separator  */
	height: 0.1em;
	border: 0.1em solid #EEEEEE;
}

.current-date {					/* styling the current date section  */
	text-transform: uppercase;
	text-align: center;
	padding: 0.7em;
}

.calendar-body .riga .col-xs-1 p:hover {
	color: #4778a6;			/* hover state on all dates  */
}