@font-face {
     font-family: 'pilat';
     font-style: normal;
     font-weight: normal;
     src: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/fonts/pilat_light.otf") format('opentype');
 }

 @font-face {
     font-family: 'pilat';
     font-style: normal;
     font-weight: bold;
     src: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/fonts/Pilat-Wide-Bold.woff2") format('woff2');
 }

 @font-face {
     font-family: 'icofont';
     src: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/fonts/icofont.eot");
     src: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/fonts/icofont.eot?#iefix") format('embedded-opentype'),
         url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/fonts/icofont.woff2") format('woff2'),
         url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/fonts/icofont.woff") format('woff'),
         url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/fonts/icofont.ttf") format('truetype'),
         url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/fonts/icofont.svg") format('svg');
     font-weight: normal;
     font-style: normal;
 }

 body {
     font-family: pilat, sans-serif;
     font-size: 16px;
     color: #000 !important;
     font-weight: normal;
     background: transparent;
 }

 .wrapper {
     padding: 0;
     width: 100%;
 }


 .tabs li {
     margin-right: 0;

 }

 .tabs {
     line-height: 25px;
     list-style-type: none;
     margin: 0;
     padding: 0;
     font-weight: bold;
     float: none;
     text-align: center;
     background-color: transparent;
     border-bottom: 1px solid #e5e7eb;
 }

 .tabs li {
     float: none !important;
     margin: 0 0 0 0;
     cursor: pointer;
     display: inline-block;
 }

 .tabItem {
     padding: 15px 0px !important;
     position: relative;
     background: #fff !important;
     border: solid 0px #000;
     z-index: 1;
     font-weight: 600;
     font-size: 16px;
     margin-right: 20px;
     outline: none;
     border-bottom: 2px solid transparent;
     color: #6e6e72;
 }

 .tabItem:hover {
     background: #fff;

     color: #1c1825;
 }

 /* .tabItem:before {
     position: absolute;
     content: '';
     right: 0;
     top: 0;
     width: 0;
     height: 100%;
     z-index: -1;
     background: #cc003d;
     transition: width .5s ease-out;
 } */

 /* .tabItem:hover:before {
     width: 100%;
     left: 0;
     transition: width .25s ease-in;
 } */

 .tab-active,
 .tab-active:hover {
     background: #fff;
     color: #3e3c90;
     border-color: #000;
 }


 .year {
     color: #000;
 }

 .date-time {
     font-weight: normal !important;
     color: #000;
 }

 .current-month .year,
 .next-event .lable {
     color: #000;
 }

 .time-line-item {
     padding-top: 12px;
 }

 .calendar-time-line .current-month .time-line-item {
     background: #fff;
 }


 .calendar-time-line .color-dot {
     font-size: 28px;
 }



 .btn-subscribe,
 .btn-submit,
 .btn-cancel,
 .btn-ok {
     padding: 1px 25px 14px 26px;

     position: relative;
     font-size: 16px;
     line-height: 22px;
     z-index: 1;
     width: 185px;
     letter-spacing: 2px;
     overflow: hidden;
     display: inline-block;
     text-decoration: none !important;
     border: 0px;
     border-radius: 25px;
     background: #3e3c90;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: normal;
     color: #ffffff;

     border-radius: 9999px;
     border: 1px solid #3e3c90;
     transition-duration: .3s;
     transition-property: #3e3c90, #ffffff, #3e3c90, #3e3c90, fill, stroke;
     transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }

 .btn-submit:hover,
 .btn-submit:active,
 .btn-submit:focus,
 .btn-cancel:hover,
 .btn-cancel:focus,
 .btn-cancel:active,
 .btn-ok:hover,
 .btn-ok:focus,
 .btn-ok:active,
 .btn-subscribe:hover,
 .btn-subscribe:active,
 .btn-subscribe:focus {
     background-color: #1e1450 !important;
     color: #ffffff !important;
     border-color: #1e1450 !important;
 }

 .btn-subscribe::after,
 .btn-submit::after,
 .btn-cancel::after,
 .btn-ok::after {
     content: "";
     color: #ef0000;
     padding-left: 10px;
     background-image: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/./rightarrow.svg") !important;
     background-repeat: no-repeat;
     background-size: 27px;
     height: 13px;
     position: relative;
     right: -6px;
     top: 7px;
     background-color: #3e3c90;
     padding: 8px 11px;
     border-radius: 30px;
     background-position: 2px 2px;
     display: inline-block;
     width: 10px;

 }

 .btn-submit::after {
     right: -18px;
 }


 input[type="button"].btn-cancel {
     background-image: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/./rightarrow.svg");
     background-repeat: no-repeat;
     background-position: 139px 11px;
     background-size: 32px 27px;
 }

 @keyframes after {
     0% {
         right: -10px;
     }

     25% {
         right: -20px;
         opacity: 0;
     }

     50% {
         right: 0px;
         opacity: 0;
     }

     75% {
         right: -10px;
         opacity: 1;
     }
 }

 .btn-subscribe:hover::after,
 .btn-submit:hover::after,
 .btn-cancel:hover::after,
 .btn-ok:hover::after {
     animation: after .4s;
 }

 .btn-subscribe:hover {
     outline: none;
 }

 .btn-subscribe:before {
     content: '';
     background: #000;
     box-sizing: border-box;
     position: absolute;
     height: 100%;
     width: 100%;
     bottom: 100%;
     border-radius: 0px;
     left: 0;
     z-index: -1;
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
 }

 /* .btn-subscribe:after {
     content: '';
     background: #cc003d;
     box-sizing: border-box;
     position: absolute;
     height: 100%;
     width: 100%;
     bottom: 100%;
     border-radius: 0px;
     left: 0;
     z-index: -1;
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
     -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
     transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
 } */

 .btn-subscribe:hover:before {
     transform: translateX(100%);
     z-index: -1;
 }

 /* .btn-subscribe:hover:after {
     z-index: -1;
     -webkit-transition-delay: 0.175s;
     transition-delay: 0.175s;
     background: #cc003d;
     -webkit-transform: translateY(100%);
     transform: translateY(100%);
 } */


 .form select {
     font-family: pilat, sans-serif;
 }




 .time-line-month-name,
 .export-header {
     color: #000;
     font-weight: 400;
 }

 .checkbox-event-type:first-child .checkbox-wrapper label {
     color: #000;
     font-weight: 700;
 }


 li.current-month {
     position: relative;
 }

 .current-month:before {
     background: #3e3c90;
     height: 3px;
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     content: " ";
 }

 .check-subscription-link,
 .headline-right .event-type {
     font-weight: normal;
 }

 .subscription-header {
     font-weight: normal;
 }

 .eupagination>.active>a {
     background: #ececff !important;
     outline: none;
     border-color: #ececff !important;
     color: #3e3c90 !important;
 }

 body .type-filter-name {
     color: #000;
 }



 /* .btn-subscribe:hover {
     border-radius: 25px;
 } */

 .content-headline {
     border-bottom: 1px solid #e2e5ed !important;
     padding-bottom: 15px;
 }

 .event-type span {
     color: #000;
 }

 body .footer span,
 body .disclaimer-box {
     font-size: 13px !important;
 }

 .check-subscription-link .link {
     color: #000 !important;
     text-decoration: none !important;
     font-weight: 700;
 }

 .check-subscription-link .link:hover {
     color: #3e3c90 !important;
     text-decoration: none !important;
     font-weight: 700;
 }

 body .footer a {
     color: #000 !important;
     font-size: 13px !important;
     text-decoration: none !important;
     font-weight: 400;
 }

 body .footer a:hover {
     color: #3e3c90 !important;
     font-size: 13px !important;
     text-decoration: none !important;
     font-weight: 400;
 }

 body .event-name {
     color: #000;
 }

 /* .btn-subscribe:hover {
     background-color: #cc003d !important;
 } */

 /* .footer a {
    position: relative;
}

.footer a:before {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    height: 1px;
    width: 0;
    z-index: 1;
    content: '';
    background: #000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.footer a:hover:before {
    left: 0;
    right: auto;
    width: 100%;
} */


 @media (max-width: 370px) {
     .subscription-section {
         width: 100% !important;
         text-align: center !important;
     }

     #PastEventsContainer .attachments {
         margin-top: 0 !important;
     }

     .button-wrraper {
         margin-top: 1em !important
     }

     .headline .headline-right {
         float: none;
         margin-top: 0.5em;
     }

     .export-section {
         float: none;
     }

     .subscription-section {
         display: block;
         float: none;
         text-align: center;
     }

     .btn,
     .btn-primary {
         width: 60%;
     }

     /* .tabs {
         background: transparent !important;
         text-align: center;
     }

     .tabs li {
         display: inline-block;
         float: none;
         text-align: center;
         width: 60%;
     }

     .tabs {
         border-bottom: none;
     } */

     .export-section {
         margin-bottom: 15px;
     }

     /* 
     .tabItem {
         margin-right: 0;
     } */

     .btn-subscribe {
         letter-spacing: normal;
     }

     .subscription-section .btn-subscribe-wrapper {
         float: none;
         width: 60% !important;
     }

     .subscription-section .btn-subscribe-wrapper {
         width: 100% !important;
     }
 }

 @media (max-width: 320px) {
     .subscription-section .subscription-header {
         text-align: center !important;
         width: 100% !important;
         float: none !important;
     }
 }

 .eupagination>li>a,
 .eupagination>li>span {

     padding: 6px 15px;
     margin-left: 0px;
     line-height: 1.42857143;
     color: #000;
     text-decoration: none;
     background-color: #fff;
     border: 1px solid transparent;
     margin: 5px;
     border-radius: 30px;
     text-align: center;
     font-weight: bold;
 }

 .eupagination>li>a:hover,
 .eupagination>li>span:hover,
 .eupagination>li>a:focus,
 .eupagination>li>span:focus {
     color: #3e3c90;
     background-color: #f7f7f7;
     border-color: transparent;
 }

 .eupagination>.active>a,
 .eupagination>.active>span,
 .eupagination>.active>a:hover,
 .eupagination>.active>span:hover,
 .eupagination>.active>a:focus,
 .eupagination>.active>span:focus {
     color: unset;
 }

 .btn.btn-default.btn-cancel {
     padding-top: 10px;
     line-height: 26px;

 }

 .page.first.disabled {
     display: none;
 }

 .page.last,
 .page.first {
     display: none;
 }

 .eupagination>.disabled>a::after,
 .page.prev.disabled a::after {
     content: "";
     background: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/./gray.svg");
     background-size: 21px 21px;
     width: 21px;
     height: 21px;
     display: inline-block;
     position: relative;
     top: 2px;
     rotate: 0deg;
 }

 .page.next a::after {
     content: "";
     background: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/./black.svg");
     background-size: 21px 21px;
     width: 21px;
     height: 21px;
     display: inline-block;
     position: relative;
     top: 2px;
 }

 .page.prev a::after {
     content: "";
     background: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/ae-dpw/./black.svg");
     background-size: 21px 21px;
     width: 21px;
     height: 21px;
     display: inline-block;
     position: relative;
     top: 2px;
     rotate: 180deg;
 }

 .page.prev a:hover,
 .page.next a:hover {
     background-color: #ffffff;
 }

 .eupagination>.prev>a,
 .eupagination>.prev>a:hover,
 .eupagination>.next>a,
 .eupagination>.next>a:hover {
     color: #ffffff;
     border: 0px;
     padding: 5px;
 }

 @media screen and (max-width: 380px) {
    input[type="button"].btn-cancel {
        background-position: 124px 11px;
        margin: 15px!important;
    }
 }