.calendar-container,.events-container1{margin:0 auto;display:inline-block;width:100%}.calendar-container:after,.events-container:after{clear:both}.calendar-container,.year-header{position:relative;border-top-left-radius:3px}.content{overflow:none;max-width:100%;padding:0;position:relative;margin:0 auto}.events-container1{float:right;border-bottom-right-radius:3px;border-top-right-radius:3px;color:#000;background:#FFF;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.25);box-shadow:0 0 3px 0 rgba(0,0,0,.25)}.eventhead{padding:10px 15px;border-bottom:1px solid #f3f3f3;background:#e0e0e0;background:-moz-linear-gradient(top,rgba(224,224,224,1) 0,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,rgba(224,224,224,1) 0,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(224,224,224,1) 0,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff', GradientType=0 )}.calendar-container{float:left;height:100%;background:#fff;border-bottom-left-radius:3px;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,.25);box-shadow:0 0 3px 0 rgba(0,0,0,.25)}.calendar{display:table;width:100%}.year-header{background-color:#fbfbfb;border-bottom:solid 1px #dcdcdc;height:40px;text-align:center;color:#FFF}.year-header .left-button,.year-header .right-button{border-radius:50%;height:22px;width:22px;line-height:16px;margin:7px 6px;color:#868686;border:1px solid #CCC}.year-header span i{font-size:16px}.year-header span{display:inline-block;font-size:20px;line-height:40px;color:#616161}.left-button,.right-button{cursor:pointer;width:28px;text-align:center;position:absolute}.left-button{left:0;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px}.right-button{right:0;top:0;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px}.left-button:hover,.right-button:hover{background:#e8e8e8;color:#797979}.button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-size:1rem;border-radius:25px;padding:.65rem 1.9rem;transition:.2s ease all;color:#fff;border:none;box-shadow:-1px 10px 20px #9BC6FD;background:#52A0FD;background:-moz-linear-gradient(left,#52A0FD 0,#00C9FB 80%,#00C9FB 100%);background:-webkit-linear-gradient(left,#52A0FD 0,#00C9FB 80%,#00C9FB 100%);background:linear-gradient(to right,#52A0FD 0,#00C9FB 80%,#00C9FB 100%)}.month,.table-date{cursor:default;transition:all 250ms}#cancel-button{box-shadow:-1px 10px 20px #FF7DAE;background:#FF1744;background:-moz-linear-gradient(left,#FF1744 0,#FF5D95 80%,#FF5D95 100%);background:-webkit-linear-gradient(left,#FF1744 0,#FF5D95 80%,#FF5D95 100%);background:linear-gradient(to right,#FF1744 0,#FF5D95 80%,#FF5D95 100%)}#add-button{display:block;position:absolute;right:20px;bottom:20px}#add-button:hover,#cancel-button:hover,#ok-button:hover{transform:scale(1.03)}#add-button:active,#cancel-button:active,#ok-button:active{transform:translateY(3px) scale(.97)}.dates-table,.days-table,.months-table{border-collapse:separate;text-align:center;width:100%}.months-table td{border:1px solid #e6e6e6;background-color:#f1f1f1}.dates-table td span{display:block;margin:1px 1px 0 0;border:1px solid #ececec;background-color:#f9f9f9}.days-table td{border:1px solid #f2f2f2;width:13%;background-color:#FFF;color:#000}.day{padding:5px 10px;line-height:14px;border:2px solid transparent;color:#004976}.days-table td.day:last-child{border-right:0}.month{padding:10px 2px 0;line-height:26px;font-size:11px;color:#737373}.active-month{font-weight:700;color:#1e3d50}.month:hover{color:#000}.eventdt{float:left;display:block;width:8%;margin-right:10px;margin-top:5px}.event-text{width:88%;float:right;padding-right:10px}.red,.white{background-color:transparent;float:left;color:#888787;width:100%;text-align:center}.white{padding:2px;font-size:40px;line-height:28px}.red{padding:6px 2px;font-size:12px;margin-top:-1px}.table-date{color:#2b2b2b;font-size:.8em;padding:25px 15px;line-height:35px;text-align:center;border-radius:0;background-color:#F8F8F8}.table-date.nil{background-color:transparent}.table-date.event-date span:hover{background-color:#013a5d;color:#FFF}.event-date span{border:1px solid #013a5d!important;color:#013a5d;background-color:#004976}.table-date.active-date span{background:#d2ac2b;color:#000}.event-date.active-date span{background:#227eb7}.dialog{z-index:5;background:#fff;position:absolute;width:415px;height:500px;left:387px;border-top-right-radius:3px;border-bottom-right-radius:3px;display:none;border-left:1px #aaa solid}.dialog-header{margin:20px;color:#333;text-align:center}.form-container{margin-top:25%}.form-label{color:#333}.input{border:none;background:0 0;border-bottom:1px #aaa solid;display:block;margin-bottom:50px;width:200px;height:20px;text-align:center;transition:border-color 250ms}.input:focus{outline:0;border-color:#00C9FB}.error-input{border-color:#FF1744}@media screen and (max-width:1920px){.calendar{display:inline}.month{cursor:default;padding:0;line-height:26px}.day{padding:5px 0}.table-date{padding:0}}.active-month{background-color:#dedddd!important}@media screen and (min-width:1600px){.eventportlet-scroll{height:550px!important}}@media screen and (max-width:1024px){.month{font-size:10px}.white{padding:5px}}@media only screen and (max-width:780px){.calendar-container,.dialog,.events-container{left:0;border-radius:3px}p{font-size:12px}.content{overflow:visible;position:relative;max-width:100%;width:100%;height:100%}.dialog{width:370px;height:450px;top:0}.events-container{float:none;overflow:visible;margin:0 auto;padding:0;display:block}.calendar-container{float:none;padding:0;margin:0 0 0 auto;display:block}.events-container1{margin-top:5px;border:0}.eventhead .pastDt,.eventhead .upcmngDt{margin-bottom:5px}.table-date{padding:0}.eventdt{width:20%;padding:0}.event-text{width:75%}.white{font-size:30px;padding:0}}@media only screen and (max-width:576px){.upcomingpast{margin-top:18px}.upcomingpast ul li{margin-bottom:5px;width:49.2%!important}.content{max-width:99%;margin-right:0}.eventhead,.eventportlet-scroll{border:1px solid #dfe1e2}}@media only screen and (max-width:400px){.eventhead{padding:10px 6px}.calendar-container,.content,.dialog,.events-container,.year-header{width:auto}.months-table{display:block;margin:0 auto;width:auto}.event-card{width:300px}.day{padding:0;font-size:1em}.event-cancelled,.event-count,.event-name,.month{font-size:.8rem}.month{display:inline-block;padding:5px 3px}.table-date{width:20px;height:20px;line-height:20px}.add-button{bottom:10px;right:10px;padding:.5rem 1.5rem}}@media screen and (max-width:360px){.month{padding:5px 2px 5px 3px}}@media screen and (max-width:320px){.table-date{padding:15px 0}}