.delivery-calendar {
    margin-bottom: 60px;
    margin-top: 30px;
    position: relative;
}
    .delivery-calendar td {
        border-right: 1px solid #ddd;
        padding: 7px 0;
        width: 10%;
    }
    .delivery-calendar tr:first-child td {
        padding: 0;
        border-right: 0;
    }
    .delivery-calendar tr:first-child td:first-child {
        padding: 10px 0;
    }
        .delivery-calendar tr:first-child strong {
            display: block;
            font-size: 16px;
            margin-bottom: 10px;
        }
        .delivery-calendar tr:first-child small {
            display: block;
            font-size: 12px;
        }
    .delivery-calendar tr:first-child + tr td {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f1f1f1;
    }
    .delivery-calendar tr:first-child + tr td.disabled {
        color: #f00 !important;
    }
    .delivery-calendar tr:first-child + tr td,
    .delivery-calendar tr:first-child + tr + tr td {
        font-weight: bold;
        font-size: 18px;
    }
    .delivery-calendar tr:first-child + tr + tr td.disabled,
    .delivery-calendar tr:first-child + tr + tr td.disabled strong {
        color: #bababa !important;
    }
    .delivery-calendar tr:first-child + tr + tr td {
        font-size: 14px;
        border-bottom: 1px solid #ddd;
    }
        .delivery-calendar tr:first-child + tr + tr td strong {
            color: #4e8028;
            font-size: 32px;
            line-height: 1em;
        }
    .delivery-calendar td:first-child {
        background-color: #7b7b7b !important;
        color: #fff !important;
    }
    .delivery-calendar td:first-child strong,
    .delivery-calendar tr:first-child {
        color: #fff !important;
    }
    .delivery-calendar tr:first-child div {
        line-height: 1em;
        padding: 10px 0;
        position: relative;
    }
        .delivery-calendar tr:first-child div strong {
            line-height: 1.1em;
        }
    .delivery-calendar tr:first-child div:after {
        border-style: solid;
        border-width: 10px 8px 0;
        bottom: -10px;
        content: "";
        display: block;
        left: 41%;
        position: absolute;
        width: 0;
    }
    .delivery-calendar td.overnight div {
        background-color: #4e8028;
    }
        .delivery-calendar td.overnight div:after {
            border-color: #4e8028 transparent;
        }
    .delivery-calendar td.express div {
        background-color: #82b338;
    }
        .delivery-calendar td.express div:after {
            border-color: #82b338 transparent;
        }
        .delivery-calendar td.express div > strong:first-child {
	        line-height: 2.2em;
	    }
    .delivery-calendar td.standard div {
        background-color: #c3bf45;
    }
        .delivery-calendar td.standard div:after {
            border-color: #c3bf45 transparent;
        }
        .delivery-calendar td.standard div > strong:first-child {
	        line-height: 2.2em;
	    }
	    
.delivery-table {
    max-height: 390px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.delivery-table.full {
    max-height: 100%;
    overflow: visible;
    padding-bottom: 40px;
}
    .delivery-table table {
        margin-top: 0;
    }
    .delivery-table th:first-child + th {
        width: 150px;
    }
    .delivery-table .show-all {
        background-color: #fff;
        position: absolute;
        text-align: center;
        bottom: 0px;
        width: 100%;
    }
        .delivery-table .show-all .btn {
            margin-top: 20px;
        }
    .delivery-table tr:hover td {
        background-color: #e4eed7;
    }
    .delivery-table .symbol-size {
		background-color: #fff;
		border: 1px solid #bababa;
		color: #bababa;
		display: inline-block;
		font-size: 14px;
		font-weight: 700;
		line-height: 28px;
		width: 30px;
		text-align: center;
    }
    
.delivery-calculator {
	background-color: #eee;
	padding: 20px;
	margin: 20px 0;
	text-align: center;
}
	.delivery-calculator p {
		font-size: 18px;
	}
	.delivery-calculator .selector {
		display:inline-block;
		vertical-align:middle;
		text-align:center;
		position:relative;
	}
	.delivery-calculator .selector .icon {
		cursor:pointer
	}
	.delivery-calculator .selector li {
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-sizing: border-box;
		display: none;
		margin: 0 5px;
		padding: 7px 10px;
		text-align: center;
	}
	.delivery-calculator .selector li.active {
		display:block
	}
	.delivery-calculator ul {
		margin-bottom: 0;
	}
	  
@media (max-width: 760px) {
    .delivery-calendar {
        margin-bottom: 5px;
    }
    .delivery-calendar,
    .delivery-calendar thead,
    .delivery-calendar tbody,
    .delivery-calendar th,
    .delivery-calendar td,
    .delivery-calendar tr {
        display: block;
    }
        .delivery-calendar tr {
            border-bottom: 10px solid #fff;
            display: inline-block;
            width: 30%;
            vertical-align: top;
        }
        .delivery-calendar tr:first-child {
            width: 48%;
            float: right;
        }
        .delivery-calendar tr:first-child + tr {
            width: 22%;
            float: left;
        }
        .delivery-calendar tr:first-child + tr + tr {
            width: 30%;
            float: left;
        }
            .delivery-calendar td {
                border-top: 0 !important;
                border-right: 0;
                border-left: 0;
                border-bottom: 1px solid #ddd;
                padding: 10px;
                position: relative;
                text-align: left;
                width: auto;
            }
            .delivery-calendar tr:first-child td {
            	padding: 10px;
            	font-size: 14px;
            	line-height: 1em;
			}
			.delivery-calendar tr:first-child td:first-child ~ td {
				padding: 10px;
            }
            .delivery-calendar tr:first-child td:first-child + td {
				padding: 12px 10px;
            }
            .delivery-calendar tr:first-child td:first-child ~ td::after {
				content: " a";
            }
            .delivery-calendar tr:first-child td.overnight,
            .delivery-calendar tr:first-child td.express,
            .delivery-calendar tr:first-child td.standard {
				padding: 9px !important;
            }
            .delivery-calendar tr:first-child td.overnight div,
            .delivery-calendar tr:first-child td.express div,
            .delivery-calendar tr:first-child td.standard div {
				padding: 0;
            }
            .delivery-calendar tr:first-child td.overnight div strong,
            .delivery-calendar tr:first-child td.express div strong,
            .delivery-calendar tr:first-child td.standard div strong {
				margin: 0;
				line-height: 1em;
            }
            .delivery-calendar tr:first-child td.overnight::after,
            .delivery-calendar tr:first-child td.express::after,
            .delivery-calendar tr:first-child td.standard::after {
				content: unset !important;
            }
            .delivery-calendar tr:first-child div small,
            .delivery-calendar tr:first-child td:first-child small,
            .delivery-calendar tr:first-child td:first-child br,
            .delivery-calendar tr:first-child div:after,
            .delivery-calendar tr:first-child + tr + tr br,
            .delivery-calendar tr:first-child div br {
                display: none;
            }
            .delivery-calendar tr:first-child td:first-child {
				padding: 8px 0;
            }
            .delivery-calendar tr:first-child td:first-child strong {
                background-color: #7b7b7b;
                position: absolute;
				width: 100%;
				height: calc(100% + 5px);
				margin: 0;
				padding: 10px;
				box-sizing: border-box;
				top: 0;
				left: 0;
				font-size: 14px;
				line-height: 1em;
				border-bottom: 1px solid #ddd;
            }
            .delivery-calendar tr:first-child .overnight,
            .delivery-calendar tr:first-child .overnight div strong {
                background-color: #4e8028;
            }
            .delivery-calendar tr:first-child .express,
            .delivery-calendar tr:first-child .express div strong {
                background-color: #82b338;
            }
            .delivery-calendar tr:first-child .standard,
            .delivery-calendar tr:first-child .standard div strong {
                background-color: #c3bf45;
            }
            .delivery-calendar tr:first-child + tr td,
            .delivery-calendar tr:first-child + tr + tr td,
            .delivery-calendar tr:first-child + tr + tr td strong {
                font-size: 14px;
                line-height: 1em;
            }
            .delivery-calendar tr:first-child + tr + tr td strong {
                display: inline-block;
                margin-right: 2px;
            }
            
}