/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js??ruleSet[1].rules[1].use[4]!./src/main/webpack/site/main.scss ***! \****************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; html, body { margin: 0; font-size: 16px; font-family: "roboto", sans-serif; font-weight: 400; line-height: 1.5; color: #2E2F32; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } a { color: #004C97; -webkit-transition: ease-in-out 0.2s; transition: ease-in-out 0.2s; text-decoration: none; } a:hover { text-decoration: underline; } button, input, optgroup, select, textarea { font: inherit; } .cmp-link__screen-reader-only { display: none !important; } /* Customizing the entire scrollbar */ ::-webkit-scrollbar { width: 8px; /* Adjust as needed */ background-color: lightgray; } ::-webkit-scrollbar-track { background-color: #f1f1f1; } ::-webkit-scrollbar-thumb { background-color: #888; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background-color: #555; } /* Fonts */ @font-face { font-family: "roboto"; src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-light-webfont.eot"); src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-light-webfont.woff2") format("woff2"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-light-webfont.woff") format("woff"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-light-webfont.ttf") format("truetype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-light-webfont.svg#robotolight") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: "roboto"; src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-regular-webfont.eot"); src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-regular-webfont.woff2") format("woff2"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-regular-webfont.woff") format("woff"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-regular-webfont.ttf") format("truetype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-regular-webfont.svg#robotoregular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: "roboto"; src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-medium-webfont.eot"); src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-medium-webfont.woff2") format("woff2"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-medium-webfont.woff") format("woff"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-medium-webfont.ttf") format("truetype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-medium-webfont.svg#robotomedium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "roboto"; src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-bold-webfont.eot"); src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-bold-webfont.woff2") format("woff2"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-bold-webfont.woff") format("woff"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-bold-webfont.ttf") format("truetype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-bold-webfont.svg#robotobold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: "roboto"; src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/robotocondensed-bold-webfont.eot"); src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/robotocondensed-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/robotocondensed-bold-webfont.woff2") format("woff2"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/robotocondensed-bold-webfont.woff") format("woff"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/robotocondensed-bold-webfont.ttf") format("truetype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/robotocondensed-bold-webfont.svg#roboto_condensedbold") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: "roboto"; src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-black-webfont.eot"); src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-black-webfont.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-black-webfont.woff2") format("woff2"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-black-webfont.woff") format("woff"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-black-webfont.ttf") format("truetype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/roboto-black-webfont.svg#robotoblack") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: "imf-icon"; src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/imf-icon.eot"); src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/imf-icon.eot#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/imf-icon.ttf") format("truetype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/imf-icon.woff") format("woff"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/imf-icon.svg#imf-icon") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Glyphicons Halflings"; src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/glyphicons-halflings-regular.eot"); src: url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/glyphicons-halflings-regular.woff2") format("woff2"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/glyphicons-halflings-regular.woff") format("woff"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/glyphicons-halflings-regular.ttf") format("truetype"), url("../../../etc.clientlibs/imfconnect/clientlibs/clientlib-site/resources/fonts/imfconnect/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } /* Fonts */ /* Checkbox and Radio Buttons Styles */ [class^=imf-ico-] { font-family: "imf-icon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^=imf-ico-], [class*=" imf-ico-"] { font-family: "imf-icon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .imf-ico-wallet:before { content: "\e600"; } .imf-ico-volume2:before { content: "\e601"; } .imf-ico-volume1:before { content: "\e602"; } .imf-ico-voicemail:before { content: "\e603"; } .imf-ico-video:before { content: "\e604"; } .imf-ico-user:before { content: "\e605"; } .imf-ico-upload:before { content: "\e606"; } .imf-ico-unlock:before { content: "\e607"; } .imf-ico-umbrella:before { content: "\e608"; } .imf-ico-trash:before { content: "\e609"; } .imf-ico-tools:before { content: "\e60a"; } .imf-ico-timer:before { content: "\e60b"; } .imf-ico-ticket:before { content: "\e60c"; } .imf-ico-target:before { content: "\e60d"; } .imf-ico-sun:before { content: "\e60e"; } .imf-ico-study:before { content: "\e60f"; } .imf-ico-stopwatch:before { content: "\e610"; } .imf-ico-star:before { content: "\e611"; } .imf-ico-speaker:before { content: "\e612"; } .imf-ico-signal:before { content: "\e613"; } .imf-ico-shuffle:before { content: "\e614"; } .imf-ico-shopbag:before { content: "\e615"; } .imf-ico-share:before { content: "\e616"; } .imf-ico-server:before { content: "\e617"; } .imf-ico-search:before { content: "\e618"; } .imf-ico-science:before { content: "\e619"; } .imf-ico-ribbon:before { content: "\e61a"; } .imf-ico-repeat:before { content: "\e61b"; } .imf-ico-refresh:before { content: "\e61c"; } .imf-ico-refresh-cloud:before { content: "\e61d"; } .imf-ico-radio:before { content: "\e61e"; } .imf-ico-print:before { content: "\e61f"; } .imf-ico-prev:before { content: "\e620"; } .imf-ico-power:before { content: "\e621"; } .imf-ico-portfolio:before { content: "\e622"; } .imf-ico-plus:before { content: "\e623"; } .imf-ico-play:before { content: "\e624"; } .imf-ico-plane:before { content: "\e625"; } .imf-ico-photo-gallery:before { content: "\e626"; } .imf-ico-phone:before { content: "\e627"; } .imf-ico-pen:before { content: "\e628"; } .imf-ico-paper-plane:before { content: "\e629"; } .imf-ico-paint:before { content: "\e62a"; } .imf-ico-notebook:before { content: "\e62b"; } .imf-ico-note:before { content: "\e62c"; } .imf-ico-next:before { content: "\e62d"; } .imf-ico-news-paper:before { content: "\e62e"; } .imf-ico-musiclist:before { content: "\e62f"; } .imf-ico-music:before { content: "\e630"; } .imf-ico-mouse:before { content: "\e631"; } .imf-ico-more:before { content: "\e632"; } .imf-ico-moon:before { content: "\e633"; } .imf-ico-monitor:before { content: "\e634"; } .imf-ico-micro:before { content: "\e635"; } .imf-ico-menu:before { content: "\e636"; } .imf-ico-map:before { content: "\e637"; } .imf-ico-map-marker:before { content: "\e638"; } .imf-ico-mail:before { content: "\e639"; } .imf-ico-mail-open:before { content: "\e63a"; } .imf-ico-mail-open-file:before { content: "\e63b"; } .imf-ico-magnet:before { content: "\e63c"; } .imf-ico-loop:before { content: "\e63d"; } .imf-ico-look:before { content: "\e63e"; } .imf-ico-lock:before { content: "\e63f"; } .imf-ico-lintern:before { content: "\e640"; } .imf-ico-link:before { content: "\e641"; } .imf-ico-like:before { content: "\e642"; } .imf-ico-light:before { content: "\e643"; } .imf-ico-less:before { content: "\e644"; } .imf-ico-keypad:before { content: "\e645"; } .imf-ico-junk:before { content: "\e646"; } .imf-ico-info:before { content: "\e647"; } .imf-ico-home:before { content: "\e648"; } .imf-ico-help2:before { content: "\e649"; } .imf-ico-help1:before { content: "\e64a"; } .imf-ico-graph3:before { content: "\e64b"; } .imf-ico-graph2:before { content: "\e64c"; } .imf-ico-graph1:before { content: "\e64d"; } .imf-ico-graph:before { content: "\e64e"; } .imf-ico-global:before { content: "\e64f"; } .imf-ico-gleam:before { content: "\e650"; } .imf-ico-glasses:before { content: "\e651"; } .imf-ico-gift:before { content: "\e652"; } .imf-ico-folder:before { content: "\e653"; } .imf-ico-flag:before { content: "\e654"; } .imf-ico-filter:before { content: "\e655"; } .imf-ico-file:before { content: "\e656"; } .imf-ico-expand1:before { content: "\e657"; } .imf-ico-exapnd2:before { content: "\e658"; } .imf-ico-edit:before { content: "\e659"; } .imf-ico-drop:before { content: "\e65a"; } .imf-ico-drawer:before { content: "\e65b"; } .imf-ico-download:before { content: "\e65c"; } .imf-ico-display2:before { content: "\e65d"; } .imf-ico-display1:before { content: "\e65e"; } .imf-ico-diskette:before { content: "\e65f"; } .imf-ico-date:before { content: "\e660"; } .imf-ico-cup:before { content: "\e661"; } .imf-ico-culture:before { content: "\e662"; } .imf-ico-crop:before { content: "\e663"; } .imf-ico-credit:before { content: "\e664"; } .imf-ico-copy-file:before { content: "\e665"; } .imf-ico-config:before { content: "\e666"; } .imf-ico-compass:before { content: "\e667"; } .imf-ico-comment:before { content: "\e668"; } .imf-ico-coffee:before { content: "\e669"; } .imf-ico-cloud:before { content: "\e66a"; } .imf-ico-clock:before { content: "\e66b"; } .imf-ico-check:before { content: "\e66c"; } .imf-ico-chat:before { content: "\e66d"; } .imf-ico-cart:before { content: "\e66e"; } .imf-ico-camera:before { content: "\e66f"; } .imf-ico-call:before { content: "\e670"; } .imf-ico-calculator:before { content: "\e671"; } .imf-ico-browser:before { content: "\e672"; } .imf-ico-box2:before { content: "\e673"; } .imf-ico-box1:before { content: "\e674"; } .imf-ico-bookmarks:before { content: "\e675"; } .imf-ico-bicycle:before { content: "\e676"; } .imf-ico-bell:before { content: "\e677"; } .imf-ico-battery:before { content: "\e678"; } .imf-ico-ball:before { content: "\e679"; } .imf-ico-back:before { content: "\e67a"; } .imf-ico-attention:before { content: "\e67b"; } .imf-ico-anchor:before { content: "\e67c"; } .imf-ico-albums:before { content: "\e67d"; } .imf-ico-alarm:before { content: "\e67e"; } .imf-ico-airplay:before { content: "\e67f"; } .imf-ico-close:before { content: "\e680"; } .imf-ico-close-circle:before { content: "\e681"; } .imf-ico-angle-up:before { content: "\e682"; } .imf-ico-angle-up-circle:before { content: "\e683"; } .imf-ico-angle-right:before { content: "\e684"; } .imf-ico-angle-right-circle:before { content: "\e685"; } .imf-ico-angle-left:before { content: "\e686"; } .imf-ico-angle-left-circle:before { content: "\e687"; } .imf-ico-angle-down:before { content: "\e688"; } .imf-ico-angle-down-circle:before { content: "\e689"; } .imf-ico-cloud-upload:before { content: "\e68a"; } .imf-ico-cloud-download:before { content: "\e68b"; } .imf-ico-cash:before { content: "\e68c"; } .imf-ico-bluetooth:before { content: "\e68d"; } .imf-ico-way:before { content: "\e68e"; } .imf-ico-id:before { content: "\e68f"; } .imf-ico-wristwatch:before { content: "\e690"; } .imf-ico-world:before { content: "\e691"; } .imf-ico-volume:before { content: "\e692"; } .imf-ico-users:before { content: "\e693"; } .imf-ico-user-female:before { content: "\e694"; } .imf-ico-up-arrow:before { content: "\e695"; } .imf-ico-switch:before { content: "\e696"; } .imf-ico-scissors:before { content: "\e697"; } .imf-ico-safe:before { content: "\e698"; } .imf-ico-right-arrow:before { content: "\e699"; } .imf-ico-plug:before { content: "\e69a"; } .imf-ico-pin:before { content: "\e69b"; } .imf-ico-paperclip:before { content: "\e69c"; } .imf-ico-note2:before { content: "\e69d"; } .imf-ico-network:before { content: "\e69e"; } .imf-ico-mute:before { content: "\e69f"; } .imf-ico-medal:before { content: "\e6a0"; } .imf-ico-like2:before { content: "\e6a1"; } .imf-ico-left-arrow:before { content: "\e6a2"; } .imf-ico-key:before { content: "\e6a3"; } .imf-ico-joy:before { content: "\e6a4"; } .imf-ico-film:before { content: "\e6a5"; } .imf-ico-disk:before { content: "\e6a6"; } .imf-ico-delete-user:before { content: "\e6a7"; } .imf-ico-bottom-arrow:before { content: "\e6a8"; } .imf-ico-add-user:before { content: "\e6a9"; } .imf-ico-album:before { content: "\e6aa"; } .imf-ico-arc:before { content: "\e6ab"; } .imf-ico-back-2:before { content: "\e6ac"; } .imf-ico-bandaid:before { content: "\e6ad"; } .imf-ico-car:before { content: "\e6ae"; } .imf-ico-diamond:before { content: "\e6af"; } .imf-ico-door-lock:before { content: "\e6b0"; } .imf-ico-eyedropper:before { content: "\e6b1"; } .imf-ico-female:before { content: "\e6b2"; } .imf-ico-gym:before { content: "\e6b3"; } .imf-ico-hammer:before { content: "\e6b4"; } .imf-ico-headphones:before { content: "\e6b5"; } .imf-ico-helm:before { content: "\e6b6"; } .imf-ico-hourglass:before { content: "\e6b7"; } .imf-ico-leaf:before { content: "\e6b8"; } .imf-ico-magic-wand:before { content: "\e6b9"; } .imf-ico-male:before { content: "\e6ba"; } .imf-ico-map-2:before { content: "\e6bb"; } .imf-ico-next-2:before { content: "\e6bc"; } .imf-ico-paint-bucket:before { content: "\e6bd"; } .imf-ico-pendrive:before { content: "\e6be"; } .imf-ico-photo:before { content: "\e6bf"; } .imf-ico-piggy:before { content: "\e6c0"; } .imf-ico-plugin:before { content: "\e6c1"; } .imf-ico-refresh-2:before { content: "\e6c2"; } .imf-ico-rocket:before { content: "\e6c3"; } .imf-ico-settings:before { content: "\e6c4"; } .imf-ico-shield:before { content: "\e6c5"; } .imf-ico-smile:before { content: "\e6c6"; } .imf-ico-usb:before { content: "\e6c7"; } .imf-ico-vector:before { content: "\e6c8"; } .imf-ico-wine:before { content: "\e6c9"; } .imf-ico-right-filled:before { content: "\e900"; } .imf-ico-addToCalendar:before { content: "\e901"; } .imf-ico-arrowDown:before { content: "\e902"; } .imf-ico-arrowLeft:before { content: "\e903"; } .imf-ico-arrowRight:before { content: "\e904"; } .imf-ico-arrowUp:before { content: "\e905"; } .imf-ico-calendarIcon:before { content: "\e906"; } .imf-ico-clockIcon:before { content: "\e907"; } .imf-ico-dateIcon:before { content: "\e908"; } .imf-ico-imfLogo:before { content: "\e909"; } .imf-ico-imfLogoText:before { content: "\e90a"; } .imf-ico-printIcon:before { content: "\e90b"; } .imf-ico-uniE90C:before { content: "\e90c"; } .imf-ico-uniE90D:before { content: "\e90d"; } .imf-ico-uniE90E:before { content: "\e90e"; } .imf-ico-uniE90F:before { content: "\e90f"; } .imf-ico-uniE910:before { content: "\e910"; } .imf-ico-uniE911:before { content: "\e911"; } .imf-ico-select-mark:before { content: "\e912"; } .imf-ico-uniE913:before { content: "\e913"; } .imf-ico-uniE914:before { content: "\e914"; } .imf-ico-subscribe:before { content: "\e915"; } .imf-ico-map-icon:before { content: "\e916"; } .imf-ico-transferIcon:before { content: "\e917"; } .imf-ico-left-filled:before { content: "\e918"; } .imf-ico-play-filled:before { content: "\e919"; } .imf-ico-close-bold:before { content: "\e91a"; } .imf-ico-pause:before { content: "\e91b"; } .imf-ico-message:before { content: "\e91c"; } .imf-ico-attendee:before { content: "\e91d"; } .style-radio { position: absolute; display: none; } .style-radio + label { position: relative; display: block; padding-left: 30px; cursor: pointer; vertical-align: middle; margin-left: 0px !important; } .style-radio + label:hover:before { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: hover-color; animation-name: hover-color; } .style-radio + label:before { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; content: ""; border: 1px solid #c0c0c0; border-radius: 50%; } .style-radio + label:after { position: absolute; display: none; content: ""; top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #3e97eb; } .style-radio:checked + label:before { -webkit-animation-name: none; animation-name: none; border: 1px solid #3e97eb; } .style-radio:checked + label:after { display: block; } .style-radio:checked[disabled] + label:before { border: 1px solid #c9e2f9; } .style-radio:checked[disabled] + label:after { background: #c9e2f9; } .style-checkbox { position: absolute; display: none; } .style-checkbox + label { position: relative; display: block; padding-left: 30px; cursor: pointer; vertical-align: middle; margin-left: 0px !important; } .style-checkbox + label:hover:before { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: hover-color; animation-name: hover-color; } .style-checkbox + label:before { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; content: ""; border: 1px solid #c0c0c0; border-radius: 0; } .style-checkbox + label:after { position: absolute; display: none; content: ""; top: 2px; left: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 6px; height: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); border-width: 2px; border-style: solid; border-color: #ffffff; border-top: 0; border-left: 0; } .style-checkbox:checked + label:before { -webkit-animation-name: none; animation-name: none; border: #3e97eb; background: #3e97eb; } .style-checkbox:checked + label:after { display: block; } .style-checkbox:checked[disabled] + label:before { border: #c9e2f9; background: #c9e2f9; } .style-radio[disabled] { cursor: not-allowed; } .style-radio[disabled] + label { cursor: not-allowed; color: #e4e4e4; } .style-radio[disabled] + label:hover { cursor: not-allowed; } .style-radio[disabled] + label:hover:before { border: 1px solid #e4e4e4; -webkit-animation-name: none; animation-name: none; } .style-radio[disabled] + label:before { cursor: not-allowed; border-color: #e4e4e4; } .style-radio[disabled] + label:after { cursor: not-allowed; } .style-checkbox[disabled] { cursor: not-allowed; } .style-checkbox[disabled] + label { cursor: not-allowed; color: #e4e4e4; } .style-checkbox[disabled] + label:hover { cursor: not-allowed; } .style-checkbox[disabled] + label:hover:before { border: 1px solid #e4e4e4; -webkit-animation-name: none; animation-name: none; } .style-checkbox[disabled] + label:before { cursor: not-allowed; border-color: #e4e4e4; } .style-checkbox[disabled] + label:after { cursor: not-allowed; } .default-accordion .cmp-accordion .cmp-accordion__item { margin-bottom: 20px; } .default-accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__header .cmp-accordion__button { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 8px; border: 1px solid 1px solid #91A1B7; background: #ffffff; } .default-accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__header .cmp-accordion__button::after { content: "+"; } .default-accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__header .cmp-accordion__button .cmp-accordion__title { font-size: 16px; font-weight: 600; line-height: 24px; color: #001E60; } .default-accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__panel { padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -ms-flex-item-align: stretch; align-self: stretch; border: 1px solid #B1C0D7; } .default-accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__panel .text .cmp-text p { font-size: 16px; font-weight: 400; line-height: 24px; color: #515357; } .appstore-default { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 70px 0px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-bottom: 30px; } @media (max-width: 768px) { .appstore-default { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 769px) and (max-width: 1200px) { .appstore-default { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .appstore-default img { width: 384px; height: 389px; } @media (max-width: 768px) { .appstore-default img { width: 100%; height: 100%; margin: 0 auto; } } @media (min-width: 769px) and (max-width: 1200px) { .appstore-default img { width: 384px; height: 389px; margin: 0 auto; } } @media (max-width: 768px) { .appstore-default .appstore-content { padding: 40px 25px 10px 25px; text-align: center; } } @media (min-width: 769px) and (max-width: 1200px) { .appstore-default .appstore-content { padding: 40px 25px 10px 25px; text-align: center; } } .appstore-default .appstore-content h3 { font-size: 24px; font-weight: 600; color: #004C97; margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 768px) { .appstore-default .appstore-content h3 { padding: 0 25px; } } @media (min-width: 769px) and (max-width: 1200px) { .appstore-default .appstore-content h3 { padding: 0 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .appstore-default .appstore-content h3::after { content: ""; border: 1px solid #E74040; display: block; width: 50px; height: 2px; margin-top: 12px; background: #E74040; } .appstore-default .appstore-content p { font-size: 20px; line-height: 24px; font-weight: 400; color: #2E2F32; margin-bottom: 20px; } @media (min-width: 769px) and (max-width: 1200px) { .appstore-default .appstore-content p { padding: 0 30px; } } .appstore-default .appstore-content p a { font-size: 20px; line-height: 24px; color: #407EC9; font-weight: 400; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .appstore-default .appstore-content .appstore-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 32px; margin-top: 40px; } @media (min-width: 768px) and (max-width: 1200px) { .appstore-default .appstore-content .appstore-image { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .appstore-default .appstore-content .appstore-image { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .appstore-default .appstore-content .appstore-image a { width: 225px; height: 72px; display: inline-block; } .appstore-default .appstore-content .appstore-image a img { width: 100%; height: 100%; } .printbtn .cmp-button { position: absolute; right: 0; border: 1px solid #B1C0D7; border-radius: 8px; font-size: 14px; font-weight: 500; color: #004C97; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 16px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: -18px; } @media (min-width: 768px) and (max-width: 1024px) { .printbtn .cmp-button { right: calc(50% - 39px); top: 60px; } } @media (max-width: 767px) { .printbtn .cmp-button { right: calc(50% - 39px); top: 90px; } } .printbtn .cmp-button .cmp-button__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .printbtn .cmp-button .cmp-button__text::before { background-image: url("clientlib-site/resources/images/printer-icon.png"); width: 16px; height: 16px; content: ""; display: inline-block; background-repeat: no-repeat; background-size: contain; } .printbtn .cmp-button .cmp-link__screen-reader-only { display: none; } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child { padding-right: 0; } @media (min-width: 768px) and (max-width: 1024px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child { width: 50%; padding-right: 10px; } } @media (min-width: 1025px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child { width: 66.66%; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child { width: 100%; margin-bottom: 0; padding-right: 15px; margin-bottom: 40px; } } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child .container { border: 1px solid #CBD5E1; border-radius: 8px; padding: 24px; } @media (min-width: 768px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child .container { padding: 40px 24px; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child .container { border: none; padding: 40px 25px 0 25px; } } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child .container .text .cmp-text p { margin-bottom: 20px; } @media (max-width: 767px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child .container .text .cmp-text p { font-size: 14px; text-align: center; margin-bottom: 32px; } } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child .container .text .cmp-text p a .cmp-link__screen-reader-only { display: none; } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:first-child .container .title .cmp-title .cmp-title__text { color: #2E2F32; } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child { min-height: 100%; } @media (min-width: 768px) and (max-width: 1024px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child { width: 50%; min-height: 100%; padding-left: 10px; } } @media (min-width: 1025px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child { width: 33.33%; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child { width: 100%; } } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace { height: 100%; } @media (min-width: 768px) and (max-width: 1024px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace { height: 100%; } } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace .aem-Grid { height: 100%; } @media (min-width: 768px) and (max-width: 1024px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace .aem-Grid { height: 100%; } } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace .aem-Grid .container { border: 1px solid #CBD5E1; border-radius: 8px; padding: 24px; background: rgba(236, 242, 250, 0.5019607843); height: 100%; } @media (min-width: 768px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace .aem-Grid .container { height: 100%; padding: 40px 24px; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace .aem-Grid .container { border: none; padding: 40px 20px; } } .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace .aem-Grid .container .title h3 { margin-bottom: 20px; } @media (max-width: 767px) { .horizontalAlign-tabcomponent .columninsidetabs .twoColumnContainer .col-12:last-child .clrSpace .aem-Grid .container .title h3 { margin-bottom: 32px; } } .horizontalAlign-tabcomponent .container .columncontrol .container .title .cmp-title__text { font-size: 18px; line-height: 24px; color: #000000; } @media (min-width: 768px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .container .columncontrol .container .title .cmp-title__text { font-size: 16px; line-height: 22px; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .container .columncontrol .container .title .cmp-title__text { font-size: 16px; line-height: 22px; } } .horizontalAlign-tabcomponent .container .columncontrol .container .text { margin-top: 20px; } @media (max-width: 767px) { .horizontalAlign-tabcomponent .cmp-tabs .cmp-tabs__tabpanel .container .columncontrol .row .col-12:first-child .title { padding-top: 40px; } } .cmp-container { position: relative; } .contentright { border: 1px solid #CBD5E1; border-radius: 8px; padding: 12px; margin-bottom: 12px; height: auto; } @media (min-width: 768px) and (max-width: 1200px) { .contentright { height: auto; margin-bottom: 10px; } } @media (max-width: 767px) { .contentright { height: auto; margin-bottom: 10px; } } .contentright > div .resource-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media (max-width: 1200px) { .contentright > div .resource-content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .contentright > div .resource-content .resource_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contentright > div .resource-content .resource_title h3 { font-size: 16px; line-height: 24px; font-weight: 700; color: #004C97; margin: 0; } .contentright > div .resource-content .resource_title p { font-size: 14px; line-height: 20px; font-weight: 400; color: #2E2F32; margin-bottom: 0; } .contentright > div .resource-content::before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/calendar.png"); width: 40x; height: 40px; } .imageonly { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 30px; } @media (max-width: 767px) { .imageonly { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .boardresourceslibrary-page .row .col-12 { padding: 0 10px; } @media (min-width: 768px) and (max-width: 1024px) { .boardresourceslibrary-page .row .col-12 { width: 50%; padding-right: 10px; padding-left: 10px; } } @media (max-width: 767px) { .boardresourceslibrary-page .row .col-12 { width: 100% !important; margin: 0 auto; } } @media (min-width: 1025px) and (max-width: 1200px) { .boardresourceslibrary-page .row .col-12 { width: 25%; } } .boardresources-text { display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .boardresources-text p { font-size: 16px; font-weight: 700; color: #2E2F32; margin-bottom: 0; } .boardresources-text p a { font-size: 16px; font-weight: 700; color: #407EC9; } .boardretreats-page { padding: 40px 70px !important; width: 1440px !important; float: none !important; margin: 0 auto; max-width: 100%; } @media (min-width: 768px) and (max-width: 1200px) { .boardretreats-page { padding: 40px 35px !important; } } @media (max-width: 767px) { .boardretreats-page { padding: 40px 25px !important; } } .boardretreats-page .cmp-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { .boardretreats-page .cmp-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .dailyCalendar .dropdown-menu { border: 1px solid left; border: 1px solid bottom; border: 1px solid right; border: 1px solid top; border-radius: 0; -webkit-box-shadow: 0 2px 2px 1px #eaeaea; box-shadow: 0 2px 2px 1px #eaeaea; margin: 0; } .dailyCalendar .dropdown-menu table { border-collapse: separate; } .dailyCalendar .dropdown-menu table td, .dailyCalendar .dropdown-menu table th { border-bottom: 0; border-radius: 0; padding: 9px 8px; font-size: 12px; } .dailyCalendar .dropdown-menu table th { line-height: 16px; } .dailyCalendar .dropdown-menu table th.datepicker-switch { color: #004C97; text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; padding-bottom: 20px; } .dailyCalendar .dropdown-menu table tfoot { display: none; } .dailyCalendar .new.day, .dailyCalendar .old.day { font-size: 0; pointer-events: none; visibility: visible; } .dailyCalendar .new.day.active, .dailyCalendar .old.day.active { background: none; } .dailyCalendar .alignTop { margin-top: 20px; } .datepicker { background-color: #fff; border: 1px solid #e4e9ee; min-width: 310px; padding: 40px 25px; z-index: 9 !important; } .datepicker .datepicker-months tfoot tr th { background-color: #E35205; } .datepicker:before, .datepicker:after { content: ""; display: inline-block; position: absolute; left: 0; top: 0; border-bottom: transparent; border-left: none; border-right: none; } .datepicker td.day.disabled, .datepicker td.day.disabled:hover { background-color: #f7f7f7; cursor: default; } .datepicker td.day.today, .datepicker td.day.today:hover { background: #b3e5fc; border-radius: 45%; color: #333; } .datepicker td.day:hover { background: #eee; color: #333; } .datepicker table { margin-top: -1px; } .datepicker table tr td { font-size: 14px; color: #333; padding: 10px; } .datepicker table tr td span:hover { background: #eee; color: #333; } .datepicker table tr td span.decade.focused, .datepicker table tr td span.month.focused, .datepicker table tr td span.year.focused, .datepicker table tr td span.decade.focused:hover, .datepicker table tr td span.month.focused:hover, .datepicker table tr td span.year.focused:hover { background: #3294f5; border-radius: 0; color: #fff; } .datepicker table tr td span.decade.active, .datepicker table tr td span.year.active, .datepicker table tr td span.decade.active:hover, .datepicker table tr td span.year.active:hover { background: #b3e5fc; color: #333; } .datepicker table tr td span.century.active, .datepicker table tr td span.century.active:hover { background: #3294f5; color: #fff; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active { background: #3294f5; border-radius: 0; color: #fff; } .datepicker table tr td.disabled { pointer-events: none; } .datepicker table tr td.disabled:hover { color: #999; pointer-events: none; } .datepicker table tr td.day:hover { border-radius: 0; } .datepicker table tr td.day:hover:hover { background: #eee; color: #333; } .datepicker .prev, .datepicker .next { color: transparent; background-image: url("clientlib-site/resources/images/arrow-left-circle.svg"); width: 32px; height: 32px; background-repeat: no-repeat; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; overflow: hidden; margin-bottom: 15px; } .datepicker .prev:hover, .datepicker .next:hover { color: transparent; background-image: url("clientlib-site/resources/images/arrow-left-circle.svg"); width: 32px; height: 32px; background-repeat: no-repeat; background-size: cover; background-position: center; } .datepicker .next { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .datepicker .datepicker-days, .datepicker .datepicker-months, .datepicker .datepicker-years, .datepicker .datepicker-decades, .datepicker .datepicker-centuries { background: transparent; border-top: 0; margin: 0 auto; width: 100%; } .datepicker .datepicker-days table, .datepicker .datepicker-months table, .datepicker .datepicker-years table, .datepicker .datepicker-decades table, .datepicker .datepicker-centuries table { width: 100%; } .datepicker .datepicker-days table tr td, .datepicker .datepicker-months table tr td, .datepicker .datepicker-years table tr td, .datepicker .datepicker-decades table tr td, .datepicker .datepicker-centuries table tr td { padding: 9px 8px; } .datepicker .datepicker-days table tr td span, .datepicker .datepicker-months table tr td span, .datepicker .datepicker-years table tr td span, .datepicker .datepicker-decades table tr td span, .datepicker .datepicker-centuries table tr td span { border-radius: 0; border-top: 1px solid #d2d2d2; margin: 0; width: 25%; } .datepicker .datepicker-months table tr td { padding: 0; } .datepicker .datepicker-months table tr td span { color: #004C97; border: 1px solid #ccc; } .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom.dailyCalendar-datepicker { border-radius: 8px; border: 1px solid #91A1B7; background: var(--Fill-No-Contrast, #FFF); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; } .dailyCalendarContainer .filterDropDown .dropdown-menu { background: #fff; border-bottom-width: 1px; border-top: 1px solid; border-color: #e4e9ee; -webkit-box-shadow: 0 2px 2px 1px #eaeaea; box-shadow: 0 2px 2px 1px #eaeaea; margin: -1px 0 0; min-width: 250px; z-index: 9; } .dailyCalendarContainer .filterDropDown .dropdown-menu li { display: block; margin: 0 0 20px; position: relative; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] { cursor: pointer; left: 0; opacity: 0; position: absolute; top: 0; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label { background: none !important; border: none !important; font-size: 15px; font-weight: 400; color: #5c5c5c; display: inline-block; margin: 0; padding: 4px 0 4px 50px; cursor: pointer; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label:before { content: ""; height: 30px; left: 0; position: absolute; top: 0; width: 30px; background: #004C97; border-radius: 4px; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.blue:before { background: #009CDE; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.red:before { background: #E35205; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.yellow:before { background: #910048; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.brown:before { background: #6E6259; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.green:before { background: #78BE20; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.orange:before { background: #ff9500; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.turquoise:before { background: #40e0d0; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.lightgreen:before { background: #90ee90; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.purple:before { background: purple; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox] + label.grey:before { background: gray; } .dailyCalendarContainer .filterDropDown .dropdown-menu li input[type=checkbox]:checked + label:before { color: #fff; content: "\e912"; font-family: imf-icon; font-size: 15px; line-height: 30px; text-align: center; border-radius: 4px; } .dailyCalendarContainer .filterDropDown .btn { background: #c2c2c2; border-radius: 0; color: #fff; font-size: 15px; min-width: 101px; padding: 5px 0; text-align: center; border-radius: 4px; } .dailyCalendarContainer .filterDropDown .btn.dcalApplyFilter { background: #3194f5; border-radius: 0; color: #fff; font-size: 15px; min-width: 101px; padding: 5px 0; text-align: center; margin-left: 5px; border-radius: 4px; } .dailyCalendarContainer .filterDropDown.open .topnav-filter-container.dropdown-menu { display: block; } .dailyCalendarContainer .topnav-filter-container.dropdown-menu { min-width: 250px; background: #ffffff; margin: -1px 0 0; z-index: 9; padding: 20px; border: 1px solid #e4e9ee; border-top: 1px solid #e4e9ee; border-left-color: #e4e9ee; border-right-color: #e4e9ee; border-bottom-width: 1px; border-bottom-color: #e4e9ee; -webkit-box-shadow: 0 2px 2px 1px #eaeaea; box-shadow: 0 2px 2px 1px #eaeaea; } @media (max-width: 768px) { .dailyCalendarContainer .topnav-filter-container.dropdown-menu { left: 0; } } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer .topnav-filter-container.dropdown-menu { left: 0; } } .boardCalenderPage a { text-decoration: none; -webkit-transition: none; transition: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder { /*****FIRST Panel*******/ /**********SECOND Panel*********/ /********OTHER********/ } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 16px; border: 1px solid #CBD5E1; margin-bottom: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel { padding: 12px; margin-bottom: 16px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel { padding: 12px; margin-bottom: 16px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-calendarIcon:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/calendar-2.svg"); width: 24px; height: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-calendarIcon:before { width: 16px; height: 16px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-calendarIcon:before { width: 16px; height: 16px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-plus:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/plus-circle.svg"); width: 20px; height: 20px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-less:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/check-circle.svg"); width: 20px; height: 20px; -webkit-filter: invert(18%) sepia(100%) saturate(6400%) hue-rotate(356deg) brightness(90%) contrast(120%); filter: invert(18%) sepia(100%) saturate(6400%) hue-rotate(356deg) brightness(90%) contrast(120%); } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-print:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/printer.svg"); width: 20px; height: 20px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-edit:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/adjustments.svg"); width: 24px; height: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-edit:before { width: 16px; height: 16px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .imf-ico-edit:before { width: 16px; height: 16px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .imf-ico-calendarIcon { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; border: 1px solid #B1C0D7; background: var(--Fill-No-Contrast, #FFF); position: relative; top: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader a:hover .imf-ico-calendarIcon, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader a:hover .imf-ico-edit { background: #B2E1F5; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; list-style: none; padding: 0; margin: 0; } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader ul { gap: 16px; } } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader ul { gap: 16px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader ul .calendar-view-tab { display: none; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader ul .calendar-view-tab ul { background: #F1F5F9; border-radius: 8px; padding: 5px; gap: 1px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .pull-left a { margin: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader li { display: inline-block; vertical-align: top; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; border-bottom: 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul { gap: 16px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul { display: none; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul li.active { border: 1px solid var(--Dark-Blue-Pantone-C2757-100, #001E60); background: #004C97; display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; padding: 0 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul li.active a { color: var(--Text-Colors-White, #FFF); text-align: center; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; padding: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul li.active a:hover, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul li.active a:focus, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul li.active a:active { text-decoration: none; background-color: transparent; outline: none; border: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; padding: 0 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; background: #dbf0f2; font-size: 14px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li.active, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:focus, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:active, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:hover { border: 1px solid var(--Dark-Blue-Pantone-C2757-100, #001E60); background: #004C97; text-decoration: none; outline: none; border: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li.active a, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:focus a, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:active a, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:hover a { color: var(--Text-Colors-White, #FFF); text-align: center; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li.active a:hover, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:focus a:hover, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:active a:hover, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:hover a:hover { text-decoration: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .filterDropDown .imf-ico-edit { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; border: 1px solid #B1C0D7; background: var(--Fill-No-Contrast, #FFF); } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader ul.filterCheckBox { display: inline-block; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .buttonRow { display: -webkit-box; display: -ms-flexbox; display: flex; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel input#dCalDatePicker { display: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions { gap: 16px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions .rightbtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 32px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions .rightbtn { gap: 16px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions .backBtn { border: 1px solid var(--Dark-Blue-Pantone-C2757-100, #001E60); background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; display: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions .backBtn i { font-size: 14px; margin: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions .backBtn i.glyphicon-menu-left:before { display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/backbtn.svg"); width: 16px; height: 16px; content: ""; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.printCal, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; color: #004C97; text-align: center; font-weight: 400; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; border: 1.5px solid #B1C0D7; text-decoration: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.printCal i, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe i { margin-right: 4px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.printCal, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe { padding: 8px 12px; font-size: 14px; font-weight: 500; line-height: normal; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe { display: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.printCal { padding: 0; border: 0; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a:hover.printCal, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a:hover.event-subscribe { background: #B2E1F5; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe.subscribed { color: #DA291C; border: 1.5px solid #DA291C; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .right.calendarContent.is_stuck { right: 24px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; -ms-flex-item-align: stretch; align-self: stretch; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel { width: 100%; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar { display: -webkit-box; display: -ms-flexbox; display: flex; width: 420px; padding: 24px 0 24px 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 32px; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 16px 0 0 16px; border: 1px solid #CBD5E1; position: relative; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar { width: 30%; padding: 12px 0 12px 12px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar { border: 0; padding: 0; width: 100%; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar .meetingLocation { color: #515357; text-transform: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar .meetingLocation .imf-ico-map-marker:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; width: 15.544px; height: 16px; aspect-ratio: 15.54/16; background-image: url(clientlib-site/resources/images/GroupL.svg); margin-right: 4px; margin-top: 2px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar .meetingLocation strong { font-weight: 400; color: #004C97; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar span.formatFieldLeft { color: #004C97; font-weight: 400; font-size: 14px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar span.formatFieldLeft .imf-ico-format-field:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; background-image: url(clientlib-site/resources/images/Conference.svg); width: 20px; height: 20px; aspect-ratio: 15.54/16; margin-right: 4px; margin-top: 2px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .left.calendar span.meeting-format { color: #515357; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 0 16px 16px 0; border: 1px solid #CBD5E1; background: #FFFFFF; margin-left: 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent { width: 70%; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent { display: none; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .event.eventDetail, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .eventdetailsmain, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer { width: 100%; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calContent { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-item-align: stretch; align-self: stretch; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calContent { padding: 0; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .imf-ico-dateIcon:before, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .imf-ico-format-field:before, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .imf-ico-map-marker:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; width: 15.544px; height: 16px; aspect-ratio: 15.54/16; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .imf-ico-format-field:before { background-image: url(clientlib-site/resources/images/Conference.svg); width: 20px; height: 20px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .imf-ico-dateIcon:before { background-image: url(clientlib-site/resources/images/Group.svg); } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .imf-ico-map-marker:before { background-image: url(clientlib-site/resources/images/GroupL.svg); } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent h4#imf-event-title { color: #004C97; font-weight: 400; font-size: 24px; font-weight: 600; margin: 0; line-height: normal; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent h4#imf-event-title { font-size: 18px; font-weight: 700; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation { color: #5A5A5D; font-size: 14px; font-weight: 600; line-height: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation { font-size: 14px; font-weight: 600; line-height: 20px; gap: 20px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation p.formatField, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation p.circulationtxt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 10px; margin: 8px 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation p.formatField, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation p.circulationtxt { gap: 12px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation .event-info { display: -webkit-box; display: -ms-flexbox; display: flex; /* put children in a row */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* vertically align */ width: 100%; gap: 20px; /* take full width of parent */ } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation .event-info .time, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation .event-info .location { margin: 0; /* reset

margins */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* icon + text alignment */ } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTimeLocation .event-info i { margin-right: 6px; /* space between icon and text */ } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs { border-bottom: 1px solid #B1C0D7; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px 4px 0px 12px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 8px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px 8px 0px 0px; background: #E5E8EF; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li .nav-link.active { cursor: default; background-color: #fff; border-bottom-color: transparent; padding: 5px 20px; height: 40px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li > .nav-link { color: #2E2F32; text-align: center; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 0 20px; height: 35px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li > a:focus, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li > a:hover > a.active { cursor: default; background-color: transparent; border: 0; border-bottom-color: transparent; padding: 2px 12px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li > a:focus { outline: 1px solid #5c5c5c; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li.active { display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; padding: 0px 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px 8px 0px 0px; border-top: 1px solid #91A1B7; border-right: 1px solid #91A1B7; border-left: 1px solid #91A1B7; background: var(--Primary-White, #FFF); border-bottom: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li.active > a { color: #004C97; font-weight: 400; font-size: 16px; font-weight: 700; background-color: transparent; border: 0; border-bottom-color: transparent; padding: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li.active > a:focus, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li.active > a:hover > a.active { cursor: default; background-color: transparent; border: 0; border-bottom-color: transparent; padding: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li.active > a:focus { outline: 1px solid #5c5c5c; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .summary img { height: 216.927px; -ms-flex-item-align: stretch; align-self: stretch; width: 100%; margin-bottom: 10px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .summary img { height: 97.917px; -ms-flex-item-align: stretch; align-self: stretch; width: 100%; margin-bottom: 10px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .people { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; -ms-flex-item-align: stretch; align-self: stretch; border: 1px solid #CBD5E1; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .people { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .people ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; padding: 0; margin: 0; list-style: none; width: 33%; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .people ul li h5 { color: #000; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2px; -ms-flex-item-align: stretch; align-self: stretch; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .people ul li h5 { margin: 0; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .people ul li h5 span { color: #000; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources { color: #000; font-weight: 400; font-size: 14px; font-weight: 300; line-height: 20px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources .cmp-link__screen-reader-only { display: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; -ms-flex-item-align: stretch; align-self: stretch; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul .heading { width: 100%; padding: 10px 0px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul .heading h5 { display: block; color: #2E2F32; font-weight: 400; font-size: 18px; font-weight: 700; margin: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul .heading h5::after { content: ""; display: block; width: 50px; height: 2px; background: #E74040; margin-top: 5px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul .heading h5 a { color: #004C97; text-decoration: none; font-size: 12px; float: right; cursor: pointer; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul .heading h5 a .imf-ico-star { margin-right: 4px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul .heading h5 a .imf-ico-arrow { margin-left: 2px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul .heading h5 a.ebstatementsprinticon .imf-ico-star:before { content: "\e61f"; background-image: url(clientlib-site/resources/images/Leading.svg); background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 1pc; width: 1pc; top: 2px; position: relative; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul .heading h5 a.ebstatementsprinticon .imf-ico-arrow:before { background-image: url(clientlib-site/resources/images/arrow-sm-right.svg); background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 1pc; width: 1pc; top: 3px; position: relative; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; border-radius: 16px; border: 1px solid var(--Teal-Pantone-C7466-40, #99DFE3); padding: 24px; background: #E5F7F8; width: 100%; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li .heading a { color: #535353; text-decoration: none; font-size: 14px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li .document-content h5 { color: #004C97; font-weight: 400; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin: 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li .document-content h5 { font-weight: 700; line-height: normal; font-size: 14px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li .document-content a { color: #004C97; /* Heading/Bold/Heading H6 */ font-weight: 400; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li .document-content a { font-size: 14px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li .document-content p { color: #004C97; /* Body/Body L Regular */ font-weight: 400; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; /* 133.333% */ } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .documentstabcontainer .resources ul li .document-content .confidential { color: #004C97; font-size: 16px; font-weight: 400; line-height: 24px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .historytabcontainer ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; -ms-flex-item-align: stretch; align-self: stretch; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .historytabcontainer ul .cmp-link__screen-reader-only { display: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .historytabcontainer ul li { border-radius: 16px; border: 1px solid #CBD5E1; padding: 24px; background: #fff; width: 100%; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .historytabcontainer ul li h5 { color: #004C97; font-weight: 400; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .historytabcontainer ul li h5 { font-size: 14px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .historytabcontainer ul li p { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .historytabcontainer ul li p { font-size: 14px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .otherLinks { margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .otherLinks h5 { color: #2E2F32; font-weight: 400; font-size: 18px; font-weight: 700; margin: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .otherLinks h5::after { content: ""; display: block; width: 50px; height: 2px; background: #E74040; margin-top: 5px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .otherLinks ul { padding: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .otherLinks li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; position: relative; padding-right: 24px; padding-bottom: 4px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .otherLinks li::before { content: ""; display: inline-block; background-image: url(clientlib-site/resources/images/arrowrightcircle.svg); background-size: contain; background-repeat: no-repeat; width: 16px; height: 16px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .otherLinks li a { color: #004C97; font-weight: 400; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .calTabsContent { display: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .calTabsContent.active { display: block; padding: 24px 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList { margin-top: 0; position: relative; width: 100% !important; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList { width: 100%; margin-top: 0; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList ul { margin: 0; padding: 0 0 25px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .date { background: #ededed; border: 1px solid #bcbcbc; color: #5c5c5c; font-size: 9pt; letter-spacing: 1.25px; padding: 3px 5px; text-transform: uppercase; border-width: 1px 0; } #stickyDate .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .date { display: block !important; margin: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .event a { color: #004C97; font-weight: 400; font-size: 16px; font-weight: 700; line-height: normal; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .event a { font-size: 12px; font-weight: 700; line-height: 16px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .event a { font-size: 12px; font-weight: 700; line-height: 16px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .event .label { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2px 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; border-radius: 8px; color: #FFF; font-weight: 400; font-size: 12px; font-weight: 700; line-height: 16px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .event svg:not(:root) { display: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .event-subscribe { position: absolute; right: 10px; bottom: 10px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .event-subscribe i { color: #a2a2a2; font-size: 20px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .country { background: #013797; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .administrative { background: #ec7433; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .timePlace, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .meetingLocation { color: #004C97; font-weight: 400; font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 20px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .timePlace, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .meetingLocation { font-size: 12px; font-weight: 400; line-height: 16px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .timePlace, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .meetingLocation { font-size: 12px; font-weight: 400; line-height: 16px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .timePlace strong, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .meetingLocation strong { font-weight: 500; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .timePlace span, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .meetingLocation span { font-weight: 300; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .active { border-left: 1px solid #dbdbdb; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList li:last-child .event { border-bottom: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList li.active:last-child .event { border-bottom: 1px solid #dbdbdb; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList li .event { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; padding: 0; margin: 0; gap: 8px; } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList li .event { gap: 8px; } } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList li .event { gap: 8px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li { border-bottom: none; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 16px; border: 1px solid #CBD5E1; background: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 35px 24px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; margin-bottom: 0px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li { margin: 0; gap: 2px; padding: 24px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li { margin: 0; padding: 24px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li.date { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 8px; background: var(--Fill-Min-Contrast, #E3E4E5); border: 1px solid #E3E4E5; margin: 0; color: #2E2F32; font-weight: 400; font-size: 16px; font-style: normal; line-height: normal; letter-spacing: normal; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li.date { font-size: 14px; padding: 8px 12px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category=Country], .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category=Administrative], .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category="Policy/Non-Country"], .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category="Lapse of Time"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category=Country], .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category=Administrative], .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category="Policy/Non-Country"], .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category="Lapse of Time"] { margin: 0; gap: 2px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category=Country]::before { content: ""; display: inline-block; background-image: url(clientlib-site/resources/images/Country.svg); background-size: contain; background-repeat: no-repeat; width: 47px; height: 47px; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 3px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category=Administrative]::before { content: ""; display: inline-block; background-image: url(clientlib-site/resources/images/Admin.svg); background-size: contain; background-repeat: no-repeat; width: 47px; height: 47px; margin-right: 8px; vertical-align: middle; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category="Policy/Non-Country"]::before { content: ""; display: inline-block; background-image: url(clientlib-site/resources/images/Other.svg); background-size: contain; background-repeat: no-repeat; width: 47px; height: 47px; margin-right: 8px; vertical-align: middle; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category="Lapse of Time"]::before { content: ""; display: inline-block; background-image: url(clientlib-site/resources/images/Time.svg); background-size: contain; background-repeat: no-repeat; width: 47px; height: 47px; margin-right: 8px; vertical-align: middle; } @media (min-width: 320px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category=Country]::before, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category=Administrative]::before, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category="Policy/Non-Country"]::before, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li[data-category="Lapse of Time"]::before { display: none; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li.active { border: 1px solid var(--Dark-Blue-Pantone-C2757-100, #001E60); background: var(--Primary-Blue-Primary-Blue-10, #E5F5FC); } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #stickyDate { left: 0; min-height: 5px; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 2; padding-right: 25px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #stickyDate { padding-right: 12px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #stickyDate li.date { border-radius: 8px; background: var(--Fill-Min-Contrast, #E3E4E5); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 24px; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -ms-flex-item-align: stretch; align-self: stretch; color: #2E2F32; font-weight: 400; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: normal; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #stickyDate li.date { font-size: 14px; padding: 8px 12px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .eventsList.applyscroll.stickyTopPos li { list-style: none; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .eventScheduleContainer .eventsList ul { padding-bottom: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .eventScheduleContainer .eventsList .access.open { color: #3ca7f7; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-blue { background: #009CDE !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-red { background: #910048 !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-yellow { background: #E35205 !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-brown { background: brown !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-green { background: #78BE20 !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-orange { background: #E35205 !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-turquoise { background: #40e0d0 !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-lightgreen { background: #90ee90 !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-purple { background: purple !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .clr-grey { background: gray !important; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .cmp-link__screen-reader-only { display: none; } span.cq-text-placeholder-ipe { display: none; } /*new updated*/ .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li { font-weight: 400; background-color: transparent; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li a { color: #004C97; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li:hover a { background-color: transparent; color: #fff; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li.active a { background-color: transparent; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calenderHeader .navCal li.active a:hover { color: #fff; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.printCal, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe { font-weight: 700; } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.printCal, .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe { font-size: 12px; font-weight: 400; line-height: 16px; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent h4#imf-event-title { font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 12px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer .nav-tabs > li > .nav-link.active { color: var(--Fund-Blue-Fund-Blue, #004C97); text-align: center; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .right.calendarContent .calTabsContainer #documents .resources ul i.docImage::before { content: ""; display: inline-block; background-image: url(clientlib-site/resources/images/Doc.svg); background-size: contain; background-repeat: no-repeat; width: 47px; height: 47px; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 3px; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #meeting-event-list li.date { font-weight: 700; text-transform: capitalize; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel #stickyDate li.date { text-transform: capitalize; border: 0; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList .timePlace strong { color: #515357; } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList ul#meeting-event-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-right: 25px; gap: 8px; } @media (min-width: 768px) and (max-width: 1024px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList ul#meeting-event-list { padding-right: 12px; } } @media (max-width: 767px) { .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList ul#meeting-event-list { padding-right: 0; } } .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .eventsList ul#meeting-event-list .followWrap { margin-bottom: 0; } .datepicker table tr td.active.active { border-radius: 45%; background: #004C97; color: #fff; } @media (max-width: 767px) { .eventsList.applyscroll { min-height: 100%; overflow-y: hidden; overflow-x: hidden; /* required for sticky behavior */ } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a:not(.backBtn) { margin: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions .backBtn { display: inline-block; border: 1px solid #B1C0D7; padding: 8px 12px 5px 12px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions .rightbtn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 16px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.printCal { padding: 0; border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_firstpanel .calEventOptions a.event-subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel li.pull-right.dropdown.filterDropDown { display: none; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .BMCalender_secondpanel .calTimeLocation p.formatField { margin: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .left.calendar, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .eventsList { display: none; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .left.calendar .applyscroll, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .eventsList .applyscroll { min-height: 100%; overflow-y: hidden; overflow-x: hidden; /* required for sticky behavior */ } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .left.calendar ul#meeting-event-list .followWrap, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .eventsList ul#meeting-event-list .followWrap { margin-bottom: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 0 16px 16px 0; background: #FFFFFF; margin-left: 0; border: 0; padding: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .event.eventDetail, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer { width: 100%; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calContent { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -ms-flex-item-align: stretch; align-self: stretch; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calContent { padding: 0; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .imf-ico-dateIcon:before, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .imf-ico-map-marker:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; width: 15.544px; height: 16px; aspect-ratio: 15.54/16; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .imf-ico-dateIcon:before { background-image: url(clientlib-site/resources/images/Group.svg); } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .imf-ico-map-marker:before { background-image: url(clientlib-site/resources/images/GroupL.svg); } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent h4#imf-event-title { color: #004C97; font-weight: 400; font-size: 18px; font-weight: 700; margin: 0; line-height: normal; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTimeLocation { color: #5A5A5D; font-weight: 400; font-size: 14px; font-weight: 600; line-height: 20px; padding: 12px 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTimeLocation p.formatField, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTimeLocation p.circulationtxt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 10px; margin: 8px 0; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTimeLocation p.formatField, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTimeLocation p.circulationtxt { gap: 12px; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTimeLocation p.formatField { color: #004C97; font-weight: 400; font-size: 14px; font-weight: 400; line-height: 20px; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTimeLocation p.formatField { font-size: 12px; font-weight: 400; line-height: 16px; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTimeLocation p.circulationtxt { color: #004C97; font-weight: 400; font-size: 14px; font-weight: 400; line-height: 20px; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; border-radius: 8px; background: var(--Background-Light, #F1F5F9); border: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; /* padding: 0 16px; */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; background: transparent; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li .nav-link { color: var(--Text-Colors-Medium-Light, #536580); text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li .nav-link.active { padding: 5px 20px; height: 32px; border-radius: 8px; border: 1px solid #004C97; background: #004C97; color: var(--Text-Colors-White, #FFF); text-align: center; font-size: 14px; font-weight: 700; line-height: normal; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li > a { color: #2E2F32; text-align: center; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li > a:focus, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li > a:hover > a.active { cursor: default; background-color: transparent; border: 0; border-bottom-color: transparent; padding: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li.active { display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; padding: 0px 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px 8px 0px 0px; border-top: 1px solid #91A1B7; border-right: 1px solid #91A1B7; border-left: 1px solid #91A1B7; background: var(--Primary-White, #FFF); border-bottom: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li.active > a { color: #004C97; font-weight: 400; font-size: 16px; font-weight: 700; background-color: transparent; border: 0; border-bottom-color: transparent; padding: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li.active > a:focus, .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .nav-tabs > li.active > a:hover > a.active { cursor: default; background-color: transparent; border: 0; border-bottom-color: transparent; padding: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .summary img { height: 216.927px; -ms-flex-item-align: stretch; align-self: stretch; width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .summary img { height: 97.917px; -ms-flex-item-align: stretch; align-self: stretch; width: 100%; margin-bottom: 10px; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .people { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; -ms-flex-item-align: stretch; align-self: stretch; border: 1px solid #CBD5E1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .people ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; padding: 0; margin: 0; list-style: none; width: 200px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .people ul li h5 { color: #000; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2px; -ms-flex-item-align: stretch; align-self: stretch; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .people ul li h5 { margin: 0; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .people ul li h5 span { color: #000; font-weight: 400; font-size: 14px; font-style: normal; font-weight: 300; line-height: 20px; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources { color: #000; font-weight: 400; font-size: 14px; font-weight: 300; line-height: 20px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; -ms-flex-item-align: stretch; align-self: stretch; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul .heading { width: 100%; padding: 10px 20px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul .heading h5 { display: block; color: #2E2F32; font-weight: 400; font-size: 18px; font-weight: 700; margin: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul .heading h5::after { content: ""; display: block; width: 50px; height: 2px; background: #E74040; margin-top: 5px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul .heading h5 a { color: #535353; text-decoration: none; font-size: 14px; float: right; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul .heading a.ebstatementsprinticon { color: var(--Fund-Blue-Fund-Blue, #004C97); text-align: center; font-size: 12px; font-weight: 400; line-height: 16px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul .heading a.ebstatementsprinticon i.imf-ico-star { padding-right: 4px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul .heading a.ebstatementsprinticon i.imf-ico-arrow { padding-left: 4px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; border-radius: 16px; border: 1px solid var(--Teal-Pantone-C7466-40, #99DFE3); padding: 24px; background: #E5F7F8; width: 100%; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul li .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul li .heading a { color: #535353; text-decoration: none; font-size: 14px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul li .document-content h5 { color: #004C97; font-weight: 400; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin: 0; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1024px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul li .document-content h5 { font-weight: 700; line-height: normal; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul li .document-content a { color: #004C97; /* Heading/Bold/Heading H6 */ font-weight: 400; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #documents .resources ul li .document-content p { color: #004C97; /* Body/Body L Regular */ font-weight: 400; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; /* 133.333% */ } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #history ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; -ms-flex-item-align: stretch; align-self: stretch; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #history ul li { border-radius: 16px; border: 1px solid var(--Teal-Pantone-C7466-40, #99DFE3); padding: 24px; background: #E5F7F8; width: 100%; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer #history ul li h5 { color: #004C97; font-weight: 400; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 0; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .otherLinks { margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .otherLinks h5 { color: #2E2F32; font-weight: 400; font-size: 18px; font-weight: 700; margin: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .otherLinks h5::after { content: ""; display: block; width: 50px; height: 2px; background: #E74040; margin-top: 5px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .otherLinks ul { padding: 0; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .otherLinks li { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; position: relative; padding-right: 24px; padding-bottom: 4px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .otherLinks li::before { content: ""; display: inline-block; background-image: url(clientlib-site/resources/images/arrowrightcircle.svg); background-size: contain; background-repeat: no-repeat; width: 16px; height: 16px; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .otherLinks li a { color: #004C97; font-weight: 400; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; } } @media (max-width: 767px) { .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .calTabsContent { display: none; } .showCalDetailMob .dailyCalendarContainer.cmp-dailyBoeardcalnder .right.calendarContent .calTabsContainer .calTabsContent.active { display: block; padding: 24px 0; } } .eventsList.applyscroll { min-height: 100%; overflow-y: scroll; overflow-x: hidden; /* required for sticky behavior */ } @media (max-width: 767px) { .eventsList.applyscroll { min-height: 100%; overflow-y: hidden; overflow-x: hidden; height: auto !important; /* required for sticky behavior */ } } .open > .dropdown-menu { display: block; } .datepicker { position: absolute; top: 100%; left: 0; z-index: 9999; display: none; } /* Hide day grid from jQuery UI datepicker */ .ui-datepicker-calendar { display: none; } .fade:not(.show) { opacity: 1; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer { margin-top: 50px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu { background: #fff; border-bottom-width: 1px; border-top: 1px solid; border-color: #e4e9ee; -webkit-box-shadow: 0 2px 2px 1px #eaeaea; box-shadow: 0 2px 2px 1px #eaeaea; margin: -1px 0 0; min-width: 250px; z-index: 9; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li { display: block; margin: 0 0 20px; position: relative; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] { cursor: pointer; left: 0; opacity: 0; position: absolute; top: 0; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label { background: none !important; border: none !important; font-size: 15px; font-weight: 400; color: #5c5c5c; display: inline-block; margin: 0; padding: 4px 0 4px 50px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label:before { content: ""; height: 30px; left: 0; position: absolute; top: 0; width: 30px; background: #004C97; border-radius: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.blue:before { background: #009CDE; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.red:before { background: #E35205; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.yellow:before { background: #910048; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.brown:before { background: #6E6259; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.green:before { background: #78BE20; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.orange:before { background: #ff9500; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.turquoise:before { background: #40e0d0; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.lightgreen:before { background: #90ee90; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.purple:before { background: purple; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox] + label.grey:before { background: gray; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .dropdown-menu li input[type=checkbox]:checked + label:before { color: #fff; content: "\e912"; font-family: imf-icon; font-size: 15px; line-height: 30px; text-align: center; border-radius: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .buttonRow { display: -webkit-box; display: -ms-flexbox; display: flex; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .btn { background: #c2c2c2; border-radius: 0; color: #fff; font-size: 15px; min-width: 101px; padding: 5px 0; text-align: center; border-radius: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .filterDropDown .btn.dcalApplyFilter { background: #3194f5; border-radius: 0; color: #fff; font-size: 15px; min-width: 101px; padding: 5px 0; text-align: center; margin-left: 5px; border-radius: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .topnav-filter-container.dropdown-menu { min-width: 250px; background: #ffffff; margin: -1px 0 0; z-index: 9; padding: 20px; border: 1px solid #e4e9ee; border-top: 1px solid #e4e9ee; border-left-color: #e4e9ee; border-right-color: #e4e9ee; border-bottom-width: 1px; border-bottom-color: #e4e9ee; -webkit-box-shadow: 0 2px 2px 1px #eaeaea; box-shadow: 0 2px 2px 1px #eaeaea; left: 0; } @media (max-width: 768px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .topnav-filter-container.dropdown-menu { left: 0; } } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .topnav-filter-container.dropdown-menu { left: 0; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .imf-ico-calendarIcon:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/calendar-2.svg"); width: 24px; height: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .imf-ico-calendarIcon:before { width: 16px; height: 16px; } } @media (max-width: 767px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .imf-ico-calendarIcon:before { width: 16px; height: 16px; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .imf-ico-plus:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/plus-circle.svg"); width: 16px; height: 16px; margin-right: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .imf-ico-print:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/printer.svg"); width: 16px; height: 16px; margin-right: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 16px; border: 1px solid var(--Border-Medium-Light, #CBD5E1); margin-bottom: 24px; width: 100%; } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader { padding: 12px; margin-bottom: 16px; } } @media (max-width: 767px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader { padding: 12px; margin-bottom: 16px; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .imf-ico-calendarIcon { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; border: 1px solid var(--Border-Default, #B1C0D7); background: var(--Fill-No-Contrast, #FFF); position: relative; top: 0; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader a:hover .imf-ico-calendarIcon, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader a:hover .imf-ico-edit { background: #B2E1F5; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; list-style: none; padding: 0; margin: 0; } @media (max-width: 767px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader ul { gap: 12px; } } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader ul { gap: 16px; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader ul.navCal { gap: 2px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader ul.action-item a { display: -webkit-box; display: -ms-flexbox; display: flex; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader ul.action-item a:hover { background: #B2E1F5; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .pull-left a { margin: 0; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .pull-left a input#calendar-date-picker { display: none; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader li { display: inline-block; vertical-align: top; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .right.calendarContent ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; color: var(--Fund-Blue-Fund-Blue, #004C97); text-align: center; border: 1px solid var(--Border-Default, #B1C0D7); text-decoration: none; font-size: 16px; font-weight: 500; line-height: normal; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .right.calendarContent ul li a:hover { background: #B2E1F5; text-decoration: none; outline: none; border: 0; border-radius: 8px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .right.calendarContent ul li .imf-ico-download::before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/download.svg"); width: 14px; height: 14px; margin-right: 4px; } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .right.calendarContent ul li .imf-ico-download::before { width: 16px; height: 16px; } } @media (max-width: 767px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .right.calendarContent ul li .imf-ico-download::before { width: 16px; height: 16px; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .filterDropDown .imf-ico-edit { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 8px 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; border: 1px solid var(--Border-Default, #B1C0D7); background: var(--Fill-No-Contrast, #FFF); } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .filterDropDown .imf-ico-edit:before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/adjustments.svg"); width: 24px; height: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .filterDropDown .imf-ico-edit:before { width: 16px; height: 16px; } } @media (max-width: 767px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .filterDropDown .imf-ico-edit:before { width: 16px; height: 16px; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader ul.filterCheckBox { display: inline-block; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; border-bottom: 0; } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul { gap: 16px; } } @media (max-width: 767px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .calendar-views.calendarviews ul { display: none; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; padding: 0 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; background: #dbf0f2; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li.active, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li:focus, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li:active { border: 1px solid var(--Dark-Blue-Pantone-C2757-100, #001E60); background: var(--Fund-Blue-Fund-Blue, #004C97); text-decoration: none; outline: none; border: 0; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li.active a, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li:focus a, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li:active a { color: var(--Text-Colors-White, #FFF); text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li.active a:hover, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li:focus a:hover, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li:active a:hover { text-decoration: none; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li a:hover { background-color: transparent; text-decoration: none; outline: none; border: 0; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 32px; } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions { gap: 16px; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions .backBtn { color: #fff; border: 1px solid var(--Dark-Blue-Pantone-C2757-100, #001E60); background: var(--Fund-Blue-Fund-Blue, #004C97); display: -webkit-box; display: -ms-flexbox; display: flex; height: 32px; padding: 0 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; display: none; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions .backBtn i { font-size: 14px; margin: 0 5px 0 0; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions a.printCal, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions a.event-subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; color: var(--Fund-Blue-Fund-Blue, #004C97); text-align: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; border: 1.5px solid var(--Border-Default, #B1C0D7); text-decoration: none; } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions a { padding: 8px 12px; font-size: 14px; font-weight: 500; line-height: normal; } } @media (max-width: 767px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions a.event-subscribe { display: none; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calEventOptions a.printCal { padding: 0; border: 0; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-grid .fc-day-number { font-size: 14px; font-weight: 700; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-grid .fc-day-number a { font-weight: 400; font-size: 12px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori { font-size: 12px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-red { background: #E9CCDA !important; border-left: 12px solid #910048 !important; padding-left: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-blue { background: #CCEBF8 !important; border-left: 12px solid #1e70b7 !important; padding-left: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-yellow { background: #F9DCCD !important; border-left: 12px solid #E35205 !important; padding-left: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-orange { background: #E35205 !important; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-turquoise { background: #40e0d0 !important; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-lightgreen { background: #90ee90 !important; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-green { background: #E4F2D2 !important; border-left: 12px solid #658D1B !important; padding-left: 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-purple { background: purple !important; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-event-hori.fc-event-start.fc-event-end.clr-grey { background: #B1B3B3 !important; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-widget-content { border: 1px solid #B1C0D7; background-color: #fff; } .boardCalenderPage .open > .dropdown-menu { display: block; } /*update changes*/ .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li { background-color: transparent; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li a { color: #004C97; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li:hover, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li:hover a, .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li a:hover { background-color: #004C97; color: #fff; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li.active a { background-color: transparent; font-weight: 700; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li.active a:hover { color: #fff; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .navCal li.active:hover a { color: #fff; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader .calendar-view-tab { background: #F1F5F9; border-radius: 8px; padding: 5px; gap: 1px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .BMCalender_firstpanel .calenderHeader ul.action-item a { font-style: normal; font-weight: 600; line-height: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-border-separate tr.fc-last th { overflow: hidden; color: #004C97; text-align: center; text-overflow: ellipsis; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; border: 1px solid var(--Border-Default, #B1C0D7); background: #fff; } @media (min-width: 768px) and (max-width: 1024px) { .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .imf-calendar-wrapper .fc-border-separate tr.fc-last th { background: #E5F7F8; } } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .datepicker .datepicker-months tfoot tr th { background-color: #E35205; overflow: hidden; color: #FFF; text-align: center; text-overflow: ellipsis; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 8px 4px; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .datepicker table { font-family: "roboto", sans-serif; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .datepicker table tr td span.month.focused { border: 1px solid #B1C0D7; background: #B2E1F5; overflow: hidden; color: #004C97; text-align: center; text-overflow: ellipsis; font-size: 16px; font-style: normal; font-weight: 500; } .boardCalenderPage .monthly-wrapper #IMFCalendarContainer .datepicker .datepicker-switch { padding-bottom: 18px; color: var(--Fund-Blue-Fund-Blue, #004C97); text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; } .boarddocuments .tabs { width: 100%; position: relative; /* Optional: Smooth fading */ } .boarddocuments .tabs .tab-mnu { background-color: #F1F5F9; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px; } @media screen and (min-width: 768px) { .boarddocuments .tabs .tab-mnu { -webkit-box-align: end; -ms-flex-align: end; align-items: end; background-color: transparent; margin: 0 0 0 20px; padding: 0; gap: 8px; } } .boarddocuments .tabs .tab-mnu li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid transparent; font-size: 14px; font-weight: 400; border-radius: 8px; padding: 8px; } @media screen and (min-width: 768px) { .boarddocuments .tabs .tab-mnu li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 8px 20px; -webkit-transition: background-color 0.3s ease, padding 0.3s ease, margin-bottom 0.3s ease; transition: background-color 0.3s ease, padding 0.3s ease, margin-bottom 0.3s ease; color: #2E2F32; background-color: #E5E8EF; border-radius: 8px 8px 0 0; border-bottom: none; height: 35px; cursor: pointer; font-size: 16px; } } @media screen and (min-width: 768px) { .boarddocuments .tabs .tab-mnu li:hover { background-color: #fff; border-color: #91A1B7; } } .boarddocuments .tabs .tab-mnu li.active { background-color: #004C97; color: #fff; border-color: #001E60; font-weight: 700; } @media screen and (min-width: 768px) { .boarddocuments .tabs .tab-mnu li.active { background-color: #fff; color: #004C97; cursor: default; position: relative; z-index: 2; height: 45px; border-color: #91A1B7; } } .boarddocuments .tabs .tab-content { background-color: #fff; display: none; position: relative; padding: 20px 0 0; } @media screen and (min-width: 768px) { .boarddocuments .tabs .tab-content { margin-top: -1px; padding: 40px; border: 1px solid #91A1B7; } } .boarddocuments .tabs .tab-content.active { display: block; opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .boarddocuments .tabs .tab-content.active { opacity: 1; } .boarddocuments .tabs .linkCreateEditDocSubs { border: 1px solid #009CDE; text-align: center; padding: 8px; border-radius: 8px; margin-bottom: 30px; font-weight: 700; } @media screen and (min-width: 1025px) { .boarddocuments .tabs .linkCreateEditDocSubs { position: absolute; right: 0; top: 10px; padding: 0; border: 0; margin-bottom: 0; margin-right: 20px; } } .boarddocuments .tabs .linkCreateEditDocSubs a { color: #009CDE; position: relative; } @media screen and (min-width: 1025px) { .boarddocuments .tabs .linkCreateEditDocSubs a { color: #004C97; padding-right: 22px; } } .boarddocuments .tabs .linkCreateEditDocSubs a::before { display: none; } @media screen and (min-width: 1025px) { .boarddocuments .tabs .linkCreateEditDocSubs a::before { position: absolute; right: 0px; top: 3px; display: inline-block; content: ""; background: url(clientlib-site/resources/images/link-arrow-right.svg) no-repeat right center; background-size: contain; height: 20px; width: 20px; } } .boarddocuments .separator.medium-dark-gray { margin: 32px 0; } .boarddocuments .separator.medium-dark-gray hr { border-color: #91A1B7; opacity: 1; } .boarddocuments #loading-indicator { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 4px solid #f3f3f3; border-top: 4px solid #004c97; border-radius: 50%; width: 50px; height: 50px; -webkit-animation: loadingIndicator 0.8s linear infinite; animation: loadingIndicator 0.8s linear infinite; } @-webkit-keyframes loadingIndicator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loadingIndicator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .boarddocuments .markallread-alertmsg { border-radius: 4px; border: 1px solid #004C97; border-left: 8px solid #004C97; padding: 8px 8px 8px 10px; background: #E5F7F8; width: 100%; font-size: 14px; margin-bottom: 30px; display: none; } .boarddocuments .markallread-alertmsg .bi-info-circle { color: #004C97; margin-right: 4px; } .boarddocuments .markallread-alertmsg .bi-x { cursor: pointer; float: right; font-size: 18px; line-height: 1.2; } .boarddocuments .markallread-alertmsg .bi-x:hover { color: #004C97; } .boarddocuments .errorContentContainer .hide { display: none; } .boarddocuments .custom-checkbox { font-size: 18px; color: #2E2F32; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .boarddocuments .custom-checkbox .checkbox-box { display: inline-block; width: 32px; height: 32px; border: 1px solid #64748B; border-radius: 4px; position: relative; cursor: pointer; -webkit-transition: background-color 0.3s ease, border-color 0.3s ease; transition: background-color 0.3s ease, border-color 0.3s ease; } .boarddocuments .custom-checkbox input[type=checkbox] { display: none; } .boarddocuments .custom-checkbox input[type=checkbox]:checked + .checkbox-box { background-color: #004C97; border-color: #004C97; } .boarddocuments .custom-checkbox input[type=checkbox]:checked + .checkbox-box::after { content: ""; position: absolute; top: 5px; left: 12px; width: 7px; height: 15px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .boarddocuments .formBox input { border: 1px solid #91A1B7; border-radius: 8px; } .boarddocuments .imf-activity-wrapper .myDocContentContainer { margin: 0; } .boarddocuments .imf-activity-wrapper h4 { margin: 10px 0 20px; } .boarddocuments .imf-activity-wrapper .documentList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .boarddocuments .imf-activity-wrapper .documentList h4 { margin: 0; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents { border: 1px solid #CBD5E1; border-radius: 10px; padding: 24px; background-color: #fff !important; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docIcon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; background-size: contain; background-repeat: no-repeat; width: 47px; height: 47px; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docIcon.icon-others { background-image: url(clientlib-site/resources/images/Others.svg); } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docIcon.icon-policy { background-image: url(clientlib-site/resources/images/Policy.png); } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docIcon.icon-administrative { background-image: url(clientlib-site/resources/images/Admin.svg); } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docIcon.icon-country { background-image: url(clientlib-site/resources/images/Country.svg); } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (min-width: 1025px) { .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 24px; } } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .read { color: #74767C; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1025px) { .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo p { clear: both; float: none; margin: 0; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo .myDocCategory, .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo .myDocConfidential, .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo .doc-id { font-size: 14px; color: #004C97; padding: 0; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo .doc-id { color: #231F20; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo .myDocCategory { text-transform: capitalize; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 2px 8px 3px; border-radius: 8px; font-size: 12px; line-height: 16px; font-weight: 700; color: #fff; letter-spacing: normal; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo .alignLeft { margin: 0; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docInfo .myDocTitle { font-size: 16px; font-weight: 700; color: #004C97; margin: 0; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } @media screen and (min-width: 1025px) { .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .myDocConfidential { min-width: auto; margin: 0; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .myDocConfidential span { border: 1px solid #515357; color: #515357; background-color: #fff; padding: 2px 8px 3px; font-size: 12px; font-weight: 700; line-height: 16px; border-radius: 8px; letter-spacing: 0; text-transform: capitalize; width: auto; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .myDocConfidential.Official span { border-color: #009CDE; color: #009CDE; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .myDocConfidential.Confidential span { border-color: #E35205; color: #E35205; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .myDocConfidential.Strictly.Confidential span, .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .myDocConfidential .StrictlyConfidential span { border-color: #910048; color: #910048; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .meetingDetails { text-align: right; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .meetingDetails.hideMeetingLink { display: none; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .meetingDetails .meetingDetailsLink { position: relative; padding-right: 22px; font-weight: 700; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .docInfoContainer .docStatus .meetingDetails .meetingDetailsLink::before { position: absolute; right: 0px; top: 3px; display: inline-block; content: ""; background: url(clientlib-site/resources/images/link-arrow-right.svg) no-repeat right center; background-size: contain; height: 20px; width: 20px; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents .hide-icon { display: none; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents.clr-maroon .myDocCategory { background-color: #910048; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents.clr-dark-orange .myDocCategory { background-color: #E35205; } .boarddocuments .imf-activity-wrapper .documentList .myDocContents.clr-medium-blue .myDocCategory { background-color: #407EC9; } .boarddocuments .formBoardDoc, .boarddocuments .formMyDoc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 768px) { .boarddocuments .formBoardDoc, .boarddocuments .formMyDoc { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .boarddocuments .formBoardDoc .field1, .boarddocuments .formBoardDoc .field2, .boarddocuments .formMyDoc .field1, .boarddocuments .formMyDoc .field2 { width: 100%; } @media screen and (min-width: 768px) { .boarddocuments .formBoardDoc .field1, .boarddocuments .formBoardDoc .field2, .boarddocuments .formMyDoc .field1, .boarddocuments .formMyDoc .field2 { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 12px); flex: 0 0 calc(50% - 12px); } } @media screen and (min-width: 1025px) { .boarddocuments .formBoardDoc .field1, .boarddocuments .formBoardDoc .field2, .boarddocuments .formMyDoc .field1, .boarddocuments .formMyDoc .field2 { width: 278px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .boarddocuments .formBoardDoc .submitwrap, .boarddocuments .formMyDoc .submitwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } @media screen and (min-width: 1025px) { .boarddocuments .formBoardDoc .submitwrap, .boarddocuments .formMyDoc .submitwrap { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .boarddocuments .formBoardDoc .submitwrap #apply-filter, .boarddocuments .formBoardDoc .submitwrap #reset-filter, .boarddocuments .formMyDoc .submitwrap #apply-filter, .boarddocuments .formMyDoc .submitwrap #reset-filter { background-color: #E35205; border: 2px solid #DA291C; font-weight: 700; color: #fff; padding: 14px 16px; width: 100%; } .boarddocuments .formBoardDoc .submitwrap #apply-filter:disabled, .boarddocuments .formBoardDoc .submitwrap #reset-filter:disabled, .boarddocuments .formMyDoc .submitwrap #apply-filter:disabled, .boarddocuments .formMyDoc .submitwrap #reset-filter:disabled { background-color: #F1F5F9; border-color: #CBD5E1; color: #BABBBE; } .boarddocuments .formBoardDoc .field3 .checkbox, .boarddocuments .formMyDoc .field3 .checkbox { margin: 0; } .boarddocuments .formBoardDoc .field3 .checkbox label, .boarddocuments .formMyDoc .field3 .checkbox label { padding-left: 0; } @media screen and (min-width: 1025px) { .boarddocuments .formBoardDoc .field3, .boarddocuments .formMyDoc .field3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } .boarddocuments .formBoardDoc label, .boarddocuments .formMyDoc label { font-size: 14px; font-weight: 700; color: #000000; } .boarddocuments .formBoardDoc label.custom-checkbox, .boarddocuments .formMyDoc label.custom-checkbox { font-size: 18px; font-weight: 400; color: #2E2F32; } .boarddocuments .formBoardDoc input[type=text], .boarddocuments .formMyDoc input[type=text] { width: 100%; } .boarddocuments .formBoardDoc button.disabled, .boarddocuments .formBoardDoc input.disabled, .boarddocuments .formMyDoc button.disabled, .boarddocuments .formMyDoc input.disabled { background-color: #F1F5F9 !important; border-color: #CBD5E1 !important; color: #BABBBE !important; } .boarddocuments .formBoardDoc #startDate, .boarddocuments .formBoardDoc #endDate, .boarddocuments .formBoardDoc #ddlType, .boarddocuments .formBoardDoc #mySubscriptions, .boarddocuments .formBoardDoc #allCategory, .boarddocuments .formBoardDoc #dateRange, .boarddocuments .formMyDoc #startDate, .boarddocuments .formMyDoc #endDate, .boarddocuments .formMyDoc #ddlType, .boarddocuments .formMyDoc #mySubscriptions, .boarddocuments .formMyDoc #allCategory, .boarddocuments .formMyDoc #dateRange { background-color: transparent; font-size: 14px; font-weight: 600; border-radius: 8px; border: 1px solid #64748B; color: #263549; cursor: pointer; padding: 14px 16px !important; height: auto; width: 100%; text-align: left; } .boarddocuments .formBoardDoc .dateWrap, .boarddocuments .formBoardDoc .selectwrap, .boarddocuments .formMyDoc .dateWrap, .boarddocuments .formMyDoc .selectwrap { position: relative; } .boarddocuments .formBoardDoc .dateWrap::after, .boarddocuments .formBoardDoc .selectwrap::after, .boarddocuments .formMyDoc .dateWrap::after, .boarddocuments .formMyDoc .selectwrap::after { font-family: "imf-icon" !important; font-size: 16px; content: "\e905"; text-align: center; position: absolute; width: 18px; height: 18px; color: #979797; right: 14px; bottom: 17px; background: none; top: auto; line-height: inherit; -webkit-transform: rotate(180deg); transform: rotate(180deg); outline: none; pointer-events: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .boarddocuments .formBoardDoc .dateWrap .custom-control, .boarddocuments .formBoardDoc .selectwrap .custom-control, .boarddocuments .formMyDoc .dateWrap .custom-control, .boarddocuments .formMyDoc .selectwrap .custom-control { width: 100%; } .boarddocuments .formBoardDoc .dateWrap::after, .boarddocuments .formMyDoc .dateWrap::after { content: ""; background: url(clientlib-site/resources/images/calendar-form.svg) no-repeat center center; background-size: cover; rotate: 180deg; } .boarddocuments .formBoardDoc .selectwrap .dropdown-menu, .boarddocuments .formMyDoc .selectwrap .dropdown-menu { width: 100%; border-radius: 8px; border-color: #B1C0D7; margin-top: 0px; z-index: 1; } .boarddocuments .formBoardDoc .selectwrap .dropdown-menu li a, .boarddocuments .formMyDoc .selectwrap .dropdown-menu li a { padding: 8px 15px; font-size: 14px; display: block; color: #515357; } .boarddocuments .formBoardDoc .selectwrap .dropdown-menu li a:hover, .boarddocuments .formMyDoc .selectwrap .dropdown-menu li a:hover { background-color: #B2E1F5; text-decoration: none; } .boarddocuments .formBoardDoc .selectwrap.show, .boarddocuments .formMyDoc .selectwrap.show { display: block !important; } .boarddocuments .formMyDoc .mydocField1 { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } @media screen and (min-width: 768px) { .boarddocuments .formMyDoc .mydocField1 { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 12px); flex: 0 0 calc(50% - 12px); } .boarddocuments .formMyDoc .mydocField1:first-child { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; } } @media screen and (min-width: 768px) and (min-width: 1025px) { .boarddocuments .formMyDoc .mydocField1:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media screen and (min-width: 1025px) { .boarddocuments .formMyDoc .mydocField1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .boarddocuments .allReadContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; top: 4px; right: 250px; height: 32px; margin-bottom: 30px; } @media screen and (min-width: 768px) { .boarddocuments .allReadContainer { position: absolute; margin-bottom: 0; } } .boarddocuments .allReadContainer label { font-size: 18px; color: #2E2F32; } .boarddocuments .style-checkbox { position: absolute; display: none; } .boarddocuments .style-checkbox + label { position: static; display: block; padding-left: 35px; } .boarddocuments .style-checkbox + label:before { width: 32px; height: 32px; border: 1px solid #64748B; border-radius: 4px; } .boarddocuments .style-checkbox + label:after { top: 6px; left: 12px; width: 7px; height: 15px; } .boarddocuments .style-checkbox:checked + label:before { -webkit-animation-name: none; animation-name: none; border: #004C97; background: #004C97; } .boarddocuments .show-more-section .show-more { background-color: #E5E8EF; border: 1px solid #B1C0D7; border-radius: 8px; font-weight: 700; font-size: 14px; text-align: center; } .boarddocuments .show-more-section .show-more a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px; padding: 8px; } .boarddocuments .show-more-section .show-more a:hover { text-decoration: none; } .boarddocuments .show-more-section .show-more a .down-arrow { background: url(clientlib-site/resources/images/link-arrow-right.svg) no-repeat right center; display: block; width: 20px; height: 20px; rotate: 90deg; } .viewSectionContainer { position: relative; } .viewSectionContainer .viewToggleBtns { display: none; } @media screen and (min-width: 768px) { .viewSectionContainer .viewToggleBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; right: 0; } .viewSectionContainer .viewToggleBtns .listViewBtn, .viewSectionContainer .viewToggleBtns .gridViewBtn { background-color: #fff; border: 1px solid #91A1B7; border-radius: 8px; cursor: pointer; width: 48px; height: 40px; margin-left: 8px; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .viewSectionContainer .viewToggleBtns .listViewBtn:hover, .viewSectionContainer .viewToggleBtns .gridViewBtn:hover { background-color: #B2E1F5; } .viewSectionContainer .viewToggleBtns .listViewBtn.active, .viewSectionContainer .viewToggleBtns .gridViewBtn.active { background-color: #B2E1F5; border-color: #004C97; cursor: default; } .viewSectionContainer .viewToggleBtns .listViewBtn { background: url(clientlib-site/resources/images/listview.svg) no-repeat center center; } .viewSectionContainer .viewToggleBtns .gridViewBtn { background: url(clientlib-site/resources/images/gridview.svg) no-repeat center center; } } @media screen and (max-width: 767px) { .viewSectionContainer .title .cmp-title h3, .viewSectionContainer .title .cmp-title h4 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media screen and (min-width: 768px) { .viewSectionContainer.list-view .documentList { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .viewSectionContainer.list-view .documentList .title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .viewSectionContainer.list-view .documentList .myDocContents { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .viewSectionContainer.list-view .myDocContainer .documentList .docGroup { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .viewSectionContainer.list-view .myDocContainer .documentList .docGroup .title { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .viewSectionContainer.list-view .myDocContainer .documentList .docGroup .myDocContents { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; width: 100%; } .viewSectionContainer.grid-view .documentList { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .viewSectionContainer.grid-view .documentList .title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .viewSectionContainer.grid-view .documentList .myDocContents { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } .viewSectionContainer.grid-view .myDocContainer .documentList .docGroup { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .viewSectionContainer.grid-view .myDocContainer .documentList .docGroup .title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .viewSectionContainer.grid-view .myDocContainer .documentList .docGroup .myDocContents { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); width: calc(50% - 20px); } } .card-with-link { border-radius: 16px; border: 1px solid #CBD5E1; background: #407EC9; -webkit-box-shadow: 0px 20px 37px 0px rgba(0, 0, 0, 0.0588235294); box-shadow: 0px 20px 37px 0px rgba(0, 0, 0, 0.0588235294); } @media (min-width: 769px) and (max-width: 1200px) { .card-with-link { height: 200px; padding: 40px; margin: 10px; } } @media (max-width: 768px) { .card-with-link { height: 175px; padding: 30px 20px; } } .card-with-link .card-content { position: relative; } .card-with-link .card-content a { display: block; width: 100%; height: 250px; padding: 60px 10px; } @media (min-width: 769px) and (max-width: 1200px) { .card-with-link .card-content a { padding: 0; } } @media (max-width: 768px) { .card-with-link .card-content a { padding: 0; } } .card-with-link .card-content a .cardtext { color: #ffffff; text-align: center; font-size: 24px; font-weight: 600; line-height: 32px; } @media (max-width: 768px) { .card-with-link .card-content a .cardtext { font-size: 16px; line-height: 24px; } } .card-with-link .card-content a:hover, .card-with-link .card-content a:focus { text-decoration: none; } .card-with-link .card-content a::after { content: "→"; color: #ffffff; font-size: 26px; position: absolute; top: 60%; left: 45%; font-weight: bold; } @media (min-width: 768px) and (max-width: 1200px) { .card-with-link .card-content a::after { top: 35%; } } @media (max-width: 767px) { .card-with-link .card-content a::after { top: 30%; } } @media (min-width: 769px) and (max-width: 1200px) { .col-sm-3:has(.card-with-link) { width: 50%; padding: 0 10px; } } @media (max-width: 768px) { .col-sm-3:has(.card-with-link) { width: 50%; padding: 10px; } } .carousel-primary .cmp-carousel__item { position: relative; } .carousel-primary .cmp-carousel__item .teaser { margin: 0; opacity: 0.9; } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser { padding: 0; height: 450px; } @media (max-width: 500px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser { height: 650px; } } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% !important; padding: 74px 70px; background: -webkit-gradient(linear, left top, left bottom, to(rgba(20, 30, 81, 0.7215686275))); background: linear-gradient(rgba(20, 30, 81, 0.7215686275) 100%); } @media (min-width: 768px) and (max-width: 1200px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content { padding: 70px 30px; } } @media (max-width: 767px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content { padding: 36px 25px; } } @media (max-width: 500px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content { padding: 36px 25px; } } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle { font-size: 32px; color: #ffffff; font-weight: 500; margin-bottom: 16px; } @media (max-width: 767px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle { font-size: 24px; } } @media (min-width: 768px) and (max-width: 1024px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle { font-size: 24px; } } @media (max-width: 380px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle { font-size: 20px; } } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description { margin-top: 7px; margin-bottom: 24px; } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { font-size: 24px; font-weight: 400; line-height: 32px; color: #ffffff; text-align: center; margin: 0; } @media (min-width: 768px) and (max-width: 1024px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { font-size: 20px; line-height: 24px; } } @media (max-width: 767px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { font-size: 20px; font-weight: 400; line-height: 24px; } } @media (max-width: 380px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { font-size: 14px; line-height: 20px; } } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title { color: #ffffff; font-size: 28px; font-weight: 700; margin-bottom: 16px; line-height: normal; } @media (min-width: 768px) and (max-width: 1024px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title { font-size: 20px; } } @media (max-width: 767px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title { font-size: 20px; } } @media (max-width: 380px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__title { font-size: 16px; } } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 30px; margin-bottom: 24px; } @media (max-width: 768px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 500px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 400px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container { gap: 15px; } } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #91A1B7; border-radius: 8px; color: #ffffff; text-align: center; font-size: 16px; line-height: 24px; font-weight: 700; background: transparent; } @media (max-width: 380px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link { font-size: 14px; padding: 12px; } } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link::after { display: none; } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__image { width: 100% !important; } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__image .cmp-image { position: relative; width: 100%; height: 450px; } @media (max-width: 500px) { .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__image .cmp-image { height: 650px; } } .carousel-primary .cmp-carousel__item .teaser .cmp-teaser .cmp-teaser__image .cmp-image img { height: auto; max-width: 100%; width: inherit; display: block; height: 100%; -o-object-fit: cover; object-fit: cover; } .carousel-primary .cmp-carousel__indicators { position: absolute; bottom: 7%; left: 47%; height: 28px; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 30px; background: rgba(43, 103, 171, 0.4); } @media (min-width: 768px) and (max-width: 1024px) { .carousel-primary .cmp-carousel__indicators { left: 44%; bottom: 6%; } } @media (max-width: 767px) { .carousel-primary .cmp-carousel__indicators { left: 37%; bottom: 4%; } } .carousel-primary .cmp-carousel__indicators .cmp-carousel__indicator { width: 8px; height: 8px; background-color: #CDCEEA; top: 35%; } .carousel-primary .cmp-carousel__indicators .cmp-carousel__indicator--active { width: 18px; border-radius: 10px; } .carousel-primary .cmp-carousel__actions { display: none; } .overlay-carousel { height: 400px; } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel { min-height: 250px !important; max-height: 250px !important; } } @media (max-width: 767px) { .overlay-carousel { min-height: 150px !important; max-height: 150px !important; } } .overlay-carousel .carousel { height: 400px; } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel { min-height: 250px !important; max-height: 250px !important; } } @media (max-width: 767px) { .overlay-carousel .carousel { min-height: 150px !important; max-height: 150px !important; } } .overlay-carousel .carousel .bannerBox { height: 400px; min-height: 400px; max-height: 400px; margin-top: 0 !important; } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel .bannerBox { min-height: 250px !important; max-height: 250px !important; } } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox { min-height: 150px !important; max-height: 150px !important; } } .overlay-carousel .carousel .bannerBox .bannerContainer { height: 400px; } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel .bannerBox .bannerContainer { height: 250px; } } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer { height: 150px; min-height: 150px !important; max-height: 150px !important; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel { height: 100%; } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel { height: 150px; min-height: 150px !important; max-height: 150px !important; } } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel { min-height: 250px !important; max-height: 250px !important; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer { min-height: 400px; max-height: 400px; } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer { min-height: 150px !important; max-height: 150px !important; } } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer { min-height: 250px !important; max-height: 250px !important; } } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage { min-height: 150px !important; max-height: 150px !important; } } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage { min-height: 250px !important; max-height: 250px !important; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item { height: 100%; } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox { height: 100%; } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a { display: inline-block; min-height: 400px; max-height: 400px; width: 100%; height: 100%; position: relative; } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a { min-height: 250px !important; max-height: 250px !important; } } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a { min-height: 150px !important; max-height: 150px !important; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a img { min-height: 400px; max-height: 400px; height: 100%; width: 100%; margin: 0 auto; } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a img { min-height: 150px !important; max-height: 150px !important; } } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a img { min-height: 250px !important; max-height: 250px !important; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a .carousel-desc { position: absolute; width: 100%; height: auto; bottom: 0; background: #000000; opacity: 0.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 17px 0px 31px 70px; } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a .carousel-desc { padding: 15px 50px; } } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a .carousel-desc { padding: 5px 50px; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a .carousel-desc .eventDate { font-size: 14px; font-weight: 700; line-height: 20px; color: #ffffff; margin-bottom: 10px; margin-left: 0 !important; } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a .carousel-desc .eventDate { font-size: 12px; line-height: 18px; margin-bottom: 0; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a .carousel-desc .eventHeading { font-size: 20px; font-weight: 700; line-height: 24px; color: #ffffff; margin: 0 !important; height: auto; } @media (min-width: 768px) and (max-width: 1024px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a .carousel-desc .eventHeading { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .imgBox a .carousel-desc .eventHeading { font-size: 12px; line-height: 18px; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav { position: relative; bottom: 28%; } @media (min-width: 768px) and (max-width: 1024px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav { bottom: 40%; } } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav { bottom: 70px; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav .owl-prev { position: absolute; top: 70%; left: 1%; border: 1px solid #000000; color: #ffffff; background: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1/1; } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav .owl-prev { right: 0%; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav .owl-prev span { font-size: 30px; width: 32px; display: inline-block; } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav .owl-next { position: absolute; top: 70%; right: 1%; border: 1px solid #000000; color: #ffffff; background: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1/1; } @media (max-width: 767px) { .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav .owl-next { right: 0%; } } .overlay-carousel .carousel .bannerBox .bannerContainer .owl-carousel .owl-nav .owl-next span { width: 32px; display: inline-block; font-size: 30px; } .overlay-carousel .item { height: 100%; } .overlay-carousel .item .imgBox { height: 100%; } .overlay-carousel .item .imgBox a { display: inline-block; min-height: 400px; max-height: 400px; width: 100%; height: 100%; position: relative; } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .item .imgBox a { min-height: 250px !important; max-height: 250px !important; } } @media (max-width: 767px) { .overlay-carousel .item .imgBox a { min-height: 150px !important; max-height: 150px !important; } } .overlay-carousel .item .imgBox a img { min-height: 400px; max-height: 400px; height: 100%; width: 100%; margin: 0 auto; } @media (max-width: 767px) { .overlay-carousel .item .imgBox a img { min-height: 150px !important; max-height: 150px !important; } } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .item .imgBox a img { min-height: 250px !important; max-height: 250px !important; } } .overlay-carousel .item .imgBox a .carousel-desc { position: absolute; width: 100%; height: auto; bottom: 0; background: #000000; opacity: 0.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 17px 0px 31px 70px; } @media (min-width: 768px) and (max-width: 1200px) { .overlay-carousel .item .imgBox a .carousel-desc { padding: 15px 50px; } } @media (max-width: 767px) { .overlay-carousel .item .imgBox a .carousel-desc { padding: 5px 50px; } } .overlay-carousel .item .imgBox a .carousel-desc .eventDate { font-size: 14px; font-weight: 700; line-height: 20px; color: #ffffff; margin-bottom: 10px; margin-left: 0 !important; } @media (max-width: 767px) { .overlay-carousel .item .imgBox a .carousel-desc .eventDate { font-size: 12px; line-height: 18px; margin-bottom: 0; } } .overlay-carousel .item .imgBox a .carousel-desc .eventHeading { font-size: 20px; font-weight: 700; line-height: 24px; color: #ffffff; margin: 0 !important; height: auto; } @media (min-width: 768px) and (max-width: 1024px) { .overlay-carousel .item .imgBox a .carousel-desc .eventHeading { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { .overlay-carousel .item .imgBox a .carousel-desc .eventHeading { font-size: 12px; line-height: 18px; } } .container { width: 100%; padding-left: 0; padding-right: 0; } .container.aem-GridColumn { clear: both !important; } .container.containerWrapper, .container.fixedWidth { padding: 40px 25px; float: none !important; margin: 0 auto; width: 100% !important; } @media screen and (min-width: 767px) { .container.containerWrapper, .container.fixedWidth { padding: 40px 35px; } } @media screen and (min-width: 1025px) { .container.containerWrapper, .container.fixedWidth { padding: 40px 35px; } } @media screen and (min-width: 1400px) { .container.containerWrapper, .container.fixedWidth { padding: 40px 70px; width: 1440px !important; } } .container.fullWidth { width: 100%; } .container.fullWidth > .cmp-container { width: 100%; margin: 0 auto; } .container.removeTopPadding { padding-top: 0; } .container.removeBottomPadding { padding-bottom: 0; } .container .bg-White { background-color: #FFFFFF; } .container .bg-MediumDarkBlue { background-color: #DFE8F0; } .container .bg-DarkBlue { background-color: #E5E8EF; } .container .bg-Primary50 { background-color: rgba(236, 242, 250, 0.5019607843); } .container .bg-Primary10 { background-color: #E5F5FC; } .container .bg-DarkGreenPantone { background-color: #E0E8D1; } .container .bg-gray { background-color: #F7F7F7; } @media (max-width: 767px) { .container .removepaddingmobile { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .container .removepaddingbottom-mobile { padding-bottom: 0; } } .container.padding-24 { padding: 40px 25px; } @media screen and (min-width: 767px) { .container.padding-24 { padding: 40px 24px; } } @media screen and (min-width: 1400px) { .container.padding-24 { padding: 24px; } } .container.border-style { border: 1px solid #CBD5E1; border-radius: 8px; } .contentTile { background: #FFF; -webkit-box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.05); border-radius: 16px; padding: 24px; margin: 32px 0; } .contentTile .image-title .content-image { margin-bottom: 20px; } .contentTile .image-title .content-title { font-size: 24px; font-weight: 700; color: #252B42; margin-bottom: 20px; } @media (max-width: 767px) { .contentTile .image-title .content-title { font-size: 20px; } } .contentTile .content-description { margin-bottom: 20px; } .contentTile .content-description p { color: #737373; } @media (max-width: 767px) { .contentTile .content-description p { text-align: center; } } .contentTile.largetitle .content-image img { width: 72px; height: 72px; } .contentTile.largetitle .content-title { font-size: 24px; color: #004C97; } @media (max-width: 767px) { .contentTile.largetitle .content-title { font-size: 20px; } } .contentTile.mediumtitle .content-title { font-size: 20px; color: #004C97; } @media (max-width: 767px) { .contentTile.mediumtitle .content-title { font-size: 20px; } } .contentTile.smalltitle .content-title { font-size: 16px; color: #004C97; } .contentTile.title-with-border .content-title::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin-top: 8px; } @media (max-width: 767px) { .contentTile.title-with-border .content-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .contentTile.remove-topmargin { margin-top: 0; } .contentTile.remove-bottommargin { margin-bottom: 0; } @media (max-width: 767px) { .contentTile.content-center-mobile { text-align: center; } } @media (max-width: 767px) { .contentTile.content-center-mobile .content-tile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) and (max-width: 767px) { .contentTile.content-center-mobile .content-tile .content-description { height: auto !important; } } @media (max-width: 767px) { .contentTile.content-center-mobile .content-tile .image-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .contentTile.content-links .contenttile-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .contentTile.content-links .contenttile-links { gap: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .contentTile.content-links .contenttile-links a { border-radius: 8px; border: 2px solid #91A1B7; background: #FFF; padding: 8px 36px 8px 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 20px; font-weight: 700; color: #004C97; text-decoration: none; position: relative; } .contentTile.content-links .contenttile-links a .cmp-link__screen-reader-only { display: none; } .contentTile.content-links .contenttile-links a::after { content: "" !important; background: url("clientlib-site/resources/images/link-arrow-right.svg") no-repeat right center; display: block; width: 20px; height: 20px; position: absolute; right: 12px; top: 54%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: right 0.3s ease; transition: right 0.3s ease; } .contentTile.content-links .contenttile-links a:hover::after { right: 8px; } .contentTile.content-links .contenttile-links a:hover, .contentTile.content-links .contenttile-links a:focus { text-decoration: none !important; } .contentTile.icon-descriptivelinks { margin-bottom: 20px; width: calc(33.33% - 20px); margin: 0; } @media (min-width: 768px) and (max-width: 1024px) { .contentTile.icon-descriptivelinks { width: 100%; margin: 0; height: auto; min-height: auto !important; } } @media (max-width: 767px) { .contentTile.icon-descriptivelinks { width: calc(50% - 20px) !important; text-align: center !important; } } .contentTile.icon-descriptivelinks .contenttile-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .contentTile.icon-descriptivelinks .contenttile-links a { border: 0; padding: 0; margin: 2px 0; } .contentTile.icon-descriptivelinks .contenttile-links a::after { content: none; background: none; } @media (min-width: 768px) and (max-width: 1024px) { .contentTile.icon-descriptivelinks .image-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 16px; } } .contentTile.icon-descriptivelinks .image-title .content-title { font-size: 20px; } @media (max-width: 767px) { .contentTile.icon-descriptivelinks .content-image { margin-bottom: 8px; } } @media (min-width: 768px) and (max-width: 1024px) { .contentTile.icon-descriptivelinks .content-image { width: 40px; height: 40px; } } @media (min-width: 768px) and (max-width: 1024px) { .contentTile.icon-descriptivelinks .content-image img { width: 100%; height: 100%; } } @media (max-width: 767px) { .contentTile.icon-descriptivelinks .content-image img { width: 32px; height: 32px; } } @media (max-width: 767px) { .contentTile.icon-descriptivelinks .content-title { font-size: 14px !important; } } .contentTile.listTile { margin: 0; } @media (min-width: 768px) and (max-width: 1024px) { .contentTile.listTile { height: 100%; margin: 0; } } @media (max-width: 767px) { .contentTile.listTile { border-radius: 0; } } .contentTile.listTile .image-title .content-title { font-size: 20px; } .contentTile.listTile .image-title .content-title::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin-top: 8px; } .contentTile.listTile .contenttile-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contentTile.listTile .contenttile-links a { font-size: 14px; color: #004C97; margin-bottom: 14px; border: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .contentTile.listTile .contenttile-links a::before { content: "➜"; color: #DA291C; border: 2px solid #DA291C; border-radius: 50%; font-weight: bold; margin-right: 10px; display: inline-block; width: 20px; height: 20px; text-align: center; font-size: small; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .contentTile.listTile .contenttile-links a::before:hover { text-decoration: none; } .contentTile.listTile .contenttile-links a::after { background: none; } @media (min-width: 1025px) and (max-width: 1200px) { .contentTile.listTile .contenttile-links a { margin-bottom: 14px; } } @media (min-width: 768px) and (max-width: 1024px) { .contentTile.listTile .contenttile-links a { margin-bottom: 14px; } } .contentTile .viewmoreToggleLink { display: none; } .contentTile.view4lines .content-description, .contentTile.view3lines .content-description { position: relative; } .contentTile.view4lines .content-description p, .contentTile.view3lines .content-description p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .contentTile.view4lines .content-description.expanded p, .contentTile.view3lines .content-description.expanded p { -webkit-line-clamp: unset; display: block; overflow: visible; } .contentTile.view4lines .content-description .viewmoreToggleLink, .contentTile.view3lines .content-description .viewmoreToggleLink { color: #407EC9; cursor: pointer; display: inline-block; font-size: 14px; } .contentTile.view4lines .content-description p { -webkit-line-clamp: 4; } .contentTile.view3lines .content-description p { -webkit-line-clamp: 3; } @media (max-width: 1024px) { .column-3-1-1 .row .threeColumnContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1024px) { .column-3-1-1 .row .threeColumnContainer .col-12 { width: 100%; } } @media (max-width: 767px) { .column-3-1-1 .row .threeColumnContainer .col-12 .contentTile { text-align: center; } } @media (max-width: 1024px) { .column-3-1-1 .row .threeColumnContainer .col-12 .contentTile .content-tile .content-description { height: auto !important; } } .column-4-2-1 .row .col-12 { padding: 0 10px; } @media (min-width: 768px) and (max-width: 1024px) { .column-4-2-1 .row .col-12 { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; } } @media (min-width: 1025px) and (max-width: 1400px) { .column-4-2-1 .row .col-12 { width: 25%; } } @media (max-width: 767px) { .column-4-2-1 .row .col-12 { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .column-4-2-1 .row .col-12 .clrSpace { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-8 { width: 50%; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-8 .columncontrol .genColumnContainer { margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-8 .columncontrol .genColumnContainer .threeColumnContainer { gap: 20px; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-8 .col-12 { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-8 .col-12 .contentTile .contenttile-links { height: auto !important; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-4 { width: 50%; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-4 .clrSpace { height: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-4 .clrSpace .aem-Grid { height: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .tablet-twocolumn .row .col-md-4 .clrSpace .aem-Grid .contentTile { height: 98%; } } .contenttile-links a { display: block; } .dailyUpdates span .event-uts .event-st { height: 100%; margin-bottom: 0px; } @media (max-width: 767px) { .dailyUpdates span .event-uts .event-st { height: 100%; margin-bottom: 0; } } @media (min-width: 768px) and (max-width: 1200px) { .dailyUpdates span .event-uts .event-st { height: 100%; margin-bottom: 0; } } .dailyUpdates span .event-uts .event-st .evt-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 20px; color: #2E2F32; font-weight: 700; } @media (max-width: 767px) { .dailyUpdates span .event-uts .event-st .evt-header { font-size: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .dailyUpdates span .event-uts .event-st .evt-header::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin-top: 8px; } .dailyUpdates span .event-uts .event-st .event-update { margin: 20px 0 0 0; } @media (max-width: 767px) { .dailyUpdates span .event-uts .event-st .event-update { width: 100%; margin: 0 auto; height: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .dailyUpdates span .event-uts .event-st .event-update { width: 100%; margin: 0 auto; height: 100%; overflow: visible; } } @media (min-width: 1025px) and (max-width: 1440px) { .dailyUpdates span .event-uts .event-st .event-update { margin: 20px 0 0 0; } } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; overflow: visible; padding-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; float: none; height: auto; overflow: visible; margin-top: 24px; } } @media (min-width: 768px) and (max-width: 1024px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; float: none; height: auto; overflow: visible; margin-top: 24px; gap: 24px; } } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; list-style: none; background: #ffffff; border: 1px solid #E1EAF3; border-radius: 16px; padding: 24px; -webkit-box-shadow: 0px 4px 6px 0px rgba(33, 37, 41, 0.2), 0px 0px 1px 0px rgba(33, 37, 41, 0.32); box-shadow: 0px 4px 6px 0px rgba(33, 37, 41, 0.2), 0px 0px 1px 0px rgba(33, 37, 41, 0.32); width: calc(25.3% - 20px); height: auto; margin: 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile { width: calc(51.5% - 24px); } } @media (min-width: 870px) and (max-width: 1024px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile { width: calc(51% - 24px); } } @media (min-width: 1025px) and (max-width: 1440px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile { width: calc(25.4% - 20px); } } @media (max-width: 767px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile { width: 100%; } } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px; margin-left: 63px; } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .event-category { font-size: 12px; line-height: 16px; color: #ffffff; border: 1px solid; border-radius: 10px; padding: 2px 8px 4px 8px; font-weight: 700; position: unset; margin: 0; min-width: auto; text-transform: capitalize; letter-spacing: normal; } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .clr-orange { background-color: #E35205 !important; } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .clr-blue { background-color: #407EC9 !important; } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .clr-green { background-color: #658D1B !important; } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .clr-maroon { background-color: #910048 !important; } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .highlight-details { display: block; font-size: 12px; line-height: 16px; font-weight: 400; color: #515357; padding: 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .highlight-details { font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .highlight-details { display: none; } } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header a .evt-title { margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; color: #004C97; width: auto; height: auto; padding: 0; } @media (min-width: 768px) and (max-width: 1024px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header a .evt-title { font-size: 16px; line-height: normal; } } @media (max-width: 767px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header a .evt-title { font-size: 14px; line-height: 20px; } } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header a .cmp-link__screen-reader-only { display: none; } .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .event-location { font-size: 12px; line-height: 16px; font-weight: 400; color: #515357; } @media (min-width: 768px) and (max-width: 1024px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .event-location { font-size: 14px; line-height: 20px; } } @media (max-width: 767px) { .dailyUpdates span .event-uts .event-st .event-update .scrollable-menu .event-featured-tile section header .event-location { display: none; } } .dailyUpdates span .event-uts .event-st .event-update .fade { display: none; } .dailyUpdates span .evt-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 20px; color: #2E2F32; font-weight: 700; } @media (max-width: 767px) { .dailyUpdates span .evt-header { font-size: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .dailyUpdates span .evt-header::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin-top: 8px; } .dailyUpdates span .daily-title { margin: 20px; } .dailyUpdates section:has(.clr-blue) { background-image: url("clientlib-site/resources/images/Country.png"); background-repeat: no-repeat; background-size: 47px 47px; } .dailyUpdates section:has(.clr-green) { background-image: url("clientlib-site/resources/images/Lapse-Of-Time.png"); background-repeat: no-repeat; background-size: 47px 47px; } .dailyUpdates section:has(.clr-orange) { background-image: url("clientlib-site/resources/images/Policy.png"); background-repeat: no-repeat; background-size: 47px 47px; } .dailyUpdates section:has(.clr-maroon) { background-image: url("clientlib-site/resources/images/Admin.png"); background-repeat: no-repeat; background-size: 47px 47px; } .footerWapper { background-color: #004C97; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; } .footerWapper .container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 60px; } @media (max-width: 1024px) { .footerWapper .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 32px 35px; gap: 20px; } } @media (max-width: 767px) { .footerWapper .container { padding: 32px 25px; gap: 24px; } } .footerWapper h2, .footerWapper h3, .footerWapper h4, .footerWapper h5, .footerWapper h6, .footerWapper a { color: #ffffff; } .footerWapper h4 { font-size: 20px; font-weight: 700; } .footerWapper h6 { margin-bottom: 0; font-size: 12px; font-weight: 700; line-height: 16px; margin-top: 0px; } @media (max-width: 767px) { .footerWapper h6 { margin-top: 10px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .footerWapper h6 { margin-top: 20px; margin-bottom: 15px; } } .footerWapper h5, .footerWapper h5 a { font-size: 18px; font-weight: 700; border-bottom: 1px solid #407EC9; margin-bottom: 10px; padding-bottom: 10px; margin-top: 8px; } @media screen and (max-width: 1024px) { .footerWapper h5, .footerWapper h5 a { font-size: 16px; } } @media screen and (max-width: 767px) { .footerWapper h5, .footerWapper h5 a { margin-bottom: 0; border: 0; } } .footerWapper h5 { position: relative; } @media screen and (max-width: 767px) { .footerWapper h5 { padding: 12px 0; } } .footerWapper h5 .arrowDown { display: none; } @media screen and (max-width: 767px) { .footerWapper h5 .arrowDown { display: block; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; padding: 8px; cursor: pointer; } } .footerWapper h5 .arrowDown.open { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .footerWapper h5 button.arrowDown { background: transparent; border: 0; color: #fff; font-size: 16px; } .footerWapper a { padding-left: 0; font-size: 14px; font-style: normal; font-weight: 300; text-decoration: none; } .footerWapper a:hover { text-decoration: underline; } .footerWapper ul { padding: 0; margin: 0; } .footerWapper ul li { list-style: none; font-size: 14px; margin-top: 6px; } .footerWapper ul li a { text-decoration: none; } .footerWapper #footerLogo { width: 15%; margin: 0; gap: 60px; text-align: center; } @media screen and (max-width: 1024px) { .footerWapper #footerLogo { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; } } @media (max-width: 767px) { .footerWapper #footerLogo { gap: 50px; } } .footerWapper #footerLogo img { width: 90px; height: 81px; aspect-ratio: 90/81; mix-blend-mode: lighten; margin-bottom: 10px; } @media screen and (max-width: 1024px) { .footerWapper #footerLogo img { width: 125px; height: 112px; aspect-ratio: 125/112; margin-bottom: 0; } } .footerWapper .logoContent { text-align: center; } @media screen and (max-width: 1024px) { .footerWapper .logoContent { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .footerWapper .logoContent { padding-right: 0px; text-align: left; } } .footerWapper .logoContent h4 { margin-bottom: 4px; } @media screen and (max-width: 1024px) { .footerWapper .logoContent ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; } } @media screen and (max-width: 767px) { .footerWapper .logoContent ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } .footerWapper #footerInfo { width: 85%; } @media (max-width: 1024px) { .footerWapper #footerInfo { width: 100%; } } .footerWapper #footerInfo h3 { border-bottom: 1px solid #407EC9; padding-bottom: 8px; } .footerWapper #footerInfo .menuSection { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } @media (max-width: 767px) { .footerWapper #footerInfo .menuSection { display: none; } } @media screen and (min-width: 1025px) { .footerWapper #footerInfo .menuSection { gap: 50px; } } .footerWapper #footerInfo .menuSection .MenuSubSection:nth-of-type(n+2) h6 { margin-top: 10px; } .footerWapper #footerInfo .footerSection { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .footerWapper #footerInfo .footerSection { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footerWapper #footerInfo .footerSection > div:nth-child(-n+3) { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 0 32px; padding-left: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 767px) { .footerWapper #footerInfo .footerSection > div:nth-child(-n+3) { padding: 0; } } .footerWapper #footerInfo .footerSection > div:nth-child(-n+3):last-child { padding-right: 0px; } .footerWapper #footerInfo .footerSection > div:nth-child(n+4) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 32px; padding-left: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (min-width: 768px) { .footerWapper #footerInfo .footerSection > div:nth-child(n+4) { margin-top: 24px; } } @media screen and (max-width: 767px) { .footerWapper #footerInfo .footerSection > div:nth-child(n+4) { padding: 0; } } .footerWapper #footerInfo .footerSection > div:nth-child(n+4):last-child { padding-right: 0px; } .container { max-width: 100%; } .cmp-imfConnectHeader.container.fixedWidth, .cmp-imfConnectHeader.container.fullWidth { padding-top: 24px; padding-bottom: 24px; } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader.container.fixedWidth, .cmp-imfConnectHeader.container.fullWidth { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #9a9590; } } @media screen and (max-width: 767px) { .cmp-imfConnectHeader.container.fixedWidth, .cmp-imfConnectHeader.container.fullWidth { padding-left: 25px; padding-right: 25px; } } .cmp-imfConnectHeader a { text-decoration: none; } .cmp-imfConnectHeader li, .cmp-imfConnectHeader ul, .cmp-imfConnectHeader ol { list-style: none; margin: 0; padding: 0; } .cmp-imfConnectHeader .drawer-navbar { height: auto; border: 0; } .cmp-imfConnectHeader .drawer-container { max-width: 100%; } .cmp-imfConnectHeader .drawer-container .navbarHeader { display: -webkit-box; display: -ms-flexbox; display: flex; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header { border: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: auto; line-height: inherit; padding: 0; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; left: 40px; position: relative; z-index: 9; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer { left: 0; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer .drawer-brand { line-height: inherit; padding: 0; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer .drawer-brand .headerLogoIcon, .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer .drawer-brand .headerLogoIcon-mob { display: none !important; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer .logo-txt { margin: 0; color: #004c97; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 2px; } @media screen and (min-width: 768px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer .logo-txt { font-size: 20px; } } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer .logo-txt { font-size: 24px; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer .logo-txt-sub1 { font-weight: 900; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer .logo-txt-sub2 { margin-left: 0; font-weight: 300; } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .logoContainer.show-on-drawer-open { left: 0; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav { height: auto; -webkit-transform: none; transform: none; } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav { margin-top: 55px; height: calc(100vh - 55px); padding-top: 0; overflow-y: auto; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; gap: 2px; } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; width: 100%; gap: 0; border-top: 1px solid #91A1B7; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu > div { width: 100%; } } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu li { float: none; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item { color: #004c97; font-size: 14px; padding: 10px 25px !important; line-height: 20px; white-space: normal; display: block; font-weight: 700; border: 1px solid transparent; } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } @media screen and (min-width: 767px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item { padding: 14px 35px !important; } } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item { font-size: 13px; font-weight: 400; padding: 4px 6px !important; } } @media screen and (min-width: 1200px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item { font-size: 14px; font-weight: 400; padding: 4px 10px !important; } } @media screen and (min-width: 1300px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item { font-size: 14px; font-weight: 400; padding: 4px 12px !important; } } @media screen and (min-width: 1400px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item { font-size: 16px; font-weight: 400; padding: 4px 12px !important; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item:hover { font-weight: 500; border-radius: 8px; text-decoration: none; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item:hover { border: 1px solid #001E60; background: #001E60; color: #fff; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item:hover .arrowDown { color: #fff; } } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item.active { color: #004c97 !important; font-weight: 500; border-radius: 8px; text-decoration: none; border: 1px solid #B2E1F5; background: #E5F5FC; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item.active .arrowDown { color: #da291c !important; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item .arrowDown { font-size: 20px; color: #004c97; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav .drawer-menu .drawer-menu-item .arrowDown { font-size: 10px; color: #da291c; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-hamburger { display: block; padding: 0; position: absolute; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-hamburger { display: none; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-hamburger .bi-list { font-size: 26px; line-height: 1.3; color: #004c97; } @media screen and (min-width: 768px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-hamburger .bi-list { font-size: 32px; line-height: 1; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-hamburger .bi-list.bi-x { font-size: 32px; } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer .drawer-nav { width: 100%; left: -100% !important; position: fixed; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer.drawer-open .drawer-overlay { background: transparent; } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer.drawer-open ~ .header_rgt { display: none; } } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer.drawer-open .drawer-hamburger { left: auto; right: 0; } } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .menuContainer.drawer-open .drawer-nav { width: 100%; left: 0 !important; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; gap: 8px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .searchContainer .searchBox { position: relative; background-color: #E8E8E8; border-radius: 50%; height: 32px; width: 32px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .searchContainer .searchBox .searchIconBox { color: #2E2F32; font-size: 20px; font-weight: 700; position: absolute; left: 6px; top: 6px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .searchContainer .drawer-menu { padding: 0; border-top: 1pcx solid #91A1B7; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer { margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .dropdown-menu { min-width: 300px; margin-bottom: 0; padding: 8px 0; margin-top: 15.5px; right: -1%; border-radius: 4px; border: 1px solid #B1C0D7; background: var(--Base-No-Contrast, #FFF); -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 3px rgba(0, 0, 0, 0.15); } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .dropdown-menu li a { padding: 5px 12px 5px; font-size: 14px; color: #004C97; display: block; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .dropdown-menu li a { border: 0; line-height: 20px; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .dropdown-menu li a:hover, .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .dropdown-menu li a:active { text-decoration: none; font-weight: 500; background-color: #CFDCE8; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .dropdown-menu li .arrowDown { float: right; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .dropdown-toggle.imf-ico-user { border-radius: 50%; background: #DA291C url(../../../content/dam/imf/imfconnect-redesign/icons/loginuser.png) no-repeat center center; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .dropdown-toggle.imf-ico-user::before { content: none; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .headerUserName { display: none; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .headerUserName.notSignedInUser { color: #fff; font-size: 16px; font-weight: normal; line-height: 24px; padding: 4px 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background: #DA291C; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .headerUserName .imf-ico-user { font-size: 32px; background: #DA291C; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer.notSignedIn .headerUserName.notSignedInUser { display: inline-block; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer.notSignedIn .dropdown-toggle.imf-ico-user { display: none; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer.notSignedIn .mob-login-menu .imf-ico-user { color: #fff; font-size: 16px; font-weight: normal; line-height: 24px; padding: 4px 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; background: #DA291C; font-family: inherit !important; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer.notSignedIn .mob-login-menu .imf-ico-user::before { content: none; } @media screen and (max-width: 350px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer.notSignedIn .mob-login-menu .imf-ico-user { padding: 4px 6px; font-size: 14px; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer.signedIn .headerUserName.notSignedInUser { display: none; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer.signedIn .dropdown-toggle.imf-ico-user { display: block; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu { display: block; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu { display: none; } } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .imf-ico-user { font-size: 32px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .imf-ico-user.on { display: block; opacity: 1; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .imf-ico-user.off { display: none; opacity: 0; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .imf-ico-close.login-toggle { display: none; color: #231F20; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .imf-ico-close.login-toggle.on { display: block; opacity: 1; font-size: 32px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .imf-ico-close.login-toggle.off { display: none; opacity: 0; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on { right: 0; padding: 0; margin-top: 63px; width: 100%; text-align: left; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu { padding: 0; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item { line-height: inherit; color: #004c97; border-bottom: 1px solid #91A1B7; padding: 10px 35px; font-size: 14px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item#Messages { background: url("clientlib-site/resources/images/user-message.svg") no-repeat 35px center; padding-left: 58px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item#MyDocuments { background: url("clientlib-site/resources/images/user-document.svg") no-repeat 35px center; padding-left: 58px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item#Subscriptions { background: url("clientlib-site/resources/images/user-target.svg") no-repeat 35px center; padding-left: 58px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item#MyCalendar, .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item#Calendar { background: url("clientlib-site/resources/images/user-calendar.svg") no-repeat 35px center; padding-left: 58px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item#MyProfile { background: url("clientlib-site/resources/images/user-profile.svg") no-repeat 35px center; padding-left: 58px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item#mobchange-pwd { background: url("clientlib-site/resources/images/user-changepwd.svg") no-repeat 35px center; padding-left: 58px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item#mob-signout { background: url("clientlib-site/resources/images/user-logout.svg") no-repeat 35px center; padding-left: 58px; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .mob-login-menu .drawer-nav.on .drawer-menu .drawer-dropdown-menu-item:hover { background: #CFDCE8; font-weight: 700; text-decoration: none; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links a { background-repeat: no-repeat; background-position: 20px center; padding-left: 42px !important; } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #Messages { background-image: url("clientlib-site/resources/images/user-message.svg"); } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #MyDocuments { background-image: url("clientlib-site/resources/images/user-document.svg"); } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #Subscriptions { background-image: url("clientlib-site/resources/images/user-target.svg"); } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #MyCalendar, .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #Calendar { background-image: url("clientlib-site/resources/images/user-calendar.svg"); } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #MyProfile { background-image: url("clientlib-site/resources/images/user-profile.svg"); } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #change-pwd, .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #mobchange-pwd { background-image: url("clientlib-site/resources/images/user-changepwd.svg"); } .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #signout, .cmp-imfConnectHeader .drawer-container .navbarHeader .drawer-navbar-header .header_rgt .userContainer .profile-links #mob-signout { background-image: url("clientlib-site/resources/images/user-logout.svg"); } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown { border-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; font-weight: 400; border-bottom: 1px solid #9a9590; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown { position: relative; border-bottom: 0; width: auto; } } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .device-submenu { text-align: left; position: static; width: 100%; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .device-submenu { display: none !important; position: relative; width: auto; } } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .device-submenu h4 { margin: 0; padding: 3px 25px; color: #004c97; font-size: 12px; font-weight: 700; } @media screen and (min-width: 768px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .device-submenu h4 { padding: 3px 35px; } } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .device-submenu li a { line-height: inherit; padding: 3px 25px; color: #004c97; font-size: 12px; } @media screen and (min-width: 768px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .device-submenu li a { padding: 3px 35px; } } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .device-submenu .desktop-subnav-item a img { width: 300px; } @media screen and (max-width: 1024px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav { display: none !important; } } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav { position: fixed; top: 75px; left: 0; width: 100vw; z-index: 999; -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1); height: auto; text-align: left; border: 0; } } @media screen and (min-width: 1025px) and (min-width: 1400px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav { top: 80px; } } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-subnav-heading { color: #004c97; font-size: 16px; font-weight: 600; line-height: 24px; padding-left: 18px; margin-bottom: 14px; } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-subnav-item { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-subnav-item a { color: #004c97; font-size: 14px; padding: 4px 16px; line-height: 20px; white-space: normal; display: block; font-weight: 400; border: 1px solid transparent; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-subnav-item a:hover { color: #004C97; background: #FCEEE6; border: 1px solid #FFCD99; border-radius: 8px; } } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-subnav-item a.active { color: #004C97; background: #E5F5FC; border: 1px solid #B2E1F5; border-radius: 8px; } } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-sub-nav { width: 100%; padding: 30px 18px; margin: 0 auto; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s; transition: opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s; transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s; transition: transform 0.4s ease 0.2s, opacity 0.4s ease 0.2s, -webkit-transform 0.4s ease 0.2s; } } @media screen and (min-width: 1400px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-sub-nav { width: 1440px; padding: 30px 46px; } } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-sub-nav .col-md-4 { padding: 0; } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-sub-nav .col-md-4:nth-child(3) li:first-child a, .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown .desktop-subnav .desktop-sub-nav .col-md-4:nth-child(3) li:first-child a:hover { background-color: transparent; border: 0; } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown.open .desktop-sub-nav { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } @media screen and (min-width: 1025px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown.open .drawer-menu-item { color: #fff !important; border: 1px solid #001E60; background: #001E60; border-radius: 8px; } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown.open .drawer-menu-item .arrowDown { -webkit-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; color: #fff !important; } } @media screen and (max-width: 1200px) { .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown.open .drawer-menu-item .arrowDown { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } .cmp-imfConnectHeader .drawer-container .navbarHeader nav li.drawer-dropdown.open::after { content: ""; position: absolute; top: 100%; left: 0; height: 40px; width: 100%; pointer-events: auto; } .cmp-imfConnectHeader .drawer-container .navbarHeader .dropdown-toggle.off { display: none; opacity: 0; -webkit-transition: opacity 1s ease-out; transition: opacity 1s ease-out; } .cmp-imfConnectHeader .drawer-container .navbarHeader .dropdown-toggle.on { display: block; opacity: 1; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .column-images .threeColumnContainer .col-sm-4 { padding-left: 10px; padding-right: 10px; } @media (min-width: 769px) and (max-width: 1200px) { .column-images .threeColumnContainer .col-sm-4 { width: 50%; padding: 0; } } .column-images .threeColumnContainer .image { margin-bottom: 20px; } @media (min-width: 769px) and (max-width: 1200px) { .column-images .threeColumnContainer .image { height: auto; padding: 10px; margin: 0; } } .column-images .threeColumnContainer .image img { border-radius: 16px; border: 1px solid #CBD5E1; -webkit-box-shadow: 0px 20px 37px 0px rgba(0, 0, 0, 0.0588235294); box-shadow: 0px 20px 37px 0px rgba(0, 0, 0, 0.0588235294); } .default-image .cmp-image { margin-bottom: 30px; } .default-image .cmp-image img { min-height: 400px; } @media (min-width: 768px) and (max-width: 1200px) { .default-image .cmp-image img { min-height: 250px; } } @media (max-width: 767px) { .default-image .cmp-image img { min-height: 150px; } } .oedDetailHeader .section-directory-filter .oed-directory-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-nav { margin-bottom: 20px; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-nav a { border: 1.5px solid #B1C0D7; border-radius: 8px; padding: 10px 16px; font-size: 16px; font-weight: 700; line-height: 24px; color: #004C97; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-nav a::before { content: "\f12f"; font-family: "bootstrap-icons"; width: 20px; height: 20px; font-weight: bold; color: #2E2F32; margin-right: 5px; } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-nav a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list { font-size: 16px; font-weight: 700; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list { gap: 20px; } } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } @media screen and (max-width: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details label { display: none; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-btn { width: 234px; height: 40px; text-align: left; border: 1px solid #64748B; position: relative; } @media (min-width: 768px) and (max-width: 1200px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-btn { width: 150px; } } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-btn { width: 100%; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-btn::after { font-family: "imf-icon" !important; font-size: 12px; content: "\e905"; text-align: center; position: absolute; width: 12px; height: 12px; color: #979797; right: 14px; bottom: 10px; background: none; top: auto; line-height: inherit; -webkit-transform: rotate(180deg); transform: rotate(180deg); outline: none; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu { display: block; border-radius: 8px; border: 1px solid #B1C0D7; width: 70%; position: absolute; top: 100%; position: absolute; right: 0; max-height: 300px; overflow-y: auto; z-index: 2; } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu { width: 100%; top: 100%; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu .searchContainer { position: relative; border-bottom: 1px solid #E1EAF3; padding: 16px 8px; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu .searchContainer input[type=text] { width: 100%; border: 1px solid #B1C0D7; border-radius: 8px; font-size: 12px; font-weight: 400; color: #536580; padding: 6px 8px 6px 40px; padding-left: 32px; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu .searchContainer::before { content: "\f52a"; font-family: "bootstrap-icons"; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: #64748B; pointer-events: none; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu li { color: #515357; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu li a { font-size: 12px; font-weight: 400; color: #515357; padding: 8px 12px; display: block; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu li a:active, .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu li a.active { color: #004C97; font-weight: 600; font-size: 14px; background: url(clientlib-site/resources/images/tick.svg) no-repeat 96% center; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu li a:hover { background-color: #B2E1F5; text-decoration: none; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .dropdown-menu .no-match-message { font-size: 12px; font-weight: 400; color: #515357; text-align: center; padding-top: 8px; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .btn:active { background-color: transparent; border-color: #000000; } @media (min-width: 768px) and (max-width: 1200px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details span { display: none; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .oed-directory { border: 1px solid #64748B; border-radius: 8px; padding: 12px 16px; font-size: 14px; line-height: 20px; font-weight: 600; color: #263549; } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .directory-details .oed-directory { width: 100%; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details { font-size: 16px; font-weight: 700; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; position: relative; } @media screen and (max-width: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details { width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details label { display: none; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu { display: block; border-radius: 8px; border: 1px solid #B1C0D7; width: 80%; position: absolute; top: 100%; right: 0; max-height: 300px; overflow-y: auto; z-index: 2; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu { top: 80%; right: 0; } } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu { width: 100%; top: 100%; right: 0; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu .searchContainer { position: relative; border-bottom: 1px solid #E1EAF3; padding: 16px 8px; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu .searchContainer input[type=text] { width: 100%; border: 1px solid #B1C0D7; border-radius: 8px; font-size: 12px; font-weight: 400; color: #536580; padding: 6px 8px 6px 40px; padding-left: 32px; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu .searchContainer::before { content: "\f52a"; font-family: "bootstrap-icons"; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: #64748B; pointer-events: none; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu li { color: #515357; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu li a { font-size: 12px; font-weight: 400; color: #515357; padding: 8px 12px; display: block; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu li a:active, .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu li a.active { color: #004C97; font-weight: 600; font-size: 14px; background: url(clientlib-site/resources/images/tick.svg) no-repeat 96% center; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu li a:hover { background-color: #B2E1F5; text-decoration: none; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-menu .no-match-message { font-size: 12px; font-weight: 400; color: #515357; text-align: center; padding-top: 8px; } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-btn { width: 234px; height: 40px; text-align: left; border: 1px solid #64748B; position: relative; } @media (min-width: 768px) and (max-width: 1200px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-btn { width: 150px; } } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-btn { width: 100%; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details .dropdown-btn::after { font-family: "imf-icon" !important; font-size: 12px; content: "\e905"; text-align: center; position: absolute; width: 12px; height: 12px; color: #979797; right: 14px; bottom: 10px; background: none; top: auto; line-height: inherit; -webkit-transform: rotate(180deg); transform: rotate(180deg); outline: none; } @media (min-width: 768px) and (max-width: 1200px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list .country-details span { display: none; } } .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list p { font-size: 12px; line-height: 16px; font-weight: 400; color: #000000; margin-bottom: 0; } @media (min-width: 768px) and (max-with: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .directory-selector .oed-directory-list p { display: none; } } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer { position: relative; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer { margin-top: 30px; display: none; } } @media (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer { display: none; } } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns { font-size: 16px; line-height: 24px; font-weight: 700; position: initial; } @media screen and (min-width: 768px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns span { display: none; } } @media screen and (min-width: 768px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns .listViewBtn, .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns .gridViewBtn { background-color: #ffffff; border: 1px solid #91A1B7; border-radius: 8px; cursor: pointer; width: 48px; height: 40px; margin-left: 8px; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns .listViewBtn:hover, .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns .gridViewBtn:hover { background-color: #B2E1F5; } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns .listViewBtn.active, .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns .gridViewBtn.active { background-color: #B2E1F5; border-color: #004C97; cursor: default; } } @media screen and (min-width: 768px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns .listViewBtn { background: url(clientlib-site/resources/images/listview.svg) no-repeat center center; } } @media screen and (min-width: 768px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .viewToggleBtns .gridViewBtn { background: url(clientlib-site/resources/images/gridview.svg) no-repeat center center; } } @media screen and (max-width: 767px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .title .cmp-title h3, .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer .title .cmp-title h4 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media screen and (min-width: 768px) { .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer.list-view .documentList { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer.list-view .documentList .title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer.list-view .documentList .myDocContents { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer.grid-view .documentList { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer.grid-view .documentList .title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .oedDetailHeader .section-directory-filter .oed-directory-content .viewSectionContainer.grid-view .documentList .myDocContents { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } } .section-directory-location { border: 1px solid #91A1B7; background: rgba(236, 242, 250, 0.5019607843); padding: 24px 0; border-right: 0; border-left: 0; } @media (max-width: 767px) { .section-directory-location { display: none; } } .section-directory-location .container { padding-top: 0; padding-bottom: 0; } .section-directory-location .container .oedDeatilHeader-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .section-directory-location .container .oedDeatilHeader-container .oed-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 24px; font-weight: 700; color: #2E2F32; } @media (max-width: 767px) { .section-directory-location .container .oedDeatilHeader-container .oed-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .section-directory-location .container .oedDeatilHeader-container .oed-title::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; } .section-directory-location .container .oedDeatilHeader-container .oed-location { font-size: 16px; line-height: 24px; font-weight: 700; color: #2E2F32; margin: 8px 0; } .section-directory-location .container .oedDeatilHeader-container .oed-country { font-size: 16px; line-height: 24px; font-weight: 400; color: #2E2F32; } .oedmainlisting { width: auto !important; padding: 0; float: none !important; } @media (max-width: 767px) { .oedmainlisting .text { display: none; } } .oedmainlisting .text p { margin-bottom: 0; font-size: 18px; font-weight: 700; line-height: normal; } .oedmainlisting .oedListing .container .text { font-size: 20px; line-height: normal; font-weight: 700; color: #2E2F32; margin-bottom: 40px; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .text { margin-bottom: 24px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .text { margin-bottom: 24px; } } .oedmainlisting .oedListing .container .oedlisting-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 768px) and (max-width: 1200px) { .oedmainlisting .oedListing .container .oedlisting-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 0; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 24px 0; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content { font-size: 16px; font-weight: 700; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; position: relative; } @media (min-width: 768px) and (max-width: 1200px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-btn { width: 234px; height: 40px; text-align: left; border: 1px solid #64748B; position: relative; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-btn { width: 200px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-btn { width: 100%; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-btn::after { font-family: "imf-icon" !important; font-size: 12px; content: "\e905"; text-align: center; position: absolute; width: 12px; height: 12px; color: #979797; right: 14px; bottom: 10px; background: none; top: auto; line-height: inherit; -webkit-transform: rotate(180deg); transform: rotate(180deg); outline: none; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu { display: block; border-radius: 8px; border: 1px solid #B1C0D7; width: 70%; position: absolute; top: 100%; position: absolute; max-height: 300px; overflow-y: auto; right: 0; z-index: 2; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu { width: 100%; left: 0; top: 100%; margin-top: 16px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu { margin-top: 16px; width: 100%; left: 0; top: 100%; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu .searchContainer { position: relative; border-bottom: 1px solid #E1EAF3; padding: 16px 8px; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu .searchContainer input[type=text] { width: 100%; border: 1px solid #B1C0D7; border-radius: 8px; font-size: 12px; font-weight: 400; color: #536580; padding: 6px 8px 6px 40px; padding-left: 32px; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu .searchContainer::before { content: "\f52a"; font-family: "bootstrap-icons"; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: #64748B; pointer-events: none; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu li { color: #515357; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu li a { font-size: 12px; font-weight: 400; color: #515357; padding: 8px 12px; display: block; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu li a:active, .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu li a.active { color: #004C97; font-weight: 600; font-size: 14px; background: url(clientlib-site/resources/images/tick.svg) no-repeat 96% center; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu li a:hover { background-color: #B2E1F5; text-decoration: none; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .dropdown-menu .no-match-message { font-size: 12px; font-weight: 400; color: #515357; text-align: center; padding-top: 8px; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .btn:active { background-color: transparent; border-color: #000000; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .oed-directory { border: 1px solid #64748B; border-radius: 8px; padding: 6px 44px; padding-left: 5px; } @media (min-width: 768px) and (max-width: 1200px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .oed-directory { padding: 6px 84px; padding-left: 5px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .oeddirectory-content .oed-directory { width: 100%; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters p { font-size: 16px; font-weight: 500; color: #000000; margin-bottom: 0; } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters p { text-align: center; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings { font-size: 16px; font-weight: 700; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; position: relative; } @media (min-width: 768px) and (max-width: 1200px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-btn { width: 234px; height: 40px; text-align: left; border: 1px solid #64748B; position: relative; } @media screen and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-btn { width: 200px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-btn { width: 100%; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-btn::after { font-family: "imf-icon" !important; font-size: 12px; content: "\e905"; text-align: center; position: absolute; width: 12px; height: 12px; color: #979797; right: 14px; bottom: 10px; background: none; top: auto; line-height: inherit; -webkit-transform: rotate(180deg); transform: rotate(180deg); outline: none; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu { display: block; border-radius: 8px; border: 1px solid #B1C0D7; width: 80%; position: absolute; top: 100%; position: absolute; max-height: 300px; overflow-y: auto; right: 0; z-index: 2; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu { width: 100%; left: 0; top: 100%; margin-top: 16px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu { top: 100%; width: 100%; left: 0; margin-top: 16px; } } @media (min-width: 460px) and (max-width: 500px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu { top: 73%; } } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu .searchContainer { position: relative; border-bottom: 1px solid #E1EAF3; padding: 16px 8px; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu .searchContainer input[type=text] { width: 100%; border: 1px solid #B1C0D7; border-radius: 8px; font-size: 12px; font-weight: 400; color: #536580; padding: 6px 8px 6px 40px; padding-left: 32px; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu .searchContainer::before { content: "\f52a"; font-family: "bootstrap-icons"; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; color: #64748B; pointer-events: none; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu li { color: #515357; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu li a { font-size: 12px; font-weight: 400; color: #515357; padding: 8px 12px; display: block; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu li a:active, .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu li a.active { color: #004C97; font-weight: 600; font-size: 14px; background: url(clientlib-site/resources/images/tick.svg) no-repeat 96% center; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu li a:hover { background-color: #B2E1F5; text-decoration: none; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .dropdown-menu .no-match-message { font-size: 12px; font-weight: 400; color: #515357; text-align: center; padding-top: 8px; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .btn:active { background-color: transparent; border-color: #000000; } .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .country-list { border: 1px solid #64748B; border-radius: 8px; padding: 6px 36px; padding-left: 5px; } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .oedlisting-filters .countrylistings .country-list { width: 100%; } } .oedmainlisting .oedListing .container .oedlisting-content .download { position: relative; } @media (min-width: 768px) and (max-width: 1200px) { .oedmainlisting .oedListing .container .oedlisting-content .download { margin-top: 30px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .oedmainlisting .oedListing .container .oedlisting-content .download button { border: 1.5px solid #B1C0D7; border-radius: 8px; padding: 10px 16px; font-size: 16px; font-weight: 500; color: #004C97; cursor: pointer; background: none; position: relative; padding-left: 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .download button { padding: 8px; display: block; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .download button { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .oedmainlisting .oedListing .container .oedlisting-content .download button::before { content: "\f30a" !important; font-family: "bootstrap-icons"; display: inline-block; color: #004C97; margin-right: 10px; } .oedmainlisting .oedListing .container .oedlisting-content .download button::after { content: "\f282" !important; font-family: "bootstrap-icons"; font-weight: bold; color: #004C97; margin-left: 5px; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .download button::after { margin: 0; } } .oedmainlisting .oedListing .container .oedlisting-content .download button:focus { background-color: #004C97; color: #ffffff; } .oedmainlisting .oedListing .container .oedlisting-content .download button:focus::before, .oedmainlisting .oedListing .container .oedlisting-content .download button:focus::after { color: #ffffff; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .download button span { display: none; } } .oedmainlisting .oedListing .container .oedlisting-content .download .dropdown-download { min-width: 252px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 3px rgba(0, 0, 0, 0.15); margin-top: 0px; position: absolute; z-index: 2; background: #ffffff; border: 1px solid #B1C0D7; border-radius: 4px; right: 0px; top: 50px; padding: 8px 0; } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .download .dropdown-download { width: 100%; } } .oedmainlisting .oedListing .container .oedlisting-content .download .dropdown-download a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; line-height: 16px; font-weight: 400; color: #004C97; gap: 5px; padding: 4px 12px; } .oedmainlisting .oedListing .container .oedlisting-content .download .dropdown-download a::before { content: "\f30a" !important; font-family: "bootstrap-icons"; display: inline-block; color: #004C97; margin-right: 5px; width: 10px; } .oedmainlisting .oedListing .container .oedlisting-content .download .dropdown-download a:hover { background-color: #B2E1F5; text-decoration: none; } .oedmainlisting .oedListing .container .oedlisting-content .download p { display: none; } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .download p { display: block; margin: 20px 0; font-size: 18px; font-weight: 700; text-align: center; } } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer { position: relative; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer { margin-top: 0px; } } @media (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer { display: none; } } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns { font-size: 16px; line-height: 24px; font-weight: 700; position: initial; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns span { margin-left: 5px; margin-bottom: 8px; } } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .grid-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media screen and (min-width: 768px) { .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .listViewBtn, .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .gridViewBtn { background-color: #ffffff; border: 1px solid #91A1B7; border-radius: 8px; cursor: pointer; width: 48px; height: 40px; margin-left: 8px; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .listViewBtn:hover, .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .gridViewBtn:hover { background-color: #B2E1F5; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .listViewBtn.active, .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .gridViewBtn.active { background-color: #B2E1F5; border-color: #004C97; cursor: default; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .listViewBtn { background: url(clientlib-site/resources/images/listview.svg) no-repeat center center; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .viewToggleBtns .gridViewBtn { background: url(clientlib-site/resources/images/gridview.svg) no-repeat center center; } } @media screen and (max-width: 767px) { .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .title .cmp-title h3, .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer .title .cmp-title h4 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media screen and (min-width: 768px) { .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer.list-view .documentList { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer.list-view .documentList .title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer.list-view .documentList .myDocContents { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer.grid-view .documentList { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer.grid-view .documentList .title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .oedmainlisting .oedListing .container .oedlisting-content .viewSectionContainer.grid-view .documentList .myDocContents { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); } } .oedmainlisting .oedListing .results { background: #E5E8EF; width: 100%; margin: 0 auto; } @media (min-width: 768px) and (max-width: 1024px) { .oedmainlisting .oedListing .results .container { padding: 0; } } .oed-result-container { background: #E5E8EF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } .oed-result-container .oed-detail-listing { width: calc(20.2% - 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) and (max-width: 1024px) { .oed-result-container .oed-detail-listing { width: calc(33.5% - 16px); margin-bottom: 32px; } } @media (max-width: 767px) { .oed-result-container .oed-detail-listing { width: 100%; } } .oed-result-container .oed-detail-listing .oed-detail-image { width: 90px; height: 90px; position: relative; z-index: 1; } .oed-result-container .oed-detail-listing .oed-detail-image img { width: 90px; height: 90px; border-radius: 100px; -webkit-box-shadow: 0px 13px 11px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 13px 11px 0px rgba(0, 0, 0, 0.18); } .oed-result-container .oed-detail-listing .profile-details { background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 60px 24px 24px 24px; border-radius: 16px; position: relative; margin-top: -50px; width: 100%; height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (min-width: 768px) and (max-width: 1024px) { .oed-result-container .oed-detail-listing .profile-details { min-height: 240px; } } @media (max-width: 767px) { .oed-result-container .oed-detail-listing .profile-details { min-height: 207px; } } .oed-result-container .oed-detail-listing .profile-details .profile-naming-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; text-align: center; min-height: 65px; } .oed-result-container .oed-detail-listing .profile-details .profile-naming-detail .profile-name { font-size: 18px; font-weight: 700; line-height: normal; color: #004C97; } .oed-result-container .oed-detail-listing .profile-details .profile-naming-detail .profile-title { font-size: 14px; line-height: 20px; font-weight: 700; color: #004C97; } .oed-result-container .oed-detail-listing .profile-details .profile-naming-detail .profile-location { font-size: 12px; line-height: 16px; font-weight: 700; color: #515357; } .oed-result-container .oed-detail-listing .profile-details .profile-location-details { margin-top: 8px; } .oed-result-container .oed-detail-listing .profile-details .profile-location-details .profile-country { font-size: 12px; line-height: 16px; font-weight: 400; text-align: center; color: #2E2F32; width: 100%; word-break: break-word; min-height: 75px; } .oedDetailContainer { background: #E5E8EF; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer .container { padding-bottom: 0; } } .oedDetailContainer .container .oeddetails-twocolumnvariation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 48px; padding: 0; background: none; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer .container .oeddetails-twocolumnvariation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .oedDetailContainer .container .oeddetails-twocolumnvariation { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 80px; } } .oedDetailContainer .container .oeddetails-twocolumnvariation ul { padding-left: 0; margin-bottom: 0; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul li { list-style: none; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul li .cmp-title .cmp-title__text { font-size: 18px; font-weight: 700; color: #2E2F32; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 32px; } @media (max-width: 767px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul li .cmp-title .cmp-title__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-bottom: 26px; } } .oedDetailContainer .container .oeddetails-twocolumnvariation ul li .cmp-title .cmp-title__text::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin-top: 8px; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li { list-style: none; } @media (max-width: 767px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail { width: 100%; } } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oed-detail-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90px; height: 90px; margin: 0 auto; z-index: 1; position: relative; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oed-detail-image img { width: 90px; height: 90px; -webkit-box-shadow: 0px 13px 11px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 13px 11px 0px rgba(0, 0, 0, 0.18); border-radius: 100px; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile { border: 1px solid #E1EAF3; border-radius: 16px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0509803922); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0509803922); position: relative; margin-top: -50px; min-height: 228px; padding: 60px 24px 24px 24px; text-align: center; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; text-align: center; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-name p { font-size: 18px; font-weight: 700; color: #004C97; margin-bottom: 0; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-audio p { font-size: 12px; line-height: 16px; font-weight: 400; color: #515357; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px; margin-bottom: 0; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-audio .bi-volume-down { font-size: 20px; display: inline-block; color: #E35205; cursor: pointer; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-biolink a { font-size: 14px; line-height: 20px; font-weight: 700; color: #407EC9; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-country { font-size: 12px; color: #515357; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts { margin-top: 4px; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-work { font-size: 12px; line-height: 16px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-work p { margin: 0 0 2px; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile { font-size: 12px; line-height: 16px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile p { margin: 0; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mail a { font-size: 12px; line-height: 16px; font-weight: 700; color: #407EC9; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:first-child { width: 248px; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul:first-child { width: 32%; } } @media (max-width: 767px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul:first-child { width: 100%; } } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:first-child li { width: 100%; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:first-child .oedDetail-content { width: 100%; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:first-child .oedDetail-content li { width: 100%; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:first-child .oedDetail-content li .oedDetail { width: 100%; padding: 0; background: none; display: initial; } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child { width: 80%; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child { width: 100%; margin-bottom: 32px; } } @media (max-width: 767px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child { width: 100%; } } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child .oedDetail-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 16px; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child .oedDetail-content { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child .oedDetail-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child .oedDetail-content li { width: 100%; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child .oedDetail-content li { width: 32%; } } .oedDetailContainer .container .oeddetails-twocolumnvariation ul:last-child .oedDetail-content li .oedDetail { width: 100%; padding: 0; background: none; display: initial; } .oeddetail-section { background: #E5E8EF; } .oeddetail-section .cmp-container .title .cmp-title .cmp-title__text { font-size: 18px; font-weight: 700; color: #2E2F32; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 32px; } @media (max-width: 767px) { .oeddetail-section .cmp-container .title .cmp-title .cmp-title__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-top: 60px; } } .oeddetail-section .cmp-container .title .cmp-title .cmp-title__text::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin-top: 8px; } .oeddetail-section .cmp-container .container { margin-bottom: 32px; width: 1440px; margin: 0 auto; padding: 0 70px; } @media (min-width: 768px) and (max-width: 1024px) { .oeddetail-section .cmp-container .container { padding: 0 35px; } } @media (max-width: 767px) { .oeddetail-section .cmp-container .container { padding: 0 25px; } } .oeddetail-section .cmp-container .container .cmp-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .oeddetail-section .cmp-container .container .cmp-container { gap: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile { width: calc(20% - 16px); margin: 0 16px 26px 0; } @media (min-width: 1025px) and (max-width: 1200px) { .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile { width: calc(25% - 16px); } } @media (min-width: 768px) and (max-width: 1024px) { .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile { width: calc(33.33% - 16px); } } @media (max-width: 767px) { .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile { width: 100%; margin: 0 0 10px 0; } } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail { padding: 0; background: none; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oed-detail-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90px; height: 90px; margin: 0 auto; z-index: 1; position: relative; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oed-detail-image img { width: 90px; height: 90px; -webkit-box-shadow: 0px 13px 11px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 13px 11px 0px rgba(0, 0, 0, 0.18); border-radius: 100px; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile { border: 1px solid #E1EAF3; border-radius: 16px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0509803922); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0509803922); position: relative; margin-top: -50px; min-height: 228px; padding: 60px 24px 24px 24px; text-align: center; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; text-align: center; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-name p { font-size: 18px; font-weight: 700; color: #004C97; margin-bottom: 0; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-audio p { font-size: 12px; line-height: 16px; font-weight: 400; color: #515357; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px; margin-bottom: 0; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-audio .bi-volume-down { font-size: 20px; display: inline-block; color: #E35205; cursor: pointer; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-biolink a { font-size: 14px; line-height: 20px; font-weight: 700; color: #407EC9; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-country { font-size: 12px; color: #515357; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts { margin-top: 4px; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-work { font-size: 12px; line-height: 16px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-work p { margin: 0 0 2px; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile { font-size: 12px; line-height: 16px; font-weight: 700; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile p { margin: 0; } .oeddetail-section .cmp-container .container .cmp-container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mail a { font-size: 12px; line-height: 16px; font-weight: 700; color: #407EC9; } .oed-bio-player audio { width: 90%; height: 30px; } .oedDetailContainer.list-view .container { padding-bottom: 0; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation { display: block; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul { width: 100% !important; position: relative; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul li .cmp-title .cmp-title__text { margin-top: 32px; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul:first-child li .cmp-title .cmp-title__text { margin-top: 0; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; gap: 0 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li { position: relative; margin-bottom: 8px; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li { width: 100% !important; } } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oed-detail-image { position: absolute; top: 50%; left: 15px; width: 32px; height: 32px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oed-detail-image img { width: 100%; height: 100%; -webkit-box-shadow: none !important; box-shadow: none !important; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 12px; margin-top: 0; padding-left: 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 70px !important; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 4px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 35%; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-name p { font-size: 12px; line-height: 16px; width: 90px; text-align: left; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-audio { width: 170px; margin-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-audio p { font-size: 12px; line-height: 16px; text-align: left; margin-bottom: 0 !important; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .bio-audio-container { top: 32px; right: -4px; z-index: 1; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-info .profile-biolink { width: 100px; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 65%; min-height: 0; margin-top: 0; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts { gap: 10px; width: 55%; } } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-work, .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile, .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mail { width: 33.33%; } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-work { font-size: 12px; line-height: 16px; text-align: left; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-work { font-size: 10px; } } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile { font-size: 12px; line-height: 16px; text-align: left; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile { font-size: 10px; } } .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mail { font-size: 12px; line-height: 16px; text-align: left; } @media (min-width: 768px) and (max-width: 1024px) { .oedDetailContainer.list-view .oeddetails-twocolumnvariation ul .oedDetail-content li .oedDetail .oeddetail-director-profile .profile-contacts .profile-mail { font-size: 10px; } } .oed-result-container.list-view { gap: 0 !important; } @media (min-width: 768px) and (max-width: 1024px) { .oed-result-container.list-view { gap: 0 !important; } } .oed-result-container.list-view .oed-detail-listing { width: 100% !important; display: block !important; position: relative !important; padding: 12px 0 !important; margin: 12px 0; background-color: #ffffff; border-radius: 8px; } @media (min-width: 768px) and (max-width: 1024px) { .oed-result-container.list-view .oed-detail-listing { margin-bottom: 8px !important; } } .oed-result-container.list-view .oed-detail-listing .oed-detail-image { width: 32px !important; height: 32px !important; position: absolute !important; top: 50% !important; left: 1% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .oed-result-container.list-view .oed-detail-listing .oed-detail-image img { width: 100% !important; height: 100% !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .oed-result-container.list-view .oed-detail-listing .profile-details { padding: 12px !important; margin-top: 0 !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; height: auto !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } @media (min-width: 768px) and (max-width: 1024px) { .oed-result-container.list-view .oed-detail-listing .profile-details { min-height: 0 !important; padding-left: 30px !important; } } .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; min-height: 0 !important; width: 100%; } @media screen and (min-width: 768px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail { width: 50% !important; margin-left: 25px; } } @media screen and (min-width: 1025px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail { width: 30% !important; margin-left: 50px; } } .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail .profile-name { font-size: 12px !important; line-height: 16px !important; text-align: left; } @media screen and (min-width: 768px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail .profile-name { width: 100px; } } @media screen and (min-width: 1025px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail .profile-name { width: 85px; } } .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail .profile-title { font-size: 12px !important; line-height: 16px !important; text-align: left; } @media screen and (min-width: 768px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail .profile-title { width: 80px; } } @media screen and (min-width: 1024px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail .profile-title { width: 85px; } } .oed-result-container.list-view .oed-detail-listing .profile-details .profile-naming-detail .profile-location { text-align: left; } .oed-result-container.list-view .oed-detail-listing .profile-details .profile-location-details { min-height: 0 !important; margin-top: 0 !important; width: 70% !important; } @media screen and (min-width: 768px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-location-details { width: 50% !important; } } @media screen and (min-width: 1025px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-location-details { width: 70% !important; } } .oed-result-container.list-view .oed-detail-listing .profile-details .profile-location-details .profile-country { min-height: 0 !important; text-align: left; } @media (min-width: 768px) and (max-width: 1024px) { .oed-result-container.list-view .oed-detail-listing .profile-details .profile-location-details .profile-country { text-align: justify !important; } } .oed-result-container.list-view .ascend-descent-section { display: block !important; padding: 0 !important; background-color: none !important; } .oed-result-container.list-view .ascend-descent-section .profile-details { background: none !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 32px !important; width: 100% !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .oed-result-container.list-view .ascend-descent-section .profile-details .profile-name label { font-size: 14px; line-height: 20px; font-weight: 700; color: #515357; } .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; gap: 25% !important; width: 35% !important; justify-content: flex-start !important; } .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-title label, .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-location label, .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-Room label, .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-country label { font-size: 14px; line-height: 20px; font-weight: 700; color: #515357; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-title label::after, .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-location label::after, .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-Room label::after, .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-country label::after { content: "\f286"; font-family: "bootstrap-icons"; width: 13px; height: 13px; display: inline-block; } .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-location { margin-left: 20px; } .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-country { margin-left: 25px; } .oed-result-container.list-view .ascend-descent-section .profile-details .profile-naming-detail .profile-Room { margin-left: 5px; } .ascend-descent-section { display: none !important; } .oeddetail-section.list-view { padding-bottom: 32px; } .oeddetail-section.list-view .container .oedDetailTile { margin: 0 !important; width: 100% !important; position: relative !important; } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oed-detail-image { width: 32px !important; height: 32px !important; position: absolute !important; top: 45%; left: 15px; -webkit-transform: translateY(-55%); transform: translateY(-55%); } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oed-detail-image img { width: 100% !important; height: 100% !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile { min-height: 0 !important; margin: 0 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; padding: 12px !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 60px !important; margin-bottom: 8px !important; min-height: 70px !important; } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; min-height: 0; width: 35%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-name p { font-size: 12px !important; line-height: 16px; text-align: left !important; width: 90px !important; } @media (min-width: 768px) and (max-width: 1024px) { .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-name p { font-size: 10px !important; } } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-audio { width: 170px !important; margin-bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-audio p { font-size: 12px !important; line-height: 16px !important; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; text-align: left; margin-bottom: 0 !important; } @media (min-width: 768px) and (max-width: 1024px) { .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-audio p { font-size: 10px; } } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .bio-audio-container { top: 32px; right: -4px; z-index: 1; } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-info .profile-biolink { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; width: 110px !important; } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; width: 65% !important; margin: 0 !important; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-work, .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile, .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mail { font-size: 12px !important; line-height: 16px !important; text-align: left; width: 33.33%; } @media (min-width: 768px) and (max-width: 1024px) { .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-work, .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile, .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mail { font-size: 10px !important; } } @media (min-width: 768px) and (max-width: 1024px) { .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-work { width: 33.33% !important; } } @media (min-width: 768px) and (max-width: 1024px) { .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mobile { width: 33.33% !important; } } @media (min-width: 768px) and (max-width: 1024px) { .oeddetail-section.list-view .container .oedDetailTile .oedDetail .oeddetail-director-profile .profile-contacts .profile-mail { width: 33.33%; } } .oeddetail-section.list-view .container .title .cmp-title__text { margin-top: 32px; } .profile-audio { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bio-audio-container { display: none; position: absolute; top: 24px; } .bio-audio-container .custom-audio-player { border: 1px solid #CBD5E1; border-radius: 8px; background: #fff; padding: 6px 8px; max-width: 350px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; } .bio-audio-container .custom-audio-player audio { width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; position: absolute !important; left: -9999px !important; top: auto !important; } .bio-audio-container audio:not(.custom-audio-player audio) { display: none !important; } .bio-audio-container .custom-audio-player .audio-controls-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .bio-audio-container .custom-audio-player .playPauseBtn, .bio-audio-container .custom-audio-player .menuBtn, .bio-audio-container .custom-audio-player .close-btn { border-radius: 50%; background-color: #fff; width: 22px; height: 22px; margin: 0 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #000; overflow: hidden; font-weight: bold; } .bio-audio-container .custom-audio-player .menuBtn.active { background: #004C97; border: 1px solid #004C97; color: #fff; } .bio-audio-container .custom-audio-player button.playPauseBtn { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; outline: none; background: none !important; padding: 0 0 0 2px; } .bio-audio-container .playPauseBtn .icon { font-size: 14px; color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; top: -1px; } .bio-audio-container .custom-audio-player .close-btn { color: #004C97; border: 0; font-weight: bold; margin-right: 0; } .bio-audio-container .custom-audio-player .time-display { color: #333; min-width: 70px; } .bio-audio-container .custom-audio-player .menu-container { width: 100%; } .bio-audio-container .custom-audio-player .menu { background: #fff; border-radius: 8px; border: 1px solid #CBD5E1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: absolute; margin-top: 8px; padding: 4px 0; right: 0; } .bio-audio-container .menu a.downloadLink button, .bio-audio-container .menu a.downloadLink, .bio-audio-container .menu button.playbacklink { width: 100%; background-color: transparent; border: 0; } .bio-audio-container .menu a.downloadLink button::before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/file-download.svg"); width: 13px; height: 13px; margin-right: 5px; } .bio-audio-container .menu a.downloadLink button, .bio-audio-container .menu button.playbacklink { padding: 10px; text-align: left; color: #004C97; } .bio-audio-container .menu button.playbacklink::before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/replay.svg"); width: 13px; height: 13px; margin-right: 5px; } .bio-audio-container .menu .downloadLink:hover, .bio-audio-container .menu .playbacklink:hover { background-color: #B2E1F5; color: #004C97; text-decoration: none; } .bio-audio-container .speed-options { display: none; } .bio-audio-container .playback-speed-container:hover .speed-options { display: block; position: absolute; background: #fff; color: #004C97; right: -54px; top: -67px; width: 52px; text-align: center; z-index: 1; border: 1px solid #CBD5E1; border-radius: 8px; } .bio-audio-container .custom-audio-player .speed-options button { padding: 4px 10px; margin: 2px; border-radius: 8px; background-color: transparent; border: 1px transparent; } .bio-audio-container .custom-audio-player .speed-options button:hover { background-color: #B2E1F5; color: #004C97; } .bio-audio-container .custom-audio-player .speed-options button.active { background: #004C97; color: #fff; } .resource { border: 1px solid #00B0B9; border-radius: 16px; background: #E5F7F8; padding: 16px; margin-bottom: 16px; } .resource .resource-content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .resource .resource-content .resource_image { -webkit-box-flex: 0; -ms-flex: 0 0 47px; flex: 0 0 47px; width: 47px; } .resource .resource-content .resource_image img { max-width: 100%; } .resource .resource-content .resource_title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .resource .resource-content .resource_title h3 { font-size: 12px; font-weight: 700; margin-bottom: 8px; color: #004C97; } .resource .resource-content .resource_title p { font-size: 12px; margin-bottom: 2px; color: #004C97; } .resource .resource-content .resource_title p:last-child { margin-bottom: 0; } .resource.image-as-left .resource-content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .resource.image-as-right .resource-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .first-variant { width: 100% !important; } @media (min-width: 768px) and (max-width: 1200px) { .first-variant { height: 213px; } } @media (max-width: 767px) { .first-variant { margin-bottom: 20px !important; } } .first-variant .resource-content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .first-variant .resource-content .resource_title h3 { font-size: 24px; font-weight: 600; margin: 0; } @media (min-width: 769px) and (max-width: 1200px) { .first-variant .resource-content .resource_title h3 { font-size: 18px; } } @media (max-width: 768px) { .first-variant .resource-content .resource_title h3 { font-size: 16px; } } .first-variant .resource-content .resource_title p { font-size: 16px; line-height: 22px; font-weight: 400; color: #004C97; } @media (max-width: 768px) { .first-variant .resource-content .resource_title p { font-size: 18px; } } .first-variant .resource-content .resource_image img { width: 40px; height: 48px; } .first-variant .resource_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 16px; font-weight: 600; line-height: 24px; color: #004C97; } @media (min-width: 768px) and (max-width: 1200px) { .first-variant .resource_link { margin-top: 15%; } } .first-variant .resource_link a:hover, .first-variant .resource_link a:focus { text-decoration: none !important; } .first-variant .resource_link a::after { content: "➜"; font-size: 16px; font-weight: 100; color: #DA291C; padding-left: 5px; } .columncontrol:has(.first-variant) { margin: 20px 0; } .col-12:has(.first-variant) { padding: 0 10px; } @media (max-width: 767px) { .col-12:has(.first-variant) { padding: 0 15px; margin-bottom: 30px; } } @media (min-width: 768px) and (max-width: 1200px) { .col-12:has(.first-variant) { padding: 0 15px; } } .horizontal-form #new_form { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 60%; margin: 0 auto; } @media (min-width: 769px) and (max-width: 1200px) { .horizontal-form #new_form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; padding: 0 10px; } } @media (max-width: 768px) { .horizontal-form #new_form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; padding: 0 10px; } } @media (min-width: 769px) and (max-width: 1200px) { .horizontal-form #new_form .text { width: 33.33%; } } @media (max-width: 768px) { .horizontal-form #new_form .text { width: calc(33.33% - 10px); margin-right: 10px; } } .horizontal-form #new_form .text input { width: 210px; height: 48px; gap: 4px; border: 1px solid #B1C0D7; border-radius: 5px; color: #74767C; background: #ffffff; padding: 16px 14px; } @media (max-width: 768px) { .horizontal-form #new_form .text input { width: 100%; } } .horizontal-form #new_form .button { width: 40%; } @media (min-width: 769px) and (max-width: 1200px) { .horizontal-form #new_form .button { width: 100%; } } @media (max-width: 768px) { .horizontal-form #new_form .button { width: 100%; } } .horizontal-form #new_form .button button { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 8px; border: 2px solid #DA291C; background: #DA291C; font-size: 16px; font-weight: 500; color: #ffffff; } @media (min-width: 769px) and (max-width: 1200px) { .horizontal-form #new_form .button button { width: 100%; margin: 20px 0; } } @media (max-width: 768px) { .horizontal-form #new_form .button button { width: 100%; margin: 20px 0; } } .verticalAlign-tabcomponent .cmp-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media (min-width: 768px) { .verticalAlign-tabcomponent .cmp-tabs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .verticalAlign-tabcomponent .cmp-tabs__tablist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; list-style: none; padding: 0; margin: 0; } @media (min-width: 768px) { .verticalAlign-tabcomponent .cmp-tabs__tablist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .verticalAlign-tabcomponent .cmp-tabs__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 12px 16px; border-radius: 8px; border: 1px solid #91A1B7; background: #ffffff; color: #004C97; font-family: "robotoregular", sans-serif; font-size: 20px; font-weight: 400; line-height: 24px; font-style: normal; cursor: pointer; } @media (min-width: 1024px) { .verticalAlign-tabcomponent .cmp-tabs__tab { width: 310px; } } @media (max-width: 1024px) { .verticalAlign-tabcomponent .cmp-tabs__tab { padding: 8px 16px; font-size: 14px; width: 100%; } } .verticalAlign-tabcomponent .cmp-tabs__tab--active { background: #004C97; color: #ffffff; font-weight: 600; border: 1px solid #B1C0D7; outline: 0; } @media (max-width: 1024px) { .verticalAlign-tabcomponent .cmp-tabs__tab--active { border-radius: 8px 8px 0 0; font-size: 14px; } } .verticalAlign-tabcomponent .cmp-tabs__tab span.tab-toggle-icon { margin-left: auto; font-size: 14px; } .verticalAlign-tabcomponent .cmp-tabs .customtabpanel { margin-top: -12px; border-radius: 0px 0px 16px 16px; border: 1px solid #B1C0D7; padding: 40px 20px; } .verticalAlign-tabcomponent .cmp-tabs__tabpanel { display: none; } @media (max-width: 1024px) { .verticalAlign-tabcomponent .cmp-tabs__tabpanel { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease, visibility 0s 0.3s; transition: opacity 0.3s ease, visibility 0s 0.3s; } } .verticalAlign-tabcomponent .cmp-tabs__tabpanel--active { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; border-radius: 16px; border: 1px solid #B1C0D7; } @media (max-width: 1024px) { .verticalAlign-tabcomponent .cmp-tabs__tabpanel--active { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s ease, visibility 0s; transition: opacity 0.3s ease, visibility 0s; } } .verticalAlign-tabcomponent .cmp-tabs__tabpanel--active p { color: #2E2F32; font-family: "robotoregular", sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; font-style: normal; } .horizontalAlign-tabcomponent .cmp-tabs__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 28px; padding: 0 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; border-radius: 8px 8px 0px 0px; border-bottom: 1px solid #64748B; background: #E5E8EF; margin-bottom: -1px; z-index: 10006; font-weight: 400; white-space: nowrap; border-bottom: none !important; } .horizontalAlign-tabcomponent .cmp-tabs__tabpanel--active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 24px; -ms-flex-item-align: stretch; align-self: stretch; border: 1px solid #64748B; } .horizontalAlign-tabcomponent .cmp-tabs__tablist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: -1px; padding-left: 12px; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 8px; margin-bottom: 0; } .horizontalAlign-tabcomponent .cmp-tabs__tab--active { border-color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 16px; border-radius: 8px 8px 0px 0px; border-top: 1px solid #91A1B7; border-right: 1px solid #91A1B7; border-left: 1px solid #91A1B7; background: #ffffff; border-bottom: none; outline: 0; color: #004C97; text-align: center; font-family: "robotoregular", sans-serif; font-size: 16px; font-weight: 700; line-height: normal; font-style: normal; } @media (max-width: 1024px) { .horizontalAlign-tabcomponent button.tab-scroll-btn.left { background-image: url(../../../content/dam/imf/tabimages/RowndedRightArrow.svg); background-repeat: no-repeat; background-position: center; background-color: transparent; width: 24px; height: 24px; border: none; cursor: pointer; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .horizontalAlign-tabcomponent button.tab-scroll-btn.right { background-image: url(../../../content/dam/imf/tabimages/RowndedRightArrow.svg); background-repeat: no-repeat; background-position: center; background-color: transparent; width: 24px; height: 24px; border: none; cursor: pointer; } .horizontalAlign-tabcomponent button.tab-scroll-btn.left:disabled, .horizontalAlign-tabcomponent button.tab-scroll-btn.right:disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; } .horizontalAlign-tabcomponent .tab-nav-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding: 24px 0; } .horizontalAlign-tabcomponent .tab-scroll-container { overflow-x: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; scroll-behavior: smooth; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .horizontalAlign-tabcomponent .cmp-tabs__tablist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; list-style: none; padding: 8px 0px; -ms-flex-item-align: stretch; align-self: stretch; } .horizontalAlign-tabcomponent .cmp-tabs__tab { height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; border-bottom: 2px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; border-radius: 8px; background: #ffffff; color: #004C97; font-family: "robotoregular", sans-serif; font-size: 18px; font-weight: 400; line-height: 24px; font-style: normal; } .horizontalAlign-tabcomponent .cmp-tabs__tab--active { border-bottom: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 12px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 12px; border-radius: 8px; border: 1px solid #91A1B7; background: #004C97; color: #ffffff; font-family: "robotoregular", sans-serif; font-size: 18px; font-weight: 600; line-height: 24px; font-style: normal; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .tab-nav-wrapper { padding: 0 25px; } .horizontalAlign-tabcomponent button.tab-scroll-btn.left, .horizontalAlign-tabcomponent button.tab-scroll-btn.right { display: none; } .horizontalAlign-tabcomponent .cmp-tabs__tab { font-size: 12px; line-height: 16px; height: auto; } .horizontalAlign-tabcomponent .cmp-tabs__tab--active { font-size: 12px; font-weight: 700; line-height: 16px; } } .horizontalAlign-tabcomponent .cmp-tabs__tablist { gap: 4px; } @media (max-width: 767px) { .horizontalAlign-tabcomponent .cmp-tabs__tablist { overflow-x: auto; scrollbar-width: thin; gap: 4px; } } @media (min-width: 768px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .cmp-tabs__tablist { padding-bottom: 0; padding-left: 12px; } } .horizontalAlign-tabcomponent .cmp-tabs__tablist .cmp-tabs__tab { z-index: 0; padding: 0 12px; margin-bottom: 0; } @media (min-width: 768px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .cmp-tabs__tablist .cmp-tabs__tab { border-bottom: 0; border-radius: 0; background: #E5E8EF; color: #2E2F32; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 16px; border-bottom: none !important; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .cmp-tabs__tablist .cmp-tabs__tab { border: 1px solid #64748B !important; padding: 8px 12px; } } .horizontalAlign-tabcomponent .cmp-tabs__tablist .cmp-tabs__tab--active { color: #004C97; background-color: #ffffff; z-index: 1; margin-bottom: -1px; } @media (max-width: 767px) { .horizontalAlign-tabcomponent .cmp-tabs__tablist .cmp-tabs__tab--active { background: #004C97; color: #ffffff; margin-bottom: 0; } } @media (min-width: 768px) and (max-width: 1200px) { .horizontalAlign-tabcomponent .cmp-tabs__tablist .cmp-tabs__tab--active { font-size: 16px; border: 1px solid #91A1B7; margin-bottom: -2px; } } .horizontalAlign-tabcomponent .cmp-tabs__tabpanel { border-left: 0; border-right: 0; padding: 32px 0; } @media (min-width: 768px) and (max-width: 1024px) { .horizontalAlign-tabcomponent .cmp-tabs__tabpanel { padding: 88px 0; } } @media (max-width: 767px) { .horizontalAlign-tabcomponent .cmp-tabs__tabpanel { padding-top: 80px; border: 0; padding-bottom: 0; } } .horizontaltab-textcomponent .cmp-tabs__tablist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 16px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-item-align: stretch; align-self: stretch; border-bottom: 1px solid #CBD5E1; overflow-x: auto; scrollbar-width: thin; scrollbar-color: transparent; } @media (max-width: 767px) { .horizontaltab-textcomponent .cmp-tabs__tablist { padding: 8px 0; gap: 12px; border-bottom: 0; } } .horizontaltab-textcomponent .cmp-tabs__tablist .cmp-tabs__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 8px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 16px 18px 16px; color: #515357; font-family: "robotoregular", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; font-style: normal; text-align: center; white-space: nowrap; } @media (max-width: 1024px) { .horizontaltab-textcomponent .cmp-tabs__tablist .cmp-tabs__tab { padding: 9px 16px; font-family: "robotoregular", sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; font-style: normal; } } @media (max-width: 767px) { .horizontaltab-textcomponent .cmp-tabs__tablist .cmp-tabs__tab { padding: 8px 12px; gap: 12px; border-radius: 8px; border: 1px solid #91A1B7; background: #ffffff; font-family: "robotoregular", sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; font-style: normal; } } .horizontaltab-textcomponent .cmp-tabs__tablist .cmp-tabs__tab--active { padding-bottom: 16px; border-bottom: 2px solid #E35205; color: #001E60; outline: 0; font-family: "robotoregular", sans-serif; font-size: 18px; font-weight: 600; line-height: 24px; font-style: normal; } @media (max-width: 1024px) { .horizontaltab-textcomponent .cmp-tabs__tablist .cmp-tabs__tab--active { padding: 8px 16px; font-family: "robotoregular", sans-serif; font-size: 14px; font-weight: 600; line-height: 20px; font-style: normal; } } @media (max-width: 767px) { .horizontaltab-textcomponent .cmp-tabs__tablist .cmp-tabs__tab--active { border-radius: 8px; border: 1px solid #91A1B7; background: #004C97; color: #ffffff; font-family: "robotoregular", sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; font-style: normal; } } .teaser { margin: 70px 0; } .teaser .cmp-teaser { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .teaser.thumb-image-top { width: 31%; margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; border-radius: 16px; margin: 0; border: 1px solid #E1EAF3; background: #ffffff; -webkit-box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.0470588235); box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.0470588235); padding: 24px; } @media (min-width: 768px) and (max-width: 1200px) { .teaser.thumb-image-top { width: 48%; margin: 0; } } @media (max-width: 767px) { .teaser.thumb-image-top { width: 100%; margin-right: 0; } } .teaser.thumb-image-top .cmp-teaser { width: 100%; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .teaser.thumb-image-top .cmp-teaser .cmp-teaser__content .cmp-teaser__description h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 24px 0; } @media screen and (max-width: 1024px) { .teaser.thumb-image-top .cmp-teaser .cmp-teaser__content .cmp-teaser__description h3 { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .teaser.thumb-image-top .cmp-teaser .cmp-teaser__content .cmp-teaser__description h3::after { content: "" !important; border: 1px solid #DA291C; display: block; width: 50px; height: 2px; background: #DA291C; margin-top: 10px; } .teaser.thumb-image-top .cmp-teaser .cmp-teaser__content .cmp-teaser__description h3 a { font-size: 18px; font-weight: 700; color: #004C97; display: inline-block; } .teaser.thumb-image-top .cmp-teaser .cmp-teaser__image { height: 150px; width: 100%; } @media (min-width: 768px) and (max-width: 1200px) { .teaser.thumb-image-top .cmp-teaser .cmp-teaser__image { height: 110px; } } @media (max-width: 767px) { .teaser.thumb-image-top .cmp-teaser .cmp-teaser__image { height: 110px; } } .teaser.thumb-image-top .cmp-teaser .cmp-teaser__image .cmp-image { height: 150px; width: 100%; } @media (min-width: 768px) and (max-width: 1200px) { .teaser.thumb-image-top .cmp-teaser .cmp-teaser__image .cmp-image { height: 110px; } } @media (max-width: 767px) { .teaser.thumb-image-top .cmp-teaser .cmp-teaser__image .cmp-image { height: 110px; } } .teaser.thumb-image-top .cmp-teaser .cmp-teaser__image .cmp-image .cmp-image__image { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 8px; height: 100%; -o-object-fit: cover; object-fit: cover; } .teaser.thumb-image-top-with-button { width: auto !important; border-radius: 16px; margin: 0; border: 1px solid #E1EAF3; background: #ffffff; -webkit-box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.0470588235); box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.0470588235); padding: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .teaser.thumb-image-top-with-button { width: 100% !important; margin-top: 0; margin-bottom: 20px; height: auto !important; } } @media (max-width: 767px) { .teaser.thumb-image-top-with-button { width: 100% !important; margin-bottom: 20px; } } @media (min-width: 1025px) and (max-width: 1400px) { .teaser.thumb-image-top-with-button { width: auto !important; } } .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content { text-align: center; padding: 16px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: auto; min-height: 142px; } @media (max-width: 767px) { .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content { height: auto; min-height: auto; } } @media (min-width: 768px) and (max-width: 1024px) { .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content { min-height: 124px; } } @media (min-width: 1025px) and (max-width: 1400px) { .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { font-size: 16px; line-height: 24px; color: #004C97; margin-bottom: 0; font-weight: 400; } @media (max-width: 1200px) { .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { font-size: 14px; line-height: 20px; } } .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link { font-size: 14px; font-weight: 700; line-height: 20px; color: #004C97; text-decoration: none; border: 1px solid #B1C0D7; border-radius: 8px; padding: 8px 36px 8px 16px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover, .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:focus { text-decoration: none !important; } .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link::after { content: "" !important; background: url(clientlib-site/resources/images/link-arrow-right.svg) no-repeat right center; display: block; width: 20px; height: 20px; position: absolute; right: 12px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: right 0.3s ease; transition: right 0.3s ease; } .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover::after { right: 8px; } .teaser.thumb-image-top-with-button .cmp-teaser .cmp-teaser__image .cmp-image .cmp-image__image { height: 120px; -o-object-fit: cover; object-fit: cover; } .teaser.contentcntr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; width: auto !important; min-height: 357px; padding: 24px; margin-bottom: 20px !important; margin-top: 0 !important; border-radius: 16px; margin: 0; border: 1px solid #E1EAF3; background: #ffffff; -webkit-box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.0470588235); box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.0470588235); padding: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .teaser.contentcntr { width: 100% !important; margin-bottom: 20px; margin-top: 0; min-height: 323px; } } @media (min-width: 1025px) and (max-width: 1400px) { .teaser.contentcntr { width: auto !important; min-height: 370px; } } @media (max-width: 767px) { .teaser.contentcntr { width: 100% !important; margin-bottom: 20px; margin-top: 0; min-height: 323px; } } .teaser.contentcntr .cmp-teaser { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; } @media (min-width: 768px) and (max-width: 1200px) { .teaser.contentcntr .cmp-teaser { width: 100%; } } @media (max-width: 767px) { .teaser.contentcntr .cmp-teaser { width: 100%; } } .teaser.contentcntr .cmp-teaser .cmp-teaser__content { text-align: center; padding: 16px 8px; } .teaser.contentcntr .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 700; margin-bottom: 16px; color: #2E2F32; } .teaser.contentcntr .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle::after { content: ""; border: 1px solid #DA291C; display: block; width: 50px; height: 2px; background: #DA291C; margin-top: 16px; } .teaser.contentcntr .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { font-size: 16px; font-weight: 400; line-height: 24px; color: #004C97; } .teaser.contentcntr .cmp-teaser .cmp-teaser__image { width: 100%; } @media (min-width: 768px) and (max-width: 1200px) { .teaser.contentcntr .cmp-teaser .cmp-teaser__image { width: 100%; } } @media (max-width: 767px) { .teaser.contentcntr .cmp-teaser .cmp-teaser__image { width: 100%; } } .teaser.contentcntr .cmp-teaser .cmp-teaser__image .cmp-image { width: 100%; } @media (min-width: 768px) and (max-width: 1200px) { .teaser.contentcntr .cmp-teaser .cmp-teaser__image .cmp-image { width: 100%; } } @media (max-width: 767px) { .teaser.contentcntr .cmp-teaser .cmp-teaser__image .cmp-image { width: 100%; } } .teaser.contentcntr .cmp-teaser .cmp-teaser__image .cmp-image .cmp-image__image { display: -webkit-box; display: -ms-flexbox; display: flex; height: 110px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 8px; border: 1px solid #CBD5E1; -o-object-fit: cover; object-fit: cover; } @media (min-width: 768px) and (max-width: 1200px) { .teaser.contentcntr .cmp-teaser .cmp-teaser__image .cmp-image .cmp-image__image { width: 100%; } } @media (max-width: 767px) { .teaser.contentcntr .cmp-teaser .cmp-teaser__image .cmp-image .cmp-image__image { width: 100%; } } .teaser.envelopecard { border: 1px solid #CBD5E1; border-radius: 20px; padding: 16px; margin-top: 0; margin-bottom: 16px; background: #ffffff; } .teaser.envelopecard .cmp-teaser { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 768px) and (max-width: 1200px) { .teaser.envelopecard .cmp-teaser { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (max-width: 767px) { .teaser.envelopecard .cmp-teaser { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 320px) and (max-width: 375px) { .teaser.envelopecard .cmp-teaser { gap: 16px; } } .teaser.envelopecard .cmp-teaser .cmp-teaser__content .cmp-teaser__title { font-size: 16px; font-weight: 700; color: #004C97; margin: 0; } .teaser.envelopecard .cmp-teaser .cmp-teaser__content .cmp-teaser__description p:first-child { font-size: 12px; line-height: 16px; font-weight: 400; color: #2E2F32; margin-bottom: 0; } .teaser.envelopecard .cmp-teaser .cmp-teaser__content .cmp-teaser__description p:nth-child(2) { font-size: 12px; line-height: 16px; font-weight: 700; color: #2E2F32; margin-bottom: 0; } .teaser.envelopecard .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { margin: 0; } .teaser.envelopecard .cmp-teaser .cmp-teaser__content .cmp-teaser__description p a { font-size: 14px; line-height: 20px; font-weight: 400; color: #004C97; } .teaser.envelopecard .cmp-teaser .cmp-teaser__content .cmp-teaser__description p:last-child a { padding: 4px 0; color: #004C97; font-size: 14px; font-weight: 400; line-height: 20px; } .teaser.envelopecard .cmp-teaser .cmp-teaser__image { width: 72px; height: 72px; } .teaser.envelopecard .cmp-teaser .cmp-teaser__image .cmp-image { width: 100%; height: 100%; } .teaser.envelopecard .cmp-teaser .cmp-teaser__image .cmp-image .cmp-image__image { width: 72px; height: 100%; border-radius: 16px; } .teaser.removeTopMargin { margin-top: 0; } .teaser.removeBottomMargin { margin-bottom: 0; } .teaser.imgRgt .cmp-teaser, .teaser.imgLft .cmp-teaser, .teaser.promoAdWithoutBox .cmp-teaser { background-color: #fff; border-radius: 20px; border: 1px solid #CBD5E1; -webkit-box-shadow: 0px 13px 19px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 13px 19px 0px rgba(0, 0, 0, 0.07); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px; gap: 20px; } @media only screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser, .teaser.imgLft .cmp-teaser, .teaser.promoAdWithoutBox .cmp-teaser { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 20px; } } @media (max-width: 767px) { .teaser.imgRgt .cmp-teaser, .teaser.imgLft .cmp-teaser, .teaser.promoAdWithoutBox .cmp-teaser { gap: 24px; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__image, .teaser.imgLft .cmp-teaser .cmp-teaser__image, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image { border-radius: 8px; width: 40%; overflow: hidden; } .teaser.imgRgt .cmp-teaser .cmp-teaser__image .cmp-image, .teaser.imgLft .cmp-teaser .cmp-teaser__image .cmp-image, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image .cmp-image { display: -webkit-box; display: -ms-flexbox; display: flex; width: 500px; height: 425px; } @media only screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__image .cmp-image, .teaser.imgLft .cmp-teaser .cmp-teaser__image .cmp-image, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image .cmp-image { width: 100%; height: 380px; } } @media only screen and (max-width: 767px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__image .cmp-image, .teaser.imgLft .cmp-teaser .cmp-teaser__image .cmp-image, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image .cmp-image { height: 175px; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__image .cmp-image img, .teaser.imgLft .cmp-teaser .cmp-teaser__image .cmp-image img, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image .cmp-image img { -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__image, .teaser.imgLft .cmp-teaser .cmp-teaser__image, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image { width: 100%; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__content, .teaser.imgLft .cmp-teaser .cmp-teaser__content, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__content { padding: 35px 40px; width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__content, .teaser.imgLft .cmp-teaser .cmp-teaser__content, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__content { width: 100%; padding: 20px; } } @media only screen and (max-width: 767px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__content, .teaser.imgLft .cmp-teaser .cmp-teaser__content, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__content { text-align: center; padding: 0; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__pretitle, .teaser.imgLft .cmp-teaser .cmp-teaser__pretitle, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__pretitle { font-size: 20px; font-weight: 600; margin: 12px 0 0; } @media screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__pretitle, .teaser.imgLft .cmp-teaser .cmp-teaser__pretitle, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__pretitle { font-size: 16px; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__title, .teaser.imgLft .cmp-teaser .cmp-teaser__title, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__title { font-size: 28px; font-weight: 700; color: #004C97; margin: 0; } @media screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__title, .teaser.imgLft .cmp-teaser .cmp-teaser__title, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__title { font-size: 20px; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__title::after, .teaser.imgLft .cmp-teaser .cmp-teaser__title::after, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__title::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin-top: 12px; } @media only screen and (max-width: 767px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__title::after, .teaser.imgLft .cmp-teaser .cmp-teaser__title::after, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__title::after { position: relative; left: 50%; position: relative; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } .teaser.imgRgt .cmp-teaser .cmp-teaser__description, .teaser.imgLft .cmp-teaser .cmp-teaser__description, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__description { margin: 32px 0 0; } .teaser.imgRgt .cmp-teaser .cmp-teaser__description p, .teaser.imgLft .cmp-teaser .cmp-teaser__description p, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__description p { margin: 0 0 24px; font-size: 18px; line-height: 24px; font-weight: 400; } @media screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__description p, .teaser.imgLft .cmp-teaser .cmp-teaser__description p, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__description p { font-size: 16px; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__description p:last-child, .teaser.imgLft .cmp-teaser .cmp-teaser__description p:last-child, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__description p:last-child { margin-bottom: 0; } .teaser.imgRgt .cmp-teaser .cmp-teaser__action-container, .teaser.imgLft .cmp-teaser .cmp-teaser__action-container, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__action-container { margin: 32px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } @media only screen and (max-width: 767px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__action-container, .teaser.imgLft .cmp-teaser .cmp-teaser__action-container, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__action-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link, .teaser.imgLft .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link { border-radius: 8px; border: 2px solid #91A1B7; background: #FFF; padding: 10px 36px 10px 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 24px; font-weight: 700; color: #004C97; text-decoration: none; position: relative; } @media (min-width: 768px) and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link, .teaser.imgLft .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link { padding: 8px 36px 8px 16px; } } @media (max-width: 767px) { .teaser.imgRgt .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link, .teaser.imgLft .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link { padding: 8px 36px 8px 16px; } } .teaser.imgRgt .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link .cmp-link__screen-reader-only, .teaser.imgLft .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link .cmp-link__screen-reader-only, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link .cmp-link__screen-reader-only { display: none; } .teaser.imgRgt .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link::after, .teaser.imgLft .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link::after, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link::after { content: "" !important; background: url("clientlib-site/resources/images/link-arrow-right.svg") no-repeat right center; display: block; width: 20px; height: 20px; position: absolute; right: 12px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: right 0.3s ease; transition: right 0.3s ease; } .teaser.imgRgt .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link:hover::after, .teaser.imgLft .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link:hover::after, .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link:hover::after { right: 8px; } .teaser.imgRgt .cmp-teaser { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 20px; } } @media only screen and (max-width: 1024px) { .teaser.imgRgt .cmp-teaser__image { width: 100%; border-radius: 8px; padding: 0; } } .teaser.imgLft .cmp-teaser { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 1024px) { .teaser.imgLft .cmp-teaser { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 20px; } } @media only screen and (max-width: 1024px) { .teaser.imgLft .cmp-teaser__image { width: 100%; border-radius: 8px; padding: 0; } } .teaser.promoAdWithoutBox .cmp-teaser { border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 0; } @media only screen and (max-width: 767px) { .teaser.promoAdWithoutBox .cmp-teaser { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image { width: 30%; } @media only screen and (max-width: 767px) { .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image { width: 100%; padding: 0; } } @media only screen and (max-width: 767px) { .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image .cmp-image { height: 375px; } } .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__image .cmp-image img { -o-object-fit: contain; object-fit: contain; } .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__content { width: 70%; padding-top: 0; padding-bottom: 0; } @media only screen and (max-width: 767px) { .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__content { width: 100%; text-align: center; } } @media (max-width: 767px) { .teaser.promoAdWithoutBox .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .teaser.promoAdWithoutBox .cmp-teaser__pretitle { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 12px; } .teaser.promoAdWithoutBox .cmp-teaser__title { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .teaser.promoAdWithoutBox .cmp-teaser__description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .teaser.promoAdWithoutBox .cmp-teaser__action-container { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .teaser.image-with-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .teaser.image-with-details .cmp-teaser .cmp-teaser__content { text-align: center; padding: 16px 8px; } .teaser.image-with-details .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 700; margin-bottom: 16px; color: #2E2F32; } .teaser.image-with-details .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle::after { content: ""; border: 1px solid #DA291C; display: block; width: 50px; height: 2px; background: #DA291C; margin-top: 16px; } .teaser.image-with-details .cmp-teaser .cmp-teaser__content .cmp-teaser__description p { font-size: 16px; font-weight: 400; line-height: 24px; color: #004C97; } @media (max-width: 767px) { .column-3-1-2 { padding-bottom: 0 !important; } } .column-3-1-2 .cmp-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } @media (min-width: 768px) and (max-width: 1024px) { .column-3-1-2 .cmp-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; margin-top: 0; } } @media (max-width: 767px) { .column-3-1-2 .cmp-container { margin-top: 0; } } .column-3-1 .col-md-9 { padding-right: 0; } @media (min-width: 767px) and (max-width: 1024px) { .column-3-1 .col-md-9 { width: 50%; padding-right: 10px; } } @media (max-width: 767px) { .column-3-1 .col-md-9 { padding-right: 10px; margin-bottom: 32px; } } @media (max-width: 767px) { .column-3-1 .col-md-9 .container { padding-left: 20px; padding-bottom: 30px; } } .column-3-1 .col-md-3 { padding-left: 0; } @media (min-width: 767px) and (max-width: 1024px) { .column-3-1 .col-md-3 { width: 50%; padding-left: 10px; } } @media (max-width: 767px) { .column-3-1 .col-md-3 { padding-left: 10px; } } @media (min-width: 767px) and (max-width: 1024px) { .column-3-1 .col-md-3 .clrSpace { height: 100%; } } @media (min-width: 767px) and (max-width: 1024px) { .column-3-1 .col-md-3 .clrSpace .aem-Grid { height: 100%; } } @media (max-width: 767px) { .text-mobile-center { text-align: center; } } .text.disabled .cmp-text p { color: #74767c; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 { font-weight: 700; margin: 0; } .h1, h1 { font-size: 24px; } @media screen and (min-width: 1025px) { .h1, h1 { font-size: 32px; } } .h2, h2 { font-size: 20px; } @media screen and (min-width: 1025px) { .h2, h2 { font-size: 28px; } } .h3, h3 { font-size: 18px; } @media screen and (min-width: 1025px) { .h3, h3 { font-size: 24px; } } .h4, h4 { font-size: 16px; } @media screen and (min-width: 1025px) { .h4, h4 { font-size: 20px; } } .h5, h5 { font-size: 14px; } @media screen and (min-width: 1025px) { .h5, h5 { font-size: 18px; } } .h6, h6 { font-size: 12px; } @media screen and (min-width: 1025px) { .h6, h6 { font-size: 16px; } } .title .h1, .title h1, .title .h2, .title h2, .title .h3, .title h3, .title .h4, .title h4, .title .h5, .title h5, .title .h6, .title h6 { margin: 0 0 30px; color: #004C97; } .title.alignCenter { text-align: center; } .title.alignCenter.borderBottom .h1::after, .title.alignCenter.borderBottom h1::after, .title.alignCenter.borderBottom .h2::after, .title.alignCenter.borderBottom h2::after, .title.alignCenter.borderBottom .h3::after, .title.alignCenter.borderBottom h3::after, .title.alignCenter.borderBottom .h4::after, .title.alignCenter.borderBottom h4::after, .title.alignCenter.borderBottom .h5::after, .title.alignCenter.borderBottom h5::after, .title.alignCenter.borderBottom .h6::after, .title.alignCenter.borderBottom h6::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin: 12px auto 0 auto; } .title.alignRight { text-align: right; } .title.alignRight.borderBottom .h1::after, .title.alignRight.borderBottom h1::after, .title.alignRight.borderBottom .h2::after, .title.alignRight.borderBottom h2::after, .title.alignRight.borderBottom .h3::after, .title.alignRight.borderBottom h3::after, .title.alignRight.borderBottom .h4::after, .title.alignRight.borderBottom h4::after, .title.alignRight.borderBottom .h5::after, .title.alignRight.borderBottom h5::after, .title.alignRight.borderBottom .h6::after, .title.alignRight.borderBottom h6::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin: 12px 0 0 auto; } .title.borderBottom .h1, .title.borderBottom h1, .title.borderBottom .h2, .title.borderBottom h2, .title.borderBottom .h3, .title.borderBottom h3, .title.borderBottom .h4, .title.borderBottom h4, .title.borderBottom .h5, .title.borderBottom h5, .title.borderBottom .h6, .title.borderBottom h6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 767px) { .title.borderBottom .h1, .title.borderBottom h1, .title.borderBottom .h2, .title.borderBottom h2, .title.borderBottom .h3, .title.borderBottom h3, .title.borderBottom .h4, .title.borderBottom h4, .title.borderBottom .h5, .title.borderBottom h5, .title.borderBottom .h6, .title.borderBottom h6 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } .title.borderBottom .h1::after, .title.borderBottom h1::after, .title.borderBottom .h2::after, .title.borderBottom h2::after, .title.borderBottom .h3::after, .title.borderBottom h3::after, .title.borderBottom .h4::after, .title.borderBottom h4::after, .title.borderBottom .h5::after, .title.borderBottom h5::after, .title.borderBottom .h6::after, .title.borderBottom h6::after { content: ""; display: block; width: 50px; height: 2px; background-color: #E74040; margin-top: 8px; } .title.txtBlack .h1, .title.txtBlack h1, .title.txtBlack .h2, .title.txtBlack h2, .title.txtBlack .h3, .title.txtBlack h3, .title.txtBlack .h4, .title.txtBlack h4, .title.txtBlack .h5, .title.txtBlack h5, .title.txtBlack .h6, .title.txtBlack h6 { color: #2E2F32; } .title.pageTitle { background-color: #193470; color: white; } .title.pageTitle .cmp-title { padding: 20px 25px; margin: 0 auto; } @media screen and (min-width: 768px) { .title.pageTitle .cmp-title { padding: 20px 35px; } } @media screen and (min-width: 1400px) { .title.pageTitle .cmp-title { width: 1440px; padding: 26px 70px; } } .title.pageTitle .cmp-title__text { color: #ffffff; margin-bottom: 0; text-align: center; font-weight: 500; } @media screen and (min-width: 768px) { .title.pageTitle .cmp-title__text { text-align: left; } } .title.pagehead { text-align: center; } .title.pagehead .cmp-title__text { padding: 20px 0; font-size: 32px; color: #2E2F32; font-weight: 500; } @media (max-width: 1024px) { .title.pagehead .cmp-title__text { font-size: 24px; } } .defaultworkprogramcontainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; margin: 0; } @media (max-width: 767px) { .defaultworkprogramcontainer { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-top: 0; } } .defaultworkprogramcontainer .yearfilter { font-size: 16px; font-weight: 700; color: #000000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } @media (max-width: 767px) { .defaultworkprogramcontainer .yearfilter { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .defaultworkprogramcontainer .yearfilter #yearPicker { border: 1px solid #64748B; border-radius: 8px; padding: 6px 10px; font-size: 14px; line-height: 20px; font-weight: 600; width: 187px; height: 32px; margin-left: 10px; } @media (max-width: 767px) { .defaultworkprogramcontainer .yearfilter #yearPicker { width: 100%; margin-top: 10px; } } .defaultworkprogramcontainer .yearfilter .form-control { display: -webkit-box; display: -ms-flexbox; display: flex; width: 234px; height: 32px; padding: 8px 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; border-radius: 8px; border: 1px solid #64748B; background: #FFF; position: relative; padding-right: 25px; margin-top: 0 !important; } @media (max-width: 767px) { .defaultworkprogramcontainer .yearfilter .form-control { width: 100%; } } .defaultworkprogramcontainer .yearfilter .form-control::after { position: absolute; right: 10px; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; content: "\f282"; font-family: "bootstrap-icons"; } .defaultworkprogramcontainer .meetingscheduler { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 50%; } @media (max-width: 767px) { .defaultworkprogramcontainer .meetingscheduler { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1.5px solid #009CDE; border-radius: 8px; padding: 10px 16px; margin-bottom: 30px; } } .defaultworkprogramcontainer .meetingscheduler a { font-size: 12px; line-height: 16px; font-weight: 400; color: #004C97; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } @media (max-width: 767px) { .defaultworkprogramcontainer .meetingscheduler a { font-size: 16px; font-weight: 500; color: #009CDE; } } .defaultworkprogramcontainer .meetingscheduler a::before { content: ""; display: inline-block; background-size: contain; background-repeat: no-repeat; aspect-ratio: 1/1; background-image: url("clientlib-site/resources/images/calendar-2.svg"); width: 16px; height: 16px; } .defaultworkprogramcontainer .previous-title, .defaultworkprogramcontainer .current-title { display: none; color: #2E2F32; font-weight: 700; margin: 0; } .defaultworkprogramcontainer .previous-title h2, .defaultworkprogramcontainer .current-title h2 { font-size: 18px; } @media (max-width: 767px) { .defaultworkprogramcontainer .previous-title, .defaultworkprogramcontainer .current-title { text-align: center; } } .defaultworkprogramcontainer .previous-title::after, .defaultworkprogramcontainer .current-title::after { content: ""; display: block; width: 50px; height: 2px; background: #E74040; margin-top: 5px; } @media (max-width: 767px) { .defaultworkprogramcontainer .previous-title::after, .defaultworkprogramcontainer .current-title::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .defaultworkprogramcontainer .viewSectionContainer { position: relative; width: 100%; } .defaultworkprogramcontainer .viewSectionContainer .first-variant .resource-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .defaultworkprogramcontainer .viewSectionContainer .first-variant .resource-content h3:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .defaultworkprogramcontainer .viewSectionContainer .first-variant .resource-content h3 { font-size: 12px; font-weight: 700; line-height: 16px; margin-bottom: 8px; } .defaultworkprogramcontainer .viewSectionContainer .first-variant .resource-content p { font-size: 12px; line-height: 16px; margin-bottom: 0px; font-weight: 400; } .defaultworkprogramcontainer .viewSectionContainer .first-variant .resource-content::before { content: ""; display: inline-block; background-image: url(clientlib-site/resources/images/PDF.svg); background-size: contain; background-repeat: no-repeat; width: 47px; height: 47px; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; } @media (min-width: 768px) and (max-width: 1200px) { .defaultworkprogramcontainer .viewSectionContainer .resource.first-variant { height: auto; } .defaultworkprogramcontainer .viewSectionContainer .first-variant > div { height: auto; } } .defaultworkprogramcontainer .viewSectionContainer .datefltersection { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 24px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; border-radius: 16px; border: 1px solid var(--Border-Medium-Light, #CBD5E1); margin-bottom: 32px; } @media (max-width: 767px) { .defaultworkprogramcontainer .viewSectionContainer .datefltersection { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; padding: 0; } } .defaultworkprogramcontainer .viewSectionContainer .workprogrammer { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .defaultworkprogramcontainer .viewSectionContainer .workprogrammer { width: 100%; } } .defaultworkprogramcontainer .viewSectionContainer .viewToggleSection { margin-bottom: 32px; } .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns { display: none; } @media screen and (min-width: 768px) { .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns .listViewBtn, .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns .gridViewBtn { border: 1px solid #91A1B7; border-radius: 8px; cursor: pointer; font-size: 16px; color: #004C97; padding: 6px 10px; margin-left: 0px; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; height: 40px; width: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns .listViewBtn:hover, .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns .gridViewBtn:hover { background-color: #B2E1F5; } .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns .listViewBtn.active, .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns .gridViewBtn.active { background-color: #B2E1F5; color: #004C97; border-color: #004C97; cursor: default; } .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns .listViewBtn { background: url("clientlib-site/resources/images/listview.svg") no-repeat center center; } .defaultworkprogramcontainer .viewSectionContainer .viewToggleBtns .gridViewBtn { background: url("clientlib-site/resources/images/gridview.svg") no-repeat center center; } } @media screen and (max-width: 767px) { .defaultworkprogramcontainer .viewSectionContainer .title .cmp-title h3, .defaultworkprogramcontainer .viewSectionContainer .title .cmp-title h4 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media screen and (min-width: 768px) { .defaultworkprogramcontainer .viewSectionContainer.list-view .cmp-container { display: block; } .defaultworkprogramcontainer .viewSectionContainer.grid-view .cmp-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); gap: 16px; } .defaultworkprogramcontainer .viewSectionContainer.grid-view .cmp-container .resource.first-variant { margin-bottom: 0 !important; } } .defaultworkprogramcontainer .year_workprogrampanel { margin-bottom: 32px; } .defaultworkprogramcontainer .year_workprogrampanel .workprogram-title { font-size: 18px; color: #2E2F32; margin-bottom: 12px; } @media (min-width: 768px) and (max-width: 1024px) { .defaultworkprogramcontainer .viewSectionContainer.grid-view .cmp-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } .defaultworkprogramcontainer .viewSectionContainer.grid-view .cmp-container .cmp-container { grid-template-columns: repeat(1, 1fr); } } .defaultworkprogram { font-size: 18px; font-weight: 700; color: #2E2F32; } .defaultworkprogram > div { margin-top: 20px; } .defaultworkprogram > div .cmp-container .resource { border-radius: 16px; padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; } .defaultworkprogram > div .cmp-container .resource div .resource-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .defaultworkprogram > div .cmp-container .resource div .resource-content .resource_title a h3 { font-size: 12px; line-height: 16px; font-weight: 700; color: #004C97; margin-top: 0; } .defaultworkprogram > div .cmp-container .resource div .resource-content .resource_title p { font-size: 12px; line-height: 16px; font-weight: 400; color: #004C97; margin-bottom: 0; } .workprogram-datepicker { border-radius: 8px; border: 1px solid #91A1B7; background: #FFF; padding: 16px; } .workprogram-datepicker table tr td span { border: 1px solid #d2d2d2; font-size: 14px; font-style: normal; color: #004C97; font-weight: 400; } .workprogram-datepicker table tr td span.year.focused { background: #E5F7F8; overflow: hidden; color: #004C97; text-align: center; text-overflow: ellipsis; font-size: 16px; font-style: normal; font-weight: 700; } .workprogram-datepicker table tr td span:hover { color: #003366; font-size: 16px; font-weight: 700; border: 1px solid #B1C0D7; background: #B2E1F5; }