.slotslist{max-width:600px;width:100%;padding:20px;margin:0 auto;text-align:center;} 
.slotslist span{display:block;text-align:center;}
.slotslist a{display:inline-block;text-align:center;background-color:#cc0033;line-height:20px;margin:5px 10px;padding:0 10px;text-decoration:none;color:#fff;border-radius:10px;cursor:pointer}
.slotslist a:hover{background-color:#cc0033;color:#fff;}


.calframe{width:100%;color:#000;margin:0 auto 0 auto;background-color:#f0f5fe!important;border:solid 1px #ddd;}

.fddstyle {max-width:200px;width:90%;background:#fff url(/src/img/basic/down-dark2.png) no-repeat center right;padding:4px 4px 4px 10px;color:inherit;border:1px solid #cc0033;-moz-appearance: none;-webkit-appearance: none;color:#333!important;font-size:18px;height:36px;border-radius:3px;}

.noshow{opacity:0;}

.loctitle span{font-weight:bold;color:#cc0033;}

.caltitle{background-color:#0083c1;color:#fff;padding:0 10px;line-height:26px;}
.expend{display:inline-block;width:26px;height:26px;line-height:26px;background-repeat:no-repeat;background-position:50% 50%;cursor:pointer;}
.expend{background-image:url(/src/img/light/expend2.svg?v=4);}
.expend:hover{background-image:url(/src/img/theme/expend2.svg?v=4);background-color:#fff;}

#calbox1,#calbox2,#calbox3{float:left;width:28%;padding:20px;}
.calbox{width:28%;}
.calbig{width:44%!important;}

.calview {max-width:600px;width:100%;padding:20px;margin:0 auto;}
.calview>table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;margin:0 auto;background-color:#fff;table-layout:fixed;}
.calview>table>td,.calview>table>th{border:1px solid #ccc;text-align:center;}
.calview>table>tbody tr:nth-child(1) td {height:30px;}
.calview>table>tbody tr:nth-child(2) {border:solid 1px #ccc!important;}
.calview>table>tbody>tr>th{background-color:#f4f4f4;font-weight:700;padding:3px 0;font-size:14px;}
.calview>table>td{background-color:#fff;color:#333;}
.calview>table>tbody>tr>td{border:solid 1px #ccc;text-align:left;vertical-align:top;padding:2px;background-color:#fff!important;height:60px;}
.calview>table>tbody>tr>.offday{visibility:hidden;}
.calview>table>tbody>tr>.today{background-color:#ffeaea!important;font-weight:700;border-top:solid 3px #cc0033;}
.calview>table>tbody>tr>.today>a{width:36px;padding-left:12px!important;color:#cc0033!important;}
.calview>table>tbody>tr>.today>a::after{content:'';display:block;position:absolute;width:8px;height:8px;top:4px;left:0;border-top:#cc0033 solid 3px;border-right:#cc0033 solid 3px;transform:rotate(45deg)}
.calview>table>.other-month{color:#999}
.calview>table>.selected-day{background-color:#007bff;color:#fff;font-weight:700}
.calview>table>.header{text-align:center;margin-bottom:10px}
.calview>table>.header>a{color:#007bff;text-decoration:none;margin:0 10px;font-size:16px}
.calview>table>.header>a:hover{text-decoration:underline}
.calview>table>td:hover{background-color:#f0f0f0;cursor:pointer}
.fa{font-size:20px;margin:0 5px}

.calview>table>tbody>tr>td>table{table-layout:fixed;}
.calview>table>tbody>tr>td>table>tbody>tr>td{background-color:#fff!important;padding:10px;font-size:20px;line-height:18px;font-weight:500;}



.callink{height:18px;margin-bottom:6px;cursor:pointer;}
.callink a p{float:left;width:65%;display:block;height:18px;line-height:18px;font-size:14px;overflow:hidden;background-color:#0083c1;color:#fff;text-decoration:none;padding:0 2px;letter-spacing:-2px;}
.callink a span{float:left;width:35%;display:block;height:18px;line-height:18px;font-size:14px;overflow:hidden;background-color:#000;color:#fff;text-decoration:none;padding:0;text-align:center;}
.callink a:hover{color:#fff;}
.calbig .callink a p {width:80%!important;}
.calbig .callink a span{width:20%!important;}

.available a{background-color:#198754!important;color:#fff!important;text-decoration:none!important;width:30px;height:30px;text-align:center;line-height:30px;font-size:14px;display:block!important;}
.unavailable a{background-color:#999!important;color:#fff!important;text-decoration:none!important;width:30px;height:30px;text-align:center;line-height:30px;font-size:14px;display:block!important;pointer-events: none;}
.available.selecteddate a{border-radius:15px;pointer-events: none;}


/*.calview>table>tbody>tr>.today>a{background-color:#cc0033!important;color:#fff!important;border-radius:50%;font-size:12px!important;}
*/

@media (max-width:1200px){/*tab*/
.calbox{width:33%!important;}
.calbig{width:67%!important;}
}


@media (max-width:800px){/*mobile*/
.calbox{width:100%!important;}
.calbig{width:100%!important;}
}