@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap");

/* Arabic */
@font-face {
	font-family: Maaden-Arabic;
	src: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontLight.ttf"),
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontLight.eot?#iefix") format('embedded-opentype'),
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontLight.woff") format("woff"), 
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontLight.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}


@font-face {
	font-family: Maaden-Arabic;
	src: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontMedium.ttf"),
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontMedium.eot?#iefix") format('embedded-opentype'),
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontMedium.woff") format("woff"), 
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontMedium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: Maaden-Arabic;
	src: url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontBold.ttf"),
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontBold.eot?#iefix") format('embedded-opentype'),
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontBold.woff") format("woff"), 
		 url("//tools.euroland.com/tools/FinCalendar2/Config/Company/sa-maaden/./fonts/MaadenArabicFontBold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal
}

body.en-gb {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    color: #575858 !important;
    font-weight: normal;
}

body.ar-ae {
	font-family: Maaden-Arabic, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    color: #575858 !important;
    font-weight: normal;
}

.en-gb .form input,
.en-gb .form select {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    color: #575858 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ar-ae .form input,
.ae-ae .form select {
	font-family: Maaden-Arabic, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    color: #575858 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wrapper {
    padding: 0;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

.hyperlink,
.disclaimer-box a,
.cookies-box a {
    text-decoration: none !important;
    color: #F6BB20;
}

.hyperlink:hover,
.disclaimer-box a:hover,
.cookies-box a:hover {
    text-decoration: underline !important;
    color: #F6BB20;
}

.tabItem {
    color: #0C473D;
    text-decoration: none;
    border-top: 0.08em solid #e1e1e1;
    border-right: 0.08em solid #e1e1e1;
    border-bottom: 0.08em solid #e1e1e1;
    border-left: 0.08em solid #e1e1e1;
    font-weight: bold !important;
    text-transform: none !important;
   padding: 13px 15px !important;
    height: auto;
    line-height: normal;
    font-size: 14px !important;
    background: #FFFFFF;
    transition: background 0.5s, color 0.5s, border 0.5s;

}

.tab-active {
    text-decoration: none;
    color: #FFFFFF;
    text-transform: none !important;
    background: #0C473D !important;
    border-top: 0.08em solid #0C473D;
    border-right: 0.08em solid #0C473D;
    border-bottom: 0.08em solid #0C473D;
    border-left: 0.08em solid #0C473D;
    height: auto;
}

a.tabItem:hover {
    color: #FFFFFF;
    background: #0C473D !important;
    border-top: 0.08em solid #0C473D;
    border-right: 0.08em solid #0C473D;
    border-bottom: 0.08em solid #0C473D;
    border-left: 0.08em solid #0C473D;
}

.tabs {
    line-height: normal;
    border-bottom: solid 1px #e1e1e1;
    /* background-color: #0C473D !important; */
    text-align: left;
    padding: 0 2px;
}

.ar-ae .tabs{
    text-align: right;
}

.en-gb .btn-subscribe,
.en-gb .btn-submit,
.en-gb .btn-cancel,
.en-gb .btn-default {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;

    background-color: #04372f;
    border: 0.08em solid #0C473D;
    background-image: -moz-linear-gradient(center top, #04372f, #04372f);
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif !important;
    padding: 0.8em 1.0em 0.8em 1.0em !important;
    width: 9em;
    transition: background 0.5s, color 0.5s, border 0.5s;
}

.en-gb .btn-subscribe:active,
.en-gb .btn-submit:active,
.en-gb .btn-cancel:active,
.en-gb .btn-default:active,
.en-gb .btn-subscribe:active,
.en-gb .btn-subscribe:focus {
    background-color: #04372f !important;
}

.en-gb .btn-subscribe:hover,
.en-gb .btn-submit:hover,
.en-gb .btn-cancel:hover,
.en-gb .btn-default:hover {

    color: #FFFFFF;
    background-color: #F6BB20;
    border: 1px solid #F6BB20;

}

.ar-ae .btn-subscribe,
.ar-ae .btn-submit,
.ar-ae .btn-cancel,
.ar-ae .btn-default {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    background-color: #04372f;
    border: 0.08em solid #0C473D;
    background-image: -moz-linear-gradient(center top, #04372f, #04372f);
    border-radius: 5px;
	font-family: GE-SS-Two, Arial, Helvetica, sans-serif !important;
    padding: 0.8em 1.0em 0.8em 1.0em !important;
    width: 9em;
    transition: background 0.5s, color 0.5s, border 0.5s;
}

.ar-ae .btn-subscribe:active,
.ar-ae .btn-submit:active,
.ar-ae .btn-cancel:active,
.ar-ae .btn-default:active,
.ar-ae .btn-subscribe:active,
.ar-ae .btn-subscribe:focus {
    background-color: #04372f !important;
}

.ar-ae .btn-subscribe:hover,
.ar-ae .btn-submit:hover,
.ar-ae .btn-cancel:hover,
.ar-ae .btn-default:hover {
    color: #FFFFFF;
    background-color: #F6BB20;
    border: 1px solid #F6BB20;

}

.eupagination > li > a,
.eupagination > li > span {
    position: relative;
    float: none;
    padding: 8px 12px;
    font-size: 13px;
    margin-left: 0px;
    line-height: 1.42857143;
    color: #727272;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #04372f;
    border-color: #04372f;
}

.eupagination > .active > a,
.eupagination > .active > span,
.eupagination > .active > a:hover,
.eupagination > .active > span:hover,
.eupagination > .active > a:focus,
.eupagination > .active > span:focus {
    z-index: 2;
    color: #000000;
    cursor: default;
    background-color: #ffbe32;
    border-color: #ffbe32;
}

body.ar-ae .subscription-section {
    float: left;
    text-align: left;
}

.check-subscription-link {
    text-align: center;
    padding-bottom: 8px;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #F6BB20;
    text-decoration: none;
    cursor: pointer;
}


.check-subscription-link:hover{
    text-decoration: underline !important;
}



.tabs li {
    margin: 0 -5px -1px 0;
    display: inline-block;
    float: none;

}

.eupagination > li:last-child > a,
.eupagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.eupagination > li:first-child > a,
.eupagination > li:first-child > span {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.eupagination > li > a:hover,
.eupagination > li > span:hover,
.eupagination > li > a:focus,
.eupagination > li > span:focus {
    background-color: #ffbe32;
    border-color: #ffbe32;
    color: #000000 !important;
}

body.body-rtl .tabs li {
    float: none !important;
}

body.body-rtl .form .label {
    text-align: right !important;
}

.footer {
    font-size: 13px;
}

.headline-right .event-type,
.headline-left .date-time {
    font-size: 14px;
    color: #727272;
}

.headline-left .event-name {
    color: #F6BB20;
    padding-top: 0px;
    padding-bottom: 0px;
}

.content-headline {
    border-bottom: 1px dashed #0c473d;
    margin-left: 0px;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

.expand-collapse {
    left: -21px;
}

.content-headline .headline {
    padding: 0px;
}

.link-location,
.attachments,
.headline-left .date-time {
    padding-top: 0px;
    padding-bottom: 0px;
}

.event-row.focus .content-headline {
    border-right: 1px solid transparent;
}
body.body-rtl .expand-collapse.expand>.exco-text {
    border-right-color: #e4e4e4;
    border-left-color: #fff;
}

.ar-ae .check-subscription-link{
    text-align: left;
}

.location {
    font-size: 14px;
}

.headline-left .event-name{
    color: #727272;
}

.link-location a{
    color: #F6BB20;
}

.link-location a:hover{
    text-decoration: underline !important;
}

.headline-right .event-type{
    padding-top: 0 !important;
}

body.ar-ae .content-headline{
    margin-right: 0 !important;
}

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

    .ar-ae .subscription-section .subscription-header{
        text-align: right;
    }

    .subscription-section .btn-subscribe-wrapper {
        width: 100%!important;
        text-align: left;
        float: none;
    }

    .ar-ae .subscription-section .btn-subscribe-wrapper{
        text-align: right;
    }

    .check-subscription-link{
        margin-bottom: 0;
        margin-top: 0;
        font-size: 14px;
        padding-bottom: 0;
        text-align: left;
    }

    .ar-ae .check-subscription-link{
        text-align: right;
    }
}


.calendar-time-line .current-month{
    font-weight: 400;
}

.subscribe-event-title,
.headline-right .event-type, 
.headline-left .date-time,
.filter-type .selected .type-filter-name,
.subscription-header, .export-header{
    font-weight: 400 !important;
    color: #0c473d !important;
}