/*==================================================
TILES CALCULATOR
====================================================*/
.tileDiv{
	width: 100%;
	height: 220px;
	position: relative;
	vertical-align: middle;
	border: 1px solid grey;
}
.tileDiv div {
    background: #fff url(tilePattern.png) repeat scroll -4px -4px;
    border: 1px solid #000;
    /* box-shadow: 0 0 8px 5px #fff; */
    left: 52%;
    position: absolute;
    top: 52%;
    transform: translateX(-50%) translateY(-50%);
}
.tileDiv .tileFt {
    /* background: #868686 none repeat scroll 0 0; */
    /* margin-bottom: 0; */
    /* padding: 0; */
    position: absolute;
    text-align: center;
}
.horzFt {
    border-top: 1px dashed #868686;
    height: 0;
    left: 0;
    top: -20px;
    width: 100%;
}
.tileDiv .horzFt span {
    margin-left: 50%;
    margin-top: -12px;
    transform: translateX(-50%);
}
.tileDiv .tileFt span {
    background: #f9f9f9 none repeat scroll 0 0;
    color: gray;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    position: absolute;
    text-transform: uppercase;
    width: 50px;
}
.vertFt {
    border-left: 1px dashed #868686;
    height: 100%;
    left: -20px;
    /* top: 0; */
    /* width: 0; */
}
.tileDiv .vertFt span {
    margin-left: -27px;
    top: 50%;
    transform: rotate(-90deg) translateX(20%);
}
.box1 {
    background: #eaeaea none repeat scroll 0 0;
    height: auto;
    width: 100%;
    margin-top: 30px;
}
.cal-title {
    background: white;
    /* color: black !important; */
    font-size: 18px;
    margin-bottom: 0px;
    padding: 5px 10px;
    text-align: left;
}
.list {
    padding: 10px;
    list-style: none;
    font-size: 14px;
}
.ml-17-5{
	margin-left: 17.5%;
}
.ml-4-5{
	margin-left: 4.5%;
}
.ml-3{
	margin-left: 3%;
}