/* from cache */
@import url("//fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
  font-family: "SaudiRiyal";
  font-style: normal;
  font-weight: 700;
  src: url("//gamma.euroland.com/tools/FinCalendar2/Config/Company/SA-EFSIM/assets/fonts/SARSymbol/SR2NEW2.ttf") format('truetype');
}

@font-face {
  font-family: "AvenirArabic";
  src: url("//gamma.euroland.com/tools/FinCalendar2/Config/Company/SA-EFSIM/assets/fonts/AvenirArabic/AvenirArabic-Light.otf") format("otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "AvenirArabic";
  src: url("//gamma.euroland.com/tools/FinCalendar2/Config/Company/SA-EFSIM/assets/fonts/AvenirArabic/AvenirArabic-Book.otf") format("otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "AvenirArabic";
  src: url("//gamma.euroland.com/tools/FinCalendar2/Config/Company/SA-EFSIM/assets/fonts/AvenirArabic/AvenirArabic-Medium.otf") format("otf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "AvenirArabic";
  src: url("//gamma.euroland.com/tools/FinCalendar2/Config/Company/SA-EFSIM/assets/fonts/AvenirArabic/AvenirArabic-Heavy.otf") format("otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "AvenirArabic";
  src: url("//gamma.euroland.com/tools/FinCalendar2/Config/Company/SA-EFSIM/assets/fonts/AvenirArabic/AvenirArabic-Black.otf") format("otf");
  font-weight: 800;
  font-style: normal;
}
/* end of: font declaration */

* { box-sizing: border-box; }

body {
  padding: 0;
  margin: 0;
  color: #1F1A42;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

.tabItem,
.tab-active,
.form input,
.form select,
.next-event {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #1F1A42;
}

.wrapper {
  /* max-width: 1065px; */
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
  position: relative;
}

a:link,
a:visited,
.hyperlink,
.check-subscription-link {
  color: #797979;
  text-decoration: none;
}

a:hover,
a:active,
.hyperline:active,
.hyperlink:active,
.check-subscription-link:hover {
  text-decoration: underline;
  color: #797979;
}

.footer {
  padding: 60px 0 0 0;
  /*     padding: 0em; */
  color: #797979;
  font-size: 14px;
}

.main-heading {
  display: none;
}
/*********************************************** END OF MAIN RULES *******************************************************/

/********************************************* ALIGNMENT FOR CALENDAR ****************************************************/

/* NEXT EVENT HEADER */
.next-event {
  padding-bottom: 1em;
}

.next-event div.lable {
  line-height: normal;
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  font-weight: normal;
  padding-top: 0em;
  padding-bottom: 10px;
  color: #1F1A42;
}

.next-event div.date-time,
.next-event div.event-name {
  display: inline-block;
  width: auto;
  padding-bottom: 0;
  color: #A3A3A3;   
}
.next-event div.date-time {
  color: #A3A3A3;   
  font-weight: 400;
}


/* END OF NEXT EVENT HEADER */

/* CALENDAR TIMELINE */
.calendar-time-line {
  padding-bottom: 0;
}

.calendar-time-line li {
  border-collapse: separate;
  padding: 5px;
}

.calendar-time-line li:first-child {
  padding-left: 0;
}

.calendar-time-line li:last-child {
  padding-right: 0;
}

.time-line-item {
  height: 48px;
  line-height: 48px;
  padding-top: 0;
  margin: -0.08em 0 0 -0.08em;
  background: #F3F3F3;
  border: 0.5px solid #F3F3F3;
  text-align: center;
  transition: all ease-in-out 0.5s;
  border-radius: 50px;
}

.time-line-item:hover {
  background-color: #DBDBDB;
}

.color-dot-box {
  display: none;
}

.color-dot-box .display-none {
  display: none;
  /*   display: inline-block; */
  width: 8px;
  height: 8px;
  border: 0.5px solid transparent;
  border-radius: 50px;
}

.color-dot-box .color-dot {
  /*! display: none; */
}

.time-line-item:hover,
.calendar-time-line .current-month .time-line-item {
  background-color: #1F1A42;
  border-color: #1F1A42;
  color: #FFFFFF;
  font-weight: 400;
}

.calendar-time-line .year {
  font-size: 16px;
  text-align: left;
  padding-bottom: 10px;
  line-height: normal;
}

/* CALENDAR TIMELINE END */

/* + BUTTON CONTROLS */
.expand-collapse>.exco-text {
  display: inline-block;
  text-align: center;
  color: #585852;
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 2px solid #DBDBDB;
  border-radius: 15px;
}

.expand-collapse>.exco-text:hover,
.expand-collapse.expand>.exco-text {
  background-color: #DBDBDB;
  border-right-color: #DBDBDB;
  color: #585852 !important;
}

.expand-collapse {
  top: 12px;
}

.event-row.focus .content-headline {
  border-right-width: 0px;
  border-right-color: #FFFFFF;
}

/* END OF + BUTTON CONTROLS */

/* EVENT ROWS */
.content-headline {
  border: 0;
  border-bottom: 0.5px solid #A3A3A3;
  padding-bottom: 20px;
  margin: 0;
  margin-bottom: 40px !important;
  margin-left: 1.5em;
}

.box-border {
  border-left: 0.08em solid transparent;
  border-right: 0.08em solid transparent;
  border-bottom: 0.08em solid #bebfb8;
}

/* END OF EVENT ROWS */

/* FILTERS */
.filter-type ul li {
  float: none;
  padding: 0.25em 0.5em;
  display: inline-block;
}

.filter-type {}

/* END OF FILTERS */

/* PAGINATION */
.eupagination>li>a,
.eupagination>li>span {
  font-weight: bold;
  padding: 0.55em 1em;
  margin-left: -0.08em;
  line-height: normal;
  color: #585852;
  text-decoration: none;
  background-color: transparent;
  border: 0.08em solid #DBDBDB;
}

.eupagination>li>a:hover,
.eupagination>li>span:hover {
  background-color: #DBDBDB;
  color: #585852 !important;
}

.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: #585852;
  cursor: default;
  background-color: #DBDBDB;
  border-color: #DBDBDB;
  font-weight: bold;
}

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

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

/* END OF PAGINATION */

/****************************************** END OF ALIGNMENT FOR CALENDAR ************************************************/

/*************************************************** BUTTONS *************************************************************/
.btn,
.btn-primary,
.btn-submit,
.btn-cancel,
.btn:focus,
.btn-primary:focus,
.btn-submit:focus,
.btn-cancel:focus {
  width: 122px;
  height: 48px;
  background: #1F1A42;
  border: 1px solid #1F1A42 !important;
  color: #FFFFFF;
  padding: 1em;
  font-size: 14px;
  font-weight: 400;
  border-radius: 50px;
  height: auto;
  line-height: normal;
  text-transform: capitalize;
  transition: background 0.5s;
}

.btn:active,
.btn-primary:active,
.btn-submit:active,
.btn-cancel:active,
.btn:hover,
.btn-primary:hover,
.btn-submit:hover,
.btn-cancel:hover {
  color: #1F1A42 !important;
  background: #FFFFFF;
}

/************************************************ END OF BUTTONS *********************************************************/

/***************************************************** TABS **************************************************************/
.tabs-wrapper {
  margin: 1em 0 1.5em 0;
}

.tabs {
  background-color: transparent;
  margin-top: 2em;
  margin-bottom: 2em;
  width: 100%;
  height: auto;
  line-height: normal;
  float: none;
  text-align: center;
  font-size: 0;
  border-bottom: 1px solid #A3A3A3;
}

.tabs li {
  float: none;
  margin: 0;
  display: inline-block;
  width: 50%;
}

.tabItem {
  height: 37px;
  line-height: auto;
  padding: 0;
  text-align: left;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  background: transparent;
  border: 2px solid transparent;
  color: #A3A3A3 !important;
  margin-left: -0.08em;
  position: relative;
  top: 0;
  transition: background 0.5s;
  left: 0.08em;
}

.tab-active {
  color: #1F1A42 !important;
  border-bottom: 2px solid #1F1A42;
  position: relative;
  top: 0px;
  left: 0px;
}

.tabItem:hover {
  color: #1F1A42 !important;
  border-bottom: 2px solid #1F1A42;
  text-decoration: none;
}

/* YEAR BUTTONS */
.year-filter ul {
  margin: 1em 0;
}

.year-filter ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
  line-height: 3em;
}

.year-filter ul li a {
  width: 86px !important;
  height: 48px;
  line-height: 48px;
  border-radius: 50px;
  font-size: 1em;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background: #F3F3F3;
  color: #797979;
  border: 1px solid #F3F3F3;
  margin: 5px 0;
}

.year-filter ul li a:hover,
.year-filter ul .selected a{
  background: #1F1A42 !important;
  color: #FFFFFF !important;
  border: 1px solid #1F1A42 !important;
  text-decoration: none !important;
}

/* END OF YEAR BUTTONS */
/* REQUIRED TO OVERWRITE MAIN CSS */
.en-gb .tabItem {
  text-transform: none;
}

/* END OF IT */
/************************************************** END OF TABS **********************************************************/

/********************************************* MODAL WINDOW CONTROLS *****************************************************/
.modal-title {
  line-height: normal;
  margin: 0px;
  padding: 0px;
  font-size: 1.25em;
  font-weight: 400;
  padding-top: 0em;
  padding-bottom: 1.0em;
  color: #003E5C;
  color: #333;
}

.modal-header .close {
  margin-top: 0.1em;
  font-size: 3.5em;
  line-height: 0.25em;
}

li.type {
  width: 50%;
  padding: 0.5em 0;
}

.checkbox-event-type {
  padding: 0;
}

label {
  vertical-align: text-top;
}

.modal-body {
  position: relative;
  padding: 1em;
}

.your-preference-title {
  text-align: center;
  padding: 0 0 1em 0;
}

.your-preferences {
  background-color: transparent;
  box-sizing: border-box;
  border: 0;
  padding: 1em 0 1em 0;
}

.form input,
.form select {
  color: #333;
  font-size: 1em;
  padding: 0.22em;
  box-sizing: border-box;
  background: #fff;
  border: 0.5px solid transparent;
  border-bottom: 0.5px solid #1F1A42;
}

.form .lable {
  padding-right: 1em;
  height: auto;
  vertical-align: middle;
  line-height: normal;
  margin-top: 0.45em;
}

/***************************************** END OF MODAL WINDOW CONTROLS **************************************************/

/**************************************************** TOOLTIP ************************************************************/
.popup-date {
  line-height: normal;
}

.popup-event-name {
  line-height: normal;
  padding: 0.25em 0;
}

.etooltip {
  border: 0.08em solid #003E5C;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  background: #fff;
  box-shadow: 0 0.08em 0.32em #003E5C;
  -moz-box-shadow: 0 0.08em 0.32em #DBDBDB;
  -webkit-box-shadow: 0 0.08em 0.32em #DBDBDB;
}

.etooltip .tip-arrow {
  background: transparent;
}

/************************************************* END OF TOOLTIP ********************************************************/
/********** additional css **********/
.export-header {
  color: #A3A3A3;
}

.check-subscription-link,
.subscription-header,
.export-header {
  font-weight: 400;
}

.file-type-pdf {
  background-image: url("//gamma.euroland.com/tools/FinCalendar2/Config/Company/SA-EFSIM/assets/icons/icon_download.svg") !important;
  width: 20px;
  height: 20px;
}

.headline-left .date-time {
  color: #C0C746;
}

.headline-right .event-type {
  font-weight: normal;
}

.headline-left .date-time {
  font-weight: 400;
  padding-top: 5px;
  padding-top: 0;
  padding-bottom: 30px;
}

.headline-right .event-type {
  font-weight: 400;
  text-align: right;
  padding-top: 0;
  padding-bottom: 30px;
}

.headline-left .event-name {
  padding: 0;
  font-size: 18px;
}

/* 11-26 */
.time-line-item,
.time-line-month-name {
  vertical-align: middle !important;
}

/* start of: ar language styling */
[lang="ar-ae"] .subscription-section {
  float: left;
  text-align: left;
}

[lang="ar-ae"] .tabItem,
[lang="ar-ae"] .calendar-time-line .year {
  text-align: right;
}

[lang="ar-ae"] .content-headline {
  margin: 0 1.5em 40px 0 !important;
}

[lang="ar-ae"] #PastEventsContainer .content-headline {
  margin: 0 0 40px 0 !important;
}

body.ar-ae .content-headline, body.ku-arab-iq .content-headline {
  padding-bottom: 10px;
}

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


/* responsive view */
@media (max-width: 830px) {
  .tabItem,
  .tab-active,
  .form input,
  .form select,
  .next-event,
  .next-event div.lable,
  body {
    font-size: 14px;
  }
  .headline-left .event-name {
    padding: 0;
    font-size: 16px;
  }
  .content-headline {
    border: 0;
    border-bottom: 0.5px solid #A3A3A3;
    padding-bottom: 16px;
    margin: 0;
    margin-bottom: 30px !important;
    /*! margin-left: 1.5em; */
  }

}

@media (max-width: 770px) {
  .tabItem,
  .tab-active,
  .form input,
  .form select,
  .next-event,
  .next-event div.lable,
  body {
    font-size: 14px;
  }
}


@media(max-width:640px) {
  li.type {
    width: 50% !important
  }
}

@media (max-width: 608px) {
  .tabItem,
  .tab-active,
  .form input,
  .form select,
  .next-event,
  .next-event div.lable,
  body {
    font-size: 12px;
  }


  .next-event {
    padding-bottom: 30px;
  }

  /* calendar timeline */
  .calendar-time-line {
    width: 800px !important;
    overflow: scroll !important;
  }

  .calendar-time-line .year {
    font-size: 12px;
  }

  .time-line-month-name {
    font-size: 10px;
  }

  .time-line-item {
    height: 28px;
    line-height: normal;
    padding: 0;
    margin: -0.08em 0 0 -0.08em;
    background: #F3F3F3;
    border: 0.5px solid #F3F3F3;
    text-align: center;
    transition: background 0.5s;
    border-radius: 50px;
  }

  .color-dot-box .display-none {
    width: 6px;
    height: 6px;
    border-color: transparent;
  }

  .check-subscription-link {
    font-size: 12px;
  }
}


@media (max-width:479px) {
  #PastEventsContainer .attachments {
    margin-top: 0 !important;
    width: 100% !important;
    text-align: center;
  }

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

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

  .headline-left .date-time {
    font-weight: 400;
    padding-top: 5px;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .calendar-view {
    overflow: scroll !important;
    font-size: 10px;
    display: block !important;
    margin-bottom: 10px;
  }



  #PastEventsContainer .list-file-attachment {
    text-align: unset !important;
  }

  .headline .headline-left,
  .headline-left .event-name { 
    display: inline-block !important;
    width: 80% !important;
  }

  .headline .headline-right,
  .attachments {
    display: inline-block !important;
    width: 19% !important;
  }
}

@media (max-width: 350px) {
  .tabItem,
  .tab-active,
  .form input,
  .form select,
  .next-event,
  .next-event div.lable,
  body {
    font-size: 12px;
  }

  .tabs li {
    display: block;
    width: 100%;
    margin-top: 15px;
  }

  .next-event {
    padding-bottom: 30px;
  }
  .row-control {
    padding: 10px 0 10px 0;
    clear: both;
    height: auto;
  }

  .btn, 
  .btn-primary,
  .btn-submit, 
  .btn-cancel,
  .btn:focus,
  .btn-primary:focus,
  .btn-submit:focus,
  .btn-cancel:focus {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
  }

  .export-section {
    width: 100%;
  }

  .export-icon {
    width: 20px;
    height: 20px;
  }

  #PastEventsContainer .content-headline {
    margin: 0;
  }

  #PastEventsContainer .list-file-attachment {
    text-align: right !important;
  }

  .item-attachment a {
    text-align: center;
    margin: 0 auto;
  }

  .section-header.subscription-header {
    margin: 0 0 10px 0;
  }
  .subscription-section {
    float: right;
    text-align: left;
    width: 100%;
    margin: 0;
  }

  .check-subscription-link {
    text-align: left;
    color: #A3A3A3;
    padding-bottom: 8px;
  }

  .btn-submit, .btn-cancel, .btn-ok {
    margin: 2px;
  }

  .expand-collapse {
    padding: 0;
    position: absolute;
    display: none;
    text-decoration: none;
    top: 8px !important;
    left: 0;
    text-align: center;
    overflow: hidden;
    background-color: transparent;
    border: none;
  }

  .check-subscription-link,
  .headline-left .event-name {
    margin: 0;
    padding: 0;
    font-size: 12px;
  }

  .headline-left,
  .headline-left .event-name { 
    display: inline-block;
    width: 80% !important;   
  }

  .headline-right,
  .attachments {
    display: inline-block;
    width: 19%;
  }

  .headline-left .date-time {
    font-weight: 400;
    padding: 0 0 16px 0;
  }

  .headline-right .event-type {
    display: none;
  }


  /* start of: ar language styling */
  [lang="ar-ae"] body,
  [lang="ar-ae"] .tabItem,
  [lang="ar-ae"] .tab-active,
  [lang="ar-ae"] .form input,
  [lang="ar-ae"] .form select,
  [lang="ar-ae"] .next-event {
    font-family: "Poppins", sans-serif;
  }
  [lang="ar-ae"] .form .label {
    text-align: right !important;
    margin: 0 0 10px 0;
    padding: 0;
    height: auto;
    line-height: inherit;
  }

  [lang="ar-ae"] #UpcomingEventsContainer .headline-right .download-event {
    text-align: right !important;
    margin-top: -28px;
  }

  [lang="ar-ae"] .filter-type ul li, body.ku-arab-iq .filter-type ul li {
    float: right;
    padding: 0;
  }

  [lang="ar-ae"] .year-filter ul li a {
    margin: 2px;
  }
  /* end of: ar language styling */
}

@media (max-width:320px) {
  .subscription-section .btn-subscribe-wrapper {
    float: none;
    width: 100% !important;
    padding-top: 0.5em !important;
    text-align: left;
  }

  .export-types {
    padding-bottom: inherit;
  }
}
/* end of: responsive view */