@font-face { font-family: "Gotham Book"; src: url("gotham/GothamBook.woff2") format("woff2"), url("gotham/GothamBook.woff") format("woff"), url("gotham/GothamBook.ttf") format("truetype"); } @font-face { font-family: "Gotham Light"; src: url("gotham/Gotham-Light.woff2") format("woff2"), url("gotham/Gotham-Light.woff") format("woff"), url("gotham/Gotham-Light.ttf") format("truetype"); } @font-face { font-family: "Gotham Medium"; src: url("gotham/Gotham-Medium.woff2") format("woff2"), url("gotham/Gotham-Medium.woff") format("woff"), url("gotham/Gotham-Medium.ttf") format("truetype"); } @font-face { font-family: "Gotham Bold"; src: url("gotham/GothamBold.woff2") format("woff2"), url("gotham/GothamBold.woff") format("woff"), url("gotham/GothamBold.ttf") format("truetype"); } @font-face { font-family: Ionicons; src: url("ionicons/ionicons.ttf?v=2.0.0") format("truetype"), url("ionicons/ionicons.woff?v=2.0.0") format("woff"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert::before, .ion-alert-circled::before, .ion-android-add::before, .ion-android-add-circle::before, .ion-android-alarm-clock::before, .ion-android-alert::before, .ion-android-apps::before, .ion-android-archive::before, .ion-android-arrow-back::before, .ion-android-arrow-down::before, .ion-android-arrow-dropdown::before, .ion-android-arrow-dropdown-circle::before, .ion-android-arrow-dropleft::before, .ion-android-arrow-dropleft-circle::before, .ion-android-arrow-dropright::before, .ion-android-arrow-dropright-circle::before, .ion-android-arrow-dropup::before, .ion-android-arrow-dropup-circle::before, .ion-android-arrow-forward::before, .ion-android-arrow-up::before, .ion-android-attach::before, .ion-android-bar::before, .ion-android-bicycle::before, .ion-android-boat::before, .ion-android-bookmark::before, .ion-android-bulb::before, .ion-android-bus::before, .ion-android-calendar::before, .ion-android-call::before, .ion-android-camera::before, .ion-android-cancel::before, .ion-android-car::before, .ion-android-cart::before, .ion-android-chat::before, .ion-android-checkbox::before, .ion-android-checkbox-blank::before, .ion-android-checkbox-outline::before, .ion-android-checkbox-outline-blank::before, .ion-android-checkmark-circle::before, .ion-android-clipboard::before, .ion-android-close::before, .ion-android-cloud::before, .ion-android-cloud-circle::before, .ion-android-cloud-done::before, .ion-android-cloud-outline::before, .ion-android-color-palette::before, .ion-android-compass::before, .ion-android-contact::before, .ion-android-contacts::before, .ion-android-contract::before, .ion-android-create::before, .ion-android-delete::before, .ion-android-desktop::before, .ion-android-document::before, .ion-android-done::before, .ion-android-done-all::before, .ion-android-download::before, .ion-android-drafts::before, .ion-android-exit::before, .ion-android-expand::before, .ion-android-favorite::before, .ion-android-favorite-outline::before, .ion-android-film::before, .ion-android-folder::before, .ion-android-folder-open::before, .ion-android-funnel::before, .ion-android-globe::before, .ion-android-hand::before, .ion-android-hangout::before, .ion-android-happy::before, .ion-android-home::before, .ion-android-image::before, .ion-android-laptop::before, .ion-android-list::before, .ion-android-locate::before, .ion-android-lock::before, .ion-android-mail::before, .ion-android-map::before, .ion-android-menu::before, .ion-android-microphone::before, .ion-android-microphone-off::before, .ion-android-more-horizontal::before, .ion-android-more-vertical::before, .ion-android-navigate::before, .ion-android-notifications::before, .ion-android-notifications-none::before, .ion-android-notifications-off::before, .ion-android-open::before, .ion-android-options::before, .ion-android-people::before, .ion-android-person::before, .ion-android-person-add::before, .ion-android-phone-landscape::before, .ion-android-phone-portrait::before, .ion-android-pin::before, .ion-android-plane::before, .ion-android-playstore::before, .ion-android-print::before, .ion-android-radio-button-off::before, .ion-android-radio-button-on::before, .ion-android-refresh::before, .ion-android-remove::before, .ion-android-remove-circle::before, .ion-android-restaurant::before, .ion-android-sad::before, .ion-android-search::before, .ion-android-send::before, .ion-android-settings::before, .ion-android-share::before, .ion-android-share-alt::before, .ion-android-star::before, .ion-android-star-half::before, .ion-android-star-outline::before, .ion-android-stopwatch::before, .ion-android-subway::before, .ion-android-sunny::before, .ion-android-sync::before, .ion-android-textsms::before, .ion-android-time::before, .ion-android-train::before, .ion-android-unlock::before, .ion-android-upload::before, .ion-android-volume-down::before, .ion-android-volume-mute::before, .ion-android-volume-off::before, .ion-android-volume-up::before, .ion-android-walk::before, .ion-android-warning::before, .ion-android-watch::before, .ion-android-wifi::before, .ion-aperture::before, .ion-archive::before, .ion-arrow-down-a::before, .ion-arrow-down-b::before, .ion-arrow-down-c::before, .ion-arrow-expand::before, .ion-arrow-graph-down-left::before, .ion-arrow-graph-down-right::before, .ion-arrow-graph-up-left::before, .ion-arrow-graph-up-right::before, .ion-arrow-left-a::before, .ion-arrow-left-b::before, .ion-arrow-left-c::before, .ion-arrow-move::before, .ion-arrow-resize::before, .ion-arrow-return-left::before, .ion-arrow-return-right::before, .ion-arrow-right-a::before, .ion-arrow-right-b::before, .ion-arrow-right-c::before, .ion-arrow-shrink::before, .ion-arrow-swap::before, .ion-arrow-up-a::before, .ion-arrow-up-b::before, .ion-arrow-up-c::before, .ion-asterisk::before, .ion-at::before, .ion-backspace::before, .ion-backspace-outline::before, .ion-bag::before, .ion-battery-charging::before, .ion-battery-empty::before, .ion-battery-full::before, .ion-battery-half::before, .ion-battery-low::before, .ion-beaker::before, .ion-beer::before, .ion-bluetooth::before, .ion-bonfire::before, .ion-bookmark::before, .ion-bowtie::before, .ion-briefcase::before, .ion-bug::before, .ion-calculator::before, .ion-calendar::before, .ion-camera::before, .ion-card::before, .ion-cash::before, .ion-chatbox::before, .ion-chatbox-working::before, .ion-chatboxes::before, .ion-chatbubble::before, .ion-chatbubble-working::before, .ion-chatbubbles::before, .ion-checkmark::before, .ion-checkmark-circled::before, .ion-checkmark-round::before, .ion-chevron-down::before, .ion-chevron-left::before, .ion-chevron-right::before, .ion-chevron-up::before, .ion-clipboard::before, .ion-clock::before, .ion-close::before, .ion-close-circled::before, .ion-close-round::before, .ion-closed-captioning::before, .ion-cloud::before, .ion-code::before, .ion-code-download::before, .ion-code-working::before, .ion-coffee::before, .ion-compass::before, .ion-compose::before, .ion-connection-bars::before, .ion-contrast::before, .ion-crop::before, .ion-cube::before, .ion-disc::before, .ion-document::before, .ion-document-text::before, .ion-drag::before, .ion-earth::before, .ion-easel::before, .ion-edit::before, .ion-egg::before, .ion-eject::before, .ion-email::before, .ion-email-unread::before, .ion-erlenmeyer-flask::before, .ion-erlenmeyer-flask-bubbles::before, .ion-eye::before, .ion-eye-disabled::before, .ion-female::before, .ion-filing::before, .ion-film-marker::before, .ion-fireball::before, .ion-flag::before, .ion-flame::before, .ion-flash::before, .ion-flash-off::before, .ion-folder::before, .ion-fork::before, .ion-fork-repo::before, .ion-forward::before, .ion-funnel::before, .ion-gear-a::before, .ion-gear-b::before, .ion-grid::before, .ion-hammer::before, .ion-happy::before, .ion-happy-outline::before, .ion-headphone::before, .ion-heart::before, .ion-heart-broken::before, .ion-help::before, .ion-help-buoy::before, .ion-help-circled::before, .ion-home::before, .ion-icecream::before, .ion-image::before, .ion-images::before, .ion-information::before, .ion-information-circled::before, .ion-ionic::before, .ion-ios-alarm::before, .ion-ios-alarm-outline::before, .ion-ios-albums::before, .ion-ios-albums-outline::before, .ion-ios-americanfootball::before, .ion-ios-americanfootball-outline::before, .ion-ios-analytics::before, .ion-ios-analytics-outline::before, .ion-ios-arrow-back::before, .ion-ios-arrow-down::before, .ion-ios-arrow-forward::before, .ion-ios-arrow-left::before, .ion-ios-arrow-right::before, .ion-ios-arrow-thin-down::before, .ion-ios-arrow-thin-left::before, .ion-ios-arrow-thin-right::before, .ion-ios-arrow-thin-up::before, .ion-ios-arrow-up::before, .ion-ios-at::before, .ion-ios-at-outline::before, .ion-ios-barcode::before, .ion-ios-barcode-outline::before, .ion-ios-baseball::before, .ion-ios-baseball-outline::before, .ion-ios-basketball::before, .ion-ios-basketball-outline::before, .ion-ios-bell::before, .ion-ios-bell-outline::before, .ion-ios-body::before, .ion-ios-body-outline::before, .ion-ios-bolt::before, .ion-ios-bolt-outline::before, .ion-ios-book::before, .ion-ios-book-outline::before, .ion-ios-bookmarks::before, .ion-ios-bookmarks-outline::before, .ion-ios-box::before, .ion-ios-box-outline::before, .ion-ios-briefcase::before, .ion-ios-briefcase-outline::before, .ion-ios-browsers::before, .ion-ios-browsers-outline::before, .ion-ios-calculator::before, .ion-ios-calculator-outline::before, .ion-ios-calendar::before, .ion-ios-calendar-outline::before, .ion-ios-camera::before, .ion-ios-camera-outline::before, .ion-ios-cart::before, .ion-ios-cart-outline::before, .ion-ios-chatboxes::before, .ion-ios-chatboxes-outline::before, .ion-ios-chatbubble::before, .ion-ios-chatbubble-outline::before, .ion-ios-checkmark::before, .ion-ios-checkmark-empty::before, .ion-ios-checkmark-outline::before, .ion-ios-circle-filled::before, .ion-ios-circle-outline::before, .ion-ios-clock::before, .ion-ios-clock-outline::before, .ion-ios-close::before, .ion-ios-close-empty::before, .ion-ios-close-outline::before, .ion-ios-cloud::before, .ion-ios-cloud-download::before, .ion-ios-cloud-download-outline::before, .ion-ios-cloud-outline::before, .ion-ios-cloud-upload::before, .ion-ios-cloud-upload-outline::before, .ion-ios-cloudy::before, .ion-ios-cloudy-night::before, .ion-ios-cloudy-night-outline::before, .ion-ios-cloudy-outline::before, .ion-ios-cog::before, .ion-ios-cog-outline::before, .ion-ios-color-filter::before, .ion-ios-color-filter-outline::before, .ion-ios-color-wand::before, .ion-ios-color-wand-outline::before, .ion-ios-compose::before, .ion-ios-compose-outline::before, .ion-ios-contact::before, .ion-ios-contact-outline::before, .ion-ios-copy::before, .ion-ios-copy-outline::before, .ion-ios-crop::before, .ion-ios-crop-strong::before, .ion-ios-download::before, .ion-ios-download-outline::before, .ion-ios-drag::before, .ion-ios-email::before, .ion-ios-email-outline::before, .ion-ios-eye::before, .ion-ios-eye-outline::before, .ion-ios-fastforward::before, .ion-ios-fastforward-outline::before, .ion-ios-filing::before, .ion-ios-filing-outline::before, .ion-ios-film::before, .ion-ios-film-outline::before, .ion-ios-flag::before, .ion-ios-flag-outline::before, .ion-ios-flame::before, .ion-ios-flame-outline::before, .ion-ios-flask::before, .ion-ios-flask-outline::before, .ion-ios-flower::before, .ion-ios-flower-outline::before, .ion-ios-folder::before, .ion-ios-folder-outline::before, .ion-ios-football::before, .ion-ios-football-outline::before, .ion-ios-game-controller-a::before, .ion-ios-game-controller-a-outline::before, .ion-ios-game-controller-b::before, .ion-ios-game-controller-b-outline::before, .ion-ios-gear::before, .ion-ios-gear-outline::before, .ion-ios-glasses::before, .ion-ios-glasses-outline::before, .ion-ios-grid-view::before, .ion-ios-grid-view-outline::before, .ion-ios-heart::before, .ion-ios-heart-outline::before, .ion-ios-help::before, .ion-ios-help-empty::before, .ion-ios-help-outline::before, .ion-ios-home::before, .ion-ios-home-outline::before, .ion-ios-infinite::before, .ion-ios-infinite-outline::before, .ion-ios-information::before, .ion-ios-information-empty::before, .ion-ios-information-outline::before, .ion-ios-ionic-outline::before, .ion-ios-keypad::before, .ion-ios-keypad-outline::before, .ion-ios-lightbulb::before, .ion-ios-lightbulb-outline::before, .ion-ios-list::before, .ion-ios-list-outline::before, .ion-ios-location::before, .ion-ios-location-outline::before, .ion-ios-locked::before, .ion-ios-locked-outline::before, .ion-ios-loop::before, .ion-ios-loop-strong::before, .ion-ios-medical::before, .ion-ios-medical-outline::before, .ion-ios-medkit::before, .ion-ios-medkit-outline::before, .ion-ios-mic::before, .ion-ios-mic-off::before, .ion-ios-mic-outline::before, .ion-ios-minus::before, .ion-ios-minus-empty::before, .ion-ios-minus-outline::before, .ion-ios-monitor::before, .ion-ios-monitor-outline::before, .ion-ios-moon::before, .ion-ios-moon-outline::before, .ion-ios-more::before, .ion-ios-more-outline::before, .ion-ios-musical-note::before, .ion-ios-musical-notes::before, .ion-ios-navigate::before, .ion-ios-navigate-outline::before, .ion-ios-nutrition::before, .ion-ios-nutrition-outline::before, .ion-ios-paper::before, .ion-ios-paper-outline::before, .ion-ios-paperplane::before, .ion-ios-paperplane-outline::before, .ion-ios-partlysunny::before, .ion-ios-partlysunny-outline::before, .ion-ios-pause::before, .ion-ios-pause-outline::before, .ion-ios-paw::before, .ion-ios-paw-outline::before, .ion-ios-people::before, .ion-ios-people-outline::before, .ion-ios-person::before, .ion-ios-person-outline::before, .ion-ios-personadd::before, .ion-ios-personadd-outline::before, .ion-ios-photos::before, .ion-ios-photos-outline::before, .ion-ios-pie::before, .ion-ios-pie-outline::before, .ion-ios-pint::before, .ion-ios-pint-outline::before, .ion-ios-play::before, .ion-ios-play-outline::before, .ion-ios-plus::before, .ion-ios-plus-empty::before, .ion-ios-plus-outline::before, .ion-ios-pricetag::before, .ion-ios-pricetag-outline::before, .ion-ios-pricetags::before, .ion-ios-pricetags-outline::before, .ion-ios-printer::before, .ion-ios-printer-outline::before, .ion-ios-pulse::before, .ion-ios-pulse-strong::before, .ion-ios-rainy::before, .ion-ios-rainy-outline::before, .ion-ios-recording::before, .ion-ios-recording-outline::before, .ion-ios-redo::before, .ion-ios-redo-outline::before, .ion-ios-refresh::before, .ion-ios-refresh-empty::before, .ion-ios-refresh-outline::before, .ion-ios-reload::before, .ion-ios-reverse-camera::before, .ion-ios-reverse-camera-outline::before, .ion-ios-rewind::before, .ion-ios-rewind-outline::before, .ion-ios-rose::before, .ion-ios-rose-outline::before, .ion-ios-search::before, .ion-ios-search-strong::before, .ion-ios-settings::before, .ion-ios-settings-strong::before, .ion-ios-shuffle::before, .ion-ios-shuffle-strong::before, .ion-ios-skipbackward::before, .ion-ios-skipbackward-outline::before, .ion-ios-skipforward::before, .ion-ios-skipforward-outline::before, .ion-ios-snowy::before, .ion-ios-speedometer::before, .ion-ios-speedometer-outline::before, .ion-ios-star::before, .ion-ios-star-half::before, .ion-ios-star-outline::before, .ion-ios-stopwatch::before, .ion-ios-stopwatch-outline::before, .ion-ios-sunny::before, .ion-ios-sunny-outline::before, .ion-ios-telephone::before, .ion-ios-telephone-outline::before, .ion-ios-tennisball::before, .ion-ios-tennisball-outline::before, .ion-ios-thunderstorm::before, .ion-ios-thunderstorm-outline::before, .ion-ios-time::before, .ion-ios-time-outline::before, .ion-ios-timer::before, .ion-ios-timer-outline::before, .ion-ios-toggle::before, .ion-ios-toggle-outline::before, .ion-ios-trash::before, .ion-ios-trash-outline::before, .ion-ios-undo::before, .ion-ios-undo-outline::before, .ion-ios-unlocked::before, .ion-ios-unlocked-outline::before, .ion-ios-upload::before, .ion-ios-upload-outline::before, .ion-ios-videocam::before, .ion-ios-videocam-outline::before, .ion-ios-volume-high::before, .ion-ios-volume-low::before, .ion-ios-wineglass::before, .ion-ios-wineglass-outline::before, .ion-ios-world::before, .ion-ios-world-outline::before, .ion-ipad::before, .ion-iphone::before, .ion-ipod::before, .ion-jet::before, .ion-key::before, .ion-knife::before, .ion-laptop::before, .ion-leaf::before, .ion-levels::before, .ion-lightbulb::before, .ion-link::before, .ion-load-a::before, .ion-load-b::before, .ion-load-c::before, .ion-load-d::before, .ion-location::before, .ion-lock-combination::before, .ion-locked::before, .ion-log-in::before, .ion-log-out::before, .ion-loop::before, .ion-magnet::before, .ion-male::before, .ion-man::before, .ion-map::before, .ion-medkit::before, .ion-merge::before, .ion-mic-a::before, .ion-mic-b::before, .ion-mic-c::before, .ion-minus::before, .ion-minus-circled::before, .ion-minus-round::before, .ion-model-s::before, .ion-monitor::before, .ion-more::before, .ion-mouse::before, .ion-music-note::before, .ion-navicon::before, .ion-navicon-round::before, .ion-navigate::before, .ion-network::before, .ion-no-smoking::before, .ion-nuclear::before, .ion-outlet::before, .ion-paintbrush::before, .ion-paintbucket::before, .ion-paper-airplane::before, .ion-paperclip::before, .ion-pause::before, .ion-person::before, .ion-person-add::before, .ion-person-stalker::before, .ion-pie-graph::before, .ion-pin::before, .ion-pinpoint::before, .ion-pizza::before, .ion-plane::before, .ion-planet::before, .ion-play::before, .ion-playstation::before, .ion-plus::before, .ion-plus-circled::before, .ion-plus-round::before, .ion-podium::before, .ion-pound::before, .ion-power::before, .ion-pricetag::before, .ion-pricetags::before, .ion-printer::before, .ion-pull-request::before, .ion-qr-scanner::before, .ion-quote::before, .ion-radio-waves::before, .ion-record::before, .ion-refresh::before, .ion-reply::before, .ion-reply-all::before, .ion-ribbon-a::before, .ion-ribbon-b::before, .ion-sad::before, .ion-sad-outline::before, .ion-scissors::before, .ion-search::before, .ion-settings::before, .ion-share::before, .ion-shuffle::before, .ion-skip-backward::before, .ion-skip-forward::before, .ion-social-android::before, .ion-social-android-outline::before, .ion-social-angular::before, .ion-social-angular-outline::before, .ion-social-apple::before, .ion-social-apple-outline::before, .ion-social-bitcoin::before, .ion-social-bitcoin-outline::before, .ion-social-buffer::before, .ion-social-buffer-outline::before, .ion-social-chrome::before, .ion-social-chrome-outline::before, .ion-social-codepen::before, .ion-social-codepen-outline::before, .ion-social-css3::before, .ion-social-css3-outline::before, .ion-social-designernews::before, .ion-social-designernews-outline::before, .ion-social-dribbble::before, .ion-social-dribbble-outline::before, .ion-social-dropbox::before, .ion-social-dropbox-outline::before, .ion-social-euro::before, .ion-social-euro-outline::before, .ion-social-facebook::before, .ion-social-facebook-outline::before, .ion-social-foursquare::before, .ion-social-foursquare-outline::before, .ion-social-freebsd-devil::before, .ion-social-github::before, .ion-social-github-outline::before, .ion-social-google::before, .ion-social-google-outline::before, .ion-social-googleplus::before, .ion-social-googleplus-outline::before, .ion-social-hackernews::before, .ion-social-hackernews-outline::before, .ion-social-html5::before, .ion-social-html5-outline::before, .ion-social-instagram::before, .ion-social-instagram-outline::before, .ion-social-javascript::before, .ion-social-javascript-outline::before, .ion-social-linkedin::before, .ion-social-linkedin-outline::before, .ion-social-markdown::before, .ion-social-nodejs::before, .ion-social-octocat::before, .ion-social-pinterest::before, .ion-social-pinterest-outline::before, .ion-social-python::before, .ion-social-reddit::before, .ion-social-reddit-outline::before, .ion-social-rss::before, .ion-social-rss-outline::before, .ion-social-sass::before, .ion-social-skype::before, .ion-social-skype-outline::before, .ion-social-snapchat::before, .ion-social-snapchat-outline::before, .ion-social-tumblr::before, .ion-social-tumblr-outline::before, .ion-social-tux::before, .ion-social-twitch::before, .ion-social-twitch-outline::before, .ion-social-twitter::before, .ion-social-twitter-outline::before, .ion-social-usd::before, .ion-social-usd-outline::before, .ion-social-vimeo::before, .ion-social-vimeo-outline::before, .ion-social-whatsapp::before, .ion-social-whatsapp-outline::before, .ion-social-windows::before, .ion-social-windows-outline::before, .ion-social-wordpress::before, .ion-social-wordpress-outline::before, .ion-social-yahoo::before, .ion-social-yahoo-outline::before, .ion-social-yen::before, .ion-social-yen-outline::before, .ion-social-youtube::before, .ion-social-youtube-outline::before, .ion-soup-can::before, .ion-soup-can-outline::before, .ion-speakerphone::before, .ion-speedometer::before, .ion-spoon::before, .ion-star::before, .ion-stats-bars::before, .ion-steam::before, .ion-stop::before, .ion-thermometer::before, .ion-thumbsdown::before, .ion-thumbsup::before, .ion-toggle::before, .ion-toggle-filled::before, .ion-transgender::before, .ion-trash-a::before, .ion-trash-b::before, .ion-trophy::before, .ion-tshirt::before, .ion-tshirt-outline::before, .ion-umbrella::before, .ion-university::before, .ion-unlocked::before, .ion-upload::before, .ion-usb::before, .ion-videocamera::before, .ion-volume-high::before, .ion-volume-low::before, .ion-volume-medium::before, .ion-volume-mute::before, .ion-wand::before, .ion-waterdrop::before, .ion-wifi::before, .ion-wineglass::before, .ion-woman::before, .ion-wrench::before, .ion-xbox::before { display: inline-block; font-family: Ionicons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; } .ion-alert::before { content: ""; } .ion-alert-circled::before { content: ""; } .ion-android-add::before { content: ""; } .ion-android-add-circle::before { content: ""; } .ion-android-alarm-clock::before { content: ""; } .ion-android-alert::before { content: ""; } .ion-android-apps::before { content: ""; } .ion-android-archive::before { content: ""; } .ion-android-arrow-back::before { content: ""; } .ion-android-arrow-down::before { content: ""; } .ion-android-arrow-dropdown::before { content: ""; } .ion-android-arrow-dropdown-circle::before { content: ""; } .ion-android-arrow-dropleft::before { content: ""; } .ion-android-arrow-dropleft-circle::before { content: ""; } .ion-android-arrow-dropright::before { content: ""; } .ion-android-arrow-dropright-circle::before { content: ""; } .ion-android-arrow-dropup::before { content: ""; } .ion-android-arrow-dropup-circle::before { content: ""; } .ion-android-arrow-forward::before { content: ""; } .ion-android-arrow-up::before { content: ""; } .ion-android-attach::before { content: ""; } .ion-android-bar::before { content: ""; } .ion-android-bicycle::before { content: ""; } .ion-android-boat::before { content: ""; } .ion-android-bookmark::before { content: ""; } .ion-android-bulb::before { content: ""; } .ion-android-bus::before { content: ""; } .ion-android-calendar::before { content: ""; } .ion-android-call::before { content: ""; } .ion-android-camera::before { content: ""; } .ion-android-cancel::before { content: ""; } .ion-android-car::before { content: ""; } .ion-android-cart::before { content: ""; } .ion-android-chat::before { content: ""; } .ion-android-checkbox::before { content: ""; } .ion-android-checkbox-blank::before { content: ""; } .ion-android-checkbox-outline::before { content: ""; } .ion-android-checkbox-outline-blank::before { content: ""; } .ion-android-checkmark-circle::before { content: ""; } .ion-android-clipboard::before { content: ""; } .ion-android-close::before { content: ""; } .ion-android-cloud::before { content: ""; } .ion-android-cloud-circle::before { content: ""; } .ion-android-cloud-done::before { content: ""; } .ion-android-cloud-outline::before { content: ""; } .ion-android-color-palette::before { content: ""; } .ion-android-compass::before { content: ""; } .ion-android-contact::before { content: ""; } .ion-android-contacts::before { content: ""; } .ion-android-contract::before { content: ""; } .ion-android-create::before { content: ""; } .ion-android-delete::before { content: ""; } .ion-android-desktop::before { content: ""; } .ion-android-document::before { content: ""; } .ion-android-done::before { content: ""; } .ion-android-done-all::before { content: ""; } .ion-android-download::before { content: ""; } .ion-android-drafts::before { content: ""; } .ion-android-exit::before { content: ""; } .ion-android-expand::before { content: ""; } .ion-android-favorite::before { content: ""; } .ion-android-favorite-outline::before { content: ""; } .ion-android-film::before { content: ""; } .ion-android-folder::before { content: ""; } .ion-android-folder-open::before { content: ""; } .ion-android-funnel::before { content: ""; } .ion-android-globe::before { content: ""; } .ion-android-hand::before { content: ""; } .ion-android-hangout::before { content: ""; } .ion-android-happy::before { content: ""; } .ion-android-home::before { content: ""; } .ion-android-image::before { content: ""; } .ion-android-laptop::before { content: ""; } .ion-android-list::before { content: ""; } .ion-android-locate::before { content: ""; } .ion-android-lock::before { content: ""; } .ion-android-mail::before { content: ""; } .ion-android-map::before { content: ""; } .ion-android-menu::before { content: ""; } .ion-android-microphone::before { content: ""; } .ion-android-microphone-off::before { content: ""; } .ion-android-more-horizontal::before { content: ""; } .ion-android-more-vertical::before { content: ""; } .ion-android-navigate::before { content: ""; } .ion-android-notifications::before { content: ""; } .ion-android-notifications-none::before { content: ""; } .ion-android-notifications-off::before { content: ""; } .ion-android-open::before { content: ""; } .ion-android-options::before { content: ""; } .ion-android-people::before { content: ""; } .ion-android-person::before { content: ""; } .ion-android-person-add::before { content: ""; } .ion-android-phone-landscape::before { content: ""; } .ion-android-phone-portrait::before { content: ""; } .ion-android-pin::before { content: ""; } .ion-android-plane::before { content: ""; } .ion-android-playstore::before { content: ""; } .ion-android-print::before { content: ""; } .ion-android-radio-button-off::before { content: ""; } .ion-android-radio-button-on::before { content: ""; } .ion-android-refresh::before { content: ""; } .ion-android-remove::before { content: ""; } .ion-android-remove-circle::before { content: ""; } .ion-android-restaurant::before { content: ""; } .ion-android-sad::before { content: ""; } .ion-android-search::before { content: ""; } .ion-android-send::before { content: ""; } .ion-android-settings::before { content: ""; } .ion-android-share::before { content: ""; } .ion-android-share-alt::before { content: ""; } .ion-android-star::before { content: ""; } .ion-android-star-half::before { content: ""; } .ion-android-star-outline::before { content: ""; } .ion-android-stopwatch::before { content: ""; } .ion-android-subway::before { content: ""; } .ion-android-sunny::before { content: ""; } .ion-android-sync::before { content: ""; } .ion-android-textsms::before { content: ""; } .ion-android-time::before { content: ""; } .ion-android-train::before { content: ""; } .ion-android-unlock::before { content: ""; } .ion-android-upload::before { content: ""; } .ion-android-volume-down::before { content: ""; } .ion-android-volume-mute::before { content: ""; } .ion-android-volume-off::before { content: ""; } .ion-android-volume-up::before { content: ""; } .ion-android-walk::before { content: ""; } .ion-android-warning::before { content: ""; } .ion-android-watch::before { content: ""; } .ion-android-wifi::before { content: ""; } .ion-aperture::before { content: ""; } .ion-archive::before { content: ""; } .ion-arrow-down-a::before { content: ""; } .ion-arrow-down-b::before { content: ""; } .ion-arrow-down-c::before { content: ""; } .ion-arrow-expand::before { content: ""; } .ion-arrow-graph-down-left::before { content: ""; } .ion-arrow-graph-down-right::before { content: ""; } .ion-arrow-graph-up-left::before { content: ""; } .ion-arrow-graph-up-right::before { content: ""; } .ion-arrow-left-a::before { content: ""; } .ion-arrow-left-b::before { content: ""; } .ion-arrow-left-c::before { content: ""; } .ion-arrow-move::before { content: ""; } .ion-arrow-resize::before { content: ""; } .ion-arrow-return-left::before { content: ""; } .ion-arrow-return-right::before { content: ""; } .ion-arrow-right-a::before { content: ""; } .ion-arrow-right-b::before { content: ""; } .ion-arrow-right-c::before { content: ""; } .ion-arrow-shrink::before { content: ""; } .ion-arrow-swap::before { content: ""; } .ion-arrow-up-a::before { content: ""; } .ion-arrow-up-b::before { content: ""; } .ion-arrow-up-c::before { content: ""; } .ion-asterisk::before { content: ""; } .ion-at::before { content: ""; } .ion-backspace::before { content: ""; } .ion-backspace-outline::before { content: ""; } .ion-bag::before { content: ""; } .ion-battery-charging::before { content: ""; } .ion-battery-empty::before { content: ""; } .ion-battery-full::before { content: ""; } .ion-battery-half::before { content: ""; } .ion-battery-low::before { content: ""; } .ion-beaker::before { content: ""; } .ion-beer::before { content: ""; } .ion-bluetooth::before { content: ""; } .ion-bonfire::before { content: ""; } .ion-bookmark::before { content: ""; } .ion-bowtie::before { content: ""; } .ion-briefcase::before { content: ""; } .ion-bug::before { content: ""; } .ion-calculator::before { content: ""; } .ion-calendar::before { content: ""; } .ion-camera::before { content: ""; } .ion-card::before { content: ""; } .ion-cash::before { content: ""; } .ion-chatbox::before { content: ""; } .ion-chatbox-working::before { content: ""; } .ion-chatboxes::before { content: ""; } .ion-chatbubble::before { content: ""; } .ion-chatbubble-working::before { content: ""; } .ion-chatbubbles::before { content: ""; } .ion-checkmark::before { content: ""; } .ion-checkmark-circled::before { content: ""; } .ion-checkmark-round::before { content: ""; } .ion-chevron-down::before { content: ""; } .ion-chevron-left::before { content: ""; } .ion-chevron-right::before { content: ""; } .ion-chevron-up::before { content: ""; } .ion-clipboard::before { content: ""; } .ion-clock::before { content: ""; } .ion-close::before { content: ""; } .ion-close-circled::before { content: ""; } .ion-close-round::before { content: ""; } .ion-closed-captioning::before { content: ""; } .ion-cloud::before { content: ""; } .ion-code::before { content: ""; } .ion-code-download::before { content: ""; } .ion-code-working::before { content: ""; } .ion-coffee::before { content: ""; } .ion-compass::before { content: ""; } .ion-compose::before { content: ""; } .ion-connection-bars::before { content: ""; } .ion-contrast::before { content: ""; } .ion-crop::before { content: ""; } .ion-cube::before { content: ""; } .ion-disc::before { content: ""; } .ion-document::before { content: ""; } .ion-document-text::before { content: ""; } .ion-drag::before { content: ""; } .ion-earth::before { content: ""; } .ion-easel::before { content: ""; } .ion-edit::before { content: ""; } .ion-egg::before { content: ""; } .ion-eject::before { content: ""; } .ion-email::before { content: ""; } .ion-email-unread::before { content: ""; } .ion-erlenmeyer-flask::before { content: ""; } .ion-erlenmeyer-flask-bubbles::before { content: ""; } .ion-eye::before { content: ""; } .ion-eye-disabled::before { content: ""; } .ion-female::before { content: ""; } .ion-filing::before { content: ""; } .ion-film-marker::before { content: ""; } .ion-fireball::before { content: ""; } .ion-flag::before { content: ""; } .ion-flame::before { content: ""; } .ion-flash::before { content: ""; } .ion-flash-off::before { content: ""; } .ion-folder::before { content: ""; } .ion-fork::before { content: ""; } .ion-fork-repo::before { content: ""; } .ion-forward::before { content: ""; } .ion-funnel::before { content: ""; } .ion-gear-a::before { content: ""; } .ion-gear-b::before { content: ""; } .ion-grid::before { content: ""; } .ion-hammer::before { content: ""; } .ion-happy::before { content: ""; } .ion-happy-outline::before { content: ""; } .ion-headphone::before { content: ""; } .ion-heart::before { content: ""; } .ion-heart-broken::before { content: ""; } .ion-help::before { content: ""; } .ion-help-buoy::before { content: ""; } .ion-help-circled::before { content: ""; } .ion-home::before { content: ""; } .ion-icecream::before { content: ""; } .ion-image::before { content: ""; } .ion-images::before { content: ""; } .ion-information::before { content: ""; } .ion-information-circled::before { content: ""; } .ion-ionic::before { content: ""; } .ion-ios-alarm::before { content: ""; } .ion-ios-alarm-outline::before { content: ""; } .ion-ios-albums::before { content: ""; } .ion-ios-albums-outline::before { content: ""; } .ion-ios-americanfootball::before { content: ""; } .ion-ios-americanfootball-outline::before { content: ""; } .ion-ios-analytics::before { content: ""; } .ion-ios-analytics-outline::before { content: ""; } .ion-ios-arrow-back::before { content: ""; } .ion-ios-arrow-down::before { content: ""; } .ion-ios-arrow-forward::before { content: ""; } .ion-ios-arrow-left::before { content: ""; } .ion-ios-arrow-right::before { content: ""; } .ion-ios-arrow-thin-down::before { content: ""; } .ion-ios-arrow-thin-left::before { content: ""; } .ion-ios-arrow-thin-right::before { content: ""; } .ion-ios-arrow-thin-up::before { content: ""; } .ion-ios-arrow-up::before { content: ""; } .ion-ios-at::before { content: ""; } .ion-ios-at-outline::before { content: ""; } .ion-ios-barcode::before { content: ""; } .ion-ios-barcode-outline::before { content: ""; } .ion-ios-baseball::before { content: ""; } .ion-ios-baseball-outline::before { content: ""; } .ion-ios-basketball::before { content: ""; } .ion-ios-basketball-outline::before { content: ""; } .ion-ios-bell::before { content: ""; } .ion-ios-bell-outline::before { content: ""; } .ion-ios-body::before { content: ""; } .ion-ios-body-outline::before { content: ""; } .ion-ios-bolt::before { content: ""; } .ion-ios-bolt-outline::before { content: ""; } .ion-ios-book::before { content: ""; } .ion-ios-book-outline::before { content: ""; } .ion-ios-bookmarks::before { content: ""; } .ion-ios-bookmarks-outline::before { content: ""; } .ion-ios-box::before { content: ""; } .ion-ios-box-outline::before { content: ""; } .ion-ios-briefcase::before { content: ""; } .ion-ios-briefcase-outline::before { content: ""; } .ion-ios-browsers::before { content: ""; } .ion-ios-browsers-outline::before { content: ""; } .ion-ios-calculator::before { content: ""; } .ion-ios-calculator-outline::before { content: ""; } .ion-ios-calendar::before { content: ""; } .ion-ios-calendar-outline::before { content: ""; } .ion-ios-camera::before { content: ""; } .ion-ios-camera-outline::before { content: ""; } .ion-ios-cart::before { content: ""; } .ion-ios-cart-outline::before { content: ""; } .ion-ios-chatboxes::before { content: ""; } .ion-ios-chatboxes-outline::before { content: ""; } .ion-ios-chatbubble::before { content: ""; } .ion-ios-chatbubble-outline::before { content: ""; } .ion-ios-checkmark::before { content: ""; } .ion-ios-checkmark-empty::before { content: ""; } .ion-ios-checkmark-outline::before { content: ""; } .ion-ios-circle-filled::before { content: ""; } .ion-ios-circle-outline::before { content: ""; } .ion-ios-clock::before { content: ""; } .ion-ios-clock-outline::before { content: ""; } .ion-ios-close::before { content: ""; } .ion-ios-close-empty::before { content: ""; } .ion-ios-close-outline::before { content: ""; } .ion-ios-cloud::before { content: ""; } .ion-ios-cloud-download::before { content: ""; } .ion-ios-cloud-download-outline::before { content: ""; } .ion-ios-cloud-outline::before { content: ""; } .ion-ios-cloud-upload::before { content: ""; } .ion-ios-cloud-upload-outline::before { content: ""; } .ion-ios-cloudy::before { content: ""; } .ion-ios-cloudy-night::before { content: ""; } .ion-ios-cloudy-night-outline::before { content: ""; } .ion-ios-cloudy-outline::before { content: ""; } .ion-ios-cog::before { content: ""; } .ion-ios-cog-outline::before { content: ""; } .ion-ios-color-filter::before { content: ""; } .ion-ios-color-filter-outline::before { content: ""; } .ion-ios-color-wand::before { content: ""; } .ion-ios-color-wand-outline::before { content: ""; } .ion-ios-compose::before { content: ""; } .ion-ios-compose-outline::before { content: ""; } .ion-ios-contact::before { content: ""; } .ion-ios-contact-outline::before { content: ""; } .ion-ios-copy::before { content: ""; } .ion-ios-copy-outline::before { content: ""; } .ion-ios-crop::before { content: ""; } .ion-ios-crop-strong::before { content: ""; } .ion-ios-download::before { content: ""; } .ion-ios-download-outline::before { content: ""; } .ion-ios-drag::before { content: ""; } .ion-ios-email::before { content: ""; } .ion-ios-email-outline::before { content: ""; } .ion-ios-eye::before { content: ""; } .ion-ios-eye-outline::before { content: ""; } .ion-ios-fastforward::before { content: ""; } .ion-ios-fastforward-outline::before { content: ""; } .ion-ios-filing::before { content: ""; } .ion-ios-filing-outline::before { content: ""; } .ion-ios-film::before { content: ""; } .ion-ios-film-outline::before { content: ""; } .ion-ios-flag::before { content: ""; } .ion-ios-flag-outline::before { content: ""; } .ion-ios-flame::before { content: ""; } .ion-ios-flame-outline::before { content: ""; } .ion-ios-flask::before { content: ""; } .ion-ios-flask-outline::before { content: ""; } .ion-ios-flower::before { content: ""; } .ion-ios-flower-outline::before { content: ""; } .ion-ios-folder::before { content: ""; } .ion-ios-folder-outline::before { content: ""; } .ion-ios-football::before { content: ""; } .ion-ios-football-outline::before { content: ""; } .ion-ios-game-controller-a::before { content: ""; } .ion-ios-game-controller-a-outline::before { content: ""; } .ion-ios-game-controller-b::before { content: ""; } .ion-ios-game-controller-b-outline::before { content: ""; } .ion-ios-gear::before { content: ""; } .ion-ios-gear-outline::before { content: ""; } .ion-ios-glasses::before { content: ""; } .ion-ios-glasses-outline::before { content: ""; } .ion-ios-grid-view::before { content: ""; } .ion-ios-grid-view-outline::before { content: ""; } .ion-ios-heart::before { content: ""; } .ion-ios-heart-outline::before { content: ""; } .ion-ios-help::before { content: ""; } .ion-ios-help-empty::before { content: ""; } .ion-ios-help-outline::before { content: ""; } .ion-ios-home::before { content: ""; } .ion-ios-home-outline::before { content: ""; } .ion-ios-infinite::before { content: ""; } .ion-ios-infinite-outline::before { content: ""; } .ion-ios-information::before { content: ""; } .ion-ios-information-empty::before { content: ""; } .ion-ios-information-outline::before { content: ""; } .ion-ios-ionic-outline::before { content: ""; } .ion-ios-keypad::before { content: ""; } .ion-ios-keypad-outline::before { content: ""; } .ion-ios-lightbulb::before { content: ""; } .ion-ios-lightbulb-outline::before { content: ""; } .ion-ios-list::before { content: ""; } .ion-ios-list-outline::before { content: ""; } .ion-ios-location::before { content: ""; } .ion-ios-location-outline::before { content: ""; } .ion-ios-locked::before { content: ""; } .ion-ios-locked-outline::before { content: ""; } .ion-ios-loop::before { content: ""; } .ion-ios-loop-strong::before { content: ""; } .ion-ios-medical::before { content: ""; } .ion-ios-medical-outline::before { content: ""; } .ion-ios-medkit::before { content: ""; } .ion-ios-medkit-outline::before { content: ""; } .ion-ios-mic::before { content: ""; } .ion-ios-mic-off::before { content: ""; } .ion-ios-mic-outline::before { content: ""; } .ion-ios-minus::before { content: ""; } .ion-ios-minus-empty::before { content: ""; } .ion-ios-minus-outline::before { content: ""; } .ion-ios-monitor::before { content: ""; } .ion-ios-monitor-outline::before { content: ""; } .ion-ios-moon::before { content: ""; } .ion-ios-moon-outline::before { content: ""; } .ion-ios-more::before { content: ""; } .ion-ios-more-outline::before { content: ""; } .ion-ios-musical-note::before { content: ""; } .ion-ios-musical-notes::before { content: ""; } .ion-ios-navigate::before { content: ""; } .ion-ios-navigate-outline::before { content: ""; } .ion-ios-nutrition::before { content: ""; } .ion-ios-nutrition-outline::before { content: ""; } .ion-ios-paper::before { content: ""; } .ion-ios-paper-outline::before { content: ""; } .ion-ios-paperplane::before { content: ""; } .ion-ios-paperplane-outline::before { content: ""; } .ion-ios-partlysunny::before { content: ""; } .ion-ios-partlysunny-outline::before { content: ""; } .ion-ios-pause::before { content: ""; } .ion-ios-pause-outline::before { content: ""; } .ion-ios-paw::before { content: ""; } .ion-ios-paw-outline::before { content: ""; } .ion-ios-people::before { content: ""; } .ion-ios-people-outline::before { content: ""; } .ion-ios-person::before { content: ""; } .ion-ios-person-outline::before { content: ""; } .ion-ios-personadd::before { content: ""; } .ion-ios-personadd-outline::before { content: ""; } .ion-ios-photos::before { content: ""; } .ion-ios-photos-outline::before { content: ""; } .ion-ios-pie::before { content: ""; } .ion-ios-pie-outline::before { content: ""; } .ion-ios-pint::before { content: ""; } .ion-ios-pint-outline::before { content: ""; } .ion-ios-play::before { content: ""; } .ion-ios-play-outline::before { content: ""; } .ion-ios-plus::before { content: ""; } .ion-ios-plus-empty::before { content: ""; } .ion-ios-plus-outline::before { content: ""; } .ion-ios-pricetag::before { content: ""; } .ion-ios-pricetag-outline::before { content: ""; } .ion-ios-pricetags::before { content: ""; } .ion-ios-pricetags-outline::before { content: ""; } .ion-ios-printer::before { content: ""; } .ion-ios-printer-outline::before { content: ""; } .ion-ios-pulse::before { content: ""; } .ion-ios-pulse-strong::before { content: ""; } .ion-ios-rainy::before { content: ""; } .ion-ios-rainy-outline::before { content: ""; } .ion-ios-recording::before { content: ""; } .ion-ios-recording-outline::before { content: ""; } .ion-ios-redo::before { content: ""; } .ion-ios-redo-outline::before { content: ""; } .ion-ios-refresh::before { content: ""; } .ion-ios-refresh-empty::before { content: ""; } .ion-ios-refresh-outline::before { content: ""; } .ion-ios-reload::before { content: ""; } .ion-ios-reverse-camera::before { content: ""; } .ion-ios-reverse-camera-outline::before { content: ""; } .ion-ios-rewind::before { content: ""; } .ion-ios-rewind-outline::before { content: ""; } .ion-ios-rose::before { content: ""; } .ion-ios-rose-outline::before { content: ""; } .ion-ios-search::before { content: ""; } .ion-ios-search-strong::before { content: ""; } .ion-ios-settings::before { content: ""; } .ion-ios-settings-strong::before { content: ""; } .ion-ios-shuffle::before { content: ""; } .ion-ios-shuffle-strong::before { content: ""; } .ion-ios-skipbackward::before { content: ""; } .ion-ios-skipbackward-outline::before { content: ""; } .ion-ios-skipforward::before { content: ""; } .ion-ios-skipforward-outline::before { content: ""; } .ion-ios-snowy::before { content: ""; } .ion-ios-speedometer::before { content: ""; } .ion-ios-speedometer-outline::before { content: ""; } .ion-ios-star::before { content: ""; } .ion-ios-star-half::before { content: ""; } .ion-ios-star-outline::before { content: ""; } .ion-ios-stopwatch::before { content: ""; } .ion-ios-stopwatch-outline::before { content: ""; } .ion-ios-sunny::before { content: ""; } .ion-ios-sunny-outline::before { content: ""; } .ion-ios-telephone::before { content: ""; } .ion-ios-telephone-outline::before { content: ""; } .ion-ios-tennisball::before { content: ""; } .ion-ios-tennisball-outline::before { content: ""; } .ion-ios-thunderstorm::before { content: ""; } .ion-ios-thunderstorm-outline::before { content: ""; } .ion-ios-time::before { content: ""; } .ion-ios-time-outline::before { content: ""; } .ion-ios-timer::before { content: ""; } .ion-ios-timer-outline::before { content: ""; } .ion-ios-toggle::before { content: ""; } .ion-ios-toggle-outline::before { content: ""; } .ion-ios-trash::before { content: ""; } .ion-ios-trash-outline::before { content: ""; } .ion-ios-undo::before { content: ""; } .ion-ios-undo-outline::before { content: ""; } .ion-ios-unlocked::before { content: ""; } .ion-ios-unlocked-outline::before { content: ""; } .ion-ios-upload::before { content: ""; } .ion-ios-upload-outline::before { content: ""; } .ion-ios-videocam::before { content: ""; } .ion-ios-videocam-outline::before { content: ""; } .ion-ios-volume-high::before { content: ""; } .ion-ios-volume-low::before { content: ""; } .ion-ios-wineglass::before { content: ""; } .ion-ios-wineglass-outline::before { content: ""; } .ion-ios-world::before { content: ""; } .ion-ios-world-outline::before { content: ""; } .ion-ipad::before { content: ""; } .ion-iphone::before { content: ""; } .ion-ipod::before { content: ""; } .ion-jet::before { content: ""; } .ion-key::before { content: ""; } .ion-knife::before { content: ""; } .ion-laptop::before { content: ""; } .ion-leaf::before { content: ""; } .ion-levels::before { content: ""; } .ion-lightbulb::before { content: ""; } .ion-link::before { content: ""; } .ion-load-a::before { content: ""; } .ion-load-b::before { content: ""; } .ion-load-c::before { content: ""; } .ion-load-d::before { content: ""; } .ion-location::before { content: ""; } .ion-lock-combination::before { content: ""; } .ion-locked::before { content: ""; } .ion-log-in::before { content: ""; } .ion-log-out::before { content: ""; } .ion-loop::before { content: ""; } .ion-magnet::before { content: ""; } .ion-male::before { content: ""; } .ion-man::before { content: ""; } .ion-map::before { content: ""; } .ion-medkit::before { content: ""; } .ion-merge::before { content: ""; } .ion-mic-a::before { content: ""; } .ion-mic-b::before { content: ""; } .ion-mic-c::before { content: ""; } .ion-minus::before { content: ""; } .ion-minus-circled::before { content: ""; } .ion-minus-round::before { content: ""; } .ion-model-s::before { content: ""; } .ion-monitor::before { content: ""; } .ion-more::before { content: ""; } .ion-mouse::before { content: ""; } .ion-music-note::before { content: ""; } .ion-navicon::before { content: ""; } .ion-navicon-round::before { content: ""; } .ion-navigate::before { content: ""; } .ion-network::before { content: ""; } .ion-no-smoking::before { content: ""; } .ion-nuclear::before { content: ""; } .ion-outlet::before { content: ""; } .ion-paintbrush::before { content: ""; } .ion-paintbucket::before { content: ""; } .ion-paper-airplane::before { content: ""; } .ion-paperclip::before { content: ""; } .ion-pause::before { content: ""; } .ion-person::before { content: ""; } .ion-person-add::before { content: ""; } .ion-person-stalker::before { content: ""; } .ion-pie-graph::before { content: ""; } .ion-pin::before { content: ""; } .ion-pinpoint::before { content: ""; } .ion-pizza::before { content: ""; } .ion-plane::before { content: ""; } .ion-planet::before { content: ""; } .ion-play::before { content: ""; } .ion-playstation::before { content: ""; } .ion-plus::before { content: ""; } .ion-plus-circled::before { content: ""; } .ion-plus-round::before { content: ""; } .ion-podium::before { content: ""; } .ion-pound::before { content: ""; } .ion-power::before { content: ""; } .ion-pricetag::before { content: ""; } .ion-pricetags::before { content: ""; } .ion-printer::before { content: ""; } .ion-pull-request::before { content: ""; } .ion-qr-scanner::before { content: ""; } .ion-quote::before { content: ""; } .ion-radio-waves::before { content: ""; } .ion-record::before { content: ""; } .ion-refresh::before { content: ""; } .ion-reply::before { content: ""; } .ion-reply-all::before { content: ""; } .ion-ribbon-a::before { content: ""; } .ion-ribbon-b::before { content: ""; } .ion-sad::before { content: ""; } .ion-sad-outline::before { content: ""; } .ion-scissors::before { content: ""; } .ion-search::before { content: ""; } .ion-settings::before { content: ""; } .ion-share::before { content: ""; } .ion-shuffle::before { content: ""; } .ion-skip-backward::before { content: ""; } .ion-skip-forward::before { content: ""; } .ion-social-android::before { content: ""; } .ion-social-android-outline::before { content: ""; } .ion-social-angular::before { content: ""; } .ion-social-angular-outline::before { content: ""; } .ion-social-apple::before { content: ""; } .ion-social-apple-outline::before { content: ""; } .ion-social-bitcoin::before { content: ""; } .ion-social-bitcoin-outline::before { content: ""; } .ion-social-buffer::before { content: ""; } .ion-social-buffer-outline::before { content: ""; } .ion-social-chrome::before { content: ""; } .ion-social-chrome-outline::before { content: ""; } .ion-social-codepen::before { content: ""; } .ion-social-codepen-outline::before { content: ""; } .ion-social-css3::before { content: ""; } .ion-social-css3-outline::before { content: ""; } .ion-social-designernews::before { content: ""; } .ion-social-designernews-outline::before { content: ""; } .ion-social-dribbble::before { content: ""; } .ion-social-dribbble-outline::before { content: ""; } .ion-social-dropbox::before { content: ""; } .ion-social-dropbox-outline::before { content: ""; } .ion-social-euro::before { content: ""; } .ion-social-euro-outline::before { content: ""; } .ion-social-facebook::before { content: ""; } .ion-social-facebook-outline::before { content: ""; } .ion-social-foursquare::before { content: ""; } .ion-social-foursquare-outline::before { content: ""; } .ion-social-freebsd-devil::before { content: ""; } .ion-social-github::before { content: ""; } .ion-social-github-outline::before { content: ""; } .ion-social-google::before { content: ""; } .ion-social-google-outline::before { content: ""; } .ion-social-googleplus::before { content: ""; } .ion-social-googleplus-outline::before { content: ""; } .ion-social-hackernews::before { content: ""; } .ion-social-hackernews-outline::before { content: ""; } .ion-social-html5::before { content: ""; } .ion-social-html5-outline::before { content: ""; } .ion-social-instagram::before { content: ""; } .ion-social-instagram-outline::before { content: ""; } .ion-social-javascript::before { content: ""; } .ion-social-javascript-outline::before { content: ""; } .ion-social-linkedin::before { content: ""; } .ion-social-linkedin-outline::before { content: ""; } .ion-social-markdown::before { content: ""; } .ion-social-nodejs::before { content: ""; } .ion-social-octocat::before { content: ""; } .ion-social-pinterest::before { content: ""; } .ion-social-pinterest-outline::before { content: ""; } .ion-social-python::before { content: ""; } .ion-social-reddit::before { content: ""; } .ion-social-reddit-outline::before { content: ""; } .ion-social-rss::before { content: ""; } .ion-social-rss-outline::before { content: ""; } .ion-social-sass::before { content: ""; } .ion-social-skype::before { content: ""; } .ion-social-skype-outline::before { content: ""; } .ion-social-snapchat::before { content: ""; } .ion-social-snapchat-outline::before { content: ""; } .ion-social-tumblr::before { content: ""; } .ion-social-tumblr-outline::before { content: ""; } .ion-social-tux::before { content: ""; } .ion-social-twitch::before { content: ""; } .ion-social-twitch-outline::before { content: ""; } .ion-social-twitter::before { content: ""; } .ion-social-twitter-outline::before { content: ""; } .ion-social-usd::before { content: ""; } .ion-social-usd-outline::before { content: ""; } .ion-social-vimeo::before { content: ""; } .ion-social-vimeo-outline::before { content: ""; } .ion-social-whatsapp::before { content: ""; } .ion-social-whatsapp-outline::before { content: ""; } .ion-social-windows::before { content: ""; } .ion-social-windows-outline::before { content: ""; } .ion-social-wordpress::before { content: ""; } .ion-social-wordpress-outline::before { content: ""; } .ion-social-yahoo::before { content: ""; } .ion-social-yahoo-outline::before { content: ""; } .ion-social-yen::before { content: ""; } .ion-social-yen-outline::before { content: ""; } .ion-social-youtube::before { content: ""; } .ion-social-youtube-outline::before { content: ""; } .ion-soup-can::before { content: ""; } .ion-soup-can-outline::before { content: ""; } .ion-speakerphone::before { content: ""; } .ion-speedometer::before { content: ""; } .ion-spoon::before { content: ""; } .ion-star::before { content: ""; } .ion-stats-bars::before { content: ""; } .ion-steam::before { content: ""; } .ion-stop::before { content: ""; } .ion-thermometer::before { content: ""; } .ion-thumbsdown::before { content: ""; } .ion-thumbsup::before { content: ""; } .ion-toggle::before { content: ""; } .ion-toggle-filled::before { content: ""; } .ion-transgender::before { content: ""; } .ion-trash-a::before { content: ""; } .ion-trash-b::before { content: ""; } .ion-trophy::before { content: ""; } .ion-tshirt::before { content: ""; } .ion-tshirt-outline::before { content: ""; } .ion-umbrella::before { content: ""; } .ion-university::before { content: ""; } .ion-unlocked::before { content: ""; } .ion-upload::before { content: ""; } .ion-usb::before { content: ""; } .ion-videocamera::before { content: ""; } .ion-volume-high::before { content: ""; } .ion-volume-low::before { content: ""; } .ion-volume-medium::before { content: ""; } .ion-volume-mute::before { content: ""; } .ion-wand::before { content: ""; } .ion-waterdrop::before { content: ""; } .ion-wifi::before { content: ""; } .ion-wineglass::before { content: ""; } .ion-woman::before { content: ""; } .ion-wrench::before { content: ""; } .ion-xbox::before { content: ""; } .react-spinner-loader-swing div { border-radius: 50%; float: left; height: 1em; width: 1em; } .react-spinner-loader-swing div:first-of-type { background: linear-gradient(90deg, rgb(56, 92, 120) 0px, rgb(50, 87, 116)); } .react-spinner-loader-swing div:nth-of-type(2) { background: linear-gradient(90deg, rgb(50, 87, 116) 0px, rgb(71, 83, 106)); } .react-spinner-loader-swing div:nth-of-type(3) { background: linear-gradient(90deg, rgb(74, 83, 105) 0px, rgb(107, 77, 89)); } .react-spinner-loader-swing div:nth-of-type(4) { background: linear-gradient(90deg, rgb(116, 76, 85) 0px, rgb(149, 70, 70)); } .react-spinner-loader-swing div:nth-of-type(5) { background: linear-gradient(90deg, rgb(156, 69, 67) 0px, rgb(187, 64, 52)); } .react-spinner-loader-swing div:nth-of-type(6) { background: linear-gradient(90deg, rgb(195, 63, 49) 0px, rgb(216, 59, 39)); } .react-spinner-loader-swing div:nth-of-type(7) { background: linear-gradient(90deg, rgb(218, 59, 38) 0px, rgb(219, 65, 44)); } .react-spinner-loader-shadow { clear: left; padding-top: 1.5em; } .react-spinner-loader-shadow div { filter: blur(1px); float: left; width: 1em; height: 0.25em; border-radius: 50%; background: rgb(227, 219, 210); } .react-spinner-loader-shadow .react-spinner-loader-shadow-l { background: rgb(213, 216, 214); } .react-spinner-loader-shadow .react-spinner-loader-shadow-r { background: rgb(238, 211, 202); } @keyframes ball-l { 0%, 50% { transform: rotate(0deg) translateX(0px); } 100% { transform: rotate(50deg) translateX(-2.5em); } } @keyframes ball-r { 0% { transform: rotate(-50deg) translateX(2.5em); } 50%, 100% { transform: rotate(0deg) translateX(0px); } } @keyframes shadow-l-n { 0%, 50% { opacity: 0.5; transform: translateX(0px); } 100% { opacity: 0.125; transform: translateX(-1.75em); } } @keyframes shadow-r-n { 0% { opacity: 0.125; transform: translateX(1.75em); } 50%, 100% { opacity: 0.5; transform: translateX(0px); } } .react-spinner-loader-swing-l { animation: 0.425s ease-in-out 0s infinite alternate none running ball-l; } .react-spinner-loader-swing-r { animation: 0.425s ease-in-out 0s infinite alternate none running ball-r; } .react-spinner-loader-shadow-l { animation: 0.425s ease-in-out 0s infinite alternate none running shadow-l-n; } .react-spinner-loader-shadow-r { animation: 0.425s ease-in-out 0s infinite alternate none running shadow-r-n; } .react-spinner-loader-svg svg { transform-origin: 50% 65%; } .react-spinner-loader-svg svg polygon { stroke-dasharray: 17; animation: 2.5s cubic-bezier(0.35, 0.04, 0.63, 0.95) 0s infinite normal none running dash; } @keyframes dash { 100% { stroke-dashoffset: 136; } } @keyframes rotate { 100% { transform: rotate(1turn); } } .react-spinner-loader-svg-calLoader { width: 230px; height: 230px; transform-origin: 115px 115px; animation: 1.4s linear 0s infinite normal none running loader-spin; } .react-spinner-loader-svg-cal-loader__path { animation: 1.4s ease-in-out 0s infinite normal none running loader-path; } @keyframes loader-spin { 100% { transform: rotate(1turn); } } @keyframes loader-path { 0% { stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0; } 50% { stroke-dasharray: 0, 450, 10, 30, 10, 30, 10, 30, 10; } 100% { stroke-dasharray: 0, 580, 0, 0, 0, 0, 0, 0, 0; } } .rc-steps { font-size: 0px; width: 100%; line-height: 1.5; display: flex; } .rc-steps, .rc-steps * { box-sizing: border-box; } .rc-steps-item { position: relative; display: inline-block; vertical-align: top; flex: 1 1 0%; overflow: hidden; } .rc-steps-item-container[role="button"] { cursor: pointer; transition: opacity 0.3s; } .rc-steps-item-container[role="button"]:hover { opacity: 0.7; } .rc-steps-item:last-child { flex: 0 0 auto; } .rc-steps-item:last-child .rc-steps-item-tail, .rc-steps-item:last-child .rc-steps-item-title::after { display: none; } .rc-steps-item-container { display: inline-block; } .rc-steps-item-content, .rc-steps-item-icon { display: inline-block; vertical-align: top; } .rc-steps-item-icon { border: 1px solid rgb(204, 204, 204); width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 26px; font-size: 14px; margin-right: 8px; transition: background-color 0.3s, border-color 0.3s; } .rc-steps-item-icon > .rc-steps-icon { line-height: 1; top: -1px; color: rgb(16, 142, 233); position: relative; } .rc-steps-item-icon > .rc-steps-icon.rcicon { font-size: 12px; position: relative; top: -2px; } .rc-steps-item-tail { position: absolute; left: 0px; width: 100%; top: 12px; padding: 0px 10px; } .rc-steps-item-tail::after { content: ""; display: inline-block; background: rgb(233, 233, 233); height: 1px; border-radius: 1px; width: 100%; transition: background 0.3s; } .rc-steps-item-content { margin-top: 3px; } .rc-steps-item-title { font-size: 14px; margin-bottom: 4px; color: rgb(102, 102, 102); font-weight: 700; display: inline-block; padding-right: 10px; position: relative; } .rc-steps-item-title::after { content: ""; height: 1px; width: 1000px; background: rgb(233, 233, 233); display: block; position: absolute; top: 0.55em; left: 100%; } .rc-steps-item-subtitle { display: inline-block; margin-left: 8px; } .rc-steps-item-description, .rc-steps-item-subtitle { font-size: 12px; color: rgb(153, 153, 153); } .rc-steps-item-wait .rc-steps-item-icon { border-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255); } .rc-steps-item-wait .rc-steps-item-icon > .rc-steps-icon { color: rgb(204, 204, 204); } .rc-steps-item-wait .rc-steps-item-icon > .rc-steps-icon .rc-steps-icon-dot { background: rgb(204, 204, 204); } .rc-steps-item-wait .rc-steps-item-title { color: rgba(0, 0, 0, 0.43); } .rc-steps-item-wait .rc-steps-item-title::after { background-color: rgb(233, 233, 233); } .rc-steps-item-wait .rc-steps-item-description { color: rgba(0, 0, 0, 0.43); } .rc-steps-item-wait .rc-steps-item-tail::after { background-color: rgb(233, 233, 233); } .rc-steps-item-process .rc-steps-item-icon { border-color: rgb(16, 142, 233); background-color: rgb(255, 255, 255); } .rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon { color: rgb(16, 142, 233); } .rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon .rc-steps-icon-dot { background: rgb(16, 142, 233); } .rc-steps-item-process .rc-steps-item-title { color: rgba(0, 0, 0, 0.65); } .rc-steps-item-process .rc-steps-item-title::after { background-color: rgb(233, 233, 233); } .rc-steps-item-process .rc-steps-item-description { color: rgba(0, 0, 0, 0.65); } .rc-steps-item-process .rc-steps-item-tail::after { background-color: rgb(233, 233, 233); } .rc-steps-item-process .rc-steps-item-icon { background: rgb(16, 142, 233); } .rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon { color: rgb(255, 255, 255); } .rc-steps-item-finish .rc-steps-item-icon { border-color: rgb(16, 142, 233); background-color: rgb(255, 255, 255); } .rc-steps-item-finish .rc-steps-item-icon > .rc-steps-icon { color: rgb(16, 142, 233); } .rc-steps-item-finish .rc-steps-item-icon > .rc-steps-icon .rc-steps-icon-dot { background: rgb(16, 142, 233); } .rc-steps-item-finish .rc-steps-item-title { color: rgba(0, 0, 0, 0.43); } .rc-steps-item-finish .rc-steps-item-title::after { background-color: rgb(16, 142, 233); } .rc-steps-item-finish .rc-steps-item-description { color: rgba(0, 0, 0, 0.43); } .rc-steps-item-finish .rc-steps-item-tail::after { background-color: rgb(16, 142, 233); } .rc-steps-item-error .rc-steps-item-icon { border-color: rgb(255, 85, 0); background-color: rgb(255, 255, 255); } .rc-steps-item-error .rc-steps-item-icon > .rc-steps-icon { color: rgb(255, 85, 0); } .rc-steps-item-error .rc-steps-item-icon > .rc-steps-icon .rc-steps-icon-dot { background: rgb(255, 85, 0); } .rc-steps-item-error .rc-steps-item-title { color: rgb(255, 85, 0); } .rc-steps-item-error .rc-steps-item-title::after { background-color: rgb(233, 233, 233); } .rc-steps-item-error .rc-steps-item-description { color: rgb(255, 85, 0); } .rc-steps-item-error .rc-steps-item-tail::after { background-color: rgb(233, 233, 233); } .rc-steps-item.rc-steps-next-error .rc-steps-item-title::after { background: rgb(255, 85, 0); } .rc-steps-horizontal:not(.rc-steps-label-vertical) .rc-steps-item { margin-right: 10px; } .rc-steps-horizontal:not(.rc-steps-label-vertical) .rc-steps-item:last-child { margin-right: 0px; } .rc-steps-horizontal:not(.rc-steps-label-vertical) .rc-steps-item-tail { display: none; } .rc-steps-horizontal:not(.rc-steps-label-vertical) .rc-steps-item-description { max-width: 100px; } .rc-steps-item-custom .rc-steps-item-icon { background: none; border: 0px; width: auto; height: auto; } .rc-steps-item-custom .rc-steps-item-icon > .rc-steps-icon { font-size: 20px; top: 1px; width: 20px; height: 20px; } .rc-steps-item-custom.rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon { color: rgb(16, 142, 233); } .rc-steps-small .rc-steps-item-icon { width: 18px; height: 18px; line-height: 18px; text-align: center; border-radius: 18px; font-size: 12px; margin-right: 10px; } .rc-steps-small .rc-steps-item-icon > .rc-steps-icon { font-size: 12px; transform: scale(0.75); top: -1px; } .rc-steps-small .rc-steps-item-content { margin-top: 0px; } .rc-steps-small .rc-steps-item-title { font-size: 12px; margin-bottom: 4px; color: rgb(102, 102, 102); font-weight: 700; } .rc-steps-small .rc-steps-item-description { font-size: 12px; color: rgb(153, 153, 153); } .rc-steps-small .rc-steps-item-tail { top: 8px; padding: 0px 8px; } .rc-steps-small .rc-steps-item-tail::after { height: 1px; border-radius: 1px; width: 100%; } .rc-steps-small .rc-steps-item-custom .rc-steps-item-icon { width: inherit; height: inherit; line-height: inherit; border-radius: 0px; border: 0px; background: none; } .rc-steps-small .rc-steps-item-custom .rc-steps-item-icon > .rc-steps-icon { font-size: 20px; top: -2.5px; transform: none; } .rc-steps-vertical { display: block; } .rc-steps-vertical .rc-steps-item { display: block; overflow: visible; } .rc-steps-vertical .rc-steps-item-icon { float: left; } .rc-steps-vertical .rc-steps-item-icon-inner { margin-right: 16px; } .rc-steps-vertical .rc-steps-item-content { min-height: 48px; overflow: hidden; display: block; } .rc-steps-vertical .rc-steps-item-title { line-height: 26px; } .rc-steps-vertical .rc-steps-item-title::after { display: none; } .rc-steps-vertical .rc-steps-item-description { padding-bottom: 12px; } .rc-steps-vertical .rc-steps-item-tail { position: absolute; left: 13px; top: 0px; height: 100%; width: 1px; padding: 30px 0px 4px; } .rc-steps-vertical .rc-steps-item-tail::after { height: 100%; width: 1px; } .rc-steps-vertical.rc-steps-small .rc-steps-item-tail { position: absolute; left: 9px; top: 0px; padding: 22px 0px 4px; } .rc-steps-vertical.rc-steps-small .rc-steps-item-title { line-height: 18px; } .rc-steps-label-vertical .rc-steps-item { overflow: visible; } .rc-steps-label-vertical .rc-steps-item-tail { padding: 0px 24px; margin-left: 48px; } .rc-steps-label-vertical .rc-steps-item-content { display: block; text-align: center; margin-top: 8px; width: 100px; } .rc-steps-label-vertical .rc-steps-item-icon { display: inline-block; margin-left: 36px; } .rc-steps-label-vertical .rc-steps-item-title { padding-right: 0px; } .rc-steps-label-vertical .rc-steps-item-title::after { display: none; } .rc-steps-label-vertical .rc-steps-item-description { text-align: left; } .rc-steps-dot .rc-steps-item-tail { width: 100%; top: 1px; margin: 0px 0px 0px 50px; padding: 0px; } .rc-steps-dot .rc-steps-item-tail::after { height: 3px; } .rc-steps-dot .rc-steps-item-icon { padding-right: 0px; width: 5px; height: 5px; line-height: 5px; border: 0px; margin-left: 48px; } .rc-steps-dot .rc-steps-item-icon .rc-steps-icon-dot { float: left; width: 100%; height: 100%; border-radius: 2.5px; } .rc-steps-dot .rc-steps-item-process .rc-steps-dot .rc-steps-item-icon { top: -1px; width: 7px; height: 7px; line-height: 7px; } .rc-steps-dot .rc-steps-item-process .rc-steps-dot .rc-steps-item-icon .rc-steps-icon-dot { border-radius: 3.5px; } .rc-steps-navigation { padding-top: 8px; } .rc-steps-navigation.rc-steps-horizontal .rc-steps-item-description { max-width: 140px; } .rc-steps-navigation .rc-steps-item { box-sizing: border-box; text-align: center; overflow: visible; } .rc-steps-navigation .rc-steps-item-container { text-align: left; padding-bottom: 8px; outline: none; } .rc-steps-navigation .rc-steps-item-title { max-width: 140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rc-steps-navigation .rc-steps-item-title::after { display: none; } .rc-steps-navigation .rc-steps-item:last-child { flex: 1 1 0%; } .rc-steps-navigation .rc-steps-item:last-child::after { display: none; } .rc-steps-navigation .rc-steps-item::after { content: ""; display: inline-block; width: 16px; height: 16px; border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-image: initial; border-bottom: none; border-left: none; transform: rotate(45deg); position: absolute; top: 50%; left: 100%; margin-top: -12px; margin-left: -8px; } .rc-steps-navigation .rc-steps-item-active .rc-steps-item-container { padding-bottom: 5px; border-bottom: 3px solid rgb(16, 142, 233); } @font-face { font-family: anticon; src: url("//at.alicdn.com/t/font_1434092639_4910953.woff") format("woff"), url("//at.alicdn.com/t/font_1434092639_4910953.ttf") format("truetype"); } .rcicon { position: relative; display: inline-block; font-style: normal; vertical-align: initial; text-align: center; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px; } .rcicon::before { display: block; font-family: anticon !important; } .rcicon-step-backward::before { content: ""; } .rcicon-step-forward { } .rcicon-step-forward::before { content: ""; transform: rotate(180deg); } .rcicon-fast-backward::before { content: ""; } .rcicon-fast-forward { } .rcicon-fast-forward::before { content: ""; transform: rotate(180deg); } .rcicon-shrink::before { content: ""; } .rcicon-arrow-salt::before { content: ""; } .rcicon-caret-down::before { content: ""; } .rcicon-caret-left { } .rcicon-caret-left::before { content: ""; transform: rotate(90deg); } .rcicon-caret-up { } .rcicon-caret-up::before { content: ""; transform: rotate(180deg); } .rcicon-caret-right { } .rcicon-caret-right::before { content: ""; transform: rotate(270deg); } .rcicon-caret-circle-right::before { content: ""; } .rcicon-caret-circle-left { } .rcicon-caret-circle-left::before { content: ""; transform: rotate(180deg); } .rcicon-caret-circle-o-right::before { content: ""; } .rcicon-caret-circle-o-left { } .rcicon-caret-circle-o-left::before { content: ""; transform: rotate(180deg); } .rcicon-circle-right::before { content: ""; } .rcicon-circle-left { } .rcicon-circle-left::before { content: ""; transform: rotate(180deg); } .rcicon-circle-o-right::before { content: ""; } .rcicon-circle-o-left { } .rcicon-circle-o-left::before { content: ""; transform: rotate(180deg); } .rcicon-double-right::before { content: ""; } .rcicon-double-left { } .rcicon-double-left::before { content: ""; transform: rotate(180deg); } .rcicon-verticle-right::before { content: ""; } .rcicon-verticle-left { } .rcicon-verticle-left::before { content: ""; transform: rotate(180deg); } .rcicon-forward::before { content: ""; } .rcicon-backward { } .rcicon-backward::before { content: ""; transform: rotate(180deg); } .rcicon-rollback::before { content: ""; } .rcicon-retweet::before { content: ""; } .rcicon-right::before { content: ""; } .rcicon-down { } .rcicon-down::before { content: ""; transform: rotate(90deg); } .rcicon-left { } .rcicon-left::before { content: ""; transform: rotate(180deg); } .rcicon-up { } .rcicon-up::before { content: ""; transform: rotate(270deg); } .rcicon-question::before { content: ""; } .rcicon-question-circle::before { content: ""; } .rcicon-question-circle-o::before { content: ""; } .rcicon-plus::before { content: ""; } .rcicon-plus-circle::before { content: ""; } .rcicon-plus-circle-o::before { content: ""; } .rcicon-pause::before { content: ""; } .rcicon-pause-circle::before { content: ""; } .rcicon-pause-circle-o::before { content: ""; } .rcicon-minus::before { content: ""; } .rcicon-minus-circle::before { content: ""; } .rcicon-minus-circle-o::before { content: ""; } .rcicon-info-circle::before { content: ""; } .rcicon-info-circle-o::before { content: ""; } .rcicon-info::before { content: ""; } .rcicon-exclamation::before { content: ""; } .rcicon-exclamation-circle::before { content: ""; } .rcicon-exclamation-circle-o::before { content: ""; } .rcicon-cross::before { content: ""; } .rcicon-cross-circle::before { content: ""; } .rcicon-cross-circle-o::before { content: ""; } .rcicon-check::before { content: ""; } .rcicon-check-circle::before { content: ""; } .rcicon-check-circle-o::before { content: ""; } .rcicon-clock-circle::before { content: ""; } .rcicon-clock-circle-o::before { content: ""; } .rcicon-lock::before { content: ""; } .rcicon-android::before { content: ""; } .rcicon-apple::before { content: ""; } .rcicon-area-chart::before { content: ""; } .rcicon-bar-chart::before { content: ""; } .rcicon-bars::before { content: ""; } .rcicon-book::before { content: ""; } .rcicon-calendar::before { content: ""; } .rcicon-cloud::before { content: ""; } .rcicon-cloud-download::before { content: ""; } .rcicon-code::before { content: ""; } .rcicon-copy::before { content: ""; } .rcicon-credit-card::before { content: ""; } .rcicon-delete::before { content: ""; } .rcicon-desktop::before { content: ""; } .rcicon-download-line::before { content: ""; } .rcicon-edit::before { content: ""; } .rcicon-ellipsis::before { content: ""; } .rcicon-environment::before { content: ""; } .rcicon-file::before { content: ""; } .rcicon-file-text::before { content: ""; } .rcicon-folder::before { content: ""; } .rcicon-folder-open::before { content: ""; } .rcicon-github::before { content: ""; } .rcicon-hdd::before { content: ""; } .rcicon-frown::before { content: ""; } .rcicon-meh::before { content: ""; } .rcicon-inbox::before { content: ""; } .rcicon-laptop::before { content: ""; } .rcicon-large::before { content: ""; } .rcicon-line-chart::before { content: ""; } .rcicon-link::before { content: ""; } .rcicon-logout::before { content: ""; } .rcicon-mail::before { content: ""; } .rcicon-menu-fold::before { content: ""; } .rcicon-menu-unfold::before { content: ""; } .rcicon-mobile::before { content: ""; } .rcicon-notification::before { content: ""; } .rcicon-paper-clip::before { content: ""; } .rcicon-picture::before { content: ""; } .rcicon-pie-chart::before { content: ""; } .rcicon-poweroff::before { content: ""; } .rcicon-reload::before { content: ""; } .rcicon-search::before { content: ""; } .rcicon-setting::before { content: ""; } .rcicon-share-alt::before { content: ""; } .rcicon-shopping-cart::before { content: ""; } .rcicon-smile::before { content: ""; } .rcicon-tablet::before { content: ""; } .rcicon-tag::before { content: ""; } .rcicon-tags::before { content: ""; } .rcicon-to-top::before { content: ""; } .rcicon-unlock::before { content: ""; } .rcicon-upload::before { content: ""; } .rcicon-user::before { content: ""; } .rcicon-video-camera::before { content: ""; } .rcicon-windows::before { content: ""; } .rcicon-loading::before { display: inline-block; animation: 1s linear 0s infinite normal none running loadingCircle; content: ""; } :root .rcicon-backward, :root .rcicon-caret-circle-left, :root .rcicon-caret-circle-o-left, :root .rcicon-caret-left, :root .rcicon-caret-right, :root .rcicon-caret-up, :root .rcicon-circle-left, :root .rcicon-circle-o-left, :root .rcicon-double-left, :root .rcicon-down, :root .rcicon-fast-forward, :root .rcicon-left, :root .rcicon-step-forward, :root .rcicon-up, :root .rcicon-verticle-left { filter: none; } .filepond--assistant { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; } .filepond--browser.filepond--browser { position: absolute; margin: 0px; padding: 0px; left: 1em; top: 1.75em; width: calc(100% - 2em); opacity: 0; font-size: 0px; } .filepond--drip { position: absolute; inset: 0px; overflow: hidden; opacity: 0.1; pointer-events: none; border-radius: 0.5em; background: rgba(0, 0, 0, 0.01); } .filepond--drip-blob { transform-origin: center center; left: 0px; width: 8em; height: 8em; margin-left: -4em; margin-top: -4em; background: rgb(41, 38, 37); border-radius: 50%; } .filepond--drip-blob, .filepond--drop-label { position: absolute; top: 0px; will-change: transform, opacity; } .filepond--drop-label { left: 1em; right: 1em; margin: 0px; color: rgb(79, 79, 79); display: flex; justify-content: center; align-items: center; height: 0px; user-select: none; } .filepond--drop-label.filepond--drop-label label { display: block; margin: 0px; padding: 0.5em; } .filepond--drop-label label { cursor: default; font-size: 0.875em; font-weight: 400; text-align: center; line-height: 1.5; } .filepond--label-action { text-decoration: underline rgb(167, 164, 164); text-decoration-skip-ink: auto; cursor: pointer; } .filepond--file-action-button.filepond--file-action-button { font-size: 1em; width: 1.625em; height: 1.625em; font-family: inherit; line-height: inherit; margin: 0px; padding: 0px; border: none; outline: none; will-change: transform, opacity; } .filepond--file-action-button.filepond--file-action-button svg { width: 100%; height: 100%; } .filepond--file-action-button.filepond--file-action-button::after { position: absolute; inset: -0.75em; content: ""; } .filepond--file-action-button { cursor: auto; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); background-image: none; box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px; transition: box-shadow 0.25s ease-in; } .filepond--file-action-button:focus, .filepond--file-action-button:hover { box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 0.125em; } .filepond--file-info { position: static; display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; margin: 0px 0.5em 0px 0px; min-width: 0px; will-change: transform, opacity; pointer-events: none; user-select: none; } .filepond--file-info * { margin: 0px; } .filepond--file-info .filepond--file-info-main { font-size: 0.75em; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .filepond--file-info .filepond--file-info-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; white-space: nowrap; } .filepond--file-info .filepond--file-info-sub:empty { display: none; } .filepond--file-status { position: static; display: flex; flex-direction: column; align-items: flex-end; flex-grow: 0; flex-shrink: 0; margin: 0px; min-width: 2.25em; text-align: right; will-change: transform, opacity; pointer-events: none; user-select: none; } .filepond--file-status * { margin: 0px; white-space: nowrap; } .filepond--file-status .filepond--file-status-main { font-size: 0.75em; line-height: 1.2; } .filepond--file-status .filepond--file-status-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; } .filepond--file-wrapper.filepond--file-wrapper { border: none; margin: 0px; padding: 0px; min-width: 0px; } .filepond--file-wrapper.filepond--file-wrapper > legend { position: absolute; overflow: hidden; height: 1px; width: 1px; padding: 0px; border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; } .filepond--file { position: static; display: flex; height: 100%; align-items: flex-start; padding: 0.5625em; color: rgb(255, 255, 255); border-radius: 0.5em; } .filepond--file .filepond--file-status { margin-left: auto; margin-right: 2.25em; } .filepond--file .filepond--processing-complete-indicator { pointer-events: none; user-select: none; z-index: 3; } .filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator { position: absolute; } .filepond--file [data-align*="left"] { left: 0.5625em; } .filepond--file [data-align*="right"] { right: 0.5625em; } .filepond--file [data-align*="center"] { left: calc(50% - 0.8125em); } .filepond--file [data-align*="bottom"] { bottom: 1.125em; } .filepond--file [data-align="center"] { top: calc(50% - 0.8125em); } .filepond--file .filepond--progress-indicator { margin-top: 0.1875em; } .filepond--file .filepond--progress-indicator[data-align*="right"] { margin-right: 0.1875em; } .filepond--file .filepond--progress-indicator[data-align*="left"] { margin-left: 0.1875em; } [data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info { margin-right: 2.25em; } [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg { animation: 0.5s linear 0.125s 1 normal both running fall; } [data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--file-status-sub { opacity: 0; } [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; } [data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel { animation: 0.65s linear 0s 1 normal both running shake; } [data-filepond-item-state*="busy"] .filepond--progress-indicator svg { animation: 1s linear 0s infinite normal none running spin; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes shake { 10%, 90% { transform: translateX(-0.0625em); } 20%, 80% { transform: translateX(0.125em); } 30%, 50%, 70% { transform: translateX(-0.25em); } 40%, 60% { transform: translateX(0.25em); } } @keyframes fall { 0% { opacity: 0; transform: scale(0.5); animation-timing-function: ease-out; } 70% { opacity: 1; transform: scale(1.1); animation-timing-function: ease-in-out; } 100% { transform: scale(1); animation-timing-function: ease-out; } } .filepond--hopper[data-hopper-state="drag-over"] > * { pointer-events: none; } .filepond--progress-indicator { z-index: 103; } .filepond--file-action-button { z-index: 102; } .filepond--file-status { z-index: 101; } .filepond--file-info { z-index: 100; } .filepond--item { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; padding: 0px; margin: 0.25em 0px; will-change: transform, opacity; } .filepond--item > .filepond--panel { z-index: -1; } .filepond--item > .filepond--panel .filepond--panel-bottom { box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.125em -0.0625em; } .filepond--item-panel { background-color: rgb(100, 96, 94); } [data-filepond-item-state="processing-complete"] .filepond--item-panel { background-color: rgb(54, 151, 99); } [data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel { background-color: rgb(196, 78, 71); } .filepond--item-panel { border-radius: 0.5em; transition: background-color 0.25s; } .filepond--list-scroller { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px; will-change: transform; } .filepond--list-scroller[data-state="overflow"] { overflow: hidden scroll; mask: linear-gradient(rgb(0, 0, 0) calc(100% - 0.5em), transparent); } .filepond--list-scroller[data-state="overflow"] .filepond--list { bottom: 0px; right: 0px; } .filepond--list-scroller::-webkit-scrollbar { background: transparent; } .filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em; } .filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0px; } .filepond--list-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 99999px; border: 0.3125em solid transparent; background-clip: content-box; } .filepond--list.filepond--list { position: absolute; top: 0px; margin: 0px; padding: 0px; list-style-type: none; will-change: transform; } .filepond--list { left: 1em; right: 1em; } .filepond--root[data-style-panel-layout~="integrated"] { width: 100%; height: 100%; max-width: none; margin: 0px; } .filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller { overflow: hidden; height: 100%; margin-top: 0px; margin-bottom: 0px; } .filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list { left: 0px; right: 0px; height: 100%; } .filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item { margin-top: 0px; margin-bottom: 0px; } .filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper { height: 100%; } .filepond--root[data-style-panel-layout~="compact"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root { border-radius: 0px; } .filepond--root[data-style-panel-layout~="compact"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * { display: none; } .filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { bottom: 0px; height: auto; display: flex; justify-content: center; align-items: center; z-index: 7; } .filepond--root[data-style-panel-layout~="compact"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel { display: none; } .filepond--root[data-style-panel-layout~="circle"] { border-radius: 99999rem; overflow: hidden; } .filepond--root[data-style-panel-layout~="circle"] > .filepond--panel { border-radius: inherit; } .filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status, .filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > * { display: none; } .filepond--panel-root { border-radius: 0.5em; background-color: rgb(241, 240, 239); } .filepond--panel { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; pointer-events: none; height: 100% !important; } .filepond-panel:not([data-scalable="false"]) { height: auto !important; } .filepond--panel[data-scalable="false"] > div { display: none; } .filepond--panel[data-scalable="true"] { transform-style: preserve-3d; background-color: initial !important; border: none !important; } .filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top { position: absolute; left: 0px; top: 0px; right: 0px; margin: 0px; padding: 0px; } .filepond--panel-bottom, .filepond--panel-top { height: 0.5em; } .filepond--panel-top { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom: none !important; } .filepond--panel-top::after { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; bottom: -1px; background-color: inherit; } .filepond--panel-bottom, .filepond--panel-center { will-change: transform; backface-visibility: hidden; transform-origin: left top; transform: translate3d(0px, 0.5em, 0px); } .filepond--panel-bottom { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top: none !important; } .filepond--panel-bottom::before { content: ""; position: absolute; height: 2px; left: 0px; right: 0px; top: -1px; background-color: inherit; } .filepond--panel-center { height: 100px !important; border-top: none !important; border-bottom: none !important; border-radius: 0px !important; } .filepond--panel-center:not([style]) { visibility: hidden; } .filepond--progress-indicator { position: static; width: 1.25em; height: 1.25em; color: rgb(255, 255, 255); margin: 0px; pointer-events: none; will-change: transform, opacity; } .filepond--progress-indicator svg { width: 100%; height: 100%; vertical-align: top; transform-box: fill-box; } .filepond--progress-indicator path { fill: none; stroke: currentcolor; } .filepond--list-scroller { z-index: 6; } .filepond--drop-label { z-index: 5; } .filepond--drip { z-index: 3; } .filepond--root > .filepond--panel { z-index: 2; } .filepond--browser { z-index: 1; } .filepond--root { box-sizing: border-box; position: relative; margin-bottom: 1em; font-size: 1rem; line-height: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 450; text-align: left; text-rendering: optimizelegibility; direction: ltr; contain: size layout style; } .filepond--root * { font-size: inherit; box-sizing: inherit; line-height: inherit; } .filepond--root .filepond--drop-label { min-height: 4.75em; } .filepond--root .filepond--list-scroller { margin-top: 1em; margin-bottom: 1em; } html { font-family: sans-serif; line-height: 1.15; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0px; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: initial; height: 0px; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } a:active, a:hover { outline-width: 0px; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { appearance: button; } fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; white-space: normal; } progress { display: inline-block; vertical-align: initial; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } [hidden], template { display: none; } @media print { *, ::after, ::before { background: transparent !important; color: rgb(0, 0, 0) !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; } blockquote, pre { border: 1px solid rgb(153, 153, 153); break-inside: avoid; } thead { display: table-header-group; } img, tr { break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: rgb(0, 0, 0) !important; } .label { border: 1px solid rgb(0, 0, 0); } .table { border-collapse: collapse !important; } .table td, .table th { background-color: rgb(255, 255, 255) !important; } .table-bordered td, .table-bordered th { border: 1px solid rgb(221, 221, 221) !important; } } *, ::after, ::before { box-sizing: border-box; } html { font-size: 10px; } body { font-family: "Gotham Book"; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: red; text-decoration: none; } a:focus, a:hover { color: rgb(179, 0, 0); text-decoration: underline; } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } figure { margin: 0px; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 0px; transition: 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: rgb(119, 119, 119); } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0px 0px 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } .small, small { font-size: 85%; } .mark, mark { background-color: rgb(252, 248, 227); padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } @media (min-width: 768px) { .text-right-mb { text-align: right; } } @media (min-width: 992px) { .text-right-tablet { text-align: right; } } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .initialism, .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: rgb(119, 119, 119); } .text-primary { color: red; } a.text-primary:focus, a.text-primary:hover { color: rgb(204, 0, 0); } .text-success { color: rgb(60, 118, 61); } a.text-success:focus, a.text-success:hover { color: rgb(43, 84, 44); } .text-info { color: rgb(49, 112, 143); } a.text-info:focus, a.text-info:hover { color: rgb(36, 82, 105); } .text-warning { color: rgb(138, 109, 59); } a.text-warning:focus, a.text-warning:hover { color: rgb(102, 81, 44); } .text-danger { color: rgb(169, 68, 66); } a.text-danger:focus, a.text-danger:hover { color: rgb(132, 53, 52); } .bg-primary { color: rgb(255, 255, 255); background-color: red; } a.bg-primary:focus, a.bg-primary:hover { background-color: rgb(204, 0, 0); } .bg-success { background-color: rgb(223, 240, 216); } a.bg-success:focus, a.bg-success:hover { background-color: rgb(193, 226, 179); } .bg-info { background-color: rgb(217, 237, 247); } a.bg-info:focus, a.bg-info:hover { background-color: rgb(175, 217, 238); } .bg-warning { background-color: rgb(252, 248, 227); } a.bg-warning:focus, a.bg-warning:hover { background-color: rgb(247, 236, 181); } .bg-danger { background-color: rgb(242, 222, 222); } a.bg-danger:focus, a.bg-danger:hover { background-color: rgb(228, 185, 185); } .page-header { padding-bottom: 9px; margin: 40px 0px 20px; border-bottom: 1px solid rgb(238, 238, 238); } ol, ul { margin-top: 0px; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } .list-inline, .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0px; margin-bottom: 20px; } dd, dt { line-height: 1.42857; } dt { font-weight: 700; } dd { margin-left: 0px; } .dl-horizontal dd::after, .dl-horizontal dd::before { content: " "; display: table; } .dl-horizontal dd::after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted rgb(119, 119, 119); } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 17.5px; border-left: 5px solid rgb(238, 238, 238); } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0px; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857; color: rgb(119, 119, 119); } blockquote .small::before, blockquote footer::before, blockquote small::before { content: "— "; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0px; border-right: 5px solid rgb(238, 238, 238); border-left: 0px; text-align: right; } .blockquote-reverse .small::before, .blockquote-reverse footer::before, .blockquote-reverse small::before, blockquote.pull-right .small::before, blockquote.pull-right footer::before, blockquote.pull-right small::before { content: ""; } .blockquote-reverse .small::after, .blockquote-reverse footer::after, .blockquote-reverse small::after, blockquote.pull-right .small::after, blockquote.pull-right footer::after, blockquote.pull-right small::after { content: " —"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 0px; } code, kbd { padding: 2px 4px; font-size: 90%; } kbd { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset; } kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0px 0px 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; overflow-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); border-radius: 0px; } pre code { padding: 0px; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0px; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container::after, .container::before { content: " "; display: table; } .container::after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid::after, .container-fluid::before { content: " "; display: table; } .container-fluid::after { clear: both; } .row::after, .row::before { content: " "; display: table; } .row::after { clear: both; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.6667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333%; } .col-xs-5 { width: 41.6667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333%; } .col-xs-8 { width: 66.6667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333%; } .col-xs-11 { width: 91.6667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.6667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333%; } .col-xs-pull-5 { right: 41.6667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333%; } .col-xs-pull-8 { right: 66.6667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333%; } .col-xs-pull-11 { right: 91.6667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.6667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333%; } .col-xs-push-5 { left: 41.6667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333%; } .col-xs-push-8 { left: 66.6667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333%; } .col-xs-push-11 { left: 91.6667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0px; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.6667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-5 { margin-left: 41.6667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333%; } .col-xs-offset-8 { margin-left: 66.6667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333%; } .col-xs-offset-11 { margin-left: 91.6667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.6667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333%; } .col-sm-5 { width: 41.6667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333%; } .col-sm-8 { width: 66.6667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333%; } .col-sm-11 { width: 91.6667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.6667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333%; } .col-sm-pull-5 { right: 41.6667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333%; } .col-sm-pull-8 { right: 66.6667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333%; } .col-sm-pull-11 { right: 91.6667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.6667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333%; } .col-sm-push-5 { left: 41.6667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333%; } .col-sm-push-8 { left: 66.6667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333%; } .col-sm-push-11 { left: 91.6667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0px; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-5 { margin-left: 41.6667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333%; } .col-sm-offset-8 { margin-left: 66.6667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333%; } .col-sm-offset-11 { margin-left: 91.6667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.6667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333%; } .col-md-5 { width: 41.6667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333%; } .col-md-8 { width: 66.6667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333%; } .col-md-11 { width: 91.6667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.6667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333%; } .col-md-pull-5 { right: 41.6667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333%; } .col-md-pull-8 { right: 66.6667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333%; } .col-md-pull-11 { right: 91.6667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.6667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333%; } .col-md-push-5 { left: 41.6667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333%; } .col-md-push-8 { left: 66.6667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333%; } .col-md-push-11 { left: 91.6667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0px; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333%; } .col-md-offset-5 { margin-left: 41.6667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333%; } .col-md-offset-8 { margin-left: 66.6667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333%; } .col-md-offset-11 { margin-left: 91.6667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.6667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333%; } .col-lg-5 { width: 41.6667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333%; } .col-lg-8 { width: 66.6667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333%; } .col-lg-11 { width: 91.6667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.6667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333%; } .col-lg-pull-5 { right: 41.6667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333%; } .col-lg-pull-8 { right: 66.6667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333%; } .col-lg-pull-11 { right: 91.6667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.6667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333%; } .col-lg-push-5 { left: 41.6667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333%; } .col-lg-push-8 { left: 66.6667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333%; } .col-lg-push-11 { left: 91.6667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0px; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.6667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-5 { margin-left: 41.6667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333%; } .col-lg-offset-8 { margin-left: 66.6667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333%; } .col-lg-offset-11 { margin-left: 91.6667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: rgb(119, 119, 119); } caption, th { text-align: left; } .table { max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid rgb(221, 221, 221); } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid rgb(221, 221, 221); } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0px; } .table > tbody + tbody { border-top: 2px solid rgb(221, 221, 221); } .table .table { background-color: rgb(255, 255, 255); } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px; } .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid rgb(221, 221, 221); } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); } .table-hover > tbody > tr:hover { background-color: rgb(245, 245, 245); } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: rgb(245, 245, 245); } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: rgb(232, 232, 232); } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: rgb(223, 240, 216); } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: rgb(208, 233, 198); } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: rgb(217, 237, 247); } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: rgb(196, 227, 243); } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: rgb(252, 248, 227); } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: rgb(250, 242, 204); } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: rgb(242, 222, 222); } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: rgb(235, 204, 204); } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; border: 1px solid rgb(221, 221, 221); } .table-responsive > .table { margin-bottom: 0px; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0px; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0px; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0px; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0px; } } fieldset { margin: 0px; min-width: 0px; } fieldset, legend { padding: 0px; border: 0px; } legend { display: block; width: 100%; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: rgb(51, 51, 51); border-bottom: 1px solid rgb(229, 229, 229); } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { margin: 4px 0px 0px; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="checkbox"]:focus, input[type="file"]:focus, input[type="radio"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } output { padding-top: 7px; } .form-control, .react-tagsinput, output { display: block; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); } .form-control, .react-tagsinput { width: 100%; height: 34px; padding: 6px 12px; background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(69, 154, 216); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control:focus, .react-tagsinput:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; } .form-control::-webkit-input-placeholder, .react-tagsinput::-webkit-input-placeholder { color: rgb(153, 153, 153); } .form-control[disabled], .form-control[readonly], [disabled].react-tagsinput, [readonly].react-tagsinput, fieldset[disabled] .form-control, fieldset[disabled] .react-tagsinput { background-color: rgb(238, 238, 238); opacity: 1; } .form-control[disabled], [disabled].react-tagsinput, fieldset[disabled] .form-control, fieldset[disabled] .react-tagsinput { cursor: not-allowed; } textarea.form-control, textarea.react-tagsinput { height: auto; } input[type="search"] { appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="date"].react-tagsinput, input[type="datetime-local"].form-control, input[type="datetime-local"].react-tagsinput, input[type="month"].form-control, input[type="month"].react-tagsinput, input[type="time"].form-control, input[type="time"].react-tagsinput { line-height: 34px; } .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="date"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"], .input-group-sm input[type="time"], input[type="date"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, input[type="time"].input-sm { line-height: 30px; } .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="date"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"], .input-group-lg input[type="time"], input[type="date"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, input[type="time"].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0px; font-weight: 400; cursor: pointer; } .checkbox-inline input[type="checkbox"], .checkbox input[type="checkbox"], .radio-inline input[type="radio"], .radio input[type="radio"] { position: absolute; margin-left: -20px; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0px; vertical-align: middle; font-weight: 400; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0px; margin-left: 10px; } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input[type="checkbox"].disabled, input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0px; min-height: 34px; } .form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .form-control-static.react-tagsinput, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .form-control-static.react-tagsinput, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0px; padding-right: 0px; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-sm > .react-tagsinput, .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > select.react-tagsinput, select.input-sm { height: 30px; line-height: 30px; } .input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > select[multiple].react-tagsinput, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > textarea.react-tagsinput, select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control, .form-group-sm .react-tagsinput { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control, .form-group-sm select.react-tagsinput { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm select[multiple].react-tagsinput, .form-group-sm textarea.form-control, .form-group-sm textarea.react-tagsinput { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-lg > .react-tagsinput, .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > select.react-tagsinput, select.input-lg { height: 46px; line-height: 46px; } .input-group-lg > .input-group-btn > select[multiple].btn, .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > select[multiple].react-tagsinput, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > textarea.react-tagsinput, select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control, .form-group-lg .react-tagsinput { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control, .form-group-lg select.react-tagsinput { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg select[multiple].react-tagsinput, .form-group-lg textarea.form-control, .form-group-lg textarea.react-tagsinput { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control, .has-feedback .react-tagsinput { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0px; right: 0px; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .form-group-lg .form-control + .form-control-feedback, .form-group-lg .react-tagsinput + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg > .react-tagsinput + .form-control-feedback, .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .form-group-sm .form-control + .form-control-feedback, .form-group-sm .react-tagsinput + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm > .react-tagsinput + .form-control-feedback, .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label { color: rgb(60, 118, 61); } .has-success .form-control, .has-success .react-tagsinput { border-color: rgb(60, 118, 61); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-success .form-control:focus, .has-success .react-tagsinput:focus { border-color: rgb(43, 84, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(103, 177, 104) 0px 0px 6px; } .has-success .input-group-addon { color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); } .has-success .form-control-feedback { color: rgb(60, 118, 61); } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label { color: rgb(138, 109, 59); } .has-warning .form-control, .has-warning .react-tagsinput { border-color: rgb(138, 109, 59); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-warning .form-control:focus, .has-warning .react-tagsinput:focus { border-color: rgb(102, 81, 44); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(192, 161, 107) 0px 0px 6px; } .has-warning .input-group-addon { color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); } .has-warning .form-control-feedback { color: rgb(138, 109, 59); } .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label { color: rgb(169, 68, 66); } .has-error .form-control, .has-error .react-tagsinput { border-color: rgb(169, 68, 66); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; } .has-error .form-control:focus, .has-error .react-tagsinput:focus { border-color: rgb(132, 53, 52); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px; } .has-error .input-group-addon { color: rgb(169, 68, 66); border-color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); } .has-error .form-control-feedback { color: rgb(169, 68, 66); } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0px; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: rgb(115, 115, 115); } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .form-inline .form-control, .form-inline .react-tagsinput { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .react-tagsinput { width: auto; } .form-inline .input-group > .form-control, .form-inline .input-group > .react-tagsinput { width: 100%; } .form-inline .control-label { margin-bottom: 0px; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0px; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { position: relative; margin-left: 0px; } .form-inline .has-feedback .form-control-feedback { top: 0px; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0px; margin-bottom: 0px; padding-top: 7px; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group::after, .form-horizontal .form-group::before { content: " "; display: table; } .form-horizontal .form-group::after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0px; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0px; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; user-select: none; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: rgb(51, 51, 51); text-decoration: none; } .btn.active, .btn:active { outline: 0px; background-image: none; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-default.focus, .btn-default:focus { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(140, 140, 140); } .btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle { color: rgb(51, 51, 51); background-color: rgb(230, 230, 230); border-color: rgb(173, 173, 173); } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover { color: rgb(51, 51, 51); background-color: rgb(212, 212, 212); border-color: rgb(140, 140, 140); } .btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); } .btn-default .badge { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); } .btn-primary { background-color: red; border-color: rgb(230, 0, 0); } .btn-primary.focus, .btn-primary:focus { color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); border-color: rgb(102, 0, 0); } .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); border-color: rgb(168, 0, 0); } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover { color: rgb(255, 255, 255); background-color: rgb(168, 0, 0); border-color: rgb(102, 0, 0); } .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: red; border-color: rgb(230, 0, 0); } .btn-primary .badge { color: red; background-color: rgb(255, 255, 255); } .btn-success { color: rgb(255, 255, 255); background-color: rgb(0, 159, 98); border-color: rgb(0, 134, 82); } .btn-success.focus, .btn-success:focus { color: rgb(255, 255, 255); background-color: rgb(0, 108, 67); border-color: rgb(0, 6, 4); } .btn-success.active, .btn-success:active, .btn-success:hover, .open > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 108, 67); border-color: rgb(0, 72, 45); } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover { color: rgb(255, 255, 255); background-color: rgb(0, 72, 45); border-color: rgb(0, 6, 4); } .btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: rgb(0, 159, 98); border-color: rgb(0, 134, 82); } .btn-success .badge { color: rgb(0, 159, 98); background-color: rgb(255, 255, 255); } .btn-info { color: rgb(255, 255, 255); background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-info.focus, .btn-info:focus { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(27, 109, 133); } .btn-info.active, .btn-info:active, .btn-info:hover, .open > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(49, 176, 213); border-color: rgb(38, 154, 188); } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { color: rgb(255, 255, 255); background-color: rgb(38, 154, 188); border-color: rgb(27, 109, 133); } .btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); } .btn-info .badge { color: rgb(91, 192, 222); background-color: rgb(255, 255, 255); } .btn-warning { color: rgb(255, 255, 255); background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-warning.focus, .btn-warning:focus { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(152, 95, 13); } .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .btn-warning.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(236, 151, 31); border-color: rgb(213, 133, 18); } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { color: rgb(255, 255, 255); background-color: rgb(213, 133, 18); border-color: rgb(152, 95, 13); } .btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); } .btn-warning .badge { color: rgb(240, 173, 78); background-color: rgb(255, 255, 255); } .btn-danger { color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger.focus, .btn-danger:focus { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(118, 28, 25); } .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover { color: rgb(255, 255, 255); background-color: rgb(172, 41, 37); border-color: rgb(118, 28, 25); } .btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger .badge { color: rgb(217, 83, 79); background-color: rgb(255, 255, 255); } .btn-link { color: red; font-weight: 400; border-radius: 0px; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: rgb(179, 0, 0); text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: rgb(119, 119, 119); text-decoration: none; } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .btn-bold { font-family: "Gotham Bold" !important; padding: 0.75rem 2.15rem !important; } .btn-white { background-color: rgb(255, 255, 255); color: rgb(0, 102, 179); } .btn-white.focus, .btn-white:focus, .btn-white:hover { background-color: rgb(255, 255, 255) !important; color: rgb(0, 102, 179); } .btn-input { min-width: 150px; margin: 0px 5px; padding: 4px !important; border-radius: 15px !important; } @media (max-width: 768px) { .btn-input { position: absolute; top: 48px; margin: 0px; padding: 8px !important; border-radius: 20px !important; } } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0px; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: none; font-size: 14px; text-align: left; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; color: rgb(38, 38, 38); background-color: rgb(245, 245, 245); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; background-color: red; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: rgb(119, 119, 119); } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0px; } .dropdown-menu-right { left: auto; right: 0px; } .dropdown-menu-left { left: 0px; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(119, 119, 119); white-space: nowrap; } .dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0px; border-bottom: 4px dashed; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0px; left: auto; } .navbar-right .dropdown-menu-left { left: 0px; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar::after, .btn-toolbar::before { content: " "; display: table; } .btn-toolbar::after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; } .btn-group > .btn:first-child { margin-left: 0px; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0px; } .btn-group-lg > .btn .caret, .btn-lg .caret { border-width: 5px 5px 0px; } .dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret { border-width: 0px 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before { content: " "; display: table; } .btn-group-vertical > .btn-group::after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0px; } .btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn:last-child:not(:first-child) { border-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: initial; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn input[type="radio"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: initial; } .input-group[class*="col-"] { float: none; padding-left: 0px; padding-right: 0px; } .input-group .form-control, .input-group .react-tagsinput { position: relative; float: left; width: 100%; margin-bottom: 0px; } .input-group .form-control:focus, .input-group .react-tagsinput:focus { z-index: 3; } @supports (-webkit-touch-callout:none) { .input-group .form-control:focus, .input-group .react-tagsinput:focus { z-index: auto; } } .input-group-addon, .input-group-btn, .input-group .form-control, .input-group .react-tagsinput { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child), .input-group .react-tagsinput:not(:first-child):not(:last-child) { border-radius: 0px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: rgb(85, 85, 85); text-align: center; background-color: rgb(238, 238, 238); border: 1px solid rgb(69, 154, 216); border-radius: 0px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="checkbox"], .input-group-addon input[type="radio"] { margin-top: 0px; } .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child, .input-group .react-tagsinput:first-child { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .input-group-addon:first-child { border-right: 0px; } .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child, .input-group .react-tagsinput:last-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .input-group-addon:last-child { border-left: 0px; } .input-group-btn { font-size: 0px; white-space: nowrap; } .input-group-btn, .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0px; padding-left: 0px; list-style: none; } .nav::after, .nav::before { content: " "; display: table; } .nav::after { clear: both; } .nav > li, .nav > li > a { position: relative; display: block; } .nav > li > a { padding: 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: rgb(238, 238, 238); } .nav > li.disabled > a { color: rgb(119, 119, 119); } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: rgb(119, 119, 119); text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: rgb(238, 238, 238); border-color: red; } .nav .nav-divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 0px; } .nav-tabs > li > a:hover { border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-image: initial; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: rgb(255, 255, 255); background-color: red; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0px; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0px; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0px; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0px; border-radius: 0px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a { border: 1px solid rgb(221, 221, 221); } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 0px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a { border-bottom-color: rgb(255, 255, 255); } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; } .navbar::after, .navbar::before { content: " "; display: table; } .navbar::after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 0px; } } .navbar-header::after, .navbar-header::before { content: " "; display: table; } .navbar-header::after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; } .navbar-collapse::after, .navbar-collapse::before { content: " "; display: table; } .navbar-collapse::after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0px; box-shadow: none; } .navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-left: 0px; padding-right: 0px; } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left: -15px; } @media (min-width: 768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0px; margin-left: 0px; } } .navbar-static-top { z-index: 1000; border-width: 0px 0px 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0px; } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0px; left: 0px; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0px; } } .navbar-fixed-top { top: 0px; border-width: 0px 0px 1px; } .navbar-fixed-bottom { bottom: 0px; margin-bottom: 0px; border-width: 1px 0px 0px; } .navbar-brand { float: left; padding: 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0px; } .navbar-toggle:focus { outline: 0px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0px; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(255, 255, 255, 0.1) 0px 1px 0px; margin: 8px -15px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0px; vertical-align: middle; } .navbar-form .form-control, .navbar-form .react-tagsinput { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .react-tagsinput { width: auto; } .navbar-form .input-group > .form-control, .navbar-form .input-group > .react-tagsinput { width: 100%; } .navbar-form .control-label { margin-bottom: 0px; vertical-align: middle; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0px; margin-bottom: 0px; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0px; } .navbar-form .checkbox input[type="checkbox"], .navbar-form .radio input[type="radio"] { position: relative; margin-left: 0px; } .navbar-form .has-feedback .form-control-feedback { top: 0px; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0px; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0px; margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0px; border-radius: 0px; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .btn-group-sm > .navbar-btn.btn, .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0px; } } .navbar-default { background-color: rgb(248, 248, 248); } .navbar-default .navbar-brand { color: rgb(119, 119, 119); } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: rgb(94, 94, 94); background-color: transparent; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: rgb(204, 204, 204); background-color: transparent; } .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: rgb(204, 204, 204); background-color: transparent; } } .navbar-default .navbar-link { color: rgb(119, 119, 119); } .navbar-default .navbar-link:hover { color: rgb(51, 51, 51); } .navbar-default .btn-link { color: rgb(119, 119, 119); } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: rgb(51, 51, 51); } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: rgb(204, 204, 204); } .navbar-inverse { background-color: rgb(34, 34, 34); border-color: rgb(9, 9, 9); } .navbar-inverse .navbar-brand { color: rgb(157, 157, 157); } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text { color: rgb(157, 157, 157); } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: rgb(255, 255, 255); background-color: rgb(9, 9, 9); } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: rgb(68, 68, 68); background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: rgb(51, 51, 51); } .navbar-inverse .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgb(16, 16, 16); } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: rgb(9, 9, 9); color: rgb(255, 255, 255); } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: rgb(9, 9, 9); } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: rgb(9, 9, 9); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: rgb(157, 157, 157); } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: rgb(255, 255, 255); background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: rgb(255, 255, 255); background-color: rgb(9, 9, 9); } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: rgb(68, 68, 68); background-color: transparent; } } .navbar-inverse .navbar-link { color: rgb(157, 157, 157); } .navbar-inverse .navbar-link:hover { color: rgb(255, 255, 255); } .navbar-inverse .btn-link { color: rgb(157, 157, 157); } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: rgb(255, 255, 255); } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: rgb(68, 68, 68); } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: rgb(245, 245, 245); border-radius: 0px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li::before { content: "/ "; padding: 0px 5px; color: rgb(204, 204, 204); } .breadcrumb > .active { color: rgb(119, 119, 119); } .pagination { display: inline-block; padding-left: 0px; margin: 20px 0px; border-radius: 0px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: red; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: rgb(179, 0, 0); background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: rgb(255, 255, 255); background-color: red; border-color: red; cursor: default; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: rgb(119, 119, 119); background-color: rgb(255, 255, 255); border-color: rgb(221, 221, 221); cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0px; margin: 20px 0px; list-style: none; text-align: center; } .pager::after, .pager::before { content: " "; display: table; } .pager::after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: rgb(238, 238, 238); } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: rgb(119, 119, 119); background-color: rgb(255, 255, 255); cursor: not-allowed; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: initial; border-radius: 0.25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:focus, a.label:hover { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .label-default { background-color: rgb(119, 119, 119); } .label-default[href]:focus, .label-default[href]:hover { background-color: rgb(94, 94, 94); } .label-primary { background-color: red; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: rgb(204, 0, 0); } .label-success { background-color: rgb(0, 159, 98); } .label-success[href]:focus, .label-success[href]:hover { background-color: rgb(0, 108, 67); } .label-info { background-color: rgb(91, 192, 222); } .label-info[href]:focus, .label-info[href]:hover { background-color: rgb(49, 176, 213); } .label-warning { background-color: rgb(240, 173, 78); } .label-warning[href]:focus, .label-warning[href]:hover { background-color: rgb(236, 151, 31); } .label-danger { background-color: rgb(217, 83, 79); } .label-danger[href]:focus, .label-danger[href]:hover { background-color: rgb(201, 48, 44); } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(119, 119, 119); border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0px; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: red; background-color: rgb(255, 255, 255); } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:focus, a.badge:hover { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; background-color: rgb(238, 238, 238); } .jumbotron, .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: rgb(213, 213, 213); } .container-fluid .jumbotron, .container .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container-fluid .jumbotron, .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 0px; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: rgb(51, 51, 51); } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: red; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 0px; } .alert h4 { margin-top: 0px; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0px; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); color: rgb(60, 118, 61); } .alert-success hr { border-top-color: rgb(201, 226, 179); } .alert-success .alert-link { color: rgb(43, 84, 44); } .alert-info { background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); color: rgb(49, 112, 143); } .alert-info hr { border-top-color: rgb(166, 225, 236); } .alert-info .alert-link { color: rgb(36, 82, 105); } .alert-warning { background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); color: rgb(138, 109, 59); } .alert-warning hr { border-top-color: rgb(247, 225, 181); } .alert-warning .alert-link { color: rgb(102, 81, 44); } .alert-danger { background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); color: rgb(169, 68, 66); } .alert-danger hr { border-top-color: rgb(228, 185, 192); } .alert-danger .alert-link { color: rgb(132, 53, 52); } @keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: rgb(245, 245, 245); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; } .progress-bar { float: left; width: 0px; height: 100%; font-size: 12px; line-height: 20px; color: rgb(255, 255, 255); text-align: center; background-color: red; box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset; transition: width 0.6s; } .progress-bar-striped, .progress-striped .progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent); background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { animation: 2s linear 0s infinite normal none running progress-bar-stripes; } .progress-bar-success { background-color: rgb(0, 159, 98); } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent); } .progress-bar-info { background-color: rgb(91, 192, 222); } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent); } .progress-bar-warning { background-color: rgb(240, 173, 78); } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent); } .progress-bar-danger { background-color: rgb(217, 83, 79); } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0px; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0px; margin-bottom: 5px; } .media-list { padding-left: 0px; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); } .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } a.list-group-item, button.list-group-item { color: rgb(85, 85, 85); } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: rgb(51, 51, 51); } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { text-decoration: none; color: rgb(85, 85, 85); background-color: rgb(245, 245, 245); } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background-color: rgb(238, 238, 238); color: rgb(119, 119, 119); cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: rgb(119, 119, 119); } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: rgb(255, 255, 255); background-color: red; border-color: red; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: rgb(255, 204, 204); } .list-group-item-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); } a.list-group-item-success, button.list-group-item-success { color: rgb(60, 118, 61); } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: rgb(60, 118, 61); background-color: rgb(208, 233, 198); } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: rgb(255, 255, 255); background-color: rgb(60, 118, 61); border-color: rgb(60, 118, 61); } .list-group-item-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); } a.list-group-item-info, button.list-group-item-info { color: rgb(49, 112, 143); } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: rgb(49, 112, 143); background-color: rgb(196, 227, 243); } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: rgb(255, 255, 255); background-color: rgb(49, 112, 143); border-color: rgb(49, 112, 143); } .list-group-item-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); } a.list-group-item-warning, button.list-group-item-warning { color: rgb(138, 109, 59); } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: rgb(138, 109, 59); background-color: rgb(250, 242, 204); } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: rgb(255, 255, 255); background-color: rgb(138, 109, 59); border-color: rgb(138, 109, 59); } .list-group-item-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); } a.list-group-item-danger, button.list-group-item-danger { color: rgb(169, 68, 66); } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: rgb(169, 68, 66); background-color: rgb(235, 204, 204); } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: rgb(255, 255, 255); background-color: rgb(169, 68, 66); border-color: rgb(169, 68, 66); } .list-group-item-heading { margin-top: 0px; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0px; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; } .panel-body { padding: 15px; } .panel-body::after, .panel-body::before { content: " "; display: table; } .panel-body::after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; } .panel-heading > .dropdown .dropdown-toggle, .panel-title { color: inherit; } .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: rgb(245, 245, 245); border-top: 1px solid rgb(221, 221, 221); } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0px; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0px; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0px; } .panel > .panel-collapse > .table caption, .panel > .table-responsive > .table caption, .panel > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { } .panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid rgb(221, 221, 221); } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0px; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0px; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0px; } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0px; } .panel > .table-responsive { border: 0px; margin-bottom: 0px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0px; border-radius: 0px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0px; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid rgb(221, 221, 221); } .panel-group .panel-footer { border-top: 0px; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(221, 221, 221); } .panel-default { border-color: rgb(221, 221, 221); } .panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(221, 221, 221); } .panel-default > .panel-heading .badge { color: rgb(245, 245, 245); background-color: rgb(51, 51, 51); } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(221, 221, 221); } .panel-primary { border-color: red; } .panel-primary > .panel-heading { color: rgb(255, 255, 255); background-color: red; border-color: red; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: red; } .panel-primary > .panel-heading .badge { color: red; background-color: rgb(255, 255, 255); } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: red; } .panel-success { border-color: rgb(214, 233, 198); } .panel-success > .panel-heading { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); } .panel-success > .panel-heading .badge { color: rgb(223, 240, 216); background-color: rgb(60, 118, 61); } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); } .panel-info { border-color: rgb(188, 232, 241); } .panel-info > .panel-heading { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(188, 232, 241); } .panel-info > .panel-heading .badge { color: rgb(217, 237, 247); background-color: rgb(49, 112, 143); } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(188, 232, 241); } .panel-warning { border-color: rgb(250, 235, 204); } .panel-warning > .panel-heading { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(250, 235, 204); } .panel-warning > .panel-heading .badge { color: rgb(252, 248, 227); background-color: rgb(138, 109, 59); } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(250, 235, 204); } .panel-danger { border-color: rgb(235, 204, 209); } .panel-danger > .panel-heading { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(235, 204, 209); } .panel-danger > .panel-heading .badge { color: rgb(242, 222, 222); background-color: rgb(169, 68, 66); } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(235, 204, 209); } .embed-responsive { position: relative; display: block; height: 0px; padding: 0px; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; left: 0px; bottom: 0px; height: 100%; width: 100%; border: 0px; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: rgb(245, 245, 245); border: 1px solid rgb(227, 227, 227); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; } .well blockquote { border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { font-size: 22.4px; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.25; } .close:focus, .close:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; } button.close { padding: 0px; cursor: pointer; background: transparent; border: 0px; appearance: none; } .modal, .modal-open { overflow: hidden; } .modal { display: none; position: fixed; inset: 0px; z-index: 1050; outline: 0px; } .modal.fade .modal-dialog { transform: translateY(-25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0px); } .modal-open .modal { overflow: hidden auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; background-clip: padding-box; outline: 0px; } .modal-backdrop { position: fixed; inset: 0px; z-index: 1040; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); } .modal-header::after, .modal-header::before { content: " "; display: table; } .modal-header::after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0px; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(229, 229, 229); } .modal-footer::after, .modal-footer::before { content: " "; display: table; } .modal-footer::after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Gotham Book"; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; font-size: 12px; opacity: 0; } .tooltip.in { opacity: 0.97; } .tooltip.top { margin-top: -3px; padding: 5px; } .tooltip.right { margin-left: 3px; padding: 0px 5px; } .tooltip.bottom { margin-top: 3px; margin-right: 1.5rem; padding: 5px 0px; } .tooltip.left { margin-left: -3px; padding: 0px 5px; } .tooltip-inner { max-width: 26rem; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 102, 179); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 10px; } .tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: 0px; border-width: 5px 5px 0px; border-top-color: rgb(0, 102, 179); } .tooltip.top-left .tooltip-arrow { right: 5px; } .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 102, 179); } .tooltip.top-right .tooltip-arrow { left: 5px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 102, 179); } .tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 102, 179); } .tooltip.bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: 11px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 102, 179); } .tooltip.bottom-left .tooltip-arrow { top: 0px; right: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 102, 179); } .tooltip.bottom-right .tooltip-arrow { top: 0px; left: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 102, 179); } .tooltip-image-box { padding: 15px 15px 20px; } .tooltip-image { width: 350px; height: 250px; } .ci-image-wrapper { min-width: 10rem; min-height: 8rem; } @media (max-width: 390px) { .ci-image-wrapper { min-width: 9rem; min-height: 7rem; } } @media (max-width: 320px) { .ci-image-wrapper { min-width: 8rem; min-height: 6.5rem; } } @media (max-width: 280px) { .ci-image-wrapper { min-width: 7rem; min-height: 5.5rem; } } @media (max-width: 250px) { .ci-image-wrapper { min-width: 6rem; min-height: 5rem; } } .title-tooltip { margin-top: -5px; } @media (max-width: 768px) { .title-tooltip { } } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Gotham Book"; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; font-size: 14px; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0px; padding: 8px 14px; font-size: 14px; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-radius: 5px 5px 0px 0px; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow::after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0px; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow::after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0px; border-top-color: rgb(255, 255, 255); } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0px; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow::after { content: " "; left: 1px; bottom: -10px; border-left-width: 0px; border-right-color: rgb(255, 255, 255); } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow::after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow::after { content: " "; right: 1px; border-right-width: 0px; border-left-color: rgb(255, 255, 255); bottom: -10px; } .carousel, .carousel-inner { position: relative; } .carousel-inner { overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; transition: left 0.6s ease-in-out; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media (-webkit-transform-3d), (transform-3d) { .carousel-inner > .item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } .carousel-inner > .item.active.right, .carousel-inner > .item.next { transform: translate3d(100%, 0px, 0px); left: 0px; } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { transform: translate3d(-100%, 0px, 0px); left: 0px; } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { transform: translateZ(0px); left: 0px; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0px; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0px; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0px; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0px; left: 0px; bottom: 0px; width: 15%; opacity: 0.5; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: none; background-color: transparent; } .carousel-control.left { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0)); background-repeat: repeat-x; } .carousel-control.right { left: auto; right: 0px; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { outline: 0px; color: rgb(255, 255, 255); text-decoration: none; opacity: 0.9; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev::before { content: "‹"; } .carousel-control .icon-next::before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0px; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid rgb(255, 255, 255); border-radius: 10px; cursor: pointer; background-color: transparent; } .carousel-indicators .active { margin: 0px; width: 12px; height: 12px; background-color: rgb(255, 255, 255); } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: none; } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix::after, .clearfix::before { content: " "; display: table; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .hidden { display: none !important; } .affix { position: fixed; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .row::after, .row::before { content: none; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0px; margin-left: 0px; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; } .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } } :root { font-size: 13px; } @media (min-width: 320px) { :root { font-size: calc(-4.45455px + 5.45455vw); } } @media (min-width: 375px) { :root { font-size: calc(14.0867px + 0.5102vw); } } @media (min-width: 767px) { :root { font-size: calc(3086px - 400vw); } } @media (min-width: 768px) { :root { font-size: calc(11px + 0.39063vw); } } @media (min-width: 1024px) { :root { font-size: calc(12.5385px + 0.24038vw); } } @media (min-width: 1440px) { :root { font-size: 16px; } } .h1, .h2, .h3, h1, h2, h3 { margin-top: 1rem; margin-bottom: 0.5rem; } .h1, .h1 span, .h2, .h2 span, .h3, .h3 span, .h4, .h4 span, h1, h1 span, h2, h2 span, h3, h3 span, h4, h4 span { font-family: "Gotham Medium" !important; } .h4, .h5, .h6, h4, h5, h6, p { margin-top: 0.5rem; margin-bottom: 0.5rem; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 1.75rem; } .h3, h3 { font-size: 1.25rem; } .h4, h4 { font-size: 1rem; } .small, small { font-size: 12px; } .help-block, ol li, p, ul li { font-size: 1rem; } @media (max-width: 767px) { .h1, h1 { font-size: 1.75rem; } .h2, h2 { font-size: 1.5rem; } .h3, h3 { font-size: 1.25rem; } .h4, h4 { font-size: 1rem; } } #root, body, html { height: 100%; min-height: 100%; overscroll-behavior: none; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: 100%; } body { display: flex; flex-direction: column; justify-content: center; margin: 0px; font-family: sans-serif; font-size: 1rem; -webkit-font-smoothing: antialiased; cursor: default; } @media (max-width: 767px) { body { user-select: none; } body input, body textarea { user-select: initial; } } html { box-sizing: border-box; } *, ::after, ::before { box-sizing: inherit; } hr { margin: 0.5rem; } img { width: 100%; } svg { overflow: hidden; fill: currentcolor; } label { margin: initial; font-weight: 400; } td, ul { text-align: left; } hr { margin-right: 0px; margin-left: 0px; border-color: rgb(204, 207, 227); } .view-header.theme-product-detail .navbar { padding-top: env(safe-area-inset-top); } .container--bottom { padding-bottom: env(safe-area-inset-bottom); } .notifications-wrapper { top: env(safe-area-inset-top); } .containerDetails .col > div > div, .slideFromBottom.Select-menu { padding-bottom: env(safe-area-inset-bottom); } @media (max-width: 767px) { .containerDetails { padding: 0.5rem 1rem !important; } } .title-accounts--subscriptions .containerDetails { overflow: visible !important; } .containerDetails .table-row + div + div { display: none; } .containerDetails .col > div > div { } .containerDetails .react-tabs__tab-panel > div > div { min-height: 100%; display: flex; flex-direction: column; } .clearfix::after { clear: both; content: ""; display: table; } @media (max-width: 767px) { .flex-grow { flex-grow: 1; } } .justify-content-center { justify-content: left; } .justify-content-center-important { justify-content: center !important; } .align-items-center { align-items: center !important; } .justify-content-between { justify-content: space-between !important; } @media (max-width: 767px) { .align-items-center { align-items: center !important; } } .align-content-center { align-content: center; } .align-content-evenly { align-content: space-evenly; } .align-items-end { align-items: flex-end; } .align-items-strech { align-items: stretch !important; } .align-self-center { align-self: center; } .align-self-end { align-self: flex-end; } [hidden] { display: none !important; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .visually-hidden { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } @media (max-width: 767px) { .text-right-mb { text-align: right !important; } } @media (min-width: 992px) and (max-width: 1199px) { .text-right-tablet { text-align: right !important; } } .help-block, .text-muted { color: inherit; } .text-muted { opacity: 0.75; } .flex-container { display: flex; align-items: center; justify-content: space-between; } .flex-baseline { align-items: baseline; } .flex-inline { display: inline-flex !important; } .flex-content { flex-basis: content; } .flex-1 { flex: 1 1 0%; } .gap-01rem { gap: 0.1rem; } .gap-02rem { gap: 0.2rem; } .gap-03rem { gap: 0.3rem; } .gap-04rem { gap: 0.4rem; } .gap-05rem { gap: 0.5rem; } .gap-06rem { gap: 0.6rem; } .gap-07rem { gap: 0.7rem; } .gap-08rem { gap: 0.8rem; } .gap-09rem { gap: 0.9rem; } .gap-10rem { gap: 1rem; } .fixed-bottom { position: fixed; bottom: 0px; left: 0px; width: 100%; background-color: rgb(255, 255, 255); text-align: center; padding: 10px 0px; } .fixed-bottom.bg-transparent .btn { box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px; } @media (min-width: 768px) { .theme--auth:not(.enrollment-layout) .align-items-center { align-items: normal; } } .h-100 { height: 100%; } .svg-wrapper { width: 100%; display: inline-flex; align-items: center; justify-content: center; } .svg-wrapper > div { display: flex; } .svg-image { width: 100%; height: 100%; } .class-1, .class-2 { fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; } .class-1 { stroke-miterlimit: 10; } .stroke { fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-width: 2px; } .fat, .stroke-fat { stroke-width: 4px; } .svg-icon { width: 2.5rem; min-width: 2.5rem; height: 2.5rem; } .svg-icon-biometric { width: 3rem; min-width: 3rem; height: 3rem; } .svg-icon-card { height: fit-content; width: 4rem !important; } .svg-caret, .svg-logo, a.table-row svg.svg-caret { width: 1.25rem; min-width: 1.25rem; height: 1.25rem; } .svg-chevrom-select-item { width: 0.75rem; min-width: 0.75rem; height: 0.75rem; color: rgb(0, 102, 179); } .card-activate-icon-container { position: absolute; top: 1rem; opacity: 0.15; scale: 0.35; left: -4rem; margin-left: 20px; } .card-background { display: inline-flex; justify-content: center; max-width: max-content; gap: 10px; border: 1px solid rgb(234, 234, 234); border-radius: 8px; box-shadow: rgba(83, 69, 69, 0.2) 0px 0px 45px -20px; padding: 120px 20px 5px; margin: 10px 0px; align-items: center; } @media (max-width: 360px) { .card-background { max-width: 100%; } } .svg-icon-arrow { font-size: 2rem; } #root, #root > div:first-child, .transition-left, .transition-wrapper { height: 100%; } .transition-leave { z-index: 100 !important; } .transition-appear { z-index: 400 !important; } .transition-item { box-sizing: border-box; overflow: auto; width: calc(-1.2rem + 100vw); } .transition-item.transition-appear, .transition-item.transition-leave { position: absolute; top: 0px; } .transition-item.transition-leave { left: 0px; } .transition-down .transition-item.transition-appear { left: 0px; z-index: 2; opacity: 0.5; transform: translate3d(0px, -100%, 0px); } .transition-down .transition-item.transition-appear.transition-appear-active { transform: translateZ(0px); opacity: 1; transition: transform 0.55s ease-in-out 0.05s, opacity 0.25s ease-in-out 0.05s; } .transition-down .transition-item.transition-leave { z-index: 2; transform: translateZ(0px); } .transition-down .transition-item.transition-leave.transition-leave-active { transform: translateZ(0px); transition: transform 0.55s ease-in-out 0.05s, opacity 0.25s ease-in-out 0.05s; } @media (min-width: 768px) { .transition-down .transition-item.transition-leave.transition-leave-active { opacity: 0; } } .transition-left .transition-item.transition-appear { left: 0px; z-index: 2; opacity: 0.5; transform: translate3d(-100%, 0px, 0px); } .transition-left .transition-item.transition-appear.transition-appear-active { opacity: 1; transform: translateZ(0px); transition: transform 0.5s, opacity 0.5s ease-in-out; } .transition-left .transition-item.transition-leave { z-index: 2; transform: translateZ(0px); } .transition-left .transition-item.transition-leave.transition-leave-active { transform: translate3d(100%, 0px, 0px); transition: transform 0.5s, opacity 0.5s ease-in-out; } @media (min-width: 768px) { .transition-left .transition-item.transition-leave.transition-leave-active { opacity: 0; } } .transition-right .transition-item.transition-appear { left: 0px; z-index: 2; transform: translate3d(100%, 0px, 0px); } .transition-right .transition-item.transition-appear.transition-appear-active { transform: translateZ(0px); transition: transform 0.5s; } .transition-right .transition-item.transition-leave { z-index: 1; opacity: 1; transform: translateZ(0px); } .transition-right .transition-item.transition-leave.transition-leave-active { transform: translate3d(-100%, 0px, 0px); transition: transform 0.5s, opacity 0.5s ease-in-out; } @media (min-width: 768px) { .transition-right .transition-item.transition-leave.transition-leave-active { opacity: 0; } } .transition-fade .transition-item.transition-appear { transition: opacity 0.55s ease-in-out; opacity: 0; position: absolute; } .transition-fade .transition-item.transition-appear.transition-appear-active { opacity: 1; } .transition-fade .transition-item.transition-leave { transition: opacity 0.3s ease-in-out; opacity: 1; position: absolute; } .transition-fade .transition-item.transition-leave.transition-leave-active { opacity: 0; } .item-slide-enter { position: relative; left: 100vw; } .item-slide-enter.item-slide-enter-active { left: 0px; transition: left 0.3s ease-in-out; } .item-slide-leave { position: relative; left: 100vw; } .item-slide-leave.item-slide-leave-active { left: 0px; transition: left 0.3s ease-in-out; } .popup-slide-enter .popup-overlay { opacity: 0; } .popup-slide-enter .popup { bottom: -100vh; } .popup-slide-enter.popup-slide-enter-active .popup-overlay { opacity: 1; } .popup-slide-enter.popup-slide-enter-active .popup { bottom: 0px; transition: bottom 0.3s ease-in-out; } .popup-slide-leave .popup-overlay { opacity: 1; } .popup-slide-leave .popup { bottom: 0px; } .popup-slide-leave.popup-slide-leave-active .popup-overlay { opacity: 1; } .popup-slide-leave.popup-slide-leave-active .popup { bottom: -100vh; transition: bottom 0.3s ease-in-out; } .chooser-element-wrapper .list-filter-wrapper.filter-slide-enter { top: 100vh; } .chooser-element-wrapper .list-filter-wrapper.filter-slide-enter.filter-slide-enter-active { top: 0px; transition: top 0.3s ease-in-out; } .chooser-element-wrapper .list-filter-wrapper.filter-slide-leave { top: 0px; } .chooser-element-wrapper .list-filter-wrapper.filter-slide-leave.filter-slide-leave-active { top: 100vh; transition: top 0.3s ease-in-out; } .loading-indicator::before { transform-origin: 50% 50%; animation: 1s linear 0s infinite normal none running spin; } .area-loading-state .loading-text, .page-loading-state .loading-text { animation-duration: 2s; animation-iteration-count: infinite; animation-name: pulse; animation-fill-mode: both; } .button .loading-indicator, .field-file.state-loading a::after { transform-origin: 50% 50%; animation: 1s linear 0s infinite normal none running spin; } .react-selectize.open .react-selectize-control::after, .react-selectize:not(.open) .react-selectize-control::after, .selectize-input.dropdown-active::after, .selectize-input:not(.dropdown-active)::after { transition: transform 0.3s; } .animated { animation-duration: 1s; animation-fill-mode: both; } .bounceInDown { animation-name: bounceInDown; } .bounceOutUp { animation-name: bounceOutUp; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } } @keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } @keyframes slidein { 0% { margin-left: -10%; opacity: 0.5; } 100% { margin-left: 0px; opacity: 1; } } @keyframes inverse-slidein { 0% { margin-left: 5%; opacity: 0.5; } 100% { margin-left: 0px; opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @keyframes bouncedelay { 0% { transform: scale(0.6); } 80% { transform: scale(0.6); } 40% { transform: scale(1); } 100% { transform: scale(0.6); } } @keyframes appearSections { 0% { opacity: 0; transform: translateY(4rem); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes appearOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slideUp { 0% { opacity: 0; transform: translateZ(0px); } 5% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 10% { opacity: 1; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes appearDatePicker { 0% { opacity: 0; pointer-events: none; } 100% { opacity: 0.7; pointer-events: all; } } @keyframes showLayer { 0% { display: none; opacity: 0; pointer-events: none; } 100% { display: block; opacity: 0.7; pointer-events: all; } } @keyframes hideLayer { 0% { display: block; content: ""; opacity: 0.7; pointer-events: all; } 100% { display: none; content: none; opacity: 0; pointer-events: none; } } @keyframes appearFromCenter { 0% { transform: scale(0); opacity: 0.5; } 80% { transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } } .transition-top-level .transition-item.transition-appear { position: absolute; opacity: 0; transition: opacity 0.5s ease-in-out; } .transition-top-level .transition-item.transition-appear.transition-appear-active { opacity: 1; } .transition-top-level .transition-item.transition-leave { position: absolute; opacity: 1; transition: opacity 0.5s ease-in-out; } .transition-top-level .transition-item.transition-leave.transition-leave-active { opacity: 0; } .transition-drill .transition-item.transition-appear { left: 0px; z-index: 2; opacity: 0.5; transform: translate3d(-100%, 0px, 0px); } .transition-drill .transition-item.transition-appear.transition-appear-active { opacity: 1; transform: translateZ(0px); transition: transform 0.5s, opacity 0.5s ease-in-out; } .transition-drill .transition-item.transition-leave { z-index: 2; transform: translateZ(0px); } .transition-drill .transition-item.transition-leave.transition-leave-active { transform: translate3d(100%, 0px, 0px); transition: transform 0.5s, opacity 0.5s ease-in-out; } @media (min-width: 768px) { .transition-drill .transition-item.transition-leave.transition-leave-active { opacity: 0; } } .transition-layer .transition-item.transition-appear { left: 0px; z-index: 2; opacity: 0.5; transform: translateZ(0px); } .transition-layer .transition-item.transition-appear.transition-appear-active { opacity: 1; transform: translateZ(0px); transition: transform 0.75s, opacity 0.5s ease-in-out; } .transition-layer .transition-item.transition-leave { z-index: 2; transform: translateZ(0px); } .transition-layer .transition-item.transition-leave.transition-leave-active { transform: translate3d(0px, 100%, 0px); transition: transform 0.75s, opacity 0.5s ease-in-out; } @media (min-width: 768px) { .transition-layer .transition-item.transition-leave.transition-leave-active { opacity: 0; } } .weatherFadeOut { animation: 3s ease 0s 1 normal forwards running fadeOutWeather; } @keyframes fadeOutWeather { 0% { opacity: 1; } 100% { opacity: 0.3; } } .app { min-height: 100%; overflow-y: auto; justify-content: center; } .app, .app-page { display: flex; flex-direction: column; } .app-page { height: 100%; width: 100%; overflow: auto; flex-grow: 1; justify-content: space-between; } .app-content { min-height: 100%; display: flex; flex-grow: 1; justify-content: center; } .app-footer { padding: 0px 0px 2rem; } .app-footer .container--layout { margin: 0px; } .app-sidebar { overflow: auto; display: flex; flex-direction: column; height: 100%; } .app-version { align-self: flex-end; padding: 0px 1rem; } @media (min-width: 768px) { .app-page { flex-direction: row; } .app-page .app-content { position: relative; flex-direction: column; } .app-page .app-sidebar { border-right: 1px solid rgb(236, 234, 241); flex-basis: 15rem; flex-grow: 1; order: -1; } .app-page .view-title { margin: 0px; text-align: initial; } .app-page .view-content { position: relative; } .app-page .check-list .c-control { display: block; } .app-page .check-list .c-control-label { font-size: 1.1rem; } .app-page .selection-list .c-control { justify-content: start; } .app-page .selection-list .c-control-label { display: inline-flex; width: auto; padding: 0px 1rem; } .app-page .text-lead { text-align: initial; } .app-page .justify-content-center { justify-content: normal; } .app-page .security-image { flex-direction: row; } .app-page .security-image .image { flex-grow: 9999; } .app-page .security-image .text-lead { flex-grow: 1; margin: 0px 1.5rem; } .app-page .security-image .btn { margin: 0.8rem 1.5rem 0px; } .app-page .container { max-width: none; } .app-page .main-container > * .main-container, .app-page .main-container > :not(.above-the-fold) { display: block; } } @media (max-width: 767px) { .app-page .main-container > * .main-container { margin: auto !important; } } .scrollable-container { max-height: 45vh; overflow: scroll; } .scrollable-container-y { max-height: 45vh; overflow: hidden scroll; } .scrollable-x { overflow-x: scroll; } @media (max-width: 767px) { .scrollable-x-mb { overflow-x: scroll; } } .main-container { position: relative; width: 100%; display: flex; flex-flow: wrap; align-items: stretch; justify-content: space-around; margin-left: 0px; margin-right: 0px; flex-grow: 1; } .main-container > * { width: 100%; } .above-the-fold { flex-basis: auto; display: flex; width: 100%; flex-direction: column; flex-grow: 1; justify-content: space-between; align-self: stretch; min-height: 100%; z-index: 1; } .above-the-fold.tight-containers .container--layout { margin: 0px; } .above-the-fold.tight-containers .container--layout:last-of-type { margin-bottom: 1.75rem; } .above-the-fold.tight-containers .container--layout:first-of-type { margin-top: 0.5rem; } .above-the-fold.show-on-top { display: block; } .below-the-fold { width: 100%; flex-basis: 100%; } .container { padding: 0px 1rem; } .container--layout { display: flex; width: 100%; margin: 0.5rem 0px; } .container--layout:last-of-type { margin-bottom: 0px; } @media (min-width: 768px) { .container--layout:last-of-type { margin-bottom: 2rem; } } @media (max-width: 767px) { .container--layout.container--bottom { margin-bottom: 0px; } } .view-morphing .container--layout { margin-bottom: 0px; } .default-layout .container--layout { max-width: calc(1200px - 4rem); } .app-footer .container--layout { max-width: none; } .app-footer .container--layout, .container--layout .app-header .container--layout { margin-bottom: 0px; } .container--layout > .row { min-width: 100%; flex: 1 1 auto; justify-content: inherit; } .container--bottom small { vertical-align: text-bottom; } @media (min-width: 768px) { .above-the-fold { justify-content: flex-start; margin: initial !important; } } .view-wrapper { min-height: 100%; overflow-y: auto; display: flex; flex-direction: column; flex-grow: 1; width: 100%; height: 100%; overscroll-behavior: none; } .view-wrapper.default-layout { overflow: hidden; } .view-page { height: 100%; width: 100%; overflow: hidden auto; flex-grow: 1; justify-content: space-between; display: flex; } @media (max-width: 767px) { .view-page { flex-direction: column; } } .view-content { height: 100%; min-height: 100%; display: flex; flex-grow: 1; justify-content: center; overflow: hidden auto; scroll-behavior: smooth; } .view-footer { padding-top: 0.6em; padding-bottom: 0.6em; } @media (min-width: 768px) { .main-container { display: flex; } .app-page .view-wrapper { min-height: 0px; } .app-page .view-title { margin-bottom: 0px; text-align: initial; } .app-page .view-content { position: relative; } .view-content { display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; } .view-content .container--layout { flex-shrink: 0; } } .view-title { flex-grow: 1; text-align: center; } .view-title h2 { width: 100%; font-weight: 700; } .view-title > :last-child, .view-title h2 { margin: 0px; } @media (max-width: 767px) { .view-title { flex-wrap: wrap; } } @media (min-width: 768px) { .theme-auth .view-page { position: relative; } .theme-auth .view-page .view-content { padding: 0px; } .theme-auth .theme-auth .view-page::after { background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0)); } } .navbar-brand { padding: 1.333rem; height: auto; } .navbar-brand svg { width: 11rem; padding: 0px; color: rgb(68, 55, 123); } .app-header, .view-header { background-color: transparent; } @media (min-width: 768px) { .app-header .navbar, .view-header .navbar { padding-left: 1rem; padding-right: 1rem; } } .app-header .navbar, .view-header .navbar { margin-bottom: 0px; } .app-header .navbar-toggle, .view-header .navbar-toggle { background-position: 50% center; background-repeat: no-repeat; padding: 0.5rem; background-size: 1.4rem; top: -0.125rem; } .app-header .navbar-toggle, .app-header .navbar-toggle.collapsed, .view-header .navbar-toggle, .view-header .navbar-toggle.collapsed { background-image: url("/frontend/static/media/styledmenu-close.6f780f4d.svg"); } .app-header .navbar-toggle .icon-bar, .view-header .navbar-toggle .icon-bar { opacity: 0; } .app-header .progress, .view-header .progress { background-color: rgba(28, 28, 29, 0.5); } .app-header .progress .progress-bar, .view-header .progress .progress-bar { background-color: rgb(255, 255, 255); } .app-header .navbar, .view-header .navbar { border: none; } .app, .view-header .navbar, .view-wrapper { color: rgb(255, 255, 255); } .dropdown ul { padding: 0px; width: 100%; border-top: none; } .dropdown ul li a { padding: 10px 20px; text-decoration: none; cursor: pointer; } .dropdown .dropdown-toggle span.caret { margin-left: 0.5em; } .app .app-header { transform: translateZ(0px); } .app .app-header .navbar { background-color: rgb(255, 255, 255); border-bottom: 2px solid rgb(204, 207, 227); border-radius: 0px; } .app .app-header .navbar > .container-fluid .navbar-brand, .app .app-header .navbar > .container .navbar-brand { padding-left: 0px; } .app .app-header .navbar-header { width: 100%; } .app .app-header .navbar-header .container-navbar { display: table; width: 100%; } .app .app-header .navbar-header > .col { display: flex; align-items: center; justify-content: space-between; } .app .app-header .navbar-header .navbar-nav > li > a { padding-top: 1.333rem; padding-left: 0.333rem; padding-right: 1rem; background-color: transparent; } .app .app-header .navbar-header > .navbar-collapse { margin: -1rem; } .view-header { transform: translateZ(0px); padding: 0px; } .view-header .navbar { border-radius: 0px; border-width: 0px 0px 1px; background-color: rgb(255, 255, 255); } .view-header .navbar-header { width: 100%; align-items: center; } .view-header .navbar-header .view-back { border: none; } @media (min-width: 768px) { .view-header .navbar-header .view-back { padding-left: 0px; padding-right: 0px; margin: 0px -1rem; } .view-header .navbar-header .view-back.btn { font-size: 1.5rem; } .view-header .navbar-header .view-back > span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } .view-header .navbar-header .view-back .svg-wrapper { margin: 0px !important; } .view-header .navbar-default .navbar-nav > li.open > a { color: rgb(255, 255, 255); } .view-header .navbar-default .navbar-nav > li.open > a span { color: inherit; } .view-header .navbar-default .navbar-nav > li > a { color: rgb(68, 55, 123); } .view-header .navbar-default .navbar-collapse, .view-header .navbar-default .navbar-form { background-color: rgb(239, 237, 247); } @media (min-width: 768px) { .view-header .navbar-header { display: flex; align-items: flex-start; } .view-header .navbar-header .toolbar .view-title { flex-grow: 1; } .view-header .navbar-header .toolbar-product-name { flex-wrap: wrap; } .view-header .navbar-header .toolbar-product-name .view-title { flex-grow: 0; } } @media (max-width: 767px) { .app-header, .view-header { text-align: center; } .view-header .navbar { background-color: rgb(255, 255, 255); } .theme-auth .view-header .navbar { background-color: transparent; } } .app-header { z-index: 100; } .app-header .container-fluid { padding: 0px; } .view-header { z-index: 2; position: relative; } .header-mobile { flex-shrink: 0; overflow-y: auto; max-height: 100%; } @media (min-width: 768px) { .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand { margin-left: 0px; } .navbar > .container-fluid .navbar-brand .navbar-header, .navbar > .container .navbar-brand .navbar-header { padding: 0px 2rem; } } .navbar-right { margin-right: -1rem; } .badge.animation { animation: 0.3s ease 0s 1 normal both running zoom-notifications; } .badge.animation span { animation: 0.3s ease 0.2s 1 normal both running fall-number; } @keyframes zoom-notifications { 0% { transform: scale(0.9); } 50% { transform: scale(1.3); } 75% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes fall-number { 0% { transform: translateY(-20px); } 50% { transform: translateY(5px); } 75% { transform: translateY(-5px); } 100% { transform: translateY(0px); } } .list-group-item { padding: 1rem; margin-bottom: 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(153, 153, 153); } .list-group-item button { border: none; padding: 0px; background-color: transparent; color: rgb(0, 102, 179); } .list { padding: 0px; margin: 0.75em 0px; font-size: 1rem; text-align: left; list-style: none; } .list-item-inner { display: block; padding: 0.25em 0px; } .list-item-inner > .c-control, .list-item-inner > .form-group, .list-item-inner > .form-group-wrapper-inline > .form-group { margin-top: 0px; margin-bottom: 0px; } .list .list { margin: 0.25em 0px 0.25em 1rem; } .list--separated .list:not(.list--separated) { margin-bottom: 1em; } .list--separated > .list-item { border-bottom: 1px solid rgb(239, 237, 247); } .list--separated > .list-item > .list-item-inner { padding: 1em 1rem; } .list--separated .list .list-item-inner { padding: 0.25em 1rem; } .form-group-wrapper .list--separated > .list-item > .list-item-inner { padding-top: 0.25em; padding-bottom: 0.25em; } .list-item-inner.flex-container { flex-flow: wrap; } .list--separated .form-control, .list--separated .react-tagsinput, .list--separated .Select-control { padding: 6px 0.5em; } .list--separated .Select--single > .Select-control .Select-value, .list--separated .Select-placeholder { padding-left: 0.5rem; line-height: normal; } .list--bulleted { padding-left: 2.25rem; list-style: initial; } .list .list--bulleted { padding-left: 1.25rem; } .list--bulleted .list-item .list-item-inner { padding-left: 0.25rem; } .list em { font-size: 0.75rem; font-style: normal; text-transform: uppercase; } .data-list { padding: 0px; list-style: none; } .section-content-heading .data-list .data-list { text-transform: uppercase; } .section-content-heading .data-list .data-list .data-label, .section-content-heading .data-list .data-list .data-label-bottom-sheet { font-weight: 700; } .data-list .data-wrapper { margin: 0.5rem 0px; } .navigational-list-subtitle { padding: 0px 1rem; margin: 1rem 0px 0.25rem; font-weight: 700; } .navigational-list-item.list-item--noChilds > .c-control:only-child .c-control-label { padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem; margin-left: 1rem; color: rgb(0, 102, 179); width: 100%; } .navigational-list-item.list-item--noChilds > .c-control:only-child .c-control-label > div:last-child { padding-left: 0.5rem; padding-right: 0.5rem; } .navigational-list-item .c-control { margin-bottom: 0px; } .navigational-list-item .collapse-open + .form-group { display: block; } .navigational-list-item button { display: flex; align-items: center; width: 100%; padding: 1rem; border: none; color: rgb(0, 102, 179); background-color: transparent; } .navigational-list-item button > span { flex-grow: 1; text-align: left; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .navigational-list-item button .svg-wrapper { flex-grow: 0; width: auto; color: rgb(68, 55, 123); } .navigational-list-item button .c-control-mark .svg-wrapper { transform: none; } .navigational-list-item .collapse-open { color: rgb(68, 55, 123); font-weight: 700; } .navigational-list-item > .form-group { margin: 0.5rem 0px; } .navigational-list-item > .form-group .c-control .c-control-label { position: relative; width: 100%; padding: 0.25rem 0.5rem 0.25rem 2.75rem; } .navigational-list-item > .form-group .c-control .c-control-label .c-control-mark, .navigational-list-item > .form-group .c-control .c-control-label::before { left: 1rem; } .navigational-list-item > .form-group .c-control .c-control-label::before { border: 1px solid rgb(204, 204, 204); } .navigational-list-item > .form-group .c-control .c-control-label .c-control-text { display: flex; align-items: center; } .navigational-list-item-container { display: flex; align-items: center; justify-content: space-between; padding: 1rem; } .navigational-list-item-container .btn-only-icon { width: auto; } .navigational-list-item-container .btn-only-icon .svg-wrapper { color: rgb(0, 102, 179); margin: 0px; } @media (max-width: 767px) { .navigational-list-item-container .btn-only-icon span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } .normal-list { padding: 0px; text-align: center; list-style: none; } .normal-list li { padding-bottom: 1em; font-family: "Gotham Book"; font-size: 0.875rem; } .normal-list li::before { display: inline; content: "- "; } .list-item-hint { color: rgb(170, 170, 170); font-family: Arial, Helvetica, sans-serif; font-size: 0.875rem; } .list-wrapper { width: 100%; } .list--products .form-group { background-color: rgb(255, 255, 255) !important; } .accordion-products .collapsable-button { display: flex; align-items: center !important; } .checkbox-products { height: 1.3rem; width: 1.3rem; vertical-align: middle; accent-color: rgb(0, 102, 179); transition: box-shadow 0.1s; margin-top: 0px !important; margin-right: 0.75rem !important; color: rgb(0, 102, 179) !important; } .horizontal-products-list { display: flex; gap: 2rem; justify-content: center; } .horizontal-products-list .horizontal-products-list-item { display: flex; flex-direction: column; align-items: center; cursor: pointer; min-width: 100px; box-shadow: none; border-radius: 10px; border: 2px solid rgb(76, 147, 201); } .horizontal-products-list .svg-icon-product { width: 4.5rem !important; height: 4.5rem !important; } .horizontal-products-list .label-product { max-width: 4.5rem !important; } .horizontal-products-list span { font-family: "Gotham Medium"; font-weight: 400; font-size: 0.9rem; padding: 0px; color: rgb(13, 94, 161) !important; } .horizontal-products-list .radio-button-product { width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgb(183, 183, 183); background: rgb(255, 255, 255); display: inline-block; } .horizontal-products-list .radio-button-product-selected { background: rgb(0, 102, 179); } .list--permissions { width: 100%; font-family: "Gotham Book"; } .list--permissions .list { margin: 0.25em 0px; } .list--permissions .list .list { border-bottom: none; } .list--permissions .list em { color: rgb(153, 153, 153); font-size: 0.875rem; } .list--permissions > .list-item { padding: 0.25rem 0px; border-bottom: 1px solid rgb(238, 238, 238); } .list--permissions > .list-item > .list-item-inner { color: rgb(17, 17, 17); } .list--permissions > .list-item:last-child { border-bottom: none; } .list--permissions em { color: rgb(72, 183, 213); font-size: 1rem; font-style: normal; text-transform: none; } .list--permissions .svg-icon { width: auto; height: auto; min-width: auto; } .list--permissions.group-permissions .collapsable-button { align-items: start; } .list--permissions.group-permissions .form-group-control-list .collapsable-button .c-control.c-control--checkbox { padding-right: 0.25rem; } .list--permissions.group-permissions .form-group-control-list .collapsable-button .c-control .c-control-label::before { top: -3px; } .list--permissions.group-permissions .form-group-control-list .collapsable-button .c-control .c-control-label .c-control-icons .c-control-mark { top: -4px; } .permissions-panel { z-index: 1; } .permissions-panel .c-control-label::before { top: 3px; } .permissions-panel .c-control-label .c-control-mark { top: 3px !important; } .template-list { position: absolute; top: 0px; right: 0px; } .list-group-item--actionable { padding: 0px; display: flex; justify-content: space-between; } .list-group-item--actionable .btn { padding: 1rem; } .list-group-item--actionable .btn.btn-only-icon { border: none; } .list-group-item--actionable .btn.btn-only-icon .svg-wrapper { margin: 0px; } .list-group-item--actionable .btn.btn-only-icon span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .list-group-item--actionable .btn:not(.btn-only-icon) { flex-grow: 1; text-transform: none; font-size: 1rem; font-weight: 400; text-align: left; justify-content: flex-start; } .list-group-item--actionable .btn:not(.btn-only-icon):focus, .list-group-item--actionable .btn:not(.btn-only-icon):hover { background-color: transparent; color: rgb(0, 87, 154); box-shadow: none; } .c-control { position: relative; display: inline-block; margin-bottom: 0.4em; user-select: none; } list-particular .c-control { margin-bottom: 0px; } .c-control .glyphicon { position: absolute; top: 50%; left: -0.2em; z-index: 1; width: 2em; height: 2em; font-size: 0.75rem; line-height: 2em; text-align: center; transform: translateY(-1em); } .c-control-input { position: absolute; opacity: 0; pointer-events: none; } .c-control-input:focus ~ .c-control-label::before { border-color: rgb(85, 85, 85); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; outline: 0px; } .c-control-label { position: relative; min-height: 0.875em; padding-left: 1.8em; margin-bottom: 0px; font-weight: 400; } .c-control-label:hover { cursor: pointer; } .c-control-label::before { border: 1px solid transparent; border-radius: 2px; } .c-control-label::after, .c-control-label::before { position: absolute; content: ""; top: calc(50% - 0.6em); left: 0px; width: 1.2em; height: 1.2em; } .c-control-label.checkbox-top::before { top: auto; margin-top: 1px; } .c-control-label.checkbox-top .c-control-mark { align-items: flex-start !important; top: 6px !important; } .c-control-label::after { border: 1px solid transparent; color: rgb(51, 51, 51); } .c-control-label::before { border-color: rgb(69, 154, 216); background-color: rgb(255, 255, 255); background-size: 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px inset; } .c-control-label::after { line-height: 1.125; text-align: center; background-repeat: no-repeat; background-position: 50% center; background-size: 100%; transform: scale(0); transition: transform 0.1s; will-change: transform; } .c-control-input:checked ~ .c-control-label::after { transform: scale(1.6); } .c-control--radio .c-control-label::before, .c-control--switch .c-control-label::before { border-radius: 10rem !important; } .c-control--radio .c-control-label::after, .c-control--switch .c-control-label::after { content: "•"; } .c-control--radio .c-control-label::after { content: none; } .c-control--switch { position: relative; margin-right: 0px; } .c-control--switch .c-control-label { padding-left: 2.6em; } .c-control--switch .c-control-label::after { transform: translate(0px) scale(1.6); } .c-control--switch .c-control-label::before { width: 2em; } .c-control--switch .c-control-input:checked ~ .c-control-label::after { transform: translate(0.8em) scale(1.6); } .c-control--switch.c-control--switch-on-right .c-control-label { padding-right: 0px; padding-left: 2.6em; } @media (max-width: 767px) { .c-control--switch.c-control--switch-on-right .c-control-label { width: 100%; } } .c-control--switch.c-control--switch-on-right .c-control-label::after, .c-control--switch.c-control--switch-on-right .c-control-label::before { right: auto; left: 0px; } .c-control--switch.c-control--switch-on-right .c-control-label::after { transform: translate(0px) scale(1.6); } .c-control--switch.c-control--switch-on-right .c-control-input:checked ~ .c-control-label::after { transform: translate(0.8em) scale(1.6); } .c-control-confirmation { position: relative; display: block; width: 100%; margin-right: 0px; } .c-control-confirmation .c-control-label { width: 100%; padding-right: 2.6em; padding-left: 0px; } .c-control-confirmation .c-control-label::after, .c-control-confirmation .c-control-label::before { right: 0px; left: auto; } .c-control-confirmation .c-control-label::after { transform: translate(-0.8em) scale(1.6); } .c-control-confirmation .c-control-input:checked ~ .c-control-label::after { transform: translate(0px) scale(1.6); } .c-control-block { position: relative; margin-right: 0px; margin-bottom: 0px; } .c-control--has-icon .c-control-label::after { content: none; } .c-control--table .c-control-label .c-control-mark, .c-control .c-control-label .c-control-mark { position: absolute; top: 0px; bottom: 0px; left: 0px; padding: 0.25rem; display: flex; align-items: center; justify-content: center; height: 100%; margin: auto; color: rgb(0, 102, 179); transition: 0.125s; transform-origin: center center; } .c-control--table .c-control-label .c-control-mark:only-child, .c-control .c-control-label .c-control-mark:only-child { opacity: 0; transform: scale(0); visibility: hidden; } .c-control--checkbox .c-control-label .c-control-mark .svg-wrapper, .c-control--checkbox .c-control-label .c-control-mark svg, .c-control--radio .c-control-label .c-control-mark .svg-wrapper, .c-control--radio .c-control-label .c-control-mark svg { width: 0.75em; min-width: 0.75em; } .c-control .c-control-input:checked ~ .c-control-label .c-control-mark { opacity: 1; transform: scale(1); visibility: visible; } .c-control--table .c-control-mark { right: 2rem; left: auto; } .c-control--table .c-control-mark .svg-wrapper { color: rgb(0, 102, 179); } .c-control--table .c-control-input:checked + .c-control-label::after { content: none; } .c-control--table .c-control-input:checked + .c-control-label .c-control-mark { right: 2rem; left: auto; opacity: 1; transform: scale(1); visibility: visible; } @media (min-width: 768px) { .c-control--table .c-control-input:checked + .c-control-label .c-control-mark { right: 0.5rem; } } .c-control--icon-toggle { margin: 0px 0.8rem; } .c-control--icon-toggle .c-control-label .c-control-on { display: none; } .c-control--icon-toggle .c-control-label .c-control-off { display: flex; align-items: center; color: rgb(51, 175, 208); } .c-control--icon-toggle .c-control-input:checked ~ .c-control-label .c-control-on { display: flex; } .c-control--icon-toggle .c-control-input:checked ~ .c-control-label .c-control-off { display: none; } .c-control-input.disabled ~ .c-control-label, .c-control-input[disabled] ~ .c-control-label, fieldset[disabled] .c-control-input ~ .c-control-label { opacity: 0.25; box-shadow: none; cursor: not-allowed; } .form-group-list .c-control { margin-right: 1rem; } .form-check-group, .form-group-control-list { padding: 0px; } .check-list .c-control { display: flex; justify-content: center; margin-right: 0px; } .check-list .c-control-label { position: relative; padding-right: 1.8em; color: rgb(51, 51, 51); font-size: 1.5rem; } .check-list .c-control-label .glyphicon { left: 0.2em; color: rgb(72, 183, 213); } .check-list .c-control-input:not(:checked) ~ .c-control-label::before { opacity: 0; } .check-list .c-control-input:checked ~ .c-control-label { color: rgb(34, 34, 34); } .selection-list .c-control-label { color: rgb(0, 102, 179); border: 1px solid rgb(0, 102, 179); justify-content: flex-start !important; } .selection-list .c-control-label h4 { font-size: 0.9rem; } @media (max-width: 767px) { .selection-list .c-control-label h4 { margin: 0px; font-size: 0.8rem; line-height: 1.2; padding-right: 2.25rem; } } .selection-list .c-control-label .svg-wrapper { color: rgb(0, 102, 179); } .selection-list .c-control-label .environment-icon { color: rgb(0, 102, 179); font-size: 2rem; padding-right: 0.75rem; padding-left: 1rem; } @media (max-width: 767px) { .selection-list .c-control-label .environment-icon { font-size: 1.75rem; padding-right: 0.75rem; padding-left: 0.75rem; } } .selection-list .c-control-label:hover { color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); } .selection-list .c-control-label:hover .svg-wrapper { color: inherit; } .selection-list .c-control-label:hover .environment-icon { color: rgb(255, 255, 255); } .selection-list .c-control-label .warning-unlink { font-size: 1em; margin: 0.25em 0.5em; } .selection-list .c-control-label .warning-unlink .warning-icon { margin: 0px 0.5em 0px 1em; font-size: 0.9em; } .selection-list .c-control-input:checked ~ .c-control-label, .selection-list .c-control-label:focus { color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); } .selection-list .c-control-input:checked ~ .c-control-label .environment-icon, .selection-list .c-control-input:checked ~ .c-control-label .svg-wrapper, .selection-list .c-control-input:checked ~ .c-control-label h4, .selection-list .c-control-label:focus .environment-icon, .selection-list .c-control-label:focus .svg-wrapper, .selection-list .c-control-label:focus h4 { color: rgb(255, 255, 255); } .selection-list .c-control { display: flex; justify-content: center; margin-right: 0px; } .selection-list .c-control-label { position: relative; flex-direction: column; width: 100%; min-height: 3rem; padding-right: 0px; padding-left: 2em; border-radius: 5px; font-size: 1.5rem; } .selection-list .c-control-label h4 { font-weight: 400; } .selection-list .c-control-label span { margin-bottom: 0.875em; font-family: sans-serif; font-size: 0.5em; } .selection-list .c-control-label svg { width: 1.75rem; height: 1.75rem; min-width: 1.75rem; } .selection-list .c-control-label::after, .selection-list .c-control-label::before { content: none; } .selection-list .c-control-label { display: flex; align-items: center; flex-direction: row; justify-content: center; padding: 0px; } .selection-list .svg-wrapper { width: auto; margin-right: 0.75rem; } .selection-list .c-control-input:not(:checked) ~ .c-control-label::before { opacity: 0; } .selection-list .warning-unlink { margin: 0px; display: flex; justify-content: flex-end; } .theme-auth .selection-list .c-control-label { color: rgb(0, 102, 179); width: 100%; } .theme-auth .selection-list .c-control-label .svg-wrapper { color: rgb(0, 102, 179); } .theme-auth .selection-list .c-control-input:checked ~ .c-control-label, .theme-auth .selection-list .c-control-label:hover { color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); } .theme-auth .selection-list .c-control-input:checked ~ .c-control-label .svg-wrapper, .theme-auth .selection-list .c-control-input:checked ~ .c-control-label h4, .theme-auth .selection-list .c-control-label:hover .svg-wrapper, .theme-auth .selection-list .c-control-label:hover h4 { color: inherit; } .theme-auth .selection-list .c-control-label:hover { background-color: rgb(8, 82, 141); } .input-group > .c-control--icon-toggle { margin: 0px 0.8rem; } .input-group > .c-control--icon-toggle .c-control-label .c-control-mark { color: currentcolor; align-items: center; } .input-group > .c-control--icon-toggle .c-control-label .c-control-off { display: flex; align-items: center; color: rgb(51, 175, 208); } .c-control--icon-toggle { display: flex; font-size: 1rem; } .c-control--icon-toggle.toggle--outline { display: inline-flex; margin: 0px 0.5rem; } .c-control--icon-toggle.toggle--outline .c-control-label { cursor: pointer; width: 2rem; height: 2rem; color: rgb(72, 183, 213); border: 1px solid rgb(72, 183, 213); border-radius: 50%; } .c-control--icon-toggle.toggle--outline .c-control-label:hover { background-color: rgb(72, 183, 213); color: rgb(255, 255, 255); } .c-control--icon-toggle.toggle--outline .c-control-input:focus ~ .c-control-label { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } .c-control--icon-toggle .c-control-label { z-index: 1; width: 1.6rem; padding: 0px; color: transparent; } .c-control--icon-toggle .c-control-label .c-control-mark { color: currentcolor; align-items: center; } .c-control--icon-toggle .c-control-label .c-control-mark .svg-wrapper, .c-control--icon-toggle .c-control-label .c-control-mark svg { width: 1.25em; height: 1.25em; } .c-control--icon-toggle .c-control-label .c-control-mark--checked { opacity: 0; transform: scale(0); visibility: hidden; } .c-control--icon-toggle .c-control-input:checked ~ .c-control-label .c-control-mark--checked, .c-control--icon-toggle .c-control-label .c-control-mark--unchecked { opacity: 1; transform: scale(1); visibility: visible; } .c-control--icon-toggle .c-control-input:checked ~ .c-control-label .c-control-mark--unchecked { opacity: 0; transform: scale(0); visibility: hidden; } .c-control--icon-toggle .c-control-label::before { position: absolute; content: none; } .c-control--icon-toggle .c-control-label::after { content: none; } .rc-table-row .c-control { display: flex; align-items: center; } .block-control-radio { box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 9px, rgba(0, 0, 0, 0.14) 0px 3px 10px; border-radius: 6px; padding: 1rem; } .block-control-radio.checked-radio { background-color: rgb(242, 242, 242); } .block-control-radio.unchecked-radio { background-color: rgb(255, 255, 255); } .block-control-radio label.switch-label-text, .block-control-radio label.wrapped-text { flex-grow: 1; align-content: center; } .block-radio-outline { border: 1px solid rgb(234, 234, 234); border-radius: 6px; padding: 1rem; } .block-radio-outline.checked-radio { border: 1px solid rgb(0, 102, 179); outline: rgb(6, 66, 113) solid 1px; } .block-radio-outline.unchecked-radio { border: 1px solid rgb(234, 234, 234); } .block-radio-outline label.switch-label-text, .block-radio-outline label.wrapped-text { flex-grow: 1; align-content: center; } .border-marker-radio { box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 9px, rgba(0, 0, 0, 0.14) 0px 3px 10px; border-radius: 6px; border: 3px solid rgb(221, 221, 221); } .border-marker-radio label { padding: 1rem 3rem; cursor: pointer; } .border-marker-radio.checked-radio { border: 3px solid rgb(0, 102, 179); } .border-marker-radio.unchecked-radio { border: 3px solid rgb(221, 221, 221); } .border-marker-radio label.switch-label-text, .border-marker-radio label.wrapped-text { flex-grow: 1; align-content: center; } .border-marker-radio .radio-icon-wrapper { padding: 0.2rem 0px 0px; } .border-marker-radio .radio-icon-wrapper .svg-icon { width: 3rem; height: 2rem; } .block-marker-radio { box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 9px, rgba(0, 0, 0, 0.14) 0px 3px 10px; border-radius: 6px; border: 3px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); } .block-marker-radio p, .block-marker-radio span { margin: 0px; color: rgb(17, 17, 17); } .block-marker-radio label { padding: 0.5rem 1rem; cursor: pointer; } .block-marker-radio.checked-radio { border: 3px solid rgb(186, 225, 255); background-color: rgb(0, 102, 179); } .block-marker-radio.checked-radio p, .block-marker-radio.checked-radio span { color: rgb(255, 255, 255); } .block-marker-radio.unchecked-radio { border: 3px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255); } .block-marker-radio.unchecked-radio p, .block-marker-radio.unchecked-radio span { color: rgb(17, 17, 17); } .block-marker-radio label.switch-label-text, .block-marker-radio label.wrapped-text { flex-grow: 1; align-content: center; } .c-control--radio .c-control-label .c-control-mark.radio-control-mark svg { width: 1.45rem !important; height: 1.45rem !important; } .radio-control-mark { align-items: normal !important; justify-content: normal !important; transform: none !important; transition: none !important; top: -0.6rem !important; left: -0.44rem !important; } .radio-icon-wrapper { background-color: rgb(255, 255, 255); border-radius: 50%; padding: 0.5rem 0.2rem 0.4rem; align-self: center; } .radio-icon-wrapper .svg-icon { width: 1.6rem; height: 1.6rem; } .laboral-data-selector .radio-control-mark, .prefered-account-selector .radio-control-mark { top: calc(50% - 1.1em) !important; bottom: auto !important; left: -7px !important; } @media (max-width: 342px) { .laboral-data-selector .radio-control-mark, .prefered-account-selector .radio-control-mark { left: -6px !important; } } .form-check-label { cursor: pointer; padding-left: 0.25rem; } .form-check-input { cursor: pointer; } .radio-ci-container { position: relative; } .radio-ci-container.show-conditions-wrapper .c-control-label { width: 100%; height: 9.5rem; } @media (max-width: 440px) { .radio-ci-container.show-conditions-wrapper .c-control-label { height: 9rem; } } @media (max-width: 285px) { .radio-ci-container.show-conditions-wrapper .c-control-label { height: 9.5rem; } } .radio-ci-container.show-conditions-wrapper .ci-image-wrapper { width: 9rem; top: 2.8rem; } @media (max-width: 767px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper { left: 13%; } } @media (max-width: 680px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper { left: 11.5%; } } @media (max-width: 580px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper { left: 9.5%; } } @media (max-width: 490px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper { left: 7.5%; } } @media (max-width: 440px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper { width: 8rem; } } @media (max-width: 390px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper { left: 5.5%; } } @media (max-width: 285px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper { top: 3.6rem; left: 4%; width: 7.5rem; } } .radio-ci-container.show-conditions-wrapper .ci-image-wrapper:last-child { width: 9rem; } @media (max-width: 767px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper:last-child { left: 64%; } } @media (max-width: 680px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper:last-child { left: 63%; } } @media (max-width: 580px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper:last-child { left: 61%; } } @media (max-width: 490px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper:last-child { left: 60%; } } @media (max-width: 440px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper:last-child { width: 8rem; } } @media (max-width: 390px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper:last-child { left: 58%; } } @media (max-width: 285px) { .radio-ci-container.show-conditions-wrapper .ci-image-wrapper:last-child { top: 3.6rem; left: 56%; width: 7.5rem; } } .radio-ci-container .ci-image-wrapper { position: absolute; z-index: 1; left: 18.4%; height: auto; pointer-events: none; min-width: auto; min-height: auto; width: 20rem; top: 2.6rem; } @media (max-width: 2700px) { .radio-ci-container .ci-image-wrapper { left: 17.4%; } } @media (max-width: 2460px) { .radio-ci-container .ci-image-wrapper { left: 15.4%; } } @media (max-width: 1900px) { .radio-ci-container .ci-image-wrapper { left: 13.4%; } } @media (max-width: 1660px) { .radio-ci-container .ci-image-wrapper { left: 11.4%; } } @media (max-width: 1380px) { .radio-ci-container .ci-image-wrapper { left: 9.4%; } } @media (max-width: 1260px) { .radio-ci-container .ci-image-wrapper { left: 8%; } } @media (max-width: 1180px) { .radio-ci-container .ci-image-wrapper { left: 7%; } } @media (max-width: 1120px) { .radio-ci-container .ci-image-wrapper { left: 6%; } } @media (max-width: 1060px) { .radio-ci-container .ci-image-wrapper { left: 5%; width: 19rem; } } @media (max-width: 991px) { .radio-ci-container .ci-image-wrapper { left: 11%; } } @media (max-width: 860px) { .radio-ci-container .ci-image-wrapper { left: 9%; } } @media (max-width: 767px) { .radio-ci-container .ci-image-wrapper { left: 14%; width: 10rem; } } @media (max-width: 680px) { .radio-ci-container .ci-image-wrapper { left: 14%; } } @media (max-width: 580px) { .radio-ci-container .ci-image-wrapper { left: 12%; } } @media (max-width: 490px) { .radio-ci-container .ci-image-wrapper { left: 13%; width: 8.2rem; top: 2.2rem; } } @media (max-width: 450px) { .radio-ci-container .ci-image-wrapper { left: 12%; } } @media (max-width: 390px) { .radio-ci-container .ci-image-wrapper { left: 10%; } } .radio-ci-container .ci-image-wrapper:last-child { top: 2.8rem; left: 72%; width: 10rem; } @media (max-width: 2460px) { .radio-ci-container .ci-image-wrapper:last-child { left: 71%; } } @media (max-width: 1660px) { .radio-ci-container .ci-image-wrapper:last-child { left: 69%; } } @media (max-width: 1560px) { .radio-ci-container .ci-image-wrapper:last-child { left: 69%; } } @media (max-width: 1260px) { .radio-ci-container .ci-image-wrapper:last-child { left: 67%; } } @media (max-width: 1090px) { .radio-ci-container .ci-image-wrapper:last-child { left: 66.6%; } } @media (max-width: 991px) { .radio-ci-container .ci-image-wrapper:last-child { left: 67.6%; } } @media (max-width: 860px) { .radio-ci-container .ci-image-wrapper:last-child { left: 67.6%; } } @media (max-width: 767px) { .radio-ci-container .ci-image-wrapper:last-child { left: 67%; width: 7rem; top: 2.8rem; } } @media (max-width: 680px) { .radio-ci-container .ci-image-wrapper:last-child { left: 67.2%; } } @media (max-width: 580px) { .radio-ci-container .ci-image-wrapper:last-child { left: 66.2%; } } @media (max-width: 490px) { .radio-ci-container .ci-image-wrapper:last-child { left: 64.2%; } } @media (max-width: 450px) { .radio-ci-container .ci-image-wrapper:last-child { left: 64%; } } @media (max-width: 390px) { .radio-ci-container .ci-image-wrapper:last-child { left: 61%; } } .radio-ci-container .c-control:last-of-type { margin-right: 0px; } .radio-ci-container .c-control-label { text-align: center; width: 100%; height: 10rem; padding-left: 0px; } @media (max-width: 767px) { .radio-ci-container .c-control-label { height: 9rem; width: calc(100% - 1rem); } } @media (max-width: 490px) { .radio-ci-container .c-control-label { height: 8rem; } } .radio-ci-container .c-control-label::before { border-color: rgb(102, 102, 102); border-radius: 5px; text-align: center; position: absolute; left: 50%; top: calc(100% - 1rem); } .radio-ci-container .c-control--radio .c-control-label .c-control-mark { left: calc(50% - 2px); top: calc(100% - 1rem); } .container-inputfile .filepond--drip, .container-inputfile .filepond--file, .container-inputfile .filepond--file-wrapper, .container-inputfile .filepond--item, .container-inputfile .filepond--panel.filepond--item-panel { animation: unset !important; transition: none !important; will-change: unset !important; } .container-inputfile .filepond--process-indicator { left: 0.7rem; top: 0.55rem; } .container-inputfile .filepond--file { display: block !important; } .container-inputfile .filepond--file .filepond--file-status { margin-top: 0.25rem; padding-left: 2rem; text-align: left !important; align-items: flex-start !important; transform: none !important; } .container-inputfile .filepond--file .filepond--file-info { transform: none !important; padding-left: 2rem; } .container-inputfile .filepond--file .filepond--file-action-button { left: 0.5rem !important; } .container-inputfile .filepond--file-info-main, .container-inputfile .filepond--file-info-sub, .container-inputfile .filepond--file-status-main, .container-inputfile .filepond--file-status-sub { font-size: 0.875rem !important; white-space: normal !important; } .container-inputfile .filepond--file-info-main { overflow-wrap: break-word; } .container-inputfile .filepond--file-status-main { padding-top: 0.5rem; } .container-inputfile .filepond--file-info-sub, .container-inputfile .filepond--file-status .filepond--file-status-sub { transition: none !important; opacity: 0.7 !important; } .btn { white-space: normal; display: inline-flex; align-items: center; justify-content: center; } .btn > span { text-align: center; } .btn > * { margin: 0px 0.3em; } .btn .svg-wrapper, .btn svg { width: 1em; height: 1em; min-width: 0px; } .btn.btn-primary, .btn.btn-primary.active.focus, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .btn.btn-primary:active.focus, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary:hover, .open > .btn.btn-primary.dropdown-toggle.focus, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover { color: rgb(255, 255, 255); } .btn.btn-only-icon { padding: 0.5rem 1rem; border: none; } .btn.btn-only-icon, .btn.btn-only-icon:active, .btn.btn-only-icon:active:hover, .btn.btn-only-icon:focus, .btn.btn-only-icon:hover { background-color: transparent; color: rgb(72, 183, 213); } .btn.btn-only-icon .svg-wrapper { width: 1rem; height: 1rem; } .btn-icon-black i, .btn-icon-black svg { color: rgb(17, 17, 17); fill: rgb(17, 17, 17); } .btn-icon-red i, .btn-icon-red svg { color: rgb(255, 24, 0); fill: rgb(255, 24, 0); } .btn-icon-blue i, .btn-icon-blue svg { color: rgb(0, 102, 179); fill: rgb(0, 102, 179); } .btn.is-loading { transition: 0.1s; background-color: rgb(34, 124, 149); position: relative; display: flex; margin: auto; } .btn.is-loading .btn-loading-text { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .btn.is-loading .btn-loading-indicator span:first-child, .btn.is-loading .btn-loading-indicator span:nth-child(2), .btn.is-loading .btn-loading-indicator span:nth-child(3) { animation: 1.4s ease-in-out 0s infinite normal both running bouncedelay; content: ""; margin: 0px 0.3em; width: 0.5rem; top: 0.25em; left: -1rem; height: 0.5rem; background-color: currentcolor; border-radius: 100%; display: inline-block; } .btn.is-loading .btn-loading-indicator span:nth-child(2) { left: 0px; animation-delay: 0.16s; } .btn.is-loading .btn-loading-indicator span:nth-child(3) { left: 1rem; animation-delay: 0.32s; } .btn-facebook { color: rgb(255, 255, 255); background-color: rgb(59, 89, 152); border-color: rgb(52, 78, 134); } .btn-facebook.focus, .btn-facebook:focus { color: rgb(255, 255, 255); background-color: rgb(45, 67, 115); border-color: rgb(16, 24, 42); } .btn-facebook.active, .btn-facebook:active, .btn-facebook:hover, .open > .btn-facebook.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(45, 67, 115); border-color: rgb(35, 52, 90); } .btn-facebook.active.focus, .btn-facebook.active:focus, .btn-facebook.active:hover, .btn-facebook:active.focus, .btn-facebook:active:focus, .btn-facebook:active:hover, .open > .btn-facebook.dropdown-toggle.focus, .open > .btn-facebook.dropdown-toggle:focus, .open > .btn-facebook.dropdown-toggle:hover { color: rgb(255, 255, 255); background-color: rgb(35, 52, 90); border-color: rgb(16, 24, 42); } .btn-facebook.active, .btn-facebook:active, .open > .btn-facebook.dropdown-toggle { background-image: none; } .btn-facebook.disabled.focus, .btn-facebook.disabled:focus, .btn-facebook.disabled:hover, .btn-facebook[disabled].focus, .btn-facebook[disabled]:focus, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook.focus, fieldset[disabled] .btn-facebook:focus, fieldset[disabled] .btn-facebook:hover { background-color: rgb(59, 89, 152); border-color: rgb(52, 78, 134); } .btn-facebook .badge { color: rgb(59, 89, 152); background-color: rgb(255, 255, 255); } .btn-flex { display: inline-flex; flex-direction: row; align-items: center; } .btn-flex.btn-default .svg-icon, .btn-flex.btn-facebook .svg-icon { border-color: rgba(255, 255, 255, 0.2); } .btn-flex.btn-outline .svg-icon { border-color: currentcolor; } .btn-flex .svg-wrapper { width: 2rem; } .btn-flex .svg-wrapper, .btn-flex svg { width: 2.8rem; height: 2.8rem; min-width: 0px; } .btn-flex span { text-align: center; flex: 1 1 0%; } .btn-outline { background-color: transparent; } .btn-outline, .btn-outline:focus, .btn-outline:hover { border-color: currentcolor; color: rgb(0, 102, 179); } .btn-aux { background-color: rgb(153, 153, 153); width: auto; text-align: center; margin: 1rem 1.5rem; color: rgb(255, 255, 255) !important; } .btn-aux:focus, .btn-aux:hover { background: rgb(102, 102, 102); color: rgb(255, 255, 255) !important; } .btn-outline-contrast { color: inherit; } .btn-outline-contrast:hover { color: inherit; border-color: rgb(72, 183, 213); background-color: rgb(72, 183, 213); } .btn-link { border: none; background-color: transparent; color: rgb(0, 102, 179) !important; } .btn-link:hover { text-decoration: none; background-color: rgb(0, 102, 179); color: rgb(255, 255, 255) !important; } .btn-link .icon-btn { fill: red !important; } .btn-download { background-color: rgba(0, 0, 0, 0.1); width: 25%; } .btn-download:focus, .btn-download:hover { background-color: rgba(0, 0, 0, 0.2); } .btn-download span { color: rgb(255, 255, 255); font-family: "Gotham Book"; } .btn-download svg { fill: rgb(255, 255, 255); height: 0.9rem; width: 0.9rem; } .btn-refresh { cursor: pointer; } @media (min-width: 768px) { .btn-refresh { color: rgb(8, 82, 141); font-size: 1.5rem; margin-left: 1rem; } } @media (max-width: 767px) { .btn-refresh { color: rgba(255, 255, 255, 0.75); font-size: 1.8rem; padding: 0px 1rem; } } .btn-widget-refresh { cursor: pointer; } @media (min-width: 768px) { .btn-widget-refresh { color: rgb(255, 255, 255); font-size: 1.5rem; margin: 0px; } } @media (max-width: 767px) { .btn-widget-refresh { color: rgb(0, 102, 179); font-size: 1.3rem; align-self: center; } } .btn.icon-with-border { padding: 0.375rem 1rem !important; } .btn.icon-with-border .svg-wrapper, .btn.icon-with-border .svg-wrapper svg { width: 2.4rem; height: 2.4rem; min-width: 0px; } .btn.icon-with-border .svg-wrapper + span, .btn.icon-with-border .svg-wrapper svg + span { padding-left: 1em; } .btn.icon-with-border .svg-wrapper .svg-icon, .btn.icon-with-border .svg-wrapper svg .svg-icon { border-right: 1px solid; padding-right: 1rem; box-sizing: initial; } .btn.icon-with-border .svg-wrapper .svg-icon > div, .btn.icon-with-border .svg-wrapper svg .svg-icon > div { width: 2.5rem; height: 2.5rem; } .view-title .btn-only-icon > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .app-page .btn-only-icon { border: 1px solid; } .app-page .btn-only-icon .svg-wrapper:first-child { margin-right: 0.5rem; } .app-page .btn-only-icon .svg-wrapper:last-child { margin-left: 0.5rem; } .app-page .back-btn { padding-left: 0px; padding-right: 0px; border: none; font-size: 1.1rem; } .app-page .btn-block:not(.btn-image) { display: inline-flex; width: auto; margin-top: 0px; } .app-page .btn-block:not(.btn-image):not(:last-child) { margin-right: 1rem; } .enrollment-layout .app-page .btn-block + .btn-block:not(.btn-image) { margin-top: 1.333rem; } } .btn.btn-quiet { border: none; color: rgb(0, 102, 179); padding: 0px; margin-bottom: 0.5rem; } .btn.btn-quiet > span { margin: 0px; } .btn.btn-quiet:hover { color: rgb(25, 84, 143); } .btn.btn-quiet:focus, .btn.btn-quiet:hover { background-color: transparent; } .btn.btn-border-gray { border: 1px solid rgb(192, 207, 218); } .btn-bg-white { background-color: rgb(255, 255, 255) !important; } .theme-auth .view-header .navbar .btn.btn-only-icon.btn-cta { background-color: rgb(0, 102, 179); color: rgb(255, 255, 255); border-color: transparent; } .btn.btn-small { padding: 0.5rem; } .btn.btn-only-icon.btn-circle { padding: 0px; width: 2rem; min-width: 2rem; height: 2rem; border-radius: 50%; } .btn.btn-only-icon.btn-circle .svg-wrapper { margin: 0px; height: 2rem; } .btn.btn-only-icon.btn-circle .svg-wrapper svg { width: 1.25em; height: 1.25em; } .btn.btn-only-icon.btn-circle > span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .theme-auth .btn.btn-only-icon.btn-circle:hover { background-color: rgb(255, 255, 255); border-color: rgb(25, 84, 143); color: rgb(255, 255, 255); } .theme-auth .btn.btn-only-icon.btn-circle:active:hover { color: rgb(255, 255, 255); } .theme-auth .btn.btn-only-icon.btn-circle:active, .theme-auth .btn.btn-only-icon.btn-circle:focus, .theme-auth .btn.btn-only-icon.btn-circle:focus:active { outline: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } .btn.is-active { background-color: rgb(0, 102, 179); border: 1px solid rgb(0, 102, 179); color: rgb(255, 255, 255); } .btn-quiet { padding-left: 0px !important; padding-right: 0px !important; } .btn:active, .btn:focus, .btn:focus:active { outline: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } .btn.btn-quiet:active, .btn.btn-quiet:focus, .btn.btn-quiet:focus:active { outline: initial; box-shadow: none; text-decoration: underline; } .btn-link:focus, .btn-link:hover { text-decoration: none; } body .app .button, body .view-wrapper .button { border-radius: 5px; padding: 0.5em; border: 1px solid; white-space: normal; display: inline-flex; align-items: center; justify-content: center; font-size: 0.875rem; text-align: center; font-weight: 700; text-transform: uppercase; font-family: inherit; min-height: 3.5em; } body .app .button--icon-only, body .view-wrapper .button--icon-only { width: 3.5em; height: 3.5em; border-radius: 50%; } body .app .button--icon-only .button__icon, body .view-wrapper .button--icon-only .button__icon { margin: 0px; } body .app .button--icon-only .button__icon .injected-svg, body .view-wrapper .button--icon-only .button__icon .injected-svg { width: 1.75em; height: 1.75em; } body .app .button--icon-only .button__icon-label, body .view-wrapper .button--icon-only .button__icon-label { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } body .app .button--icon-only .button__text, body .view-wrapper .button--icon-only .button__text { display: none; } body .app .button:link, body .app .button:visited, body .view-wrapper .button:link, body .view-wrapper .button:visited { text-decoration: none; } body .app .button:hover, body .view-wrapper .button:hover { cursor: pointer; } body .app .button__inner, body .view-wrapper .button__inner { width: 100%; display: inline-flex; align-items: center; justify-content: center; } body .app .button__inner > *, body .view-wrapper .button__inner > * { margin: 0.5em; } body .app .button__icon, body .view-wrapper .button__icon { display: flex; } body .app .button__icon .svg-wrapper, body .view-wrapper .button__icon .svg-wrapper { margin: auto; } body .app .button__icon .injected-svg, body .view-wrapper .button__icon .injected-svg { width: 1em; height: 1em; } body .app .button--floated-icon .button__text, body .view-wrapper .button--floated-icon .button__text { flex-grow: 1; } body .app .button--full-width, body .view-wrapper .button--full-width { width: 100%; } body .app .button__loading-indicator span:first-child, body .app .button__loading-indicator span:nth-child(2), body .app .button__loading-indicator span:nth-child(3), body .view-wrapper .button__loading-indicator span:first-child, body .view-wrapper .button__loading-indicator span:nth-child(2), body .view-wrapper .button__loading-indicator span:nth-child(3) { animation: 1.4s ease-in-out 0s infinite normal both running bouncedelay; content: ""; margin: 0px 0.25em; width: 0.5rem; top: 0.25em; left: -1rem; height: 0.5rem; border-radius: 100%; display: inline-block; } body .app .button__loading-indicator span:nth-child(2), body .view-wrapper .button__loading-indicator span:nth-child(2) { left: 0px; animation-delay: 0.16s; } body .app .button__loading-indicator span:nth-child(3), body .view-wrapper .button__loading-indicator span:nth-child(3) { left: 1rem; animation-delay: 0.32s; } body .app .button, body .view-wrapper .button { color: rgb(72, 183, 213); border-color: transparent; } body .app .button .button__loading-indicator span, body .view-wrapper .button .button__loading-indicator span { background-color: rgb(73, 204, 189); } body .app .button:link, body .view-wrapper .button:link { color: rgb(255, 255, 255); } body .app .button:hover, body .view-wrapper .button:hover { background-color: rgb(152, 207, 222); border-color: transparent; color: rgb(255, 255, 255); } body .app .button:hover .button__loading-indicator span, body .view-wrapper .button:hover .button__loading-indicator span { background-color: rgb(255, 255, 255); } body .app .button:active, body .app .button:focus:active, body .view-wrapper .button:active, body .view-wrapper .button:focus:active { background-color: rgb(68, 55, 123); border-color: rgb(68, 55, 123); color: rgb(255, 255, 255); } body .app .button:active .button__loading-indicator span, body .app .button:focus:active .button__loading-indicator span, body .view-wrapper .button:active .button__loading-indicator span, body .view-wrapper .button:focus:active .button__loading-indicator span { background-color: rgb(255, 255, 255); } body .app .button:focus, body .view-wrapper .button:focus { outline: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } body .app:disabled, body .app[disabled], body .view-wrapper:disabled, body .view-wrapper[disabled] { color: rgb(205, 205, 205); } body .app .button--primary, body .view-wrapper .button--primary { background-color: rgb(72, 183, 213); color: rgb(255, 255, 255); } body .app .button--primary .button__loading-indicator span, body .view-wrapper .button--primary .button__loading-indicator span { background-color: currentcolor; } body .app .button--primary:disabled, body .app .button--primary[disabled], body .view-wrapper .button--primary:disabled, body .view-wrapper .button--primary[disabled] { color: rgb(170, 170, 170); background-color: rgb(205, 205, 205); } body .app .button--secondary, body .view-wrapper .button--secondary { color: rgb(72, 183, 213); border-color: currentcolor; } body .app .button--secondary .button__loading-indicator span, body .view-wrapper .button--secondary .button__loading-indicator span { background-color: rgb(73, 204, 189); } body .app .button--secondary:disabled, body .app .button--secondary[disabled], body .view-wrapper .button--secondary:disabled, body .view-wrapper .button--secondary[disabled] { color: rgb(170, 170, 170); background-color: rgb(205, 205, 205); } body .app .button--small, body .view-wrapper .button--small { padding: 0.25em; } .btn-group .btn { padding: 0.5rem 0.2rem; font-size: 0.7rem; font-weight: 400; } .btn-group .btn-block:not(.btn-image):not(:last-child) { margin-right: 0px; } .btn-brou-a-mano .svg-icon { width: 2rem; height: 2rem; margin-left: -1rem; } .inline-buttons .btn-block { width: auto; margin-right: 0.5rem; } .inline-buttons .btn-block:last-child { margin-right: 0px; } @media (max-width: 767px) { .inline-buttons .btn-block { width: 100%; } } .show-loader { min-height: 400px; } .theme-auth .preloader { background-color: rgba(255, 255, 255, 0.75); } .preloader { top: 0px; position: fixed; left: 0px; width: 100%; height: 100%; z-index: 1000; opacity: 1; display: flex; justify-content: center; align-items: center; } .preloader .messageLoader { color: rgb(0, 102, 179); text-align: center; padding: 1rem; background: rgba(255, 255, 255, 0.9); box-shadow: rgb(255, 255, 255) 0px 0px 20px 10px; } .table { width: 100%; } a.table-row .table-data { color: rgb(72, 72, 72); } @media (max-width: 767px) { a.table-row .table-data.table-data-name { max-width: 40%; } } a.table-row .data-name { display: table-cell; vertical-align: middle; } a.table-row .data-name h4 { white-space: normal; } @media (max-width: 767px) { a.table-row .data-name { border-bottom: none; } a.table-row .data-name h4 { white-space: nowrap; } } a.table-row .table-data-icon { color: inherit; } a.table-row, a.table-row:hover { text-decoration: none; } a.table-row .svg-icon { height: 1.7em; } .table-data-head { border-bottom: 2px solid rgb(238, 238, 238); } .table-row { background-color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; text-decoration: none; } @media (max-width: 767px) { .table-row:nth-child(2n+1) { background: none !important; } } @media (max-width: 767px) { .table-row { align-items: stretch; width: 100%; border-bottom: 1px solid rgb(238, 238, 238); } } .table-row::before { display: table-cell; height: 100%; min-width: 0.25rem; border-bottom: 1px solid rgb(238, 238, 238); background-color: transparent; content: none !important; } .table-row.c-control-label::before { height: 1.2em; } .table-row:last-of-type { border-bottom: none; } .table-row .svg-wrapper { width: auto; } .table-row span { color: inherit; } .table-row .table-data-head.table-data.up { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==") !important; } .table-row .table-data-head.table-data.down { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=") !important; } .table-row .table-data-head.table-data.default { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC") !important; } .table-row .table-data-head.table-data.default, .table-row .table-data-head.table-data.down, .table-row .table-data-head.table-data.up { cursor: pointer; background-repeat: no-repeat !important; background-position: 100% center !important; } .table-row .table-data-head.table-data.default.text-right, .table-row .table-data-head.table-data.down.text-right, .table-row .table-data-head.table-data.up.text-right { padding-right: 1.5em; } @media (max-width: 1490px) and (min-width: 1340px) { .widget .table-row .table-data-head.table-data { padding-right: 1.2rem !important; } } @media (max-width: 992px) and (min-width: 768px) { .widget .table-row .table-data-head.table-data { padding-right: 1.2em !important; } } .col-no-pad { padding: 0px; } .col-no-padding { padding-right: 0px !important; padding-left: 0px !important; } @media (max-width: 767px) { .col-no-pad-desktop, .col.col-no-pad-mobile { padding: 0px !important; } } @media (min-width: 768px) { .col-no-pad-desktop, .col.col-no-pad-desktop { padding: 0px !important; } } .table-data { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; padding: 0.25em 0.5em; font-size: 1rem; } @media (min-width: 768px) { .table-data { border-bottom: 1px solid rgb(238, 238, 238); } } .table-head .table-data { color: rgb(68, 55, 123); font-size: 0.8em; text-transform: uppercase; } .table-data:first-of-type { padding-left: 0.75rem; } .table-data:last-of-type { padding-right: 1rem; } .table-data > [class*="data-"]:empty { display: none; } .table-data > [class*="data-"] { font-size: 1.1rem; margin: 0.25em 0px; } .table-data [class*="data-"] { font-family: "Gotham Book"; } .table-data .data-amount { font-size: 1.25rem; } .table-data .data-aux { font-size: 0.75rem; } .table-data .data-name { color: rgb(68, 55, 123); } .table-data .data-name h4 { margin: 0px; } .table-data .bubble-wrapper { margin: 0.25rem 0px; } @media (min-width: 768px) { .table { display: table; } .table-data-icon:last-child .svg-wrapper { vertical-align: middle; } .table-head { display: table-header-group; } .table-body { display: table-row-group; } .table-row { display: table-row; } .table-data { display: table-cell; vertical-align: middle; } } @media (max-width: 767px) { .table-data .data-amount, .table-data .data-date { text-align: right; } .table-data:first-child .data-amount, .table-data:first-child .data-date { text-align: left; } } .table-data .data-amount, .table-data .data-date, .table-data .data-desc, .table-data .data-label, .table-data .data-label-bottom-sheet, .table-data .data-numeric { display: block; } .table-data .data-label, .table-data .data-label-bottom-sheet { font-size: 0.9rem; } .table-data .data-wrapper .data-date, .table-data .data-wrapper .data-numeric { text-align: left; } .table-row.is-expired, .table-row.is-expired .data-name { color: rgb(255, 24, 0); } .table-row.is-expired .product-name span { background-color: rgb(255, 24, 0); } .table-row.is-successful { color: rgb(81, 145, 26); } .table-row.is-successful::before { background-color: rgb(81, 145, 26); } .table-row.is-successful .data-name { color: rgb(81, 145, 26); } .table-row.is-successful .product-name span { background-color: rgb(81, 145, 26); } .table-legend { color: rgb(68, 55, 123); } .is-expired .data-tag > span { background: transparent; font-size: 0.9rem; padding: 0.3rem 0.6rem; border-radius: 14px; text-transform: capitalize; border: 1px solid rgb(255, 24, 0); font-family: "gotham book"; } .prduct-type { display: flex; flex-direction: row; align-items: center; } .prduct-type svg { margin-right: 0.8rem; } .prduct-type .data-aux { margin-bottom: 0.3rem; } .table-data.flex-table { flex: 1 1 0%; padding: 0px 0.5rem; box-sizing: border-box; } .multiTransfersSummary { border: 1px solid rgb(183, 183, 183); border-radius: 5px; padding: 1.5em 2.5em; margin-top: 0.5em; margin-bottom: 0.5em; } .multiTransfersSummaryWithError { border: 1px solid rgb(255, 24, 0); border-radius: 5px; padding: 1.5em 2.5em; margin-top: 0.5em; margin-bottom: 0.5em; } .multiTransfersSummaryItem { margin-bottom: 1.5em !important; margin-top: 1.5em !important; } .data-wrapper { margin: 0px; display: block; color: rgb(17, 17, 17); } .data-wrapper.data-wrapper-inline .data-label, .data-wrapper.data-wrapper-inline .data-label-bottom-sheet { display: inline; padding: 0px 0px 1rem 1rem; } .data-wrapper .data-label + span, .data-wrapper .data-label-bottom-sheet + span { font-family: "Gotham Medium" !important; } .data-wrapper .data-label + span.font-weight-normal, .data-wrapper .data-label-bottom-sheet + span.font-weight-normal, .data-wrapper.programmed-savings .data-label + span, .data-wrapper.programmed-savings .data-label-bottom-sheet + span { font-family: "Gotham Book" !important; } .data-wrapper ul { margin: 0px; padding: 0px; list-style: none; } .account-balance-detail .content-data-wrapper .data-label + span, .account-balance-detail .content-data-wrapper .data-label-bottom-sheet + span, .account-balance-detail .data-wrapper .data-label + span, .account-balance-detail .data-wrapper .data-label-bottom-sheet + span { font-family: "Gotham Book" !important; } .data-wrapper-flex { display: flex; align-items: center; } .data-wrapper-flex > .svg-wrapper { margin: 0px 0.25rem; width: auto; } .text-center .data-wrapper-flex { justify-content: center; } .data-aux, .data-date, .data-title { font-size: 0.875rem; font-family: "Gotham Book"; } h3.data-title { color: rgb(0, 102, 179); font-size: 1.5rem; margin: 1rem 0px; } @media (max-width: 767px) { h3.data-title { font-size: 1.2rem; } } .data-aux { text-transform: uppercase; } .data-aux .svg-wrapper { display: inline-block; } .data-aux .svg-wrapper .svg-icon { width: 1rem; height: 1rem; } .data-numeric { text-align: right; } .data-date span { width: 100%; float: left; font-size: 0.7rem; } @media (max-width: 767px) { .data-date span { float: none; } } .data-label, .data-label-bottom-sheet, .form-group-text .control-label span, .switch-label-text .control-label span { font-size: 0.9rem; font-weight: 400; color: rgb(17, 17, 17); padding-left: 0px; font-family: "Gotham BooK"; } .has-error .form-group-text .control-label span, .has-error .switch-label-text .control-label span { color: rgb(255, 24, 0); } .colon::after { content: ": "; display: inline; } .data-name { font-size: 1.1em; font-family: "Gotham Medium"; color: rgb(51, 51, 51); display: block; } .data-name h4 { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Gotham Book"; } .data-strong { font-size: 1.5em; } .data-label-strong { font-size: 1.5rem; font-weight: 700; color: rgb(17, 17, 17); padding-left: 0px; } .data-amount-wrapper { flex: 1 1 0%; } .data-amount { white-space: nowrap; font-size: 1.5em; } .data-amount-currency { font-size: 0.7em; } .transfer-data { display: flex; justify-content: flex-start; align-items: baseline; margin-bottom: 1rem; flex-wrap: wrap; } .transfer-data .data-label, .transfer-data .data-label-bottom-sheet { width: 25%; } .transfer-data .data-text { padding: 0.2rem 0px; } .transfer-data-flow { font-size: 1rem; align-items: center; } @media (max-width: 767px) { .data-wrapper { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; margin: 0.5rem 0px; } .data-wrapper, .transfer-data .data-wrapper { flex-direction: column; } .transfer-data .data-label, .transfer-data .data-label-bottom-sheet { width: 100%; font-weight: 700; } .transfer-data-flow { flex-wrap: nowrap; } .data-amount { font-size: 1.25rem; } } .preowned-products-step1 .transfer-data .data-label, .preowned-products-step1 .transfer-data .data-label-bottom-sheet { width: 30% !important; max-width: 30% !important; } @media (min-width: 992px) and (max-width: 1199px) { .preowned-products-step1 .transfer-data .data-label, .preowned-products-step1 .transfer-data .data-label-bottom-sheet { width: 35% !important; max-width: 35% !important; } } @media (max-width: 767px) { .preowned-products-step1 .transfer-data .data-label, .preowned-products-step1 .transfer-data .data-label-bottom-sheet { width: 100% !important; max-width: 100% !important; } } .Select .control-label, .Select .data-amount, .Select .data-label, .Select .data-label-bottom-sheet { font-family: sans-serif; font-weight: 400; font-size: 1em; overflow: hidden; text-overflow: ellipsis; } .Select .control-label:not(:last-child), .Select .data-amount:not(:last-child), .Select .data-label-bottom-sheet:not(:last-child), .Select .data-label:not(:last-child) { margin-right: 0.25rem; } .data-wrapper { margin: 0.5rem 0px; } .data-wrapper > * { margin-left: 0px; margin-right: 0px; } .data-wrapper .data-label, .data-wrapper .data-label-bottom-sheet { display: block; } .main-container .data-amount-credit { color: rgb(81, 145, 26); } .main-container .data-amount-debit { color: rgb(255, 24, 0); } .main-container .data-amount-debit .data-amount-currency::after { font-size: 1.25em; content: " -"; display: inline; } .transfer-data-flow { border-bottom: 1px solid rgb(204, 207, 227); border-top: 1px solid rgb(204, 207, 227); padding: 10px 0px; justify-content: space-between; } .transfer-data-flow .svg-wrapper { margin: 0.5rem; } .transfer-data-flow .svg-wrapper, .transfer-data-flow svg { height: 1.5rem; width: 1.5rem; } .transfer-data .data-label, .transfer-data .data-label-bottom-sheet { margin-right: 0.375em; } .transfer-block { display: flex; flex-direction: column; } @media (max-width: 767px) { .transfer-block .transfer-data { display: flex; flex-direction: column; } .transfer-block .data-amount { font-size: 1.5em; } } .transfer-block .transfer-data-flow { width: 100%; display: flex; } .transfer-block .svg-wrapper { width: auto; } .data-wrapper.data-wrapper-inline { display: block; margin-bottom: 2rem; } .data-wrapper.data-wrapper-inline .data-label, .data-wrapper.data-wrapper-inline .data-label-bottom-sheet { color: rgb(17, 17, 17); font-size: 0.8rem; } .data-wrapper.data-wrapper-inline .data-name { font-size: 1rem; align-self: center; } .data-wrapper.data-wrapper-inline > span { display: inline-block; } .data-wrapper.data-wrapper-inline > span .data-label, .data-wrapper.data-wrapper-inline > span .data-label-bottom-sheet { margin-right: 0.25em; } @media (max-width: 767px) { .data-aux .svg-wrapper { position: relative; top: 0.2rem; left: 0px; } .data-aux .svg-wrapper .svg-icon { min-width: auto; margin-right: 0.25rem; } } .content-data-strong { font-weight: 400; line-height: 1.4; } .data-tag { color: rgb(17, 17, 17); } .data-tag > span { padding: 0.25em 0.5em; border-radius: 0px; font-family: sans-serif; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; } @media (max-width: 767px) { .data-tag { text-align: right; } } .is-expired .data-tag > span { color: rgb(255, 24, 0); } .table-data > .data-tag { text-align: center; } @media (max-width: 767px) { .table-data > .data-tag { text-align: right; } } .data-tag-blocked > span { background-color: rgb(112, 112, 112); } .data-product { display: flex; align-items: center; } .data-product .svg-wrapper { margin-right: 0.5rem; } .data-product .svg-wrapper .svg-logo { width: 1.5rem; height: 1.5rem; } .transfer-data .preferential-tooltip { padding: 0.2rem 0.6rem; } @media (max-width: 767px) { .transfer-data .preferential-tooltip { padding: 0.25rem 0.5rem; display: inline-block; } } .transfer-data .highlight-quotation { background-color: rgb(217, 232, 244); padding: 0.2rem 0.6rem; font-size: 0.9rem; } @media (max-width: 767px) { .transfer-data .highlight-quotation { padding: 0.25rem 0.5rem; text-align: left; width: 100%; } } .transfer-data .highlight { background-color: rgb(13, 94, 161); padding: 0.2rem 0.6rem; font-size: 0.9rem; } @media (max-width: 767px) { .transfer-data .highlight { padding: 0.25rem 0.5rem; text-align: left; width: 100%; } } .transfer-data .highlight .data-title { font-size: 0.9rem; font-family: "Gotham Medium"; font-weight: 400; text-align: left; color: rgb(255, 255, 255) !important; } .transfer-data .highlight .data-title.data-amount { font-size: 0.9rem; } .transfer-data .highlight .data-title .data-amount-currency, .transfer-data .highlight .data-title.data-amount span { color: rgb(255, 203, 5); font-family: "Gotham Medium"; font-size: 0.9rem; } .transfer-data .highlight.data-name, .transfer-data .highlight.data-name .data-title.data-amount { font-size: 0.9rem; } .transfer-data .highlight.data-name .data-title.data-amount .data-name { font-size: 0.9rem; width: 100%; font-family: "Gotham Medium"; text-align: left !important; } .transfer-data .highlight.data-text { font-size: 0.9rem; padding: 0.2rem 0.6rem 0.2rem 1.25rem; color: rgb(255, 255, 255) !important; } @media (max-width: 767px) { .transfer-data .highlight.data-text { padding: 0.25rem 1.5rem; } } .transfer-data .highlight.data-text::before { position: absolute; z-index: 1; display: block; width: 20px; height: 20px; margin-top: 0px; margin-left: -18px; content: ""; background-image: url("/frontend/static/media/android-arrow-dropright.60b3ba4d.svg"); background-repeat: no-repeat; background-position: 50% center; pointer-events: none; } @media (max-width: 767px) { .transfer-data .highlight.data-text::before { margin-top: -1px; margin-left: -20px; } } @media (min-width: 992px) and (max-width: 1199px) { .transfer-data .highlight.data-text::before { width: 20px; height: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .transfer-data .highlight.data-text::before { width: 18px; height: 18px; margin-top: 1px; margin-left: -17px; } } .transfer-data.data-wrapper { margin: 0px 0px 0.5rem; } @media (max-width: 767px) { .transfer-data.data-wrapper.preferential-wrapper { display: inline-block; } } .transfer-data .data-label, .transfer-data .data-label-bottom-sheet { font-family: "Gotham Medium"; color: rgb(17, 17, 17); font-weight: 400; } @media (max-width: 767px) { .transfer-data .preferential-quotation { display: inline-block; } } .fix-emailList .data-text { font-style: italic; color: rgb(102, 102, 102) !important; } span.data-amount.text-right { display: block; } @media (max-width: 767px) { span.data-amount.text-right { display: inline-block; } } .result-amount { padding-top: 5px; border-top: 1px solid rgb(204, 204, 204); } .result-amount .data-label, .result-amount .data-label-bottom-sheet { font-weight: 700 !important; } .highlight-data { background-color: rgb(13, 94, 161); font-size: 0.9rem; border-radius: 5px; padding: 0.2rem 0.6rem !important; color: rgb(255, 255, 255) !important; } @media (max-width: 767px) { .highlight-data { font-size: 0.75rem; } } .data-grid-header span.data-name { font-family: "Gotham Book" !important; } .bubble-wrapper { width: 100%; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; } .bubble-wrapper .data-aux { color: rgb(72, 72, 72); } .bubble { display: flex; border-radius: 50%; padding: 1rem; color: rgb(255, 255, 255); background-color: rgb(161, 155, 189); } .table-data .bubble { padding: 0.5rem; width: 2.5rem; } .table-data .bubble .svg-wrapper, .table-data .bubble svg { color: inherit; width: 1.5em; min-width: 1.5em; height: 1.5em; } .bubble.bubble-warning { background-color: rgb(224, 204, 95); } .bubble.bubble-success { background-color: rgb(81, 145, 26); } .bubble.bubble-error { background-color: rgb(255, 24, 0); } .media-object { display: block; margin: 1rem 0px; justify-content: unset; } .media-object figure { display: flex; justify-content: center; align-items: center; border-radius: 50%; margin: auto; padding: 2rem; width: 1rem; height: 1rem; } .media-object figure i { color: rgb(255, 255, 255); font-size: 2rem; } .media-object figure .svg-wrapper { color: rgb(255, 255, 255); border-radius: 50%; width: 4rem; height: 4rem; } .media-object figure .svg-wrapper .svg-icon { width: 2rem; height: 2rem; } .media-object--text { flex-grow: 1; margin-left: 1rem; font-family: "Gotham Book"; display: flex; justify-content: center; flex-direction: column; } .media-object--text .text-lead { margin: 0px; } .media-object.media-object--tranparent .svg-wrapper { background-color: transparent; } .media-object.media-object--image-branded .svg-wrapper { background-color: rgb(255, 255, 255); } .media-object.media-object--state-success .svg-wrapper { background-color: rgb(81, 145, 26); } .media-object.media-object--state-error .svg-wrapper { background-color: rgb(255, 24, 0); } .media-object.media-object--state-warning figure { background-color: rgb(247, 198, 0); } @media (max-width: 767px) { .media-object { flex-direction: column; } .media-object--text { justify-content: center; text-align: center; margin-top: 1rem; margin-left: 0px; } .media-object--text .text-lead { text-align: inherit; } } .media-object .bubble { padding: 0px; } .media-object .bubble .svg-wrapper { background-color: transparent; } .desktop-form .form-group, .form-group { font-size: 0.9rem; margin: 1rem 0px 1.333rem; } @media (min-width: 768px) { .desktop-form .form-group { display: flex; justify-content: flex-start; align-items: baseline; } .desktop-form .form-group .form-group-text, .desktop-form .form-group .input-group, .desktop-form .form-group .switch-label-text { width: 25%; } .desktop-form .form-group .form-group-container { width: 100%; display: flex; flex-direction: column; } .desktop-form .form-group .form-group-container .input-group { width: 100%; } } @media (min-width: 768px) { .cont-filter { margin: 0px 0px 2rem; } .sub-title-benefits { border-bottom: 1px solid rgb(17, 17, 17); border-top: 1px solid rgb(17, 17, 17); } .label-benefits { width: 20% !important; } .filter-form { margin: 0px; padding-right: 0px; } .filter-form .btn-primary { margin: 0px; } .filter-form .btn-filters { margin-left: 6rem; } .filter-form .label-text { padding-top: 12px; } .filter-form .form-group { font-size: 1rem; margin: 0px 0px 1rem; display: flex; justify-content: flex-start; } .filter-form .form-group .form-group-text, .filter-form .form-group .input-group, .filter-form .form-group .switch-label-text { width: 100%; } .filter-form .form-group .form-group-container { width: 100%; display: flex; flex-direction: column; } .filter-form .form-group .form-group-container .input-group { width: 100%; } .filter-form.inputFilterStyle .form-group .form-group-container:focus { outline: none; } .filter-form.inputFilterStyle .form-group .form-group-container .input-group { border: none; } .filter-form.inputFilterStyle .form-group .form-group-container .input-group:focus { outline: none; } .filter-form.inputFilterStyle .form-group .form-group-container .input-group input { border: 1px solid rgb(76, 147, 201); border-radius: 3px; background: rgb(255, 255, 255); color: rgb(17, 17, 17); font-size: 0.8rem; line-height: 1.5; } .filter-form.inputFilterStyle .form-group .form-group-container .input-group input:focus { background: rgb(255, 255, 255); border: 1px solid rgb(13, 94, 161); } } @media (max-width: 767px) { .cont-filter { margin: 1rem 0px 2rem; } .sub-title-benefits { border-bottom: 1px solid rgb(17, 17, 17); border-top: 1px solid rgb(17, 17, 17); } .table-item-benefits { color: rgb(17, 17, 17) !important; } .label-benefits { width: 20% !important; } .filter-form { margin: 0px; padding: 0px; } .filter-form .btn-primary { margin: 0px; } .filter-form .form-group .form-group-text, .filter-form .form-group .input-group, .filter-form .form-group .switch-label-text { width: 100%; margin-right: 0px; clear: both; } } @media (max-width: 767px) { .form-control:not(.form-control-select) .input-group, .react-tagsinput:not(.form-control-select) .input-group { z-index: 1; transform: translateZ(0px); } } .input-group { font-size: 0.9rem; border-radius: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(69, 154, 216); } @media (max-width: 767px) { .input-group { background-color: transparent; } } .input-group .btn { border-radius: 0px; } .input-group .btn:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group .btn:last-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .form-group-control-list { margin-top: 0px; } .form-group-control-list .c-control { margin-right: 1em; display: inline-block; } .form-group-input-wrapper--select { max-height: 3.25rem; padding: 0.7rem 0.4rem; } .form-control-select { padding: 0.5rem; } .input-group textarea.form-control, .input-group textarea.react-tagsinput { resize: vertical; } .form-control, .form-control-select, .react-tagsinput { width: 100%; appearance: none; border: none; background-color: transparent; color: rgb(85, 85, 85); box-shadow: none !important; } .form-group-text, .input-group, .switch-label-text { display: flex; align-items: center; margin: 0px; justify-content: space-between; } .transferThirdPartiesByQr0 .form-group { display: flex; } @media (max-width: 767px) { .transferThirdPartiesByQr0 .form-group { display: block !important; } } .transferThirdPartiesByQr0 .form-group-text, .transferThirdPartiesByQr0 .switch-label-text { width: 33%; } @media (min-width: 992px) and (max-width: 1199px) { .transferThirdPartiesByQr0 .form-group-text, .transferThirdPartiesByQr0 .switch-label-text { width: 53% !important; } } @media (min-width: 768px) and (max-width: 991px) { .transferThirdPartiesByQr0 .form-group-text, .transferThirdPartiesByQr0 .switch-label-text { width: 42% !important; } } @media (max-width: 767px) { .transferThirdPartiesByQr0 .form-group-text, .transferThirdPartiesByQr0 .switch-label-text { width: 100% !important; } } .transferThirdPartiesByQr0 .form-group-container { width: 100%; } .input-group .form-control-select:focus, .input-group .form-control:focus, .input-group .react-tagsinput:focus { box-shadow: none; outline: none; } .has-error .form-group-error { color: rgb(248, 248, 248) !important; pointer-events: none; } .has-error .form-group-error span { color: rgb(255, 24, 0) !important; } .has-error .control-label { color: inherit; } .has-error .form-group-error { font-size: 0.875rem; } .has-error .input-group { color: rgb(255, 24, 0); border: 1px solid rgb(255, 24, 0) !important; background-color: rgb(248, 248, 248) !important; } .has-error .form-control, .has-error .react-tagsinput { background-color: rgb(248, 248, 248); color: rgb(255, 24, 0); } .has-error .form-control:-webkit-autofill, .has-error .react-tagsinput:-webkit-autofill { box-shadow: rgb(248, 248, 248) 0px 0px 0px 4rem inset; } .has-error .help-block { color: rgb(248, 248, 248); font-weight: 700; } .modal-dialog .has-error .form-group-error, .theme-auth .has-error .form-group-error { color: rgb(255, 24, 0) !important; } .modal-dialog .has-error .control-label, .modal-dialog .has-error .control-label i, .theme-auth .has-error .control-label, .theme-auth .has-error .control-label i { color: rgb(255, 24, 0); } .modal-dialog .has-error .form-group-error, .theme-auth .has-error .form-group-error { font-size: 0.875rem; } .modal-dialog .has-error .input-group, .theme-auth .has-error .input-group { color: rgb(255, 24, 0); background-color: rgb(248, 248, 248); } .modal-dialog .has-error .form-control, .modal-dialog .has-error .react-tagsinput, .theme-auth .has-error .form-control, .theme-auth .has-error .react-tagsinput { color: rgb(255, 24, 0); } .modal-dialog .has-error .form-control:-webkit-autofill, .modal-dialog .has-error .react-tagsinput:-webkit-autofill, .theme-auth .has-error .form-control:-webkit-autofill, .theme-auth .has-error .react-tagsinput:-webkit-autofill { box-shadow: rgb(248, 248, 248) 0px 0px 0px 4rem inset; } .modal-dialog .has-error .help-block, .theme-auth .has-error .help-block { color: rgb(255, 24, 0); font-weight: 700; } @media (max-width: 767px) { .form-group--scheduler .container { margin: 0px; padding: 0px; } } .selection-group { margin-bottom: 1.25rem; } .selection-group .c-control-label { padding: 0.5em 1em; font-weight: 700; font-size: 0.875rem; } .selection-group .c-control-label::after, .selection-group .c-control-label::before { content: none; } .selection-group .c-control-input + .c-control-label { color: rgb(170, 170, 170); } .selection-group .c-control-input:checked + .c-control-label { color: rgb(72, 72, 72); } .currency-selector { font-size: 0.95rem !important; max-width: 145px; } .currency-selector.cellphone-selector { border-right: 1px solid rgb(0, 102, 179) !important; max-width: 200px !important; } @media (max-width: 380px) { .currency-selector.cellphone-selector { max-width: 104px !important; } } @media (max-width: 290px) { .currency-selector.cellphone-selector { max-width: 100px !important; } } @media (max-width: 260px) { .currency-selector.cellphone-selector { max-width: 70px !important; } } .currency-selector.cellphone-selector.is-disabled { border-right: 1px solid rgb(192, 207, 218) !important; } .currency-selector.cellphone-selector.is-disabled .Select-control { background-color: rgb(238, 238, 238) !important; cursor: not-allowed; } .currency-selector .Select-control { font-size: 0.9rem; } .currency-selector.document { max-width: 14rem; } .currency-selector.document span.Select-value-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 160px; display: block; } .table-phonefield { max-width: 250px; margin: 0px 0px 0px auto !important; } .table-phonefield .currency-selector { max-width: 100px !important; } .has-error .currency-selector.cellphone-selector { border-right: 1px solid rgb(255, 24, 0) !important; } .arrow-hidden .currency-selector.Select.is-disabled .Select-arrow-zone { display: none; } .Select.is-disabled > .Select-control { background-color: rgb(238, 238, 238) !important; } .form-group--datepicker .input-group input:disabled { background-color: rgb(238, 238, 238); } .Select.is-focused .Select-control, .Select .Select-control, .Select .Select.is-open > .Select-control { background-color: transparent !important; } @media (min-width: 768px) { .form-group--datepicker { display: block; justify-content: flex-start; } } .form-group--datepicker .form-group-container .input-group .form-control, .form-group--datepicker .form-group-container .input-group .react-tagsinput { max-height: 37px; } .form-group--datepicker .form-group-container .input-group .form-control .react-datepicker-wrapper .react-datepicker__input-container .mobile-custom-datepicker-input, .form-group--datepicker .form-group-container .input-group .react-tagsinput .react-datepicker-wrapper .react-datepicker__input-container .mobile-custom-datepicker-input { line-height: 2; } .form-group--datepicker .input-group { flex-direction: column; } .form-group--datepicker .input-group input { background-color: transparent; } .form-group--datepicker .react-datepicker-wrapper { padding: 0px; display: inline-block !important; } .form-group--datepicker .react-datepicker-wrapper .react-datepicker__input-container { display: flex !important; } .form-group--datepicker .react-datepicker-wrapper .react-datepicker__input-container input { border: none; padding: 0.5rem 1rem; } .form-group--datepicker .react-datepicker-wrapper, .form-group--datepicker .react-datepicker__input-container, .form-group--datepicker .react-datepicker__input-container input { width: 100%; } .form-group--datepicker .react-datepicker-wrapper:focus, .form-group--datepicker .react-datepicker__input-container:focus, .form-group--datepicker .react-datepicker__input-container input:focus { outline: none; } .form-group--datepicker .input-group { border: none; } .form-group--datepicker .form-control, .form-group--datepicker .react-tagsinput { padding: 0px; } .form-group--datepicker .form-control input, .form-group--datepicker .react-tagsinput input { padding: 14px 1em; border: 1px solid rgb(221, 221, 221); border-radius: 0px; } .theme-auth .react-tagsinput { border-radius: 0px; padding: 0.5rem; } .theme-auth .react-tagsinput-tag { color: rgb(255, 255, 255); border: none; background-color: rgb(0, 102, 179); padding-left: 0.5rem; border-radius: 0px; } @media (max-width: 767px) { .theme-auth .react-tagsinput-tag { width: 100%; word-break: break-all; white-space: normal; } } .theme-auth .react-tagsinput-tag.wrong { background-color: rgb(255, 24, 0); } .theme-auth .react-tagsinput-remove { background-color: transparent; border: none; } .theme-auth .react-tagsinput-remove::before { color: inherit; } .theme-auth .react-tagsinput-remove.wrong { color: rgb(255, 255, 255); } .theme-auth .form-group--emailList.has-error .react-tagsinput { background-color: rgb(248, 248, 248); color: rgb(57, 57, 57); } .input-group-text-area { overflow: auto; max-height: 50vh; } .input-group-text-area > * { margin: auto; } .weekday-selection { display: flex; flex-wrap: wrap; } @media (max-width: 767px) { .weekday-selection { justify-content: space-between; } } .weekday-selection .c-control { margin: 0px; } .weekday-selection .c-control-label { padding: 0.5em; color: rgb(0, 102, 179); border: 1px solid; border-radius: 0px; } .weekday-selection .c-control-label + .c-control-label { margin-right: 0.25em; } .weekday-selection .c-control-label::after, .weekday-selection .c-control-label::before { content: none; } .weekday-selection .c-control-input:checked + .c-control-label { color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); } @media (max-width: 767px) { .scheduler-frequency-suboptions { margin-top: 1rem; } } @media (min-width: 768px) { .scheduler-frequency-suboptions .form-group--datepicker { width: 60%; } } .scheduler-frequency-suboptions .control-label { font-weight: 400; } .scheduler-frequency-suboptions .input-group { margin-top: 0px; margin-bottom: 0px; } .scheduler-frequency-suboptions .input-group.day-selector { width: 4.7em !important; } .scheduler-frequency-suboptions .form-text-group { display: flex; justify-content: flex-start; } .scheduler-frequency-suboptions .form-text-group label { display: flex; align-items: center; } .scheduler-frequency-suboptions .c-control { display: flex; } .scheduler-frequency-suboptions .c-control label { display: flex; align-items: center; font-family: "Gotham Book"; } .scheduler-frequency-suboptions .c-control .form-group, .scheduler-frequency-suboptions .c-control .input-group { margin-top: 0px; margin-bottom: 0px; } .form-group-row { display: flex; } .form-group-row > * + * { margin-left: 1rem; } .form-group--scheduler .check-list .c-control-label { font-size: 1rem; } @media (min-width: 768px) { .weekday-selection .c-control { margin-right: 0.5rem; } } .field-text-optional { font-size: 0.75em; opacity: 0.75; margin-left: 0.25em; } .currency { height: auto; padding: 8px 1em; border-right: 1px solid rgb(76, 147, 201); border-radius: 0.15625rem 0px 0px 0.15625rem; font-size: 1rem; line-height: 1.4; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } has-error .currency { border-color: rgb(76, 147, 201); } has-focus .currency { border-color: rgb(13, 94, 161); } .has-error .currency { border-color: rgb(255, 24, 0) !important; } .has-focus .currency { border-color: rgb(13, 94, 161); } .security-image { display: flex; align-items: center; flex-direction: column; justify-content: center; } .form-group--loanPayments { width: 100%; margin-bottom: 0px; } @media (max-width: 767px) { .form-group--loanPayments.form-group .table-body { box-sizing: initial; margin-right: -1rem; margin-left: -1rem; } } .form-group--loanPayments .data-wrapper { padding-right: 2.5rem; } .form-group--loanPayments .table-row.is-expired { border-color: currentcolor; background-color: rgb(248, 248, 248); color: rgb(255, 24, 0); } .form-group--loanPayments .table-data:first-child { padding-left: 0px; } .form-group--loanPayments .table-data:last-child { padding-right: 0px; } @media (max-width: 767px) { .form-group--loanPayments .table-data:last-child { padding-right: 4.25rem; } } .form-group--loanPayments .c-control-label { width: 100%; align-items: baseline; font-family: sans-serif; padding: 0.4rem 0px; border-left: 0.5rem solid transparent; } @media (max-width: 767px) { .form-group--loanPayments .c-control-label { display: flex; } } .form-group--loanPayments .c-control-label::after, .form-group--loanPayments .c-control-label::before { left: auto; right: 0.5rem; } @media (max-width: 767px) { .form-group--loanPayments .c-control-label::after, .form-group--loanPayments .c-control-label::before { right: 2rem; } } .form-group--loanPayments .c-control-input.disabled ~ .c-control-label, .form-group--loanPayments .c-control-input[disabled] ~ .c-control-label { cursor: pointer; opacity: 1; box-shadow: none; } .form-group--loanPayments .c-control-input.disabled + .c-control-label, .form-group--loanPayments .c-control-input[disabled] + .c-control-label { cursor: not-allowed; box-shadow: none; } .form-group--loanPayments .c-control-input.disabled + .c-control-label::before, .form-group--loanPayments .c-control-input[disabled] + .c-control-label::before { opacity: 0.3; } .form-group--loanPayments .c-control-input:checked ~ .c-control-label::after { transform: scale(0); } .form-group--loanPayments .c-control-input:checked + .c-control-label::after { transform: scale(1.6); } @media (max-width: 767px) { .product-selector .Select-menu-outer { text-align: left !important; } .slideFromBottom.is-open::after { opacity: 0.7; pointer-events: all; animation: 0.3s ease 0s 1 normal forwards running showLayer; } .slideFromBottom.is-open .Select-menu-outer { animation: 0.3s ease 0s 1 normal forwards running slideUp; } .slideFromBottom .Select-option { user-select: none; } .slideFromBottom .Select-menu-outer { animation: 0.3s ease 0s 1 normal none running slideUp; overflow: auto hidden; width: 100%; z-index: 4; position: fixed; top: 10rem; background-color: rgb(255, 255, 255); color: rgb(0, 102, 179); text-align: center; font-family: "Gotham Medium"; border: none; bottom: 0px; left: 0px; border-radius: 0px; max-height: 100%; } .slideFromBottom .Select-menu { max-height: 100%; overflow-y: auto; } .slideFromBottom .Select-option { box-sizing: border-box; background-color: transparent; color: currentcolor; cursor: pointer; display: block; padding: 1rem; } .slideFromBottom .Select-option:last-child { border-radius: 0px; } .slideFromBottom .Select-option.is-selected { background-color: transparent; color: currentcolor; } .slideFromBottom .Select-option.is-focused { background-color: rgba(0, 126, 255, 0.24); color: currentcolor; font-weight: 700; } .slideFromBottom .Select-option.is-disabled { color: currentcolor; opacity: 0.75; cursor: default; } .slideFromBottom::after { opacity: 0; width: 100%; height: 100%; background-color: rgb(34, 34, 34); position: fixed; top: 0px; left: 0px; z-index: 4; pointer-events: none; } .is-shown.slideFromBottom::after { pointer-events: all; opacity: 0.7; } .slideFromBottom-wrapper { width: 100%; z-index: 5; position: fixed; top: auto; background-color: rgb(255, 255, 255); color: rgb(0, 102, 179); text-align: center; border: none; bottom: 0px; left: 0px; border-radius: 0px; max-height: 100%; transform: translate3d(0px, 100%, 0px); opacity: 0; } .is-shown .slideFromBottom-wrapper { animation: 0.3s ease 0s 1 normal forwards running slideUp; } .month-selector-height { min-height: auto; } .month-selector-height .Select { padding: 0px; margin: 0px; } .month-selector-height div .form-group { margin-bottom: 0.75rem; } } .Select .data-label, .Select .data-label-bottom-sheet { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 1rem; font-family: sans-serif; } .form-section-title { margin: 1rem 0px; color: rgb(8, 82, 141); font-size: 1rem; font-family: "Gotham Medium"; } .form-group--bank-selector .Select { min-width: 8.5rem; } .selector-size--small .Select { min-width: 4rem; width: 4rem; } .selector-size--medium .Select { min-width: 8.5rem; width: 8.5rem; } .input-group input:only-child { border-radius: 5px !important; } .information-message, .scheduler-message { font-weight: 700; font-size: 0.8rem; margin-bottom: 1.5rem; } .information-message { display: block; margin-top: 0.5rem; } @media (min-width: 768px) { .schedulable-option { margin: 0px 1rem 1rem 0px; } } @media (min-width: 768px) { .form-group-scheduler-options.sub-options { margin-top: 1rem; } } .form-group-wrapper { display: flex; flex-flow: column; } .form-group-wrapper > .form-group { margin-bottom: 0.5em; } .form-group-wrapper .form-group-wrapper-inline { flex-flow: row; } .form-group-wrapper-inline { align-items: center; flex-flow: wrap; } .form-group-wrapper-inline > .form-group { margin-right: 0.75rem; margin-bottom: 0px; } .select-small .Select { width: 6.5rem; } .form-content-grid div.col:first-child, .form-content-grid div.col ~ div.col { padding: 0px 0.5rem; } @media (max-width: 767px) { .form-content-grid div.col:first-child, .form-content-grid div.col ~ div.col { padding: 0px; } } .input-disabled { border-radius: 3px; border: 1px solid rgb(76, 147, 201); background: rgb(238, 238, 238); display: block; padding: 0.4rem 0.5rem; color: rgb(153, 153, 153); } .modal-header .close { z-index: 1; text-shadow: none; opacity: 1; position: absolute; top: 0.125rem; right: 0px; padding: 0.5rem; margin-top: 0px; margin-right: 1rem; border: none; color: transparent; background-color: transparent; background-image: url("/frontend/static/media/styledmenu-close.6f780f4d.svg"); background-repeat: no-repeat; background-position: 50% center; background-size: 1.5rem; } @media (min-width: 768px) { .modal-header .close { margin-right: 2rem; } } .navigational-list-item .close { text-shadow: none; opacity: 1; margin-top: 0px; border: none; color: transparent; background-color: transparent; background-image: url("/frontend/static/media/styledmenu-close.6f780f4d.svg"); background-repeat: no-repeat; background-position: 50% center; background-size: 1rem; padding: 0.5rem; width: 2rem; } @media (max-width: 600px) { .modal-title { max-width: 85%; margin: auto; } } .modal-dialog { display: flex; flex-direction: column; width: 100%; min-height: 100%; margin: 0px; } .modal-dialog .col-lg-12, .modal-dialog .col-md-12, .modal-dialog .col-sm-12 { display: flex; justify-content: center; } @media (min-width: 768px) { .modal-dialog { padding-top: 6.5rem; padding-right: 22rem; padding-bottom: 5.5rem; } .modal-dialog .justify-content-center { justify-content: normal; } .modal-dialog .modal-title, .modal-dialog .text-lead, .modal-dialog p { text-align: center; } .modal-dialog p { margin-bottom: 1.333rem; } .modal-dialog .btn { display: inline-flex; width: auto; margin-top: 0px; } } .modal-dialog .modal-content { display: flex; flex-direction: column; flex-grow: 1; border: none; border-radius: 0px; box-shadow: none; width: 100%; min-height: 100%; position: absolute; top: 0px; opacity: 0.9; } .modal-dialog .text-lead { padding: 1rem 0px; text-align: center; } .modal-dialog .modal-container { display: flex; flex-direction: column; flex-grow: 1; } .modal-dialog .modal-container .svg-warapper { height: 6rem; width: 6rem; background-color: red; } .modal-dialog .modal-open .modal-container { min-height: 100%; } .modal-dialog .modal-body, .modal-dialog .modal-footer, .modal-dialog .modal-header { padding: 0px; border: none; } .modal-dialog .modal-body { display: flex; align-items: center; } @media (max-width: 767px) { .modal-dialog .modal-body { flex-grow: 1; } } .modal-dialog .modal-body .media-object figure .svg-wrapper { height: 6rem; width: 6rem; } .modal-dialog .modal-body .media-object figure .svg-wrapper .svg-icon { width: 100%; height: 100%; } .modal-dialog .modal-header { position: relative; margin-top: 0.833rem; } .modal-dialog .modal-footer { margin-bottom: 0.833rem; } .modal-dialog h4.modal-title { font-size: 2rem; color: rgb(8, 82, 141); text-align: center; padding-bottom: 5rem; line-height: 1.2; } @media (max-width: 767px) { .modal-dialog h4.modal-title { font-size: 1.5rem; text-align: center; padding-bottom: 0px; padding-top: 5rem; } } .modal-min { justify-content: center; align-items: center; display: flex !important; } .modal-min .modal-dialog { padding: 0px; min-height: 0px; width: 70%; } .modal-min .modal-dialog .modal-content { position: static; } .modal-min .modal-dialog .modal-content .modal-container { padding: 2rem; } .modal-min .modal-dialog .modal-content .modal-title { padding: 0px; text-align: left; } .top-content-modal { min-height: calc(100% - 80px); } .top-content-modal .modal-body { align-items: flex-start; overflow: scroll; } .top-content-modal .table-data { justify-content: start; } .app-content { min-width: 0px; } .widget { position: relative; margin-bottom: 2rem; } .widget .widget__title, .widget h3 { width: 100%; padding: 0.5rem 1rem; margin-top: 0px; border-radius: 5px; color: rgb(0, 102, 179); font-size: 1.125rem; font-weight: 500; text-transform: uppercase; background-color: rgb(239, 237, 247); } @media (max-width: 767px) { .widget--notifications .table-data { max-width: 80%; } } .widget--exchangeRates { padding: 0px; border-radius: 10px; } @media (max-width: 767px) { .widget--exchangeRates .data-wrapper .data-label, .widget--exchangeRates .data-wrapper .data-label-bottom-sheet { width: 100%; margin-top: 1rem; text-align: center; } .widget--exchangeRates .data-wrapper .data-amount { width: 100%; text-align: center; } .widget--exchangeRates .slick-slide > div { display: flex; padding: 0px; } .widget--exchangeRates .slick-dots { position: relative; margin-top: 1rem; } } .widget--exchangeRates .exchange-data { margin: auto; text-align: center; } @media (max-width: 767px) { .widget--exchangeRates .exchange-data { display: flex; align-items: center; justify-content: center; } .widget--exchangeRates .exchange-data .flag { margin: 0px 1rem; } .widget--exchangeRates .exchange-data .flag .svg-wrapper, .widget--exchangeRates .exchange-data .flag svg { width: 3rem; height: 3rem; min-width: 3rem; } .widget--exchangeRates .exchange-data span.data-name { position: static; top: auto; left: auto; float: none; display: initial; align-self: auto; height: auto; max-width: none; text-align: initial; line-height: 1.2; } } @media (min-width: 768px) { .widget--exchangeRates .exchange-data .flag { float: left; height: 1rem; } } .widget--exchangeRates .exchange-data .data-name { position: relative; top: 13px; left: 0.5rem; float: left; display: flex; align-self: center; height: 3rem; max-width: 75%; text-align: left; } .widget--exchangeRates h4 { align-self: center; margin-left: -1rem; font-size: 1rem; line-height: 1.1rem; } .widget--exchangeRates .flag { max-width: 8rem; } .widget--bio-banner { font-family: "Gotham Book"; background-color: rgb(254, 240, 173); } .widget__box { border-radius: 10px; } .widget--portfolio { height: 100%; } .widget--portfolio .chart { min-height: 300px; } .widget--portfolio .chart .row { height: 100%; } .widget--portfolio .chart .row > div { align-self: center; width: 100% !important; } .widget--portfolio #DonutChart, .widget--portfolio #DonutChart > div, .widget--portfolio #DonutChart [dir] { width: 100% !important; height: 100% !important; } .widget--portfolio #DonutChart [dir] [aria-label] { display: flex; justify-content: center; } .widget--portfolio #DonutChart, .widget--portfolio .data-chart { max-width: 400px; } @media (max-width: 575px) { .widget--portfolio #DonutChart, .widget--portfolio .data-chart { max-width: none; margin: auto; } } .widget--portfolio .data-chart { position: absolute; z-index: auto; display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; margin-top: 0px; text-align: center; } .widget--portfolio .data-chart .amount { text-align: right; margin: 0px; font-size: 1.1rem; } .widget--portfolio .data-chart .products { margin-top: 0px; font-size: 0.75rem; } .widget--portfolio .data-chart small { font-size: 0.75rem; font-weight: 600; } @media (max-width: 575px) { .widget--portfolio .data-chart { right: 0px; left: 0px; } } .widget--portfolio .portfolio-item { padding: 1rem; margin-bottom: 0.1rem; border-radius: 5px; color: rgb(255, 255, 255); font-size: 1.25rem; } .widget--portfolio .portfolio-item > .row { align-items: center; justify-content: space-between; } .widget--portfolio .portfolio-item .data-title { font-size: 1.125rem; font-family: sans-serif; } .widget--portfolio .portfolio-item .data-aux { font-size: 0.75rem; } .widget--portfolio .portfolio-item .data-wrapper { margin: 0px; } .widget--portfolio .portfolio-item.liquidity { background-color: rgb(0, 188, 155); } .widget--portfolio .portfolio-item.fixedIncomes { background-color: rgb(45, 150, 221); } .widget--portfolio .portfolio-item.variableIncomes { background-color: rgb(156, 86, 184); } .widget--portfolio .portfolio-item.others { background-color: rgb(68, 55, 123); } .widget--portfolio .portfolio-item.empty { color: rgb(170, 170, 170); background-color: rgb(205, 205, 205); } .widget--portfolio .portfolio-item .chart { min-height: 300px; } .widget--portfolio .portfolio-item #DonutChart, .widget--portfolio .portfolio-item .data-chart { max-width: none; margin: auto; } .widget--portfolio .portfolio-item .data-chart .amount .data-amount { font-size: 1.6rem; } .widget--portfolio .portfolio-item .data-chart { right: 0px; left: 0px; } #DonutChart [aria-label] > div[aria-label] { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; left: auto !important; } .draggable-list .draggable-list__item { padding: 0px; margin: 0px; border: 1px solid rgb(236, 234, 241); border-radius: 10px; } .draggable-list__item-container { height: 100%; } .draggable-list__item-container .widget { height: 100%; padding: 0.25rem; margin-bottom: 1rem !important; } .draggable-list__item-container .widget h3 { padding: 0.5rem 0.75rem; margin: 0px 0px 1rem; } .draggable-list__item-container .widget:active { border: 1px solid rgb(0, 102, 179); } .draggable-list__item-container .widget .container, .draggable-list__item-container .widget .container-fluid { padding: 0px 0.75rem; } .draggable-list__item-container .widget .widget-close-button { position: absolute; padding: 0.4rem 0.4rem 0.5rem; top: 0px; right: 0px; border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; } .draggable-list__item-container .widget .overlay { position: absolute; inset: 3.3rem 0px 0px; display: block; border-radius: 10px; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.9)); } .widget-preloader { z-index: 5; display: flex; width: 100%; height: 100%; min-height: 120px; opacity: 1; color: rgb(0, 102, 179); background-color: rgb(255, 255, 255); justify-content: center; align-items: center; } .widget-preloader > div { margin: auto; } .widget-preloader span:first-child, .widget-preloader span:nth-child(2), .widget-preloader span:nth-child(3) { top: 0.25em; left: -1rem; display: inline-block; width: 1rem; height: 1rem; margin: 0px 0.3em; border-radius: 100%; content: ""; background-color: currentcolor; animation: 1.4s ease-in-out 0s infinite normal both running bouncedelay; } .widget-preloader span:nth-child(2) { left: 0px; animation-delay: 0.16s; } .widget-preloader span:nth-child(3) { left: 1rem; animation-delay: 0.32s; } .progress-wrapper { position: relative; } @media (min-width: 768px) { .progress-wrapper { margin-top: 1rem; } } .progress { height: 2rem; background-color: rgb(236, 234, 241) !important; } .form-group .progress { height: 1rem; } .danger .progress-bar { background-color: rgb(186, 33, 33) !important; } .warning .progress-bar { background-color: rgb(186, 183, 33) !important; } .warning50 .progress-bar { background-color: rgb(194, 95, 37) !important; } .warning75 .progress-bar { background-color: rgb(186, 183, 33) !important; } .success .progress-bar { background-color: rgb(38, 186, 33) !important; } .progress-label { position: absolute; top: 0px; line-height: 2rem; left: 0px; margin: 0px 1em; color: rgb(255, 255, 255); } .progress-below-half { left: auto; color: rgb(72, 72, 72); right: 0px; } .dropdown { position: relative; will-change: transform; z-index: 100; display: inline-flex; } .dropdown__menu { position: absolute; top: 100%; left: 0px; z-index: 1000; min-width: 250px; list-style: none; padding: 0px; box-sizing: initial; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; } .dropdown__menu--right { left: auto; right: 0px; } .dropdown__menu .btn { text-align: initial; margin: 0px; display: inline; } .dropdown__item { padding: 10px; border-bottom: 1px solid rgb(204, 204, 204); box-sizing: initial; } .dropdown__item:last-child { border-bottom: none; } @media (min-width: 768px) { .draggable-list { z-index: 999; } .draggable-list, .draggable-list.is-disabled > div { position: relative; } .draggable-list__item { position: absolute; overflow: visible; pointer-events: auto; transform-origin: 50% 50% 0px; box-sizing: initial; } .draggable-list.is-enabled { user-select: none; } } .draggable-list__item { width: 100%; border-radius: 5px; color: rgb(153, 153, 153); font-size: 1rem; background-color: rgb(255, 255, 255); box-sizing: initial; } .draggable-list__item-container { width: 100%; box-sizing: border-box; } .draggable-list__item { height: 222px; margin: 0px -0.625rem; padding: 0px 0.625rem; overflow: hidden; box-shadow: none !important; } .toolbar { position: relative; display: block; flex-grow: 1; width: 100%; } @media (min-width: 768px) { .toolbar { margin: 0px -1rem; } } .toolbar .btn { padding: 1rem; } .toolbar h1 { font-size: 1.7rem; } @media (max-width: 767px) { .toolbar-item.view-title { margin: 0px 2.5rem; } } .toolbar-product-name .view-title { display: flex; } @media (min-width: 768px) { .toolbar-product-name .view-title { max-width: 50%; } } @media (max-width: 767px) { .toolbar-product-name .view-title { width: 84%; } } .toolbar-item { display: flex; align-items: center; margin-bottom: 0px; justify-content: center; } .toolbar-item .svg-icon { min-width: 100%; } @media (max-width: 767px) { .toolbar-btn > span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } .toolbar-product-name { min-width: 0px; width: 100%; display: flex; flex-direction: column; } @media (min-width: 768px) { .toolbar-product-name { flex-shrink: 1; color: rgb(17, 17, 17); } } .toolbar-product-name .data-aux { text-transform: none; font-size: 0.8rem; color: rgb(255, 255, 255); } .toolbar-product-name.toolbar-product-name-inverted .data-aux { color: rgb(17, 17, 17); background-color: rgb(248, 248, 248); border-radius: 0px 0px 5px 5px; padding-bottom: 10px; text-transform: uppercase; font-size: 0.65rem !important; } .toolbar-product-name.toolbar-product-name-inverted .data-aux.colon { border-radius: 0px; padding: 0px; } .toolbar-product-name.toolbar-product-name-inverted .toolbar-item.toolbar-item--fixed { color: rgb(0, 0, 0) !important; } .toolbar-product-name.toolbar-product-name-inverted .container .row .col { border-left: none; padding: 0px 0.5rem; } .toolbar-product-name.toolbar-product-name-inverted .container .row .col:last-child { padding-right: 0px; } .toolbar-product-name .view-title { padding-bottom: 0px; margin-bottom: 0px; z-index: 100; } .toolbar-product-name .view-title h2 { text-align: left; width: auto; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .toolbar-product-name .view-title h2 { font-size: 2rem; margin-right: 1rem; } } .toolbar-product-name .view-title .form-control, .toolbar-product-name .view-title .react-tagsinput { padding: 0px; font-size: 1.5rem !important; } .toolbar-product-name .view-title .form-control:focus, .toolbar-product-name .view-title .react-tagsinput:focus { box-shadow: none; } .toolbar-product-name .view-title .input-group { z-index: 1; } .toolbar-product-name .view-title .input-group-disabled { background-color: transparent; } .toolbar-product-name .view-title .input-group-disabled .form-control, .toolbar-product-name .view-title .input-group-disabled .react-tagsinput { background-color: transparent; color: inherit; } .toolbar-product-name .alias { color: rgb(255, 203, 5); } .toolbar-product-name .alias.movements { padding-top: 0.5rem; font-size: 1.5rem; } @media (max-width: 767px) { .toolbar-product-name .data-label, .toolbar-product-name .data-label-bottom-sheet { color: rgba(255, 255, 255, 0.8); } } .toolbar-product-name .data-label.movements, .toolbar-product-name .movements.data-label-bottom-sheet { font-size: 1.5rem; padding-top: 0.5rem; background-color: rgb(248, 248, 248); } .toolbar-product-name .container { padding-top: 0.5rem; } .toolbar-product-name .container .data-text { font-size: 1rem; } .toolbar-product-name.toolbar-product-name-inverted .container { margin-top: 0.25rem; padding: 0px; } .toolbar-product-name.toolbar-product-name-inverted .container .data-text { font-family: "Gotham Medium"; } @media (max-width: 767px) { .toolbar-product-name.toolbar-product-name-inverted .data-label.movements, .toolbar-product-name.toolbar-product-name-inverted .movements.data-label-bottom-sheet { background-color: rgb(248, 248, 248); } } .toolbar-product-name.toolbar-product-name-inverted .alias-text { background-color: rgb(248, 248, 248); font-size: 1rem; } .toolbar-product-name .is-editing { margin-top: -1.333rem; z-index: 1; } .toolbar-product-name .is-editing::before { position: fixed; content: ""; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgba(14, 14, 14, 0.2); pointer-events: all; } .toolbar-product-name .buttons { z-index: 2; position: absolute; bottom: 0px; } .toolbar-product-name .buttons button { margin: 0px 0.5rem; } .toolbar-product-name.toolbar-product-name-inverted .alias { color: rgb(17, 17, 17); } @media (max-width: 767px) { .toolbar-product-name.toolbar-product-name-inverted .data-label, .toolbar-product-name.toolbar-product-name-inverted .data-label-bottom-sheet { color: rgba(0, 0, 0, 0.8); } } @media (max-width: 767px) { .toolbar-product-name.toolbar-product-name-inverted .data-label-bottom-sheet span, .toolbar-product-name.toolbar-product-name-inverted .data-label span { color: rgba(0, 0, 0, 0.9) !important; } } .btn.toolbar-btn { font-size: 1rem; } .theme-auth .toolbar-btn { color: rgb(72, 183, 213); border: 1px solid; } .theme-auth .toolbar-btn:hover { color: rgb(44, 159, 190); } @media (max-width: 767px) { .theme-auth .toolbar-btn { border: none; } } .toolbar-item-right { right: 1rem; } @media (max-width: 767px) { .toolbar-item-right { right: 0px; } } .toolbar-item-left { left: 1rem; } @media (max-width: 767px) { .toolbar-item-left { left: 0px; } } .toolbar-btn { padding-right: 1em; padding-left: 1em; top: 0px; color: rgb(255, 255, 255); background-color: transparent; margin: 0px 0.625rem; } @media (max-width: 767px) { .toolbar-product-name .toolbar-btn { color: rgb(255, 255, 255); } } .toolbar-btn:hover { background-color: rgba(255, 255, 255, 0.25); color: rgb(255, 255, 255); } .toolbar-btn.toolbar-btn-right { right: 1rem; } .toolbar-btn.toolbar-btn-left { left: 1rem; } @media (max-width: 767px) { .toolbar-btn { border: none; } .toolbar-btn.toolbar-btn-right { margin-right: -3rem; margin-top: 0.5rem; } .toolbar-btn.toolbar-btn-left { margin-left: -1em; } } .toolbar-item--fixed { position: absolute; z-index: 1; } @media (max-width: 767px) { .toolbar-item--fixed { padding: 0px; top: -0.75em; z-index: 1; } .toolbar-item--fixed .btn { margin: 0px; } } @media (max-width: 767px) { .toolbar-item.toolbar-item--fixed { z-index: 100; } .view-title h2 { width: auto; } } @media (min-width: 768px) { .toolbar { display: flex; align-items: center; } theme-auth .toolbar .view-title, theme-auth .toolbar .view-title h2 { width: auto; text-align: initial; flex-grow: 0; } .toolbar-item { display: block; } .toolbar-item--fixed { display: flex; } .theme-auth .toolbar-item--fixed { position: static; } .toolbar-product-name { flex-direction: row; } } .toolbar-item .c-control, .toolbar-item .form-group { margin-top: 0px; margin-bottom: 0px; } @media (min-width: 768px) { .toolbar .toolbar-item--fixed .btn { padding: 0.5em; } .toolbar + .toolbar-item .dropdown .btn { margin-right: -1rem; } } .toolbar .desktop-edit .btn-select { padding-right: 3rem; margin-right: 0.5rem; border-color: currentcolor; color: rgb(17, 17, 17); background-color: rgb(255, 255, 255); font-size: 0.875rem; font-weight: 400; background-image: url("/frontend/static/media/selectArrowDown.efb1c4b8.svg"); background-repeat: no-repeat; background-position: 95% 50%; background-size: 0.7rem; } @media (max-width: 767px) { .mailIcon svg { width: 1.75em; height: 1.75em; margin-left: 2px; } } .container--alert { margin-bottom: 0px !important; } .container--alert .alert { margin-bottom: 0px; } .alert { font-family: "Gotham Book"; border-radius: 5px; } .alert-warning { background-color: rgb(224, 204, 95); border-color: rgb(224, 204, 95); color: rgb(68, 55, 123); } .alert-danger { border: none; color: rgb(255, 255, 255); background-color: rgb(255, 24, 0); } .navbar-header .header-command-pallette > li > a { padding-bottom: 0.3rem; } .header-command-pallette .caret { display: none; } .header-command-pallette li a { text-decoration: none; flex-direction: column; display: flex; align-items: center; color: rgb(255, 255, 255); } .header-command-pallette li a:hover { color: rgba(255, 255, 255, 0.6); } .header-command-pallette li a .rounder-content { position: relative; flex-basis: auto; margin-bottom: 0.4rem; color: rgb(68, 55, 123); } .header-command-pallette li a .rounder-content em { line-height: 3rem; } .header-command-pallette li a > span { font-family: "Gotham Book"; font-size: 0.875rem; color: rgb(72, 183, 213); } .header-command-pallette .dropdown { text-align: center; } .header-command-pallette .dropdown.open .rounder-content { background-color: rgb(72, 183, 213); color: rgb(255, 255, 255); } .header-command-pallette .dropdown li a > span { font-family: sans-serif; color: rgb(72, 72, 72); } .header-command-pallette .rounder-content:hover { background-color: rgb(72, 183, 213); color: rgb(255, 255, 255); } .header-command-pallette > .dropdown-header.open > a, .header-command-pallette > .dropdown-header.open > a:focus, .header-command-pallette > .dropdown-header.open > a:hover { background-color: transparent; } .header-command-pallette .dropdown-menu { box-shadow: none; border: 2px solid rgb(204, 207, 227); border-radius: 5px; z-index: 1; position: absolute; } .header-command-pallette .dropdown-menu a { display: inline-block; } .rounder-content { height: 3rem; width: 3rem; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); display: flex; justify-content: center; align-items: center; } .rounder-content .svg-wrapper { padding: 0.5rem; } .dropdown-inHeader .dropdown-menu { width: 320px; top: 5.5rem; right: 1rem; border-radius: 0px !important; } .dropdown-inHeader .dropdown-menu .svg-wrapper { width: 1.6rem; } .dropdown-inHeader:not(.dropdown-inHeader-list) .dropdown-menu { padding: 1rem; } .badge { border-radius: 50%; z-index: 2; height: 1.5rem; width: 1.5rem; right: -0.75rem; padding: 0px; background-color: rgb(0, 102, 179); } .badge, .badge span { position: absolute; top: 0px; } .badge span { font-size: 0.6rem; line-height: 1.5rem; color: rgb(255, 255, 255); left: 0px; text-align: center; width: 100%; } .toolbar-btn .badge { position: absolute; top: 0.25rem; } .toolbar-btn .badge span { position: static; } .dropdown-inHeader-list .dropdown-menu { padding: 0px 0.5rem; } .dropdown-inHeader-list .menu-list-item { margin: 0.5rem 0px; } .dropdown-inHeader-list .menu-list-item a { position: relative; align-items: inherit; flex-direction: column; justify-content: center; width: 100%; min-height: 3rem; padding-right: 1rem; padding-left: 2em; border-radius: 5px; color: rgb(72, 183, 213); font-size: 1.5rem; text-align: left; } .dropdown-inHeader-list .menu-list-item a:hover { color: rgb(255, 255, 255); background-color: rgb(72, 183, 213); } .dropdown-inHeader-list .menu-list-item a.is-selected, .dropdown-inHeader-list .menu-list-item a:focus { color: rgb(255, 255, 255); background-color: rgb(68, 55, 123); } .dropdown-inHeader-list .menu-list-item a span { font-family: "Gotham Book"; font-size: 1rem; color: inherit !important; } .dropdown-inHeader-list .menu-list-item a .svg-wrapper { position: absolute; left: 0.75rem; width: 1.2em; margin-right: 0.5em; } .navigational-list-title { margin-top: 0px; color: rgb(8, 82, 141); } .navigational-list-item { list-style: none; border-bottom: 1px solid rgb(238, 238, 238); } .navigational-list-item .btn + .btn { margin-top: 0px; } .navigational-list { padding-left: 0px; margin-bottom: 0px; list-style: none; } .navigational-list .navigational-list-item { font-size: 1rem; border-bottom: none rgb(238, 238, 238); border-top-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); list-style: none; } .modal-dialog .navigational-list .navigational-list-item .navigational-list-item > button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 2rem 1rem 0px; border: none; color: rgb(0, 102, 179); font-family: sans-serif; font-size: 1em; text-align: left; background-color: transparent; } .modal-dialog .navigational-list .navigational-list-item .navigational-list-item > button:hover { color: rgb(0, 73, 128); } .modal-dialog .navigational-list .navigational-list-item .navigational-list-item > button .close { position: absolute; top: 0.125rem; right: 0px; z-index: 1; padding: 0.5rem; margin-top: 0px; border: none; color: transparent; text-shadow: none; opacity: 1; background-color: transparent; background-image: url("/frontend/static/media/styledmenu-close.6f780f4d.svg"); background-repeat: no-repeat; background-position: 50% center; background-size: 1rem; } .navigational-list .navigational-list-item a { text-decoration: none; } .navigational-list .navigational-list-item .navigational-list-item-container { padding: 0px; } .navigational-list .navigational-list-item .navigational-list-item-container > span { width: 60%; } .navigational-list .navigational-list-item .navigational-list-item-container, .navigational-list .navigational-list-item > a { display: flex; justify-content: space-between; align-items: center; padding: 0px; width: 100%; } .navigational-list .navigational-list-item .navigational-list-item-container .svg-wrapper, .navigational-list .navigational-list-item .navigational-list-item-container svg, .navigational-list .navigational-list-item > a .svg-wrapper, .navigational-list .navigational-list-item > a svg { width: 0.75rem; min-width: 0.75rem; height: 0.75rem; } .navigational-list .navigational-list-item .navigational-list-item-container svg path, .navigational-list .navigational-list-item > a svg path { stroke-width: 3px; } .navigational-list .c-control + span { flex-grow: 1; padding-left: 0.5rem; padding-right: 0.5rem; text-align: left; } .navigational-list .c-control-label .c-control-icons .c-control-mark .svg-wrapper, .navigational-list .c-control-label .c-control-icons .c-control-mark path, .navigational-list .c-control-label .c-control-icons .c-control-mark svg { width: 0.75rem; min-width: 0.75rem; height: 0.75rem; stroke-width: 4px; } .navigational-list .c-control-label .c-control-icons .c-control-mark .svg-wrapper { flex-grow: 0; width: auto; color: rgb(255, 24, 0); margin-right: 0.5rem; } .navigational-list .c-control-label .c-control-icons .c-control-mark .c-control-mark .svg-wrapper { transform: none; } .navigational-list .collapse-open { color: rgb(68, 55, 123); } .navigational-list-item.update-products span { font-size: 0.8rem; color: rgb(183, 183, 183); } .navigational-list-item.update-products a span { font-size: 0.8rem; color: inherit; } .section-content-heading > .container, .section-content-heading > .container-fluid { padding-bottom: 2rem; } .section-content-heading > .container-fluid > .row, .section-content-heading > .container > .row { align-items: center; } @media (min-width: 768px) { .section-content-heading > .container-fluid > .row, .section-content-heading > .container > .row { margin: 0px -2rem; } } .theme-product-detail .section-content-heading > .container, .theme-product-detail .section-content-heading > .container-fluid { padding-bottom: 0px; } .content-heading { overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; } .content-image-wrapper { width: 5rem; height: 5rem; min-width: 5rem; } .content-image-wrapper .rounder-content .svg-wrapper { padding: 0px; } @media (max-width: 767px) { .content-image, .content-image .rounder-content { width: 100%; height: 100%; } } .avatar-text { font-size: 1.25em; position: absolute; color: rgb(255, 255, 255); font-family: "Gotham Book"; font-weight: 500; } .content-image { position: relative; overflow: hidden; display: inline-flex; width: 100%; height: 100%; margin: auto; border-radius: 50%; background-color: rgb(0, 102, 179); } .content-image .avatar-gravatar { position: absolute; width: 100%; height: 100%; } .content-image figure, .content-image img { border-radius: 50%; } .content-image figure { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; border: none; color: rgb(68, 55, 123); } .content-image figure .svg-wrapper { width: auto; } .content-image figure img { width: 100%; height: 100%; } .content-data-strong, .content-data-strong.data-amount { display: block; font-size: 1.25rem; font-family: sans-serif; } .content-data-small { font-size: 0.75rem; } .content-data-wrapper { font-size: 0.875rem; } .content-data-wrapper .data-desc { display: block; } .content-data-wrapper .data-wrapper-inline { margin: 0px; } @media (max-width: 767px) { .section-content-heading > .container > .row { display: block; } .section-content-heading.container--layout { margin-bottom: 0px; } .content-heading { flex-direction: column; text-align: center; } .content-image-wrapper { margin: auto; } } .section-content-heading > .container, .section-content-heading > .container-fluid { border-bottom: 1px solid rgb(221, 221, 221); max-width: none; } @media (min-width: 768px) { .section-content-heading > .container, .section-content-heading > .container-fluid { padding: 0px 0px 2rem; margin: 0px 1rem; } } @media (max-width: 767px) { .theme-product-detail .section-content-heading { padding-bottom: 1rem; } .theme-product-detail .section-content-heading > .container, .theme-product-detail .section-content-heading > .container-fluid { border-bottom: none; } .theme-product-detail .section-content-heading .progress { margin-bottom: 0px; } .theme-product-detail .section-content-heading .btn-primary { margin-top: 0.5rem; } .section-content-heading > .container > .row > .col { margin: auto; } } .content-data-row { align-items: center; } .section-content-heading .data-wrapper .data-desc { display: initial; } .section-content-heading .data-wrapper div.data-label, .section-content-heading .data-wrapper div.data-label-bottom-sheet { display: block; } .section-content-heading .data-wrapper span.data-label, .section-content-heading .data-wrapper span.data-label-bottom-sheet { display: inline; } .align-product-head { position: relative; font-size: 1rem; } .align-product-head::after { position: absolute; display: block; width: 100%; content: ""; } .align-product-head .text-lead { margin-left: 1rem; background-color: rgb(255, 255, 255); } .align-product-head .collapse { border-bottom: 1px solid rgb(221, 221, 221); } .dropdown.open .dropdown-menu, .menu-list { font-size: 1rem; } .menu-list { margin: 0px; flex-direction: column; width: 100%; } @media (min-width: 576px) { .menu-list { max-width: 100%; margin: auto; } } @media (min-width: 768px) { .menu-list { margin-top: 0px; } } .menu-list > .menu-list-item { font-size: 1em; } .menu-list > .menu-list-item > a { font-family: "Gotham Book"; font-size: 1.125em; } .menu-list .svg-wrapper { width: 1.25em; margin-right: 0.5em; position: absolute; left: 1.5rem; } .menu-list .svg-wrapper svg { width: 1.25em; height: 1.25em; } .menu-list .menu-list-item > a { display: flex; justify-content: space-between; align-items: center; padding-left: 2.5em; color: rgb(119, 119, 119); } .menu-list .menu-list-item > a .caret { position: absolute; right: 1.25rem; background: url("/frontend/static/media/styledmenu-arrow-down.9c86441c.svg") 50% center no-repeat; width: 0.75rem; height: 0.75rem; border: none; } .menu-list .menu-list-item > a.is-active { color: red; } .menu-list .dropdown.open .caret { background: url("/frontend/static/media/styledmenu-arrow-up.693d408b.svg") 50% center no-repeat; } .menu-list .dropdown.open .dropdown-menu { float: none; position: relative; border: none; background-color: transparent; box-shadow: none; } .menu-list .dropdown.open .dropdown-menu li { font-size: 1em; } .menu-list .dropdown.open .dropdown-menu li a { color: rgb(119, 119, 119); border-radius: 0px; padding: 0.75em 0.625em; white-space: normal; } .menu-list .dropdown.open .dropdown-menu li:last-child a { border: none; } .view-header .navbar .container-fluid { padding: 0px; } @media (max-width: 767px) { .view-header .navbar-collapse { margin: 1rem 0px 0px; } .view-header .container-fluid > .navbar-collapse, .view-header .container-fluid > .navbar-header, .view-header .container > .navbar-collapse, .view-header .container > .navbar-header { margin: 0px; } .view-header .navbar-header::after, .view-header .navbar-header::before { content: none; } .view-header .navbar-toggle { right: 0px; position: absolute; border: none; margin-right: 0.5rem; } .view-header .navbar-toggle .icon-bar { background-color: rgb(72, 183, 213); } .view-header .navbar-toggle:focus, .view-header .navbar-toggle:hover { background-color: transparent; } .view-header .navbar-toggle:focus .icon-bar, .view-header .navbar-toggle:hover .icon-bar { background-color: rgb(44, 159, 190); } } .product-item { align-items: center; flex-direction: column; display: flex !important; } .product-item span { display: inline; text-align: center; } .product-item .data-desc, .product-item .data-label, .product-item .data-label-bottom-sheet { font-size: 1rem; } .product-item .data-name { color: rgb(68, 55, 123); font-size: 1.25rem; font-weight: 700; } .product-item .data-amount { font-size: 2rem; text-align: right; } .product-list { display: flex; flex-wrap: wrap; } @media (max-width: 767px) { .view-title + .product-item { margin-top: 0.5rem; } } .table-body > a { text-decoration: none; margin-bottom: 1rem; } @media (max-width: 767px) { .table-body > a { display: flex; } } .product { display: flex; align-items: center; flex-direction: column; flex-grow: 1; justify-content: center; height: 100%; padding: 1rem 2rem; margin: 0.5rem 0px; border-radius: 0.2rem; color: rgb(72, 72, 72); text-align: center; text-decoration: none; background-color: rgb(239, 237, 247); } .product.is-expired { color: rgb(255, 24, 0); background-color: rgb(255, 163, 153); } .product.is-expired .product-name { background-color: rgb(255, 24, 0); } .product.is-expired .data-name { color: rgb(255, 24, 0); } .product .data-amount { font-size: 2.25rem; } .product .data-wrapper { align-items: center; width: 100%; margin: 0px; } .product .product-title { overflow: hidden; text-overflow: ellipsis; margin: 0px; } @media (max-width: 767px) { .toolbar .product-name { margin-bottom: 0px; } } .table-row.is-expired .product-name span { padding: 0.125rem; border-radius: 0.125rem; } .table-row .product-name { padding: 0px; } .product-name { display: flex; align-items: stretch; flex-flow: wrap; justify-content: center; padding: 0.25rem; margin: 0.25rem 0px; border-radius: 5px; color: rgb(255, 255, 255); font-size: 1.25rem; text-transform: none; white-space: nowrap; background-color: rgb(73, 204, 189); overflow: hidden !important; } @media (min-width: 768px) { .product-name { margin: 0px; } } .product .product-name { margin: 1.333rem 0px; } @media (max-width: 767px) { .product-name { margin: 0.5rem auto; } } .product-name > span { padding: 0px 0.25em; color: inherit; } .product-name > span:last-child { font-weight: 700; } .product-name .svg-wrapper { position: relative; display: inline-flex; width: 2.25em; padding: 0px 0.375em; } .product-name .svg-wrapper > div { margin: 0px -0.25rem; border-radius: 0.25rem; } .product-name .svg-wrapper .svg-logo { width: 1.75em; height: 0.75em; } .product-name .mastercard-typo, .product-name .visa-color { fill: rgb(255, 255, 255); } .product-name .mastercard-color0, .product-name .mastercard-color1, .product-name .mastercard-color2 { fill: rgb(255, 255, 255); stroke: rgb(73, 204, 189); stroke-width: 6px; } @media (max-width: 767px) { .toolbar-product-name .product-name, .toolbar-product-name .product-name > span { background-color: rgb(124, 115, 162); } .toolbar-product-name .mastercard-color0, .toolbar-product-name .mastercard-color1, .toolbar-product-name .mastercard-color2 { stroke: rgb(124, 115, 162); } .toolbar-product-name .product-name .svg-wrapper, .toolbar-product-name .product-name .svg-wrapper > div { background-color: rgb(124, 115, 162); } } @media (min-width: 768px) { .product-item, .product-item .data-amount, .product-item span { align-items: normal; text-align: initial; } } @media (max-width: 767px) { .product-list .col:not(:last-child) { margin-bottom: 1rem; } } .product-label { display: flex; align-items: center; font-size: 1rem; } .product-label-info { font-size: 0.875rem; } .product-label-icon { display: flex; margin-right: 0.5rem; } .c-control-product { font-family: sans-serif; } .c-control-product .product-name { font-size: 1rem; } .c-control-product .product-help { font-size: 0.75rem; } .cc-summary { position: relative; } .cc-summary .title { position: absolute; background-color: rgb(0, 102, 179); border-radius: 0.5rem; width: 60%; top: -20px; } .cc-summary .title h1 { color: rgb(238, 238, 238); padding: 0.5rem 0px 0.5rem 1rem; } .cc-summary .body { background-color: silver; padding-left: 1rem; width: 82%; margin-left: 1rem; margin-bottom: 1rem; } .cc-summary .body div.padding-top-3rem { padding-top: 3rem; } .cc-summary .body div.padding-bottom-3rem { padding-bottom: 3rem; } .cc-summary .cardImage { position: absolute; border-radius: 1.2rem; right: 2rem; top: 2.5rem; width: 25%; height: 25%; } .theme--auth .theme-product-detail .section-content-heading { margin-bottom: 0px; } @media (min-width: 768px) { .theme--auth .theme-product-detail { margin-bottom: 1rem; } } @media (max-width: 767px) { .theme--auth .theme-product-detail.view-header .navbar { color: rgb(255, 255, 255); background-color: rgb(248, 248, 248); } .theme--auth .theme-product-detail .page-title, .theme--auth .theme-product-detail .text-lead, .theme--auth .theme-product-detail .view-title, .theme--auth .theme-product-detail h1, .theme--auth .theme-product-detail h2, .theme--auth .theme-product-detail h3, .theme--auth .theme-product-detail h4 { color: rgb(255, 255, 255); } .theme--auth .theme-product-detail.view-morphing { color: rgb(255, 255, 255); background-color: rgb(68, 55, 123); border: none; } .theme--auth .theme-product-detail .toolbar-item.toolbar-item--fixed { color: rgb(255, 255, 255); } .theme--auth .theme-product-detail .section-content-heading { border-color: rgb(68, 55, 123); margin-bottom: 0px; } .theme--auth .theme-product-detail .slick-dots li.slick-active button::before { color: rgb(144, 131, 200); } } @media (max-width: 767px) { .theme-product-detail .slick-dots li button::before { color: rgb(72, 183, 213); opacity: 1; } } .theme-product-detail.view-header { z-index: 0; } .theme-product-detail.view-header > .container--layout { margin-top: 0px; margin-bottom: 1rem; } .theme-product-detail.view-header > .container--layout .btn-quiet { margin: 0px; background-color: rgb(255, 255, 255); padding-right: 0.5rem !important; padding-left: 0.5rem !important; } @media (min-width: 768px) { .theme-auth .view-header .navbar { color: rgb(13, 94, 161) !important; padding: 0px !important; } .theme-auth .view-header .navbar .text-lead, .theme-auth .view-header .navbar .view-title { color: rgb(13, 94, 161) !important; } .theme-auth .view-header .navbar .btn.btn-only-icon { color: rgb(0, 102, 179); } } .logo { width: 70%; } .login-splash { opacity: 0; animation: 0.75s ease 0.25s 1 normal forwards running appearOpacity; overflow: hidden; position: relative; transform: translateZ(0px); } .login-splash .flex-grow { opacity: 0; animation: 3s ease 0.75s 1 normal forwards running appearOpacity; } .login-splash .container--layout:nth-child(2)::before { width: 100%; height: 30vh; position: absolute; bottom: 0px; content: ""; background: linear-gradient(transparent, rgb(0, 0, 0)); z-index: 0; transform: translateY(4rem); opacity: 0; animation: 2s ease 2.25s 1 normal forwards running appearSections; } .login-splash .container--layout:nth-child(2) .col:first-child button:first-child { transform: translateY(4rem); opacity: 0; animation: 0.5s ease 2.5s 1 normal forwards running appearSections; } .login-splash .container--layout:nth-child(2) .col:first-child button:nth-child(2) { transform: translateY(4rem); opacity: 0; animation: 0.5s ease 2.625s 1 normal forwards running appearSections; } .login-splash .container--layout:nth-child(2) .col:first-child button:nth-child(3) { transform: translateY(4rem); opacity: 0; animation: 0.5s ease 2.75s 1 normal forwards running appearSections; } .login-splash .container--layout:nth-child(2) .col:nth-child(2) p { opacity: 0; animation: 0.5s ease 3s 1 normal forwards running appearOpacity; } .login-splash .container--bottom { opacity: 0; animation: 0.5s ease 1.75s 1 normal forwards running appearOpacity; } .login-splash .container--bottom > .container { opacity: 0; transform: translateY(4rem); animation: 0.5s ease 2s 1 normal forwards running appearSections; } .login-background { background: 0% 0% / cover rgb(8, 82, 141); opacity: 0; animation: 0.75s ease 0.5s 1 normal forwards running appearOpacity; min-height: 100%; } .login-desktop-wrapper .text-lead.text-left { margin-bottom: 3.7rem; font-size: 1.5rem; } .login-desktop-wrapper .image { margin-bottom: 1rem; } .login-background-wrapper, .login-background-wrapper > div { width: 100% !important; height: 100% !important; } #root > div:first-child, .transition-left, .transition-wrapper { height: 100%; } #root > div:first-child.backoffice-layout { height: auto; } .login-background { height: 100%; } .app > section:nth-child(2) { margin-bottom: 3.5rem !important; } .app .app-footer { margin-bottom: 0px !important; } .dayClear .logo, .nightClear .logo, .nightCloudy .logo, .nightRainy .logo, .nightSnowy .logo { color: rgb(255, 255, 255); } .dayRainy.login-background-wrapper::after, .nightRainy.login-background-wrapper::after { content: ""; position: fixed; inset: 0px; background-image: url("/frontend/static/media/rain.980290b7.png"); background-repeat: repeat; background-position: 0px 0px; } .widget-preloader.weather-animation-loader { position: fixed; top: 10px; left: 10px; width: auto; min-height: 20px; background: none; height: auto !important; } .widget-preloader.weather-animation-loader span:first-child, .widget-preloader.weather-animation-loader span:nth-child(2), .widget-preloader.weather-animation-loader span:nth-child(3) { width: 10px; height: 10px; margin: 0px 1px; } .widget-preloader.weather-animation-loader.hide { display: none; } @media (min-width: 768px) { .view-header, .view-header .navbar { background: none; } .footer { position: fixed; bottom: 0px; left: 0px; width: 100%; } .login-desktop-cols { margin: -0.5rem; } .login-desktop-wrapper { padding: 1.25rem; } .login-desktop-cols > .col .col { flex: 0 0 100%; max-width: 100%; padding-right: 0px; padding-left: 0px; } video { transform: translateZ(0px); } .login-desktop-wrapper { position: relative; border-radius: 10px; color: rgb(17, 17, 17); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 50px 1px; } .login-desktop-wrapper .login-desktop-wrapper { padding: 0px; color: inherit; background-color: transparent; } .login-desktop-wrapper .selection-list { border-top: 1px solid rgba(255, 255, 255, 0.25); } .login-desktop-wrapper .selection-list .c-control--radio { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .login-desktop-wrapper .selection-list .c-control--radio .svg-icon { color: rgb(0, 102, 179); } .login-desktop-wrapper .c-control-input:checked ~ .c-control-label { color: rgb(17, 17, 17) !important; } } .login-desktop-wrapper .toolbar-btn { color: rgb(255, 255, 255); } .captcha { width: 310px; margin: auto; } .app-footer { position: relative; bottom: 0px; left: 0px; right: 0px; background-color: rgb(255, 255, 255); } .app-footer .legal-nav li a { line-height: 2.5rem; } @media (min-width: 768px) { .login-background .svg-image.logo { padding-top: 1rem; } .login-background .app > .container--layout { margin-top: 1rem; margin-bottom: 1rem; } .login-background .app > .container--layout.app-footer { margin-bottom: 0px; height: 2.5rem; } .login-background .view-header .navbar .navbar-header { padding: 0px; margin: 0px; } .login-background .toolbar-item--fixed .toolbar-btn { margin: 0px; } .login-background .container--layout .container--layout:first-child { margin-top: 0px; } .login-background .container--layout .container--layout:last-child { margin-bottom: 0px; } .login-background .app-footer { padding-bottom: 1rem; } } @media (max-width: 767px) { .login-background .view-header .navbar { background-color: transparent; } } .enrollment-layout .view-title { text-align: center; } .enrollment-layout .app-page .justify-content-center { justify-content: center; } .enrollment-layout .theme-auth .form-group--composite .input-group .Select { min-width: 200px; z-index: 1000; border-right: none; } .enrollment-layout .btn.btn-block { width: 100%; } .enrollment-layout .form-content button.btn-outline { margin: 1rem 0px; } .enrollment-layout .form-content button.btn-outline .svg-wrapper { margin-right: 0.5em; } .enrollment-layout .form-content .steps-path { display: flex; margin: 0px 0px 2em; padding: 0px; list-style: none; } .enrollment-layout .form-content .steps-path li { height: 10px; background-color: rgb(204, 207, 227); flex-grow: 1; margin-right: 0.5em; border-radius: 3px; } .enrollment-layout .form-content .steps-path li:last-child { margin-right: 0px; } .enrollment-layout .form-content .steps-path li.active { background-color: rgb(68, 55, 123); } .enrollment-layout .container-fluid .navbar-header .btn-outline { width: 15%; float: right; margin: 1.25rem 0px; } .enrollment-layout .form-content h1 { color: rgb(68, 55, 123); padding: 0.5em 0px; } .enrollment-layout .form-content .text-lead { text-align: center; color: rgb(72, 72, 72); } .enrollment-layout .first-step .form-group { padding-top: 1em; } .enrollment-layout .second-step button.btn.btn-primary { margin-top: 1.5em; } .enrollment-layout .form-content .progress-wrapper { margin-bottom: 1em; } .enrollment-layout .form-content .progress { height: 10px; margin-bottom: 0px; } .enrollment-layout .form-content .progress-label { margin: 0px; position: inherit; color: rgb(81, 145, 26); } .enrollment-layout .form-content .successAlert .alert-success { height: 5px; background-color: rgb(204, 207, 227); margin-bottom: 2em; padding: 0px; } .enrollment-layout .form-group--image-selector .container-image { display: flex; align-items: center; } .enrollment-layout .form-group--image-selector .btn-outline { width: auto; } .enrollment-layout .form-group--image-selector .image { flex-basis: 5rem; min-width: auto; margin: 0px; position: static; align-items: center; } @media (max-width: 767px) { .enrollment-layout .form-group--image-selector .image { margin-right: 1rem; margin-bottom: 1rem; } } .enrollment-layout .form-group--image-selector .image figure { width: 5rem; height: 5rem; margin: auto; } .enrollment-layout .form-group--image-selector .image figure img { background-color: transparent; } .enrollment-layout .image-grid .image-grid-item { padding-left: 0.5rem; padding-right: 0.5rem; } .enrollment-layout .error-page h2 { color: red; } .enrollment-layout .error-page .list-icon-container .list-item--has-icon .bullet-icon .svg-wrapper svg { color: red; border: 3px solid; } .enrollment-layout .success-page h2 { color: rgb(81, 145, 26); } @media (max-width: 767px) { .enrollment-layout .list-icon-container { padding: 0px; } } .enrollment-layout .list-icon-container .list-item--has-icon { margin: auto auto 1em; text-align: center; } .enrollment-layout .list-icon-container .list-item--has-icon .bullet-icon { position: unset; margin-right: 0.5rem; font-size: 0.875em; line-height: 1.5; } .enrollment-layout .list-icon-container .list-item--has-icon .bullet-icon .svg-wrapper { height: 1.5rem; width: 1.5rem; margin-top: 0.5rem; border: 2px solid; border-radius: 50%; color: rgb(81, 145, 26); align-items: unset; } .enrollment-layout .list-icon-container .list-item--has-icon .bullet-icon .svg-wrapper svg { padding: 0.1em; } .enrollment-layout .list-text { margin-left: 1em; } .enrollment-layout .container-fluid .btn.btn-outline { align-self: flex-end; width: auto; margin: 1.25rem 0px; } .enrollment-layout .security-image-enrollment .image { min-width: 0px; flex-basis: auto; flex-grow: 0; } .enrollment-layout .security-image-enrollment .image figure { width: 8rem; height: 8rem; } .enrollment-layout .security-image-enrollment .security-image > div + div { margin-left: 2rem; } .enrollment-layout .onboarding-loading h2 { text-align: center; color: rgb(68, 55, 123); margin-top: 60px; } .camera-layout .overlay { position: fixed; background-color: rgba(0, 0, 0, 0.7); height: 100%; top: 0px; left: 0px; width: 100%; z-index: -1; } .camera-layout .view-header, .camera-layout .view-header .navbar { background-color: transparent; } .camera-layout h1, .camera-layout h2, .camera-layout p { color: rgb(255, 255, 255); } .camera-layout .form-content .steps-path { display: flex; margin: 0px 0px 2em; padding: 0px; list-style: none; } .camera-layout .form-content .steps-path li { height: 10px; background-color: rgba(255, 255, 255, 0.5); flex-grow: 1; margin-right: 0.5em; border-radius: 3px; } .camera-layout .form-content .steps-path li.active { background-color: rgb(255, 255, 255); } .camera-layout .form-content .steps-path li:last-child { margin-right: 0px; } .camera-layout .btn-picture { background-color: transparent; border: none; display: block; margin: 40px auto auto; } .camera-layout .btn-picture svg { width: 60px; height: 60px; } .camera-layout .phone-icon svg { width: 60%; margin: 20px auto; } .camera-layout .selfie-icon svg { width: 50%; margin: 20px auto; } @media (max-width: 767px) { .enrollment-layout .list-text { width: 100%; margin-left: 0px; text-align: center; } .enrollment-layout .list-text p:first-child { font-weight: 700; } .enrollment-layout .list-icon-container .list-item--has-icon .bullet-icon { float: none; width: 2.5rem; margin: auto; position: static; } .enrollment-layout .list-icon-container .list-item--has-icon .bullet-icon .svg-wrapper { height: 2.5rem; width: 2.5rem; margin: auto; } .enrollment-layout .list-icon-container .list-item--has-icon .bullet-icon .svg-wrapper svg { align-self: center; height: 1.5rem; width: 1.5rem; } .enrollment-layout .message .list-icon-container { display: block; } .enrollment-layout .message h2, .enrollment-layout .message p { text-align: center; } .enrollment-layout .message.error-page h2 { color: red; } .enrollment-layout .message.error-page .bullet-icon .svg-wrapper svg { color: red; border: 3px solid red; } .enrollment-layout .message.success-page h2 { color: rgb(81, 145, 26); } .enrollment-layout .check-list .c-control-label { font-size: 1.25rem; text-align: center; } } .list-item--has-icon { position: relative; display: block; } .list-item--has-icon .bullet-icon { position: absolute; left: -1.5em; font-size: 0.875em; line-height: 1.5; } @media (max-width: 767px) { .backoffice-layout .toolbar-item.view-title { margin: 0px; } } .backoffice-layout .navbar-header { padding: 0px; } .backoffice-layout > .container--layout > .container, .backoffice-layout > .container--layout > .container-fluid { max-width: none; padding: 0px; } .backoffice-layout .text-lead, .backoffice-layout .view-title { text-align: left; } .backoffice-layout .view-page::after, .backoffice-layout .view-page::before { content: none; } .backoffice-layout .toolbar-item--fixed { display: none; } .backoffice-layout .above-the-fold .container--layout > .container, .backoffice-layout .above-the-fold .container--layout > .container-fluid { max-width: none; padding: 0px; } .backoffice-layout .above-the-fold .container--layout > .container-fluid .col, .backoffice-layout .above-the-fold .container--layout > .container .col { flex: 0 0 100%; max-width: 100%; } .backoffice-layout .above-the-fold .container--layout > .container-fluid .container, .backoffice-layout .above-the-fold .container--layout > .container-fluid .container-fluid, .backoffice-layout .above-the-fold .container--layout > .container .container, .backoffice-layout .above-the-fold .container--layout > .container .container-fluid { max-width: none; } .backoffice-layout .above-the-fold .container--layout > .container-fluid .container-fluid .col, .backoffice-layout .above-the-fold .container--layout > .container-fluid .container .col, .backoffice-layout .above-the-fold .container--layout > .container .container-fluid .col, .backoffice-layout .above-the-fold .container--layout > .container .container .col { flex: 0 0 100%; max-width: 100%; } .form-group .btn-only-icon { border: none; padding: 0px; } .form-group .btn-only-icon .svg-wrapper:last-child { margin: 0px 0.8rem; } .form-group .btn-only-icon .svg-wrapper svg { z-index: 1; width: 1.6rem; height: 1.6rem; padding: 0px; } .messages-container { margin-bottom: 1rem; } .messages-container .message-container.information { background: none; box-shadow: none; justify-content: left; padding: 0px 0px 1rem; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(221, 221, 221); } .messages-container .message-container.information .message-icon.information { font-size: 1.5rem; padding: 0px 0.5rem 0px 0px; } .messages-container .message-container.information .message-icon.information .icon { padding: 0px; } .messages-container .compose-row { flex-direction: row; margin-bottom: 0.5rem; } .messages-container .compose-row .compose-row-label { padding-right: 0.5rem; } .messages-container .compose-row .compose-row-data span { font-size: 0.9rem; font-family: "Gotham Medium"; } .messages-container .compose-row.display-flex { display: inline-flex; flex-direction: row; padding-right: 1rem; margin-right: 1rem; width: auto; } .messages-container .compose-row.sep { border-right: 1px solid rgb(221, 221, 221); } .messages-container .form-group { margin: 1rem 0px 0px; } .messages-container .form-group .input-group textarea { height: 100px; } .messages-container.messages-container.new-contact-form { display: block; } .new-contact-form__file-selector-label .form-group .communications-delete-attachment { padding-top: 0px !important; padding-left: 0px !important; } @media (max-width: 767px) { .new-contact-form__file-selector-label .form-group .communications-delete-attachment { padding-top: 0.5rem !important; padding-left: 0px !important; } } .filetag { margin: 0.25rem 0px; } @media (min-width: 768px) { .btn-section { margin-top: 1rem; } } .communications-desktop-cols { height: 100%; } @media (min-width: 768px) { .messages-container .above-the-fold .container--box { background-color: rgb(255, 255, 255); padding: 1rem 0px; } .btn-icon-only { margin: 0px; border: none; padding: 0.5em 0.25em; background-color: transparent; } .btn-icon-only > span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } .open-conversation ul { list-style: none; padding: 0px; } .message-title { margin-bottom: 0.5rem; } .list-content { margin-bottom: 0px; } .list-content > p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px; } @media (min-width: 768px) { .mailing { margin: 0px; flex-grow: 1; } .mailing > .container--layout { margin: 0px; } } @media (max-width: 767px) { .mailing { padding: 1rem 0px; } } .mailing .form-group .btn-only-icon svg { fill: rgb(72, 183, 213); } .mailing .icon { margin: 0px; border: none; padding: 0.5em 0.25em; } .mailing .icon-tags { overflow: hidden; display: flex; width: 100%; margin-bottom: 1em; } .mailing .icon-tags.btn-group .btn + .btn, .mailing .icon-tags.btn-group .btn + .btn-group, .mailing .icon-tags.btn-group .btn-group + .btn, .mailing .icon-tags.btn-group .btn-group + .btn-group { margin: 0px; } .mailing .icon-tags .btn { flex-grow: 1; padding: 0.5rem; } @media (min-width: 768px) { .mailing .icon-tags .btn { flex-direction: column; } } .mailing .icon-tags .btn > span { white-space: nowrap; } .mailing .icon-tags .btn .svg-wrapper, .mailing .icon-tags .btn svg { width: 1.5em; height: 1.5em; } .mailing .icon-tags .btn.btn-block { margin: 0px; } .mailing .icon-tags .btn.btn-block + .btn-block { margin-top: 0px; } @media (max-width: 767px) { .mailing .icon-tags .btn:not(.active) > span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } @media (min-width: 992px) and (max-width: 1199px) { .mailing .icon-tags .btn:not(.active) > span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } @media (min-width: 768px) and (max-width: 991px) { .mailing .icon-tags .btn:not(.active) > span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } } .mailing .icon-tags .active { background-color: rgb(0, 102, 179); color: rgb(255, 255, 255); border: 1px solid transparent; margin: 0px; } .mailing ul { list-style: none; padding: 0px; } .mailing .messages-container { padding: 0px; } .mailing .message-list { margin: 0px; height: 25rem; overflow: auto; } .mailing .message-list li { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(204, 204, 204); padding: 1rem; cursor: pointer; } .mailing .message-list li > div, .mailing .message-list li > div > div { width: 100%; } .mailing .message-list li .data-date { white-space: nowrap; } @media (max-width: 767px) { .mailing .message-list li { padding: 1rem; } } .mailing .message-list li h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mailing .message-list .read-message { color: rgb(150, 150, 150); } .mailing .message-list .read-message p.date { opacity: 0.5; } .mailing .message-list .svg-wrapper { width: auto; } .mailing .message-list li { display: flex; } .mailing .message-list li .mail-image { width: 50px; height: 50px; display: block; margin-right: 1em; border-radius: 10px; } .mailing .message-list li .message-text { margin: 0px 1.5em 0px 0px; padding: 0px; font-size: 0.875rem; } .mailing .message-list li .icons { display: flex; } .mailing .message-list li .icons .btn { margin: 0px; border: none; padding: 0.5em 0.25em; } .mailing .message-list li .icons .btn > span { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .mailing .message-list li .icons svg { width: 1.25rem; height: 1.25rem; display: block; float: left; } .mailing .message-list li .icons svg.attach-image { margin-right: 0.3em; } .mailing .open-conversation ul { margin-bottom: 20px; } .mailing .open-conversation .btn { margin-top: 1rem; } .mailing .response-section { padding: 2em 0px; background-color: rgb(236, 234, 241); width: 100%; z-index: 30; } .title-accounts--subscriptions .results-filter { width: 33vw; display: flex; flex-direction: row; } .title-accounts--subscriptions .results-filter label > span { float: left; } .title-accounts--subscriptions .results-filter label > div { clear: right; } .title-accounts--subscriptions .subscription-list { width: 50vw; margin: 0.5em auto; text-align: left; } .title-accounts--subscriptions .subscription-list dt { float: left; width: 50%; } .title-accounts--subscriptions .subscription-list dd { margin: 0.5em 0px; } .title-accounts--subscriptions .subscription-list dd:last-child { margin: 0px; } .title-accounts--subscriptions .subscription-list:last-child { padding-bottom: 5em; } .title-accounts--subscriptions .subscription-list .slick-dots li { margin: 0px 1ex; } .title-accounts--subscriptions .subscription-list .slick-dots li button { border: 1px solid rgb(221, 221, 221); } .title-accounts--subscriptions .aditional-header-elements { flex-direction: column; } .title-accounts--subscriptions .aditional-header-elements > button { width: 10vw; } .title-accounts--subscriptions .slide-wrapper { display: inline-flex; } .aditional-header-elements .errors .error { color: red; font-weight: bolder; } .title-account-details-header { margin: 0px; } .title-account-number p { font-size: 125%; } .title-accounts--subscriptions .navbar { padding-bottom: 0px !important; } .title-account-slider .slick-slider { margin-bottom: 0px; padding-bottom: 0px; } .title-account-slider .slick-list { padding-bottom: 0.5rem; } .title-account-slider .slick-dots { background-color: rgb(248, 248, 248); padding-top: 0.5rem; padding-bottom: 0.5rem; } .title-account-slider .slick-track { top: -15px; } .account-suscriptions-tabs .dropdown .btn { padding: 0.75rem 1rem; } .notifications-wrapper { left: 0px; z-index: 1; display: block; width: 100%; } .notifications-wrapper > div { width: 100%; } .notifications-wrapper .notifications-tc { box-sizing: border-box; top: 0px; bottom: auto; z-index: 9998; height: auto; padding: 0px; font-family: inherit; } .notifications-wrapper .notification { position: relative; top: 0px; display: block; width: 100%; padding: 0px; margin: 0px; font-size: 1rem; opacity: 0; transform: translate3d(0px, -100%, 0px); transition: 0.3s ease-in-out; will-change: transform, opacity; cursor: default; } .notifications-wrapper .notification-visible { opacity: 1; transform: translateZ(0px); height: auto !important; } .notification-wrapper { padding: 1rem; margin-bottom: 1rem; font-size: 0.875rem; text-align: center; background-color: rgb(224, 204, 95); } .notifications-configuration .navigational-list-item button { align-items: baseline; } .notifications-configuration .view-wrapper { background: none !important; } .Select { position: relative; } .Select input::-webkit-contacts-auto-fill-button, .Select input::-webkit-credentials-auto-fill-button { display: none !important; } .Select, .Select div, .Select input, .Select span { box-sizing: border-box; } .Select.is-disabled .Select-arrow-zone { cursor: default; pointer-events: none; } .Select.is-disabled > .Select-control { background-color: rgb(249, 249, 249); } .Select.is-disabled > .Select-control:hover { box-shadow: none; } .Select.is-searchable.is-focused:not(.is-open) > .Select-control, .Select.is-searchable.is-open > .Select-control { cursor: text; } .Select.is-open > .Select-control { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background: rgb(255, 255, 255); border-color: rgb(179, 179, 179) rgb(204, 204, 204) rgb(217, 217, 217); } .Select.is-open > .Select-control .Select-arrow { top: -2px; border-color: transparent transparent rgb(153, 153, 153); border-width: 0px 5px 5px; } .Select.is-focused > .Select-control { background: rgb(255, 255, 255); } .Select.is-focused:not(.is-open) > .Select-control { border-color: rgb(0, 136, 204) rgb(0, 153, 230) rgb(0, 153, 230); } .Select.has-value.is-clearable.Select--single > .Select-control .Select-value { padding-right: 42px; } .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label, .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label { color: rgb(51, 51, 51); } .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label { cursor: pointer; text-decoration: none; } .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus, .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover { color: rgb(0, 136, 204); outline: none; text-decoration: underline; } .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus { background: rgb(255, 255, 255); } .Select.has-value.is-pseudo-focused .Select-input { opacity: 0; } .Select.is-open .Select-arrow, .Select .Select-arrow-zone:hover > .Select-arrow { border-top-color: rgb(102, 102, 102); } .Select.Select--rtl { direction: rtl; text-align: right; } .Select-control { background-color: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); cursor: default; display: table; border-spacing: 0px; border-collapse: initial; height: 36px; outline: none; overflow: hidden; position: relative; width: 100%; } .Select-control:hover { box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 0px; } .Select-control .Select-input:focus { outline: none; background: rgb(255, 255, 255); } .Select--single > .Select-control .Select-value, .Select-placeholder { inset: 0px; color: rgb(170, 170, 170); line-height: 34px; padding-left: 10px; padding-right: 10px; position: absolute; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Select-input { height: 34px; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .Select-input > input { width: 100%; background: none transparent; border: 0px; box-shadow: none; cursor: default; display: inline-block; font-family: inherit; font-size: inherit; margin: 0px; outline: none; line-height: 17px; padding: 8px 0px 12px; appearance: none; } .is-focused .Select-input > input { cursor: text; } .Select-control:not(.is-searchable) > .Select-input { outline: none; } .Select-loading-zone { cursor: pointer; display: table-cell; text-align: center; } .Select-loading, .Select-loading-zone { position: relative; vertical-align: middle; width: 16px; } .Select-loading { animation: 0.4s linear 0s infinite normal none running Select-animation-spin; height: 16px; box-sizing: border-box; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(204, 204, 204) rgb(51, 51, 51) rgb(204, 204, 204) rgb(204, 204, 204); border-image: initial; display: inline-block; } .Select-clear-zone { animation: 0.2s ease 0s 1 normal none running Select-animation-fadeIn; color: rgb(153, 153, 153); cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 17px; } .Select-clear-zone:hover { color: rgb(208, 2, 27); } .Select-clear { display: inline-block; font-size: 18px; line-height: 1; } .Select--multi .Select-clear-zone { width: 17px; } .Select--multi .Select-multi-value-wrapper { display: inline-block; } .Select .Select-aria-only { position: absolute; display: inline-block; height: 1px; width: 1px; margin: -1px; clip: rect(0px, 0px, 0px, 0px); overflow: hidden; float: left; } .Select-arrow-zone { cursor: pointer; display: table-cell; position: relative; text-align: center; vertical-align: middle; width: 25px; padding-right: 5px; } .Select--rtl .Select-arrow-zone { padding-right: 0px; padding-left: 5px; } .Select-arrow { border-color: rgb(153, 153, 153) transparent transparent; border-style: solid; border-width: 5px 5px 2.5px; display: inline-block; height: 0px; width: 0px; position: relative; } @keyframes Select-animation-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .Select-menu-outer { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230) rgb(204, 204, 204) rgb(204, 204, 204); border-image: initial; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 0px; box-sizing: border-box; margin-top: -1px; max-height: 200px; position: absolute; left: 0px; top: 100%; width: 100%; z-index: 1000; } .Select-menu { max-height: 198px; overflow-y: auto; } .Select-option { box-sizing: border-box; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); cursor: pointer; display: block; padding: 8px 10px; } .Select-option:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .Select-option.is-selected { background-color: rgb(245, 250, 255); color: rgb(51, 51, 51); } .Select-option.is-focused { background-color: rgb(242, 249, 252); color: rgb(51, 51, 51); } .Select-option.is-disabled { color: rgb(204, 204, 204); cursor: default; } .Select-noresults { box-sizing: border-box; color: rgb(153, 153, 153); cursor: default; display: block; padding: 8px 10px; } .Select--multi .Select-input { vertical-align: middle; margin-left: 10px; padding: 0px; } .Select--multi.Select--rtl .Select-input { margin-left: 0px; margin-right: 10px; } .Select--multi.has-value .Select-input { margin-left: 5px; } .Select--multi .Select-value { background-color: rgb(242, 249, 252); border-radius: 2px; border: 1px solid rgb(201, 230, 242); color: rgb(0, 136, 204); display: inline-block; font-size: 0.9em; margin-left: 5px; margin-top: 5px; vertical-align: top; } .Select--multi .Select-value-icon, .Select--multi .Select-value-label { display: inline-block; vertical-align: middle; } .Select--multi .Select-value-label { border-bottom-right-radius: 2px; border-top-right-radius: 2px; cursor: default; padding: 2px 5px; } .Select--multi a.Select-value-label { color: rgb(0, 136, 204); cursor: pointer; text-decoration: none; } .Select--multi a.Select-value-label:hover { text-decoration: underline; } .Select--multi .Select-value-icon { cursor: pointer; border-bottom-left-radius: 2px; border-top-left-radius: 2px; border-right: 1px solid rgb(201, 230, 242); padding: 1px 5px 3px; } .Select--multi .Select-value-icon:focus, .Select--multi .Select-value-icon:hover { background-color: rgb(221, 239, 247); color: rgb(0, 119, 179); } .Select--multi .Select-value-icon:active { background-color: rgb(201, 230, 242); } .Select--multi.Select--rtl .Select-value { margin-left: 0px; margin-right: 5px; } .Select--multi.Select--rtl .Select-value-icon { border-right: none; border-left: 1px solid rgb(201, 230, 242); } .Select--multi.is-disabled .Select-value { background-color: rgb(252, 252, 252); border: 1px solid rgb(227, 227, 227); color: rgb(51, 51, 51); } .Select--multi.is-disabled .Select-value-icon { cursor: not-allowed; border-right: 1px solid rgb(227, 227, 227); } .Select--multi.is-disabled .Select-value-icon:active, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:hover { background-color: rgb(252, 252, 252); } @keyframes Select-animation-spin { 100% { transform: rotate(1turn); } } .is-searchable .Select-input { width: 100%; } .is-searchable .Select-input > input { width: 100% !important; } .Select { border-collapse: initial; border: none; font-size: 1rem; width: 100%; } .Select.is-focused .Select-control { background-color: rgb(238, 248, 251); } .Select.is-disabled .Select-arrow-zone { opacity: 0.1; } .Select-clear { color: rgb(0, 102, 179); opacity: 0.75; font-size: 30px; font-weight: 700; padding: 0px 10px; margin: 0px; position: absolute; top: 0px; right: 0px; } .theme-auth .form-group--select .input-group { border: none; } .theme-auth .form-group--select .input-group .Select { border: 1px solid rgb(170, 170, 170); border-radius: 0px; } .theme-auth .form-group--select .input-group .Select .Select-control { border-radius: 0px; } .theme-auth .form-group--select .input-group .Select.is-focused { border-color: rgb(8, 82, 141); } .theme-auth .form-group--select .input-group .Select .Select-input, .theme-auth .form-group--select .input-group .Select .Select-multi-value-wrapper { background-color: transparent; } .theme-auth .form-group--composite .Select:not(:last-child), .theme-auth .form-group--composite input:not(:last-child) { border-right: 1px solid rgb(76, 147, 201); } .theme-auth .form-group--composite .input-group > .is-focused { outline: rgb(0, 57, 99) 1px; } .theme-auth .form-group--composite.has-focus { } .theme-auth .form-group--composite.has-focus .Select { border-right: 1px solid rgb(13, 94, 161); } .theme-auth .form-group--composite.has-focus input { background-color: rgb(255, 255, 255); } .theme-auth .form-group--composite.has-focus input:focus { background-color: transparent; } .theme-auth .form-group--composite .input-group .Select, .theme-auth .form-group--composite .input-group .Select .Select-control { border-top-left-radius: 0.15625rem; border-bottom-left-radius: 0.15625rem; } .theme-auth .form-group--composite .input-group .Select .Select-input, .theme-auth .form-group--composite .input-group .Select .Select-multi-value-wrapper { background-color: transparent; } .theme-auth .form-group--composite.has-error .Select:not(:last-child), .theme-auth .form-group--composite.has-error input:not(:last-child) { border-right: 1px solid rgb(255, 24, 0) !important; } .has-error .Select { border: none !important; } .has-error .Select .Select-control { background-color: rgb(248, 248, 248); color: rgb(255, 24, 0); } .Select-menu-outer { z-index: 10; } .Select-control { height: auto; font-size: 0.9rem; border: none; line-height: 1.4; box-shadow: none; border-radius: 0px; padding: 0.25rem; min-height: 2.25rem; } .Select-placeholder, .Select.has-value.select-placeholder.Select--single > .Select-control .Select-value .Select-value-label { color: rgb(170, 170, 170) !important; -webkit-text-fill-color: rgb(170, 170, 170) !important; } .Select--single > .Select-control .Select-value, .Select-placeholder { padding-right: 2.5rem; } @media (min-width: 768px) { .Select--single > .Select-control .Select-value, .Select-placeholder { line-height: 38px; } } @media (max-width: 991px) { .Select--single > .Select-control .Select-value, .Select-placeholder { line-height: 34px; } } @media (max-width: 767px) { .Select--single > .Select-control .Select-value, .Select-placeholder { line-height: 36px; } } .Select-input { height: 21px; } .Select-control { padding-right: 0.5rem; } .Select-value { display: flex; } .Select-value .Select-value-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .Select-option, .Select-value-label { width: 100%; display: flex; align-items: center; justify-content: space-between; } .Select-arrow-zone { width: 1.1rem; } .Select-arrow { border: none; background-repeat: no-repeat; background-position: 0px 5px; width: 100%; height: 0.75rem; background-image: url("/frontend/static/media/selectArrowDown.efb1c4b8.svg"); } .Select.is-open .Select-arrow { background-image: url("/frontend/static/media/selectArrowUp.ce58d198.svg"); } .has-error .Select .Select-arrow { background-image: url("/frontend/static/media/selectArrowDown-red.81b66696.svg"); } .has-error .Select.is-open .Select-arrow { background-image: url("/frontend/static/media/selectArrowUp-red.5089d7ac.svg"); } .input-group { display: flex; } @media (max-width: 768px) { .input-group .form-control, .input-group .react-tagsinput { position: static; z-index: auto; float: none; } } .Select-control .Select-input:focus { background-color: transparent; } .Select-menu-outer { z-index: 1001; } .Select--multi .Select-value { display: inline-flex; } .is-searchable .Select-control { display: inline-table; } .is-searchable .Select-input, .is-searchable .Select-input input { height: 100%; padding: 0px !important; } .slider-wrapper.reset-padding .slick-slide > div { padding: 0px; } .slider-wrapper.reset-margin .slick-slide > div { margin: 0px; } .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .slick-slider.reset-padding .slick-slide > div { padding: 0px; } .slick-slider.reset-margin .slick-slide > div { margin: 0px; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::after, .slick-track::before { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: inline-block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-next, .slick-prev { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translateY(-50%); z-index: 1; cursor: pointer; border: none; } .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover { color: transparent; outline: none; background: transparent; } .slick-next:focus::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-prev:hover::before { opacity: 1; } .slick-next.slick-disabled::before, .slick-prev.slick-disabled::before { opacity: 0.25; } .slick-next::before, .slick-prev::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; } .slick-prev { left: 0.5rem; } [dir="rtl"] .slick-prev { right: 0.5rem; left: auto; } .slick-prev::before { content: "←"; } [dir="rtl"] .slick-prev::before { content: "→"; } .slick-next { right: 0.5rem; } [dir="rtl"] .slick-next { right: auto; left: 0.5rem; } .slick-next::before { content: "→"; } [dir="rtl"] .slick-next::before { content: "←"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; bottom: 0px; justify-content: center; display: flex !important; } .slick-dots li { position: relative; display: inline-block; padding: 0px; } .slick-dots li, .slick-dots li button { width: 20px; height: 20px; cursor: pointer; } .slick-dots li button { font-size: 0px; line-height: 0; display: block; padding: 5px; color: transparent; border: 0px; outline: none; background: transparent; border-radius: 50%; } .slick-dots li button:focus, .slick-dots li button:hover { outline: none; } .slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 1; } .slick-dots li button::before { font-family: slick; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; color: rgb(72, 72, 72); opacity: 0.5; -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button::before { color: rgb(72, 72, 72); opacity: 1; transform: scale(1.5); } .slick-slide > div { display: flex; padding: 0px 0px 1.5rem; } .slick-slide .data-amount, .slick-slide .data-label, .slick-slide .data-label-bottom-sheet { transition: transform 0.3s; } .slick-dots { transition: opacity 0.3s; } .slick-slide:hover, .slick-slide div[tabindex="-1"] { cursor: pointer; } .slick-slide div[tabindex="-1"]:focus { position: relative; outline: none; } .react-tabs__tab-list { display: flex; padding: 0px; } .react-tabs__tab { font-size: 0.9rem; font-weight: 700; flex-grow: 1; display: flex; align-items: center; justify-content: center; padding: 0.75em; margin: 0px; background-color: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 3px solid rgb(240, 240, 240); color: rgb(102, 102, 102); cursor: pointer; font-family: "Gotham Book"; } .react-tabs__tab:hover { background-color: rgb(240, 240, 240); } @media (max-width: 767px) { .react-tabs__tab { font-size: 0.8rem; } } @media (max-width: 767px) { .react-tabs__tab span { text-align: center; } } @keyframes bg-animate { 0% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(240, 240, 240); } } .react-tabs__tab--selected { background-color: transparent; color: rgb(8, 82, 141); border-color: transparent transparent rgb(0, 102, 179); border-bottom-width: 3px; border-bottom-style: solid; } .tab-head-with-error { color: rgb(255, 24, 0); border-color: rgb(255, 24, 0); } @media (max-width: 767px) { .reset-tabs-padding-mb .react-tabs__tab-panel, .reset-tabs-padding-mb .react-tabs__tab-panel--selected { padding: 0px; } } .tabs-bottom .react-tabs__tab, .tabs-bottom .react-tabs__tab--selected { border-bottom: none; border-top: 1px solid rgb(240, 240, 240); } .full-height-tabs { height: calc(-70px + 100vh); overflow: hidden scroll; } .full-height-tabs .react-tabs__tab-list { margin-bottom: 0px; background-color: rgb(255, 255, 255); padding-bottom: min(env(safe-area-inset-bottom,1rem),1rem); } .full-height-tabs .react-tabs__tab-list .react-tabs__tab { width: 20%; position: relative; } .full-height-tabs .react-tabs__tab-list .react-tabs__tab:hover { background-color: transparent; } .full-height-tabs .react-tabs__tab-list .react-tabs__tab--selected { color: rgb(0, 102, 179); } .tab--selected-gray .react-tabs__tab--selected { background-color: rgb(238, 238, 238) !important; } .svg-icon-tab { width: 1.4rem; height: 1.4rem; min-width: 1.4rem; margin: 0px auto; } .circle-brou { background-color: rgb(0, 102, 179); border-radius: 50%; padding: 10px; border: 6px solid rgb(210, 235, 255); } .circle-tab-button { position: absolute; top: -10px; } .circle-tab-button .svg-icon-tab { width: 4rem; height: auto; } .circle-tab-button.circle-left { top: -5px; right: 0px; } .circle-tab-button.circle-left .button-wrapper { border-radius: 50% 0px 0px 50%; background-color: rgb(210, 235, 255); padding: 0.3rem; } .circle-tab-button.circle-left .circle-brou { border: none; } @media (max-width: 420px) { .circle-tab-button.circle-left .svg-icon-tab { width: 3.7rem; } } @media (max-width: 397px) { .circle-tab-button.circle-left .svg-icon-tab { width: 3.5rem; } } .circle-tab-button.circle-left.single { right: auto; } .circle-tab-button.circle-left.single .button-wrapper { border-radius: 50%; background-color: rgb(210, 235, 255); padding: 0.3rem; } .circle-tab-button.circle-right { top: -5px; left: 0px; } .circle-tab-button.circle-right .button-wrapper { border-radius: 0px 50% 50% 0px; background-color: rgb(210, 235, 255); padding: 0.3rem; } .circle-tab-button.circle-right .circle-brou { border: none; } @media (max-width: 420px) { .circle-tab-button.circle-right .svg-icon-tab { width: 3.7rem; } } @media (max-width: 397px) { .circle-tab-button.circle-right .svg-icon-tab { width: 3.5rem; } } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow { margin-left: -8px; position: absolute; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow::before { box-sizing: initial; position: absolute; border: 8px solid transparent; height: 0px; width: 1px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow::before { content: ""; z-index: -1; border-width: 8px; left: -8px; border-bottom-color: rgb(174, 174, 174); } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { top: 0px; margin-top: -8px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-top: none; border-bottom-color: rgb(240, 240, 240); } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { top: -1px; border-bottom-color: rgb(174, 174, 174); } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow { bottom: 0px; margin-bottom: -8px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow::before { border-bottom: none; border-top-color: rgb(255, 255, 255); } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before, .react-datepicker__year-read-view--down-arrow::before { bottom: -1px; border-top-color: rgb(174, 174, 174); } .react-datepicker, .react-datepicker-wrapper { display: inline-block; } .react-datepicker { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0px; } .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^="bottom"] { margin-top: 10px; } .react-datepicker-popper[data-placement^="top"] { margin-bottom: 10px; } .react-datepicker-popper[data-placement^="right"] { margin-left: 8px; } .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^="left"] { margin-right: 8px; } .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: rgb(240, 240, 240); border-bottom: 1px solid rgb(174, 174, 174); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; padding-top: 8px; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select { display: inline-block; margin: 0px 2px; } .react-datepicker-time__header, .react-datepicker__current-month { margin-top: 0px; color: rgb(0, 0, 0); font-weight: 700; font-size: 0.944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; width: 0px; padding: 0px; border: 0.45rem solid transparent; z-index: 1; } .react-datepicker__navigation--previous { left: 10px; border-right-color: rgb(204, 204, 204); } .react-datepicker__navigation--previous:hover { border-right-color: rgb(179, 179, 179); } .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover { border-right-color: rgb(230, 230, 230); cursor: default; } .react-datepicker__navigation--next { right: 10px; border-left-color: rgb(204, 204, 204); } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 80px; } .react-datepicker__navigation--next:hover { border-left-color: rgb(179, 179, 179); } .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover { border-left-color: rgb(230, 230, 230); cursor: default; } .react-datepicker__navigation--years { position: relative; top: 0px; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; border-top-color: rgb(204, 204, 204); } .react-datepicker__navigation--years-previous:hover { border-top-color: rgb(179, 179, 179); } .react-datepicker__navigation--years-upcoming { top: -4px; border-bottom-color: rgb(204, 204, 204); } .react-datepicker__navigation--years-upcoming:hover { border-bottom-color: rgb(179, 179, 179); } .react-datepicker__month-container { float: left; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__time-container { float: right; border-left: 1px solid rgb(174, 174, 174); width: 70px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid rgb(174, 174, 174); border-radius: 0.3rem; position: absolute; right: -72px; top: 0px; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: rgb(255, 255, 255); } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 70px; overflow-x: hidden; margin: 0px auto; text-align: center; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0px; height: calc(195px + 0.85rem); overflow-y: scroll; padding-right: 30px; width: 100%; box-sizing: initial; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { padding: 5px 10px; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: rgb(240, 240, 240); } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); font-weight: 700; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: rgb(33, 107, 165); } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: rgb(204, 204, 204); } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: rgb(204, 204, 204); display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: rgb(240, 240, 240); } .react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; } .react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name { color: rgb(0, 0, 0); display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__day { cursor: pointer; } .react-datepicker__day:hover { border-radius: 0.3rem; background-color: rgb(240, 240, 240); } .react-datepicker__day--today { font-weight: 700; } .react-datepicker__day--highlighted { border-radius: 0.3rem; background-color: rgb(61, 204, 74); color: rgb(255, 255, 255); } .react-datepicker__day--highlighted:hover { background-color: rgb(50, 190, 63); } .react-datepicker__day--highlighted-custom-1 { color: rgb(255, 0, 255); } .react-datepicker__day--highlighted-custom-2 { color: green; } .react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected { border-radius: 0.3rem; background-color: rgb(33, 107, 165); color: rgb(255, 255, 255); } .react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover { background-color: rgb(29, 93, 144); } .react-datepicker__day--keyboard-selected { border-radius: 0.3rem; background-color: rgb(42, 135, 208); color: rgb(255, 255, 255); } .react-datepicker__day--keyboard-selected:hover { background-color: rgb(29, 93, 144); } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) { background-color: rgb(240, 240, 240); color: rgb(0, 0, 0); } .react-datepicker__day--disabled { cursor: default; color: rgb(204, 204, 204); } .react-datepicker__day--disabled:hover { background-color: transparent; } .react-datepicker__input-container { position: relative; display: inline-block; } .react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view { border: 1px solid transparent; border-radius: 0.3rem; } .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover { cursor: pointer; } .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow { border-top-color: rgb(179, 179, 179); } .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow { border-top-color: rgb(204, 204, 204); float: right; margin-left: 20px; top: 8px; position: relative; border-width: 0.45rem; } .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown { background-color: rgb(240, 240, 240); position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid rgb(174, 174, 174); } .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover { cursor: pointer; } .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type { user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover { background-color: rgb(204, 204, 204); } .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: rgb(179, 179, 179); } .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous { border-top-color: rgb(179, 179, 179); } .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { background-color: transparent; border: 0px; cursor: pointer; display: inline-block; height: 0px; outline: 0px; padding: 0px; vertical-align: middle; } .react-datepicker__close-icon::after { background-color: rgb(33, 107, 165); border-radius: 50%; bottom: 0px; box-sizing: border-box; color: rgb(255, 255, 255); content: "×"; font-size: 12px; height: 16px; width: 16px; line-height: 1; margin: -8px auto 0px; padding: 2px; position: absolute; right: 7px; text-align: center; top: 50%; } .react-datepicker__today-button { background: rgb(240, 240, 240); border-top: 1px solid rgb(174, 174, 174); cursor: pointer; text-align: center; font-weight: 700; padding: 5px 0px; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0px; top: 0px; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-height: 550px), (max-width: 400px) { .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month { font-size: 1.44rem; } .react-datepicker__portal .react-datepicker__navigation { border: 0.81rem solid transparent; } .react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: rgb(204, 204, 204); } .react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color: rgb(179, 179, 179); } .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover { border-right-color: rgb(230, 230, 230); cursor: default; } .react-datepicker__portal .react-datepicker__navigation--next { border-left-color: rgb(204, 204, 204); } .react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color: rgb(179, 179, 179); } .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover { border-left-color: rgb(230, 230, 230); cursor: default; } .input-group-datepicker { width: 10rem !important; } .input-group-datepicker > div { flex-grow: 1; width: 100%; line-height: 2.7; } .input-group-datepicker .react-datepicker-wrapper, .input-group-datepicker .react-datepicker__input-container { display: initial; } .input-group-datepicker .form-control[readonly], .input-group-datepicker [readonly].react-tagsinput { background-color: transparent; } .react-datepicker__input-container { display: flex; align-items: center; justify-content: center; } .react-datepicker__input-container input { z-index: 1; } .react-datepicker__input-container::after { content: ""; background-color: transparent; background-image: url("/frontend/static/media/android-calendar.10b22376.svg"); background-position: 50% center; background-repeat: no-repeat; display: block; min-width: 1.5rem; background-size: 1.25rem; height: 1.7rem; margin: 0.25rem 0.5rem; position: absolute; align-self: start; right: 0px; } .has-error .react-datepicker__input-container::after { background-image: url("/frontend/static/media/android-calendar-red.b2a8c007.svg"); } .react-datepicker-popper { z-index: 10; } .react-datepicker__close-icon::after { content: ""; background-color: transparent; background-image: url("/frontend/static/media/styledClose.0c55da0d.svg"); opacity: 0.75; cursor: pointer; transition: opacity 0.3s; right: 33px !important; top: 18px !important; z-index: 2 !important; } @media (min-width: 1200px) and (max-width: 1399px) { .react-datepicker__close-icon::after { top: 17px !important; } } @media (min-width: 992px) and (max-width: 1199px) { .react-datepicker__close-icon::after { top: 16px !important; } } @media (min-width: 768px) and (max-width: 991px) { .react-datepicker__close-icon::after { top: 16px !important; } } @media (max-width: 767px) { .react-datepicker__close-icon::after { top: 19px !important; right: 36px !important; } } .react-datepicker__close-icon:hover::after { opacity: 1; } @media (max-width: 767px) { .react-datepicker { border-radius: 0px; } .react-datepicker__triangle { display: none; } } .react-datepicker__current-month { color: rgb(0, 102, 179); opacity: 0.7; font-size: 1.125rem; } .react-datepicker__header { border-bottom: none; background-color: rgb(255, 255, 255); } .react-datepicker__day { font-size: 1rem; color: rgb(0, 102, 179); } .react-datepicker__day:hover { border-radius: 0px; } .react-datepicker__current-month { line-height: 1.75em; } .react-datepicker__day--disabled { color: rgb(205, 205, 205); } .react-datepicker__day-name { font-size: 1rem; font-weight: 700; color: rgb(102, 102, 102); } .react-datepicker__day--today { color: rgb(8, 82, 141); } .react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--keyboard-selected, .react-datepicker__day--selected { color: rgb(255, 255, 255); font-weight: 700; background-color: rgb(0, 102, 179); border-radius: 0px; } .react-datepicker__navigation { background-color: transparent; width: 1.75rem; height: 1.75rem; border: none; background-size: 0.5rem; background-position: 50% center; background-repeat: no-repeat; } .react-datepicker__navigation--previous { background-image: url("/frontend/static/media/styledDatepicker-Chevrom-Left.b54c7628.svg"); } .react-datepicker__navigation--next { background-image: url("/frontend/static/media/styledDatepicker-Chevrom-Right.33ed9ee6.svg"); } .react-datepicker__portal .react-datepicker__navigation { background-color: transparent; border: none; } .react-datepicker__portal .react-datepicker__navigation--previous { background-image: url("/frontend/static/media/styledDatepicker-Chevrom-Left.b54c7628.svg"); } .react-datepicker__portal .react-datepicker__navigation--next { background-image: url("/frontend/static/media/styledDatepicker-Chevrom-Right.33ed9ee6.svg"); } .react-datepicker__day--selected:hover { background-color: rgb(247, 198, 0); border-radius: 0px; } .react-datepicker__month-select, .react-datepicker__year-select { border: none; background-color: transparent; } .react-tagsinput { position: static; } .react-tagsinput > span { display: flex; flex-flow: wrap; } .react-tagsinput-tag { background-color: rgb(205, 230, 156); border-radius: 2px; border: 1px solid rgb(165, 210, 74); color: rgb(99, 132, 33); display: inline-block; margin-right: 5px; box-sizing: border-box; white-space: nowrap; margin-bottom: 0.25em; } .react-tagsinput-tag button::before { content: " x"; } .react-tagsinput-input { background: transparent; border: 0px; font-weight: 400; outline: none; width: 100%; } .react-tagsinput-input::-webkit-input-placeholder { color: rgb(153, 153, 153); } .react-tagsinput-remove { cursor: pointer; font-weight: 700; } .react-autosuggest__container { display: inline-block; width: 100%; min-width: 30%; } .react-autosuggest__input { width: 240px; height: 30px; padding: 10px 20px; font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 16px; border: 1px solid rgb(170, 170, 170); border-radius: 4px; appearance: none; } .react-autosuggest__input--focused { outline: none; } .react-autosuggest__input--open { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .react-autosuggest__suggestions-container { display: none; } @media (max-width: 767px) { .react-autosuggest__suggestions-container { width: 100%; word-break: break-all; white-space: normal; } } .react-autosuggest__suggestions-container--open { display: block; position: absolute; border: 1px solid rgb(170, 170, 170); background-color: rgb(255, 255, 255); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; top: 100%; left: 0px; width: 100%; } .react-autosuggest__suggestions-list { margin: 0px; padding: 0px; list-style-type: none; } .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; } .react-autosuggest__suggestion--highlighted { background-color: rgb(221, 221, 221); } .react-autosuggest__section-container { border-top: 1px dashed rgb(204, 204, 204); } .react-autosuggest__section-container--first { border-top: 0px; } .react-autosuggest__section-title { padding: 10px 0px 0px 10px; font-size: 12px; color: rgb(119, 119, 119); } .rc-table { font-size: 12px; color: rgb(102, 102, 102); transition: opacity 0.3s; position: relative; line-height: 1.5; overflow: hidden; } .rc-table .rc-table-scroll { overflow: auto; margin-right: -1rem; } .rc-table .rc-table-scroll table { width: auto; min-width: 100%; } .rc-table .rc-table-header { overflow: hidden; background: rgb(247, 247, 247); } .rc-table-fixed-header .rc-table-body { background: rgb(255, 255, 255); position: relative; } .rc-table-fixed-header .rc-table-body-inner { height: 100%; overflow: scroll; } .rc-table-fixed-header .rc-table-scroll .rc-table-header { overflow: scroll; padding-bottom: 20px; margin-bottom: -20px; box-sizing: border-box; } .rc-table-fixed-columns-in-body { visibility: hidden; pointer-events: none; } .rc-table .rc-table-title { padding: 16px 8px; border-top: 1px solid rgb(233, 233, 233); } .rc-table .rc-table-content { position: relative; } .rc-table .rc-table-footer, .rc-table .rc-table-placeholder { padding: 16px 8px; border-bottom: 1px solid rgb(233, 233, 233); } .rc-table .rc-table-placeholder { background: rgb(255, 255, 255); text-align: center; position: relative; } .rc-table .rc-table-placeholder-fixed-columns { position: absolute; bottom: 0px; width: 100%; background: transparent; pointer-events: none; } .rc-table table { width: 100%; border-collapse: initial; text-align: left; } .rc-table th { background: rgb(247, 247, 247); transition: background 0.3s; } .rc-table td:empty::after { content: "."; visibility: hidden; } .rc-table tr { transition: 0.3s; } .rc-table tr.rc-table-row-hover, .rc-table tr:hover { background: rgb(234, 248, 254); } .rc-table td, .rc-table th { padding: 16px 8px; white-space: nowrap; } .rc-table-expand-icon-col { width: 34px; } .rc-table-expanded-row-expand-icon, .rc-table-row-expand-icon { cursor: pointer; display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 16px; border: 1px solid rgb(233, 233, 233); user-select: none; background: rgb(255, 255, 255); } .rc-table-expanded-row-spaced, .rc-table-row-spaced { visibility: hidden; } .rc-table-expanded-row-spaced::after, .rc-table-row-spaced::after { content: "."; } .rc-table-expanded-row-expanded::after, .rc-table-row-expanded::after { content: "-"; } .rc-table-expanded-row-collapsed::after, .rc-table-row-collapsed::after { content: "+"; } tr.rc-table-expanded-row, tr.rc-table-expanded-row:hover { background: rgb(247, 247, 247); } .rc-table-column-hidden { display: none; } .rc-table-next-columns-page, .rc-table-prev-columns-page { cursor: pointer; color: rgb(102, 102, 102); z-index: 1; } .rc-table-next-columns-page:hover, .rc-table-prev-columns-page:hover { color: rgb(45, 183, 245); } .rc-table-next-columns-page-disabled, .rc-table-prev-columns-page-disabled { cursor: not-allowed; color: rgb(153, 153, 153); } .rc-table-next-columns-page-disabled:hover, .rc-table-prev-columns-page-disabled:hover { color: rgb(153, 153, 153); } .rc-table-prev-columns-page { margin-right: 8px; } .rc-table-prev-columns-page::before { content: "<"; } .rc-table-next-columns-page { float: right; } .rc-table-next-columns-page::before { content: ">"; } .rc-table-fixed-left, .rc-table-fixed-right { position: absolute; top: 0px; overflow: hidden; } .rc-table-fixed-left table, .rc-table-fixed-right table { width: auto; background: rgb(255, 255, 255); } .rc-table-fixed-left { left: 0px; box-shadow: rgba(100, 100, 100, 0.1) 4px 0px 4px; } .rc-table-fixed-left .rc-table-body-inner { margin-right: -20px; padding-right: 20px; } .rc-table-fixed-header .rc-table-fixed-left .rc-table-body-inner { padding-right: 0px; } .rc-table-fixed-right { right: 0px; box-shadow: rgba(100, 100, 100, 0.1) -4px 0px 4px; } .rc-table-fixed-right .rc-table-expanded-row { color: transparent; pointer-events: none; } .rc-table.rc-table-scroll-position-left .rc-table-fixed-left, .rc-table.rc-table-scroll-position-right .rc-table-fixed-right { box-shadow: none; } .rc-pagination { font-size: 12px; font-family: Arial; user-select: none; padding: 0px; } .rc-pagination > li { list-style: none; } .rc-pagination-total-text { float: left; height: 30px; line-height: 30px; list-style: none; padding: 0px; margin: 0px 8px 0px 0px; } .rc-pagination::after { content: " "; display: block; height: 0px; clear: both; overflow: hidden; visibility: hidden; } .rc-pagination-item { cursor: pointer; border-radius: 6px; min-width: 28px; height: 28px; line-height: 28px; text-align: center; list-style: none; float: left; border: 1px solid rgb(217, 217, 217); background-color: rgb(255, 255, 255); margin-right: 8px; } .rc-pagination-item a { text-decoration: none; color: rgb(102, 102, 102); } .rc-pagination-item:hover { border-color: rgb(45, 183, 245); } .rc-pagination-item:hover a { color: rgb(45, 183, 245); } .rc-pagination-item-active { background-color: rgb(45, 183, 245); border-color: rgb(45, 183, 245); } .rc-pagination-item-active:hover a, .rc-pagination-item-active a { color: rgb(255, 255, 255); } .rc-pagination-jump-next::after, .rc-pagination-jump-prev::after { content: "•••"; display: block; letter-spacing: 2px; color: rgb(204, 204, 204); font-size: 12px; margin-top: 1px; } .rc-pagination-jump-next:hover::after, .rc-pagination-jump-prev:hover::after { color: rgb(45, 183, 245); } .rc-pagination-jump-prev:hover::after { content: "«"; } .rc-pagination-jump-next:hover::after { content: "»"; } .rc-pagination-jump-next-custom-icon, .rc-pagination-jump-prev-custom-icon { position: relative; } .rc-pagination-jump-next-custom-icon::after, .rc-pagination-jump-prev-custom-icon::after { position: absolute; inset: 0px; transition: 0.2s; content: "•••"; opacity: 1; display: block; letter-spacing: 2px; color: rgb(204, 204, 204); font-size: 12px; margin: 1px auto auto; } .rc-pagination-jump-next-custom-icon .custom-icon-jump-next, .rc-pagination-jump-next-custom-icon .custom-icon-jump-prev, .rc-pagination-jump-prev-custom-icon .custom-icon-jump-next, .rc-pagination-jump-prev-custom-icon .custom-icon-jump-prev { opacity: 0; transition: 0.2s; } .rc-pagination-jump-next-custom-icon:hover::after, .rc-pagination-jump-prev-custom-icon:hover::after { opacity: 0; color: rgb(204, 204, 204); } .rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-next, .rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-prev, .rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-next, .rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-prev { opacity: 1; color: rgb(45, 183, 245); } .rc-pagination-jump-next, .rc-pagination-jump-prev, .rc-pagination-prev { margin-right: 8px; } .rc-pagination-jump-next, .rc-pagination-jump-prev, .rc-pagination-next, .rc-pagination-prev { cursor: pointer; color: rgb(102, 102, 102); font-size: 10px; border-radius: 6px; list-style: none; min-width: 28px; height: 28px; line-height: 28px; float: left; text-align: center; } .rc-pagination-prev a::after { content: "‹"; display: block; } .rc-pagination-next a::after { content: "›"; display: block; } .rc-pagination-next, .rc-pagination-prev { border: 1px solid rgb(217, 217, 217); font-size: 18px; } .rc-pagination-next a, .rc-pagination-prev a { color: rgb(102, 102, 102); } .rc-pagination-next a::after, .rc-pagination-prev a::after { margin-top: -1px; } .rc-pagination-disabled { cursor: not-allowed; } .rc-pagination-disabled a { color: rgb(204, 204, 204); } .rc-pagination-options { float: left; margin-left: 15px; } .rc-pagination-options-size-changer { float: left; width: 80px; } .rc-pagination-options-quick-jumper { float: left; margin-left: 16px; height: 28px; line-height: 28px; } .rc-pagination-options-quick-jumper input { margin: 0px 8px; box-sizing: border-box; background-color: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(217, 217, 217); outline: none; padding: 3px 12px; width: 50px; height: 28px; } .rc-pagination-options-quick-jumper input:hover { border-color: rgb(45, 183, 245); } .rc-pagination-options-quick-jumper button { display: inline-block; margin: 0px 8px; font-weight: 500; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; padding: 0px 15px; font-size: 12px; border-radius: 6px; height: 28px; user-select: none; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; color: rgba(0, 0, 0, 0.65); background-color: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); } .rc-pagination-options-quick-jumper button:active, .rc-pagination-options-quick-jumper button:focus, .rc-pagination-options-quick-jumper button:hover { color: rgb(45, 183, 245); background-color: rgb(255, 255, 255); border-color: rgb(45, 183, 245); } .rc-pagination-simple .rc-pagination-next, .rc-pagination-simple .rc-pagination-prev { border: none; height: 24px; line-height: 24px; margin: 0px; font-size: 18px; } .rc-pagination-simple .rc-pagination-simple-pager { float: left; margin-right: 8px; list-style: none; } .rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash { margin: 0px 10px; } .rc-pagination-simple .rc-pagination-simple-pager input { margin: 0px 8px; box-sizing: border-box; background-color: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(217, 217, 217); outline: none; padding: 5px 8px; min-height: 20px; } .rc-pagination-simple .rc-pagination-simple-pager input:hover { border-color: rgb(45, 183, 245); } .rc-pagination-simple .rc-pagination-simple-pager button { display: inline-block; margin: 0px 8px; font-weight: 500; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; padding: 0px 8px; font-size: 12px; border-radius: 6px; height: 26px; user-select: none; transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; color: rgba(0, 0, 0, 0.65); background-color: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); } .rc-pagination-simple .rc-pagination-simple-pager button:active, .rc-pagination-simple .rc-pagination-simple-pager button:focus, .rc-pagination-simple .rc-pagination-simple-pager button:hover { color: rgb(45, 183, 245); background-color: rgb(255, 255, 255); border-color: rgb(45, 183, 245); } @media only screen and (max-width: 1024px) { .rc-pagination-item-after-jump-prev, .rc-pagination-item-before-jump-next { display: none; } } .rc-table-content { font-size: 1rem; } .rc-table td, .rc-table th { padding: 0.5rem; white-space: normal; } .rc-table td.text-ellipsis, .rc-table th.text-ellipsis { max-width: 0px; } .rc-table td:first-of-type, .rc-table th:first-of-type { padding-left: 1rem; } .rc-table td:last-of-type, .rc-table th:last-of-type { padding-right: 1rem; } .rc-table th { color: rgb(17, 17, 17); font-size: 1rem; } .rc-table .rc-table-title { border-top: none; color: rgb(68, 55, 123); padding: 1rem 0px; } .rc-table .rc-table-header, .rc-table .rc-table-header .rc-table-thead, .rc-table .rc-table-header table, .rc-table .rc-table-header th, .rc-table .rc-table-header tr { background-color: transparent; } .rc-table-row:hover { cursor: pointer; } .rc-table td:first-child > .c-control, .rc-table th:first-child > .c-control { margin: 0px; } .container-fluid { position: relative; } @media (min-width: 768px) { .container--layout { padding: 0px 1rem; } .container--layout .container--layout { padding: 0px; } } .scrollable .table { height: 0px; } .scrollable .row .data-name { text-align: left !important; } .image-grid .col { margin-bottom: 1.5rem; } .is-current::before { position: absolute; top: 0px; left: 0px; z-index: 1; display: block; width: 100%; height: 100%; content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOC4zODcgMzAuMjA2Ij48cGF0aCBkYXRhLW5hbWU9IlBhdGggNzI0IiBkPSJNNCAxNS42ODdsOC4xODEgMTAuNTE5TDM0LjM4NyA0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjgiLz48L3N2Zz4="); background-repeat: no-repeat; background-position: 50% center; background-size: 30%; pointer-events: none; } .product-detail-commands { margin: 1rem -1rem; } .product-detail-commands li { margin-right: 0.5rem; margin-left: 0.5rem; } .product-detail-commands li .btn, .product-detail-commands li button { font-weight: 700; padding: 0.5rem !important; } .product-detail-commands li .btn:hover, .product-detail-commands li button:hover { color: rgb(255, 255, 255); background-color: rgb(72, 183, 213); } .product-detail-commands li .btn:active, .product-detail-commands li button:active { color: rgb(255, 255, 255); background-color: rgb(68, 55, 123); } .product-detail-commands li .btn:active, .product-detail-commands li .btn:focus, .product-detail-commands li .btn:focus:active, .product-detail-commands li button:active, .product-detail-commands li button:focus, .product-detail-commands li button:focus:active { text-decoration: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } .product-detail-commands li > .navigational-list-item:only-child { border-bottom: none; } .product-detail-commands > .btn { padding: 0.5rem; margin-right: 0.75rem; margin-bottom: 0.75rem; border: none; } @media (min-width: 768px) { .product-detail-commands > li + li { margin-left: 0px; } .view-page .product-detail-commands > li + li { margin-left: 1rem; } } .movement-commands li .btn { padding: 0.5rem; } @media (min-width: 768px) { .movement-commands > li + li { margin-left: 1rem; } } @media (min-width: 768px) { .filters { margin-top: 1rem; margin-bottom: 1rem; } .filters > .col:last-child { padding: 0px; } .filters form { display: flex; align-items: flex-start; } .filters form > .container--layout { width: auto; margin: 0px; } .filters form .container { display: flex; flex-wrap: wrap; } .filters .form-group { margin: 0px; } .filters .form-group .input-group { margin-bottom: 0px; } } @media (max-width: 767px) { .container--layout:last-child .container--layout:last-child { margin-bottom: 0px; } } .collapsable .form-group { padding: 0px 1rem; } .collapsable .form-group .form-group-control-list .c-control { margin-right: 0px; } .collapsable-button { display: none; } .collapsable-button .svg-wrapper, .collapsable-button .svg-wrapper svg { width: 0.75rem; height: 0.75rem; min-width: 0.75rem; } .collapsable-button .svg-wrapper .stroke { color: rgb(72, 183, 213); stroke-width: 3px; } .collapsable-button .c-control .svg-wrapper .stroke, .collapse-open .svg-wrapper .stroke { color: rgb(68, 55, 123); } .col-header { display: flex; justify-content: space-between; } .col-header h3, .col-header h4 { color: rgb(68, 55, 123); } .above-the-fold .container--scrollable-table { flex-grow: 1; height: 100%; min-height: 100%; padding: 0.5rem 1rem 2rem; margin: 0px; } .above-the-fold .container--scrollable-table .rc-table, .above-the-fold .container--scrollable-table .rc-table .rc-table-content { height: 100%; } .above-the-fold .container--scrollable-table .rc-table .rc-table-content .rc-table-scroll { overflow: hidden; display: flex; flex-direction: column; height: 100%; } .above-the-fold .container--scrollable-table .rc-table .rc-table-content .rc-table-scroll .rc-table-header { overflow-x: hidden; display: flex; align-items: center; min-height: 3rem; padding-bottom: 0px; margin-top: auto; margin-bottom: auto !important; } .above-the-fold .container--scrollable-table .rc-table .rc-table-content .rc-table-scroll .rc-table-body { flex-grow: 1; max-height: none !important; } .above-the-fold .container--scrollable-table .rc-table .rc-table-content .rc-table-scroll .rc-table-footer { padding: 0px; border: 0px; } .above-the-fold .container--scrollable-table > .container { display: flex; flex-direction: column; } .above-the-fold .container--scrollable-table > .container > .row { flex-grow: 1; } .above-the-fold .container--scrollable-table > .container > .row > .col { display: flex; flex-direction: column; } .btn span, .c-control-label, .control-label, .form-group-label, .h1, .h2, .h3, .h4, .text-lead, button, h1, h2, h3, h4 { font-family: "Gotham Book"; } .form-group-label, .text-lead { font-weight: 500; } .control-label { display: flex; align-items: center; } .control-label .text-optional { font-weight: 500; } .control-label .required-icon { font-size: 0.5rem; margin-left: 0.5rem; font-weight: 500; color: rgb(255, 24, 0); order: 2; } .control-label .tooltip-label { margin-left: 0.5rem; order: 3; } .has-error .control-label .required-label { color: initial; } .has-error .control-label .required-tooltip i { color: rgb(0, 102, 179); } .order-initial { order: 0 !important; } .full-width-tooltip { margin: 0px auto !important; padding-left: 1rem !important; padding-right: 1rem !important; left: auto !important; } .full-width-tooltip .tooltip-inner { max-width: none; } a.btn { text-decoration: none; } .app-page { transition: 0.3s; } .app-footer p { margin: 0px; } .text-lead, .view-title { text-align: center; color: rgb(255, 255, 255); } .text-lead { margin: 0.375em 0px 1.25rem; } a:hover { text-decoration: underline; } input, label { font-size: 0.9rem; } small { font-size: 0.75rem; } p { font-size: 0.9rem; } .form-group .input-group { border: 1px solid rgb(76, 147, 201); background: rgb(255, 255, 255); } .form-group label { margin-bottom: 0px; } .form-group.hasError .form-group-box { background-color: rgb(255, 163, 153); } .form-group.hasError .form-group-box .form-control, .form-group.hasError .form-group-box .react-tagsinput { color: rgb(255, 24, 0); } .form-group.hasFocus .form-group-box { background-color: rgb(242, 239, 221); } .form-group.hasFocus .form-group-box .form-control, .form-group.hasFocus .form-group-box .react-tagsinput { color: rgb(57, 57, 57); box-shadow: none; } .form-group-box .c-control { align-self: center; } .form-control, .react-tagsinput { height: auto; font-size: 0.9rem; border: none; line-height: 1.4; padding: 0.5rem; border-radius: 5px; } .form-control:focus, .react-tagsinput:focus { outline: none; } .navigational-list .c-control--has-icon .glyphicon { color: rgb(0, 159, 98); } .c-control--has-icon .glyphicon { color: rgb(8, 82, 141); } .c-control-label::before { border-color: rgb(102, 102, 102); border-radius: 5px; } .control-label .text-optional { color: rgba(0, 0, 0, 0.4); margin-left: 0.5rem; } .btn { border-radius: 0px; text-transform: none; padding: 1em; font-size: 0.75rem; font-weight: 700; } .btn-small { padding: 0.5em; } .btn-image { padding: 100% 0px 0px; overflow: hidden; position: relative; width: 100%; border-radius: 50%; background-position: 50% center; background-size: cover; border: none; box-shadow: none; background-color: transparent; } .btn-image span { opacity: 0; position: absolute; } .app, .view-wrapper { color: initial; } .app .text-danger, .view-wrapper .text-danger { color: rgb(255, 143, 143); } .app .table-primary, .app .table-primary > td, .app .table-primary > th, .view-wrapper .table-primary, .view-wrapper .table-primary > td, .view-wrapper .table-primary > th { background-color: rgb(205, 234, 255); } .app .table-hover .table-primary:focus, .app .table-hover .table-primary:focus > td, .app .table-hover .table-primary:focus > th, .app .table-hover .table-primary:hover, .app .table-hover .table-primary:hover > td, .app .table-hover .table-primary:hover > th, .view-wrapper .table-hover .table-primary:focus, .view-wrapper .table-hover .table-primary:focus > td, .view-wrapper .table-hover .table-primary:focus > th, .view-wrapper .table-hover .table-primary:hover, .view-wrapper .table-hover .table-primary:hover > td, .view-wrapper .table-hover .table-primary:hover > th { background-color: rgb(156, 212, 255); } .app .btn-primary, .view-wrapper .btn-primary { background-color: rgb(0, 102, 179); border-color: rgb(0, 102, 179); } .app .btn-primary:focus, .app .btn-primary:hover, .view-wrapper .btn-primary:focus, .view-wrapper .btn-primary:hover { background-color: rgb(0, 92, 161); border-color: rgb(0, 92, 161); } .app .badge-primary, .view-wrapper .badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); } .app .badge-primary[href]:focus, .app .badge-primary[href]:hover, .view-wrapper .badge-primary[href]:focus, .view-wrapper .badge-primary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 121, 212); } .app .alert-primary, .view-wrapper .alert-primary { color: rgb(17, 17, 17); border-color: rgb(222, 241, 255); } .app .alert-primary hr, .view-wrapper .alert-primary hr { border-top-color: rgb(17, 17, 17); } .app .alert-primary .alert-link, .view-wrapper .alert-primary .alert-link { color: rgb(17, 17, 17); } .app a, .view-wrapper a { color: rgb(0, 102, 179); } .app a:focus, .app a:hover, .view-wrapper a:focus, .view-wrapper a:hover { color: rgb(0, 73, 128); } .app .btn-primary, .view-wrapper .btn-primary { color: rgb(255, 255, 255); } .text-danger { color: rgb(255, 143, 143); } .table-primary, .table-primary > td, .table-primary > th { background-color: rgb(205, 234, 255); } .table-hover .table-primary:focus, .table-hover .table-primary:focus > td, .table-hover .table-primary:focus > th, .table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(156, 212, 255); } .btn-primary { background-color: rgb(0, 102, 179); border-color: rgb(0, 102, 179); color: rgb(255, 255, 255); } .btn-primary:focus, .btn-primary:hover { background-color: rgb(0, 92, 161); border-color: rgb(0, 92, 161); } .badge-primary { color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); } .badge-primary[href]:focus, .badge-primary[href]:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 121, 212); } .alert-primary { color: rgb(17, 17, 17); border-color: rgb(222, 241, 255); } .alert-primary hr { border-top-color: rgb(17, 17, 17); } .alert-primary .alert-link { color: rgb(17, 17, 17); } a { color: rgb(0, 102, 179); } a:focus, a:hover { color: rgb(0, 73, 128); } .container--bottom { background-color: rgb(5, 54, 93); } footer .container--bottom { background-color: transparent; } .app-footer, .app-footer a { color: rgb(255, 255, 255); } .app-footer .legal-nav { list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 0px; height: 100%; align-items: flex-end; } .app-footer .legal-nav li a svg { max-width: 2rem; height: auto; margin-right: 0.5rem; } .app-footer .legal-nav li:not(:last-child) { margin-right: 1rem; } .form-control, .react-tagsinput { box-shadow: none; } .app-footer { border: none; } .input-group { border: none; width: 100%; } body .c-control--switch .c-control-label, body .c-control--switch .c-control-label .form-group-text span, body .c-control--switch .c-control-label .switch-label-text span { font-size: 0.9rem; } @media (max-width: 767px) { body .c-control--switch .c-control-label { font-size: 0.9rem; } } body .c-control--switch .c-control-label::after { background-color: rgb(255, 255, 255); content: ""; margin: 0.3em; width: 0.6em; height: 0.6em; border-radius: 50%; } body .c-control--switch .c-control-label::before { box-shadow: none; background-color: rgb(170, 170, 170); border: none !important; } body .c-control--switch .c-control-input.input-read-only:checked ~ .c-control-label::before { background-color: rgba(0, 102, 179, 0.4); } body .c-control--switch .c-control-input.input-read-only ~ .c-control-label { cursor: default; } body .c-control--switch .c-control-input.input-read-only ~ .c-control-label::before { background-color: rgba(170, 170, 170, 0.6); } body .c-control--switch .c-control-input.input-read-only ~ .c-control-label::after { opacity: 0.8; } body .c-control--switch .c-control-input:checked ~ .c-control-label::before { background-color: rgb(0, 102, 179); } body .form-group.has-focus .input-group { background-color: rgb(255, 255, 255); border: 1px solid rgb(76, 147, 201); } body .c-control-input:focus ~ .c-control-label::before { box-shadow: none; outline: 0px; } .table-row .svg-wrapper { color: rgb(0, 102, 179); margin-right: 0.5rem; } .table-head .table-data { color: rgb(8, 82, 141); } .product-item .data-aux { color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); } .product-item .data-name { color: rgb(8, 82, 141); } .menu-list .menu-list-item { border-bottom: 1px solid rgb(255, 255, 255); } .menu-list .menu-list-item li:hover > a { background-color: rgb(143, 136, 170); } .menu-list .menu-list-item > a { padding: 0.75em 2em 0.75em 3.5rem; text-decoration: none; color: rgb(8, 82, 141); white-space: normal; line-height: 1.4; cursor: pointer; } .menu-list .menu-list-item > a > span { color: rgb(68, 55, 123); } .menu-list .menu-list-item > a:focus, .menu-list .menu-list-item > a:hover { background-color: rgb(219, 215, 228); color: rgb(68, 55, 123); } .menu-list .menu-list-item > a:focus .svg-wrapper, .menu-list .menu-list-item > a:hover .svg-wrapper { color: rgb(68, 55, 123); } .menu-list .dropdown.open .dropdown-menu { padding: 0px; margin: 0px; } .menu-list .dropdown.open .dropdown-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .menu-list .dropdown.open .dropdown-menu li a { padding: 0.75em 2em 0.75em 3.5rem; background-color: rgb(168, 162, 193); color: rgb(255, 255, 255); text-decoration: none; font-size: 0.875rem; line-height: 1.4; } .menu-list .dropdown.open .dropdown-menu li a:hover { color: rgb(255, 255, 255); background-color: rgb(143, 136, 170); } .menu-list .menu-list-item .menu-list-item span { color: rgb(255, 255, 255); } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { border: none; background-color: rgb(218, 215, 228); } @media (max-width: 767px) { .view-header .navbar-default .navbar-collapse { padding: 0px; } } .view-header .navbar-default .navbar-nav > li.open > a { color: rgb(68, 55, 123); background-color: rgb(219, 215, 228); } .view-header .navbar-default .navbar-nav > li.open > a span { color: rgb(72, 72, 72); } .view-header .navbar-default .navbar-nav > li > a { color: rgb(8, 82, 141); } .view-header .navbar-default .navbar-collapse, .view-header .navbar-default .navbar-form { background-color: rgb(203, 230, 252); } .view-header .navbar-toggle .icon-bar { background-color: red; } .view-header .navbar-toggle:focus, .view-header .navbar-toggle:hover { background-color: transparent; } .view-header .navbar-toggle:focus .icon-bar, .view-header .navbar-toggle:hover .icon-bar { background-color: rgb(204, 0, 0); } .btn.btn-only-icon, .btn.btn-only-icon:active, .btn.btn-only-icon:active:hover, .btn.btn-only-icon:focus, .btn.btn-only-icon:hover { color: rgb(255, 255, 255); } .btn.is-loading, .btn.isLoading { background-color: rgb(0, 73, 128); } .check-list .c-control-label { color: rgb(0, 102, 179); } .check-list .c-control-input:checked ~ .c-control-label { color: rgb(255, 255, 255); } .view-header .navbar .navbar-header { margin-top: 2rem; } @media (max-width: 767px) { .view-header .navbar .navbar-header { margin-top: 1.333rem; } } .content-heading a { text-decoration: none; } .modal-dialog, .theme-auth { color: rgb(72, 72, 72); } .modal-dialog .data, .theme-auth .data { border-bottom: 1px solid rgb(204, 207, 227); } .modal-dialog .check-list .c-control--radio .c-control-label::before, .theme-auth .check-list .c-control--radio .c-control-label::before { border: none; } .modal-dialog .check-list .c-control-label, .theme-auth .check-list .c-control-label { color: rgb(0, 102, 179); } .modal-dialog .check-list .c-control-input:checked ~ .c-control-label, .theme-auth .check-list .c-control-input:checked ~ .c-control-label { color: rgb(68, 55, 123); } .modal-dialog .c-control--checkbox .c-control-label::before, .modal-dialog .c-control--radio .c-control-label::before, .modal-dialog .c-control--switch .c-control-label::before, .theme-auth .c-control--checkbox .c-control-label::before, .theme-auth .c-control--radio .c-control-label::before, .theme-auth .c-control--switch .c-control-label::before { box-shadow: none; } .modal-dialog .app-footer, .theme-auth .app-footer { background-color: transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); color: rgb(170, 170, 170); } .modal-dialog.app .main-container, .modal-dialog.view-wrapper .main-container, .theme-auth.app .main-container, .theme-auth.view-wrapper .main-container { background-color: transparent; } .modal-dialog .page-title, .modal-dialog .text-lead, .modal-dialog .view-title, .theme-auth .page-title, .theme-auth .text-lead, .theme-auth .view-title { color: rgb(8, 82, 141); } .modal-dialog .input-group, .theme-auth .input-group { border: 1px solid rgb(170, 170, 170); } .modal-dialog .form-control, .modal-dialog .react-tagsinput, .theme-auth .form-control, .theme-auth .react-tagsinput { color: rgb(72, 72, 72); } .modal-dialog .progress, .theme-auth .progress { background-color: rgb(204, 207, 227); } .modal-dialog .progress .progress-bar, .theme-auth .progress .progress-bar { background-color: rgb(0, 102, 179); } .modal-dialog .container-fluid, .theme-auth .container-fluid { max-width: none !important; z-index: 3; } .modal-dialog .form-group.has-focus .input-group, .theme-auth .form-group.has-focus .input-group { border-color: rgb(13, 94, 161); } .modal-dialog .btn.btn-only-icon, .modal-dialog .btn.btn-only-icon:active, .modal-dialog .btn.btn-only-icon:active:hover, .modal-dialog .btn.btn-only-icon:focus, .modal-dialog .btn.btn-only-icon:hover, .theme-auth .btn.btn-only-icon, .theme-auth .btn.btn-only-icon:active, .theme-auth .btn.btn-only-icon:active:hover, .theme-auth .btn.btn-only-icon:focus, .theme-auth .btn.btn-only-icon:hover { color: rgb(0, 102, 179); } .theme-highlight, .theme-highlight.view-header { background-color: rgb(8, 82, 141); color: rgb(255, 255, 255); } .theme-highlight.view-header .navbar { background-color: rgb(8, 82, 141); } .theme-highlight .toolbar-item--fixed { color: rgb(72, 183, 213); } .theme-highlight .view-title { color: rgb(255, 255, 255); } .theme-highlight .section-content-heading { border-color: transparent; } .app-footer a { color: rgb(72, 183, 213); } .data-name { color: rgb(8, 82, 141); } @media (max-width: 767px) { .theme-product-detail.view-header .navbar { color: rgb(43, 43, 43); background-color: rgb(255, 255, 255); } .theme-product-detail .page-title, .theme-product-detail .text-lead, .theme-product-detail .view-title { color: rgb(255, 255, 255); } .theme-product-detail.view-morphing { color: rgb(255, 255, 255); background-color: rgb(8, 82, 141); } .theme-product-detail.theme-product-detail-inverted.view-morphing { color: rgb(17, 17, 17); background-color: rgb(248, 248, 248); margin: 0px 0.67rem 1rem; border-radius: 6px; padding-top: 0.5rem; } .theme-product-detail .product-item .data-aux { background-color: rgb(58, 161, 244); } .theme-product-detail .toolbar-item.toolbar-item--fixed { color: rgb(255, 255, 255); } .theme-product-detail .section-content-heading { border-color: rgb(8, 82, 141); margin-bottom: 0px; } .theme-product-detail .slick-dots li.slick-active button::before { color: rgb(58, 161, 244); } } .nav > li > a:focus, .nav > li > a:hover { background-color: rgb(0, 102, 179); } .table-data-icon { flex-grow: 0; } .preloader, .view-wrapper { background-color: transparent; } @media (max-width: 767px) { .theme-auth.view-wrapper { background-color: rgb(255, 255, 255); } } @media (min-width: 768px) { .theme-auth .view-header .navbar > .container-fluid { align-items: baseline; } } .aside-widget-container { background: rgb(255, 255, 255); border-radius: 0px; display: block; margin: 0px 0px 1.5rem; text-decoration: none; padding: 1rem; border: none; } .aside-widget-container h4 { color: rgb(13, 94, 161); padding: 0.5rem 0px 1rem; margin: 0px; font-size: 0.9rem; font-family: "Gotham Book"; font-weight: 400; text-transform: uppercase; } .aside-widget-container p { line-height: 1.75; margin-top: 0px; padding: 0px 0px 1rem; } @media (min-width: 768px) { .app-page .app-sidebar { padding: 0px 1rem 0px 0.5rem; } } @media (max-width: 767px) { .favourites-container ul li img { width: 60px; } .aside-widget-container { background: none; border: none; box-shadow: none; padding: 0px; } .aside-widget-container h4 { color: rgb(13, 94, 161); text-transform: uppercase; font-size: 0.9rem; font-family: "Gotham Medium"; padding: 0px; } .aside-widget-container .aside-widget-body .btn.btn-primary { width: 100%; } .aside-widget-container .aside-widget-body p { padding: 0px; margin-top: 0.5rem; margin-bottom: 1rem; line-height: 1.3; font-size: 0.8rem; } } @media (min-width: 768px) and (max-width: 991px) { .aside-widget-container h4 { padding: 0.5rem 0px 1rem; } .aside-widget-container .table-head .table-row { background: none; } .favourites-container ul li img { width: 60px; } .app-page .app-sidebar { padding: 0px 1rem; } } * { font-family: "Gotham Book"; list-style: none; transition: background-color 0.25s ease-in-out; } h1 { color: rgb(13, 94, 161); font-size: 1.4rem; padding: 0.5rem 0px 1rem; margin: 0px; } .navbar-brand { line-height: 0.5rem; } .notification-visible:not(:last-child), .notification.notification-hidden { display: none; } .notification-visible:last-child { margin: 0px 0px 1rem; display: block; } @media (max-width: 767px) { main.change-environment .notification-visible:last-child { margin: 1rem 0px 0px; display: block; } } .app .app-header .navbar { background-color: rgb(8, 82, 141); border-bottom: 0.55rem solid rgb(255, 203, 5); min-height: 0px; margin-bottom: 0px; padding: 0px; } .svg-wrapper { vertical-align: bottom; justify-content: left; } .svg-width-50 .svg-wrapper { width: 50px; } .svg-width-50 .svg-wrapper .svg-icon { height: 100%; } .c-control-label { font-family: "Gotham Book" !important; color: rgb(17, 17, 17); } .c-control-switch { width: auto; padding-right: 1.5rem; } @media (max-width: 767px) { .c-control-switch { padding-right: 0.5rem; max-width: calc(100% - 30px); } } .switch-label-text { font-size: 0.9rem; padding-left: 0.2rem; display: inline-block !important; } .remember-email .switch-label-text, .remember-phone .switch-label-text { font-size: 0.9rem; } div.payCreditCard0 div.switch-label-text span { color: rgb(17, 17, 17); } div.payCreditCard0 div.form-group--composite.credit-card-amount-field div.form-group-error { text-align: left; margin-left: 25%; } @media (max-width: 767px) { div.payCreditCard0 div.form-group--composite.credit-card-amount-field div.form-group-error { margin-left: 0px; } } .radio-top.c-control-label::after, .radio-top.c-control-label::before, .switch-top .c-control-label::after, .switch-top .c-control-label::before { top: 0.25rem; } .radio-top-container .c-control-label { margin-bottom: 1rem; } .radio-top-container .c-control-label::after, .radio-top-container .c-control-label::before { top: 0.15rem; } .bar-edit { display: flex; justify-content: space-between; padding: 0px; } .bar-edit .header-title { font-size: 1.1rem; font-weight: 700; padding: 5px 0px 0px 2px; } .bar-edit .desktop-edit { display: flex; padding: 0px; } .bar-edit .desktop-edit .c-control { order: 2; margin-right: 0.5rem; width: auto !important; } .bar-edit .desktop-edit .c-control .c-control-label .form-group-text, .bar-edit .desktop-edit .c-control .c-control-label .switch-label-text { margin-bottom: 0px; font-size: 0.9rem; } .bar-edit .desktop-edit .dropdown { order: 1; } .bar-edit .desktop-edit .dropdown .btn { padding: 0.5rem 1.5rem 0.5rem 0.5rem; border: 1px solid rgb(221, 221, 221); text-transform: unset; font-size: 0.7rem; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 0px 0px; margin-right: 0.75rem; } .dropdown__menu { margin: 2px 0px 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 0px; } .dropdown__menu:empty { border: none; } .dropdown__menu .dropdown__item { border-bottom: 1px solid rgb(204, 204, 204); font-size: 0.8rem; padding: 0.5rem 0.7rem; line-height: 1rem; color: rgb(17, 17, 17); } .hide-empty:empty { display: none !important; } .theme-auth .view-page, .view-wrapper { background: rgb(251, 251, 251); } @media (min-width: 768px) { .theme-auth .view-page, .view-wrapper { padding-top: 0.25rem; } } @media (max-width: 767px) { .theme-auth .view-page, .view-wrapper { background: rgb(255, 255, 255); } } .view-header .navbar .navbar-header { margin-top: 0px; padding: 0px 2rem; } .theme-auth .view-page .view-content { padding-top: 10px; } @media (min-width: 768px) and (max-width: 991px) { .theme-auth .view-page .view-content { padding-top: 0px; } } @media (max-width: 767px) { .theme-auth .view-page .view-content { padding-top: 0px; } } .theme-auth .view-page::after, .theme-auth .view-page::before { background: none !important; } .theme-auth .form-group--composite .input-group .Select { display: table; } .theme-auth .form-group--composite .input-group .Select .Select-control .Select-multi-value-wrapper { font-size: 0.9rem; } .theme-auth .form-group--composite .input-group .form-control.text-right, .theme-auth .form-group--composite .input-group .text-right.react-tagsinput { width: 100%; } @media (max-width: 767px) { .theme-auth .form-group--composite .input-group .form-control.text-right, .theme-auth .form-group--composite .input-group .text-right.react-tagsinput { overflow: hidden; width: 100%; } } .theme-auth .form-group--composite.selector-size--medium .Select { min-width: auto !important; width: 8.5rem; } .theme-auth .data-wrapper.form-amount-wrapper .data-name.data-name-amount { width: 100% !important; text-align: right; } .theme-auth .data-wrapper.form-amount-wrapper .data-label, .theme-auth .data-wrapper.form-amount-wrapper .data-label-bottom-sheet { width: 100% !important; } @media (max-width: 767px) { .theme-auth .data-wrapper.form-amount-wrapper { flex-direction: row; } .theme-auth .data-wrapper.form-amount-wrapper .data-label, .theme-auth .data-wrapper.form-amount-wrapper .data-label-bottom-sheet, .theme-auth .data-wrapper.form-amount-wrapper .data-name.data-name-amount { width: auto !important; } .theme-auth .data-wrapper.form-amount-wrapper .data-title { width: 100%; } } .form-group--composite .input-group input.form-control, .form-group--composite .input-group input.react-tagsinput { margin-right: 1px; } .input-group-selector { width: 100%; border: 1px solid rgb(0, 102, 179); background: rgb(255, 255, 255); } @media (min-width: 768px) { .app-page { flex-direction: row-reverse; } } .app-page .app-sidebar { } .login-desktop-wrapper { background: transparent; border-radius: 5px; margin: 0px 0px 2rem; } .login-desktop-wrapper a { cursor: pointer; } .login-desktop-wrapper .image img { border-radius: 50%; } .container { margin: 0px auto; padding: 0px; } .data-desc, .data-name, .data-text { font-size: 0.9rem; } @media (max-width: 767px) { .data-desc { word-break: break-all; } } span + .data-legend { padding-left: 10px; } .data-placeholder { font-style: italic; color: rgb(102, 102, 102) !important; } .contacts-picker { height: calc(-22rem + 100vh); overflow-y: auto; margin-bottom: 1rem !important; } .contacts-picker .navigational-list-item-phones-title { color: rgb(0, 102, 179); font-size: 1rem; padding-left: 0px; padding-bottom: 0px; font-family: "Gotham Medium" !important; } .contacts-picker .navigational-list-item-phones-description { font-family: "Gotham Book"; color: rgb(102, 102, 102); padding: 0px; font-weight: 400; line-height: 1rem; font-size: 0.85rem !important; } .contacts-picker .form-group { background-color: rgb(255, 255, 255) !important; } .contacts-picker .navigational-list-item { padding-bottom: 0.5rem !important; } .contacts-picker .navigational-list-item .collapse-open { font-weight: 400; } .contacts-picker .navigational-list-item .form-group-control-list { padding-top: 0px !important; } .contacts-picker .contact-row { border-bottom: 1px solid rgb(234, 234, 234); } .list-jobData .navigational-list-item button { align-items: baseline; } .list-jobData .view-wrapper { background: none !important; } .list-jobData .form-group { background-color: rgb(255, 255, 255) !important; } .toolbar-item.contact-search .form-group.has-focus .input-group, .toolbar-item.contact-search .form-group .input-group { border-radius: 0px; border-left: rgb(204, 204, 204); border-bottom-color: currentcolor; border-right: rgb(204, 204, 204); border-top: rgb(204, 204, 204); } .toolbar-item.contact-search .form-group.has-focus .input-group:hover, .toolbar-item.contact-search .form-group .input-group:hover { border-color: rgb(153, 153, 153); } .toolbar-item.contact-search .form-group.has-focus .input-group .form-control, .toolbar-item.contact-search .form-group .input-group .form-control, .toolbar-item.contact-search .form-group .input-group .react-tagsinput { font-size: 0.85rem; } .toolbar-item.contact-search .form-group.has-focus .input-group { background: rgb(255, 255, 255); border-radius: 0px; border-left: rgb(153, 153, 153); border-bottom-color: currentcolor; border-right: rgb(153, 153, 153); border-top: rgb(153, 153, 153); } .container--layout { margin: 0px; } .container--layout.terms--layout { margin: 0.8rem 0px; } @media (max-width: 767px) { .container--layout.terms--layout { padding: 0.5rem; } } .container--layout.terms--layout .form-content { border: 1px solid rgb(255, 203, 5); border-radius: 0.6rem; padding: 1rem; } @media (max-width: 767px) { .container--layout.terms--layout .form-content { padding: 0.8rem; } } .container--layout .form-content { margin-bottom: 0px; } .container--layout .form-content .list--permissions { margin: 0px; } .container--layout .form-content .list--permissions.contacts-picker .navigational-list-item .collapsable-button { padding-top: 1rem !important; } .container--layout .form-content .list--permissions .navigational-list-item { border-bottom: 1px solid rgb(234, 234, 234); padding-bottom: 0px; } .container--layout .form-content .list--permissions .navigational-list-item:last-child { border-bottom: none; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button { cursor: pointer; padding: 0.5rem !important; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button:focus { outline-width: 1px; outline-style: none; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button:hover { background-color: rgba(255, 255, 255, 0.9); } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button:hover .data-label, .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button:hover .data-label-bottom-sheet { color: rgb(0, 102, 179); } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button:hover div .list-item-hint { color: rgb(17, 17, 17); } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button:hover div .list-item-hint span { color: rgb(51, 51, 51); } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button span { padding: 0px; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button span .data-label, .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button span .data-label-bottom-sheet { margin-bottom: 0px; padding: 0px; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button span span { font-family: "Gotham Medium"; font-weight: 400; font-size: 0.9rem; padding: 0px; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button span .list-item-hint { font-family: "Gotham Book"; color: rgb(102, 102, 102); padding: 0px; font-size: 0.7rem !important; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button span .list-item-hint span { font-size: 0.7rem !important; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button .svg-wrapper .stroke { color: rgb(0, 102, 179); } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button .c-control .c-control-label .c-control-icons .c-control-mark { padding: 0.2rem; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button.collapse-open { padding: 0px 0.75rem; } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button.collapse-open .svg-wrapper .stroke { color: rgb(0, 102, 179); } .container--layout .form-content .list--permissions .navigational-list-item .collapsable-button.collapse-open .svg-wrapper svg.chevrom-icon { transform: rotate(90deg); } .container--layout .form-content .list--permissions .navigational-list-item .form-group { background: rgba(242, 242, 242, 0.9); } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list { padding: 0.5rem; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list { margin: 0px; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item { margin-bottom: 0px; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list-item-inner { padding: 1rem 0.5rem 0px; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list-item-inner:first-child { padding-top: 0px; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list-item-inner .data-label, .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list-item-inner .data-label-bottom-sheet { padding-left: 0px; font-family: "Gotham Medium"; color: rgb(17, 17, 17); font-size: 0.9rem; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list { margin: 0px 0px 0.5rem; padding: 0px 0px 0.5rem; border-bottom: 1px solid rgb(221, 221, 221); } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list .list-item .list-item-inner { padding: 0.25rem 0.5rem 0px; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list .list-item .list-item-inner span { font-size: 0.8rem; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list .collapsable-button { padding: 0.25rem 0.5rem !important; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .list .list-item .list .collapsable-button span { font-size: 0.8rem; line-height: 1.3; font-family: "Gotham Book"; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .c-control { display: block; margin: 0px; width: 100%; } @media (max-width: 767px) { .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .c-control { width: 100%; } } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .c-control .c-control-input { margin: 0px; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .c-control .c-control-label { font-size: 0.8rem; padding-left: 1.75rem; margin-bottom: 0.5rem; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .c-control .c-control-label::before { left: 0px; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .c-control .c-control-label .c-control-icons .c-control-mark { left: -0.2rem; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .c-control .c-control-label .c-control-icons .c-control-mark .svg-wrapper div svg { margin-top: 0.15rem; height: 0.65rem !important; width: 0.65rem !important; } .container--layout .form-content .list--permissions .navigational-list-item .form-group .form-group-control-list .c-control .c-control-label .product-label-icon { display: none; } .container--layout .form-content .list--permissions .navigational-list-item button > span { color: rgb(0, 102, 179); font-size: 0.9rem; padding-left: 0px; font-family: "Gotham Medium" !important; } .container--layout .form-content .list--permissions .navigational-list-item button > span > span.item-description > span { font-family: "Gotham Book"; color: rgb(102, 102, 102); padding: 0px; font-weight: 400; font-size: 0.7rem !important; } .container--layout .form-content .form-content.container { margin-bottom: 0px; } .container--layout .form-content .row .table { margin-bottom: 1rem; } @media (max-width: 767px) { .container--layout .form-content .row .table { margin: 0px; } } @media (max-width: 767px) { .container--layout .form-content .row .table .table-row .table-data.width-50 { width: 100%; } .container--layout .form-content .row .table .table-row .table-data.width-50:last-of-type { text-align: right !important; } .container--layout .form-content .row .table .table-row .table-data:first-of-type, .container--layout .form-content .row .table .table-row .table-data:last-of-type { font-size: 0.9rem; padding: 0px; } .container--layout .form-content .row .table .table-row .table-data:first-of-type { text-align: left; } .container--layout .form-content .row .table .table-row .table-data:last-of-type { text-align: right; } } .container--layout .form-content .data-text, .container--layout .form-content .data-text div span, .container--layout .form-content .data-text div span .data-amount-currency, .container--layout .form-content .data-text span, .container--layout .form-content .data-text span .data-amount-currency { font-size: 0.9rem; font-family: "Gotham Medium"; } .container--layout .form-content .form-group .data-text, .container--layout .form-content .form-group .data-text .data-numeric .data-numeric, .container--layout .form-content .form-group .data-text .data-numeric .data-numeric span { font-family: "Gotham Medium"; } .container--layout .form-content .form-group span.data-text div > ul { margin-bottom: 0px !important; } .container--layout .form-content .form-group .col .form-group { margin: 0px; } .container--layout .form-content.inner-container .row { display: block; } .container--layout .form-section-title { color: rgb(17, 17, 17); border-bottom: 1px solid rgb(17, 17, 17); padding-bottom: 0.25rem; margin-top: 1.5rem; margin-bottom: 0.75rem; font-family: "Gotham Medium"; font-size: 1rem; width: 100%; } @media (max-width: 767px) { .container--layout .form-section-title { line-height: 1.2; padding-bottom: 0.5rem; display: block; } } .container--layout .form-section-title span { font-family: "Gotham Medium"; } .container--layout .form-section-title.reformat { margin: 1rem 0px 0.5rem; display: block; } @media (max-width: 767px) { .container--layout .form-section-title.reformat { display: block; } } .container--layout .form-section-subtitle { color: rgb(17, 17, 17); margin-bottom: 0.5rem; } .container--layout .form-section-subtitle span { color: rgb(17, 17, 17); font-size: 1rem; font-family: "Gotham Medium"; } @media (max-width: 767px) { .container--layout .form-content.container { margin-bottom: 0px; } .container--layout .form-content.container .container, .container--layout .form-content.container .form-content.container { padding: 0px; } .container--layout .form-content.container .form-content.container .form-section-title { margin-bottom: 0.75rem; } .container--layout .form-content.container .form-content.container .form-section-title.reformat { margin-top: 1rem; } .container--layout .form-content.container .form-content.container .data-wrapper { margin: 0px 0px 1rem; } .container--layout .form-content.container .form-content.container .container { padding: 0px; } .container--layout .form-content.container .row .col.data-wrapper, .container--layout .form-content.container .row .col .data-wrapper { margin: 0px 0px 0.75rem; } .container--layout .form-content.container .row .col.data-wrapper.block-list, .container--layout .form-content.container .row .col .data-wrapper.block-list, .container--layout .form-content.container .row .col.data-wrapper.block-list span, .container--layout .form-content.container .row .col .data-wrapper.block-list span { font-size: 0.9rem; } .container--layout .form-content.container .row .col.data-wrapper.block-list .data-name, .container--layout .form-content.container .row .col .data-wrapper.block-list .data-name, .container--layout .form-content.container .row .col.data-wrapper.block-list .data-name .data-title.data-amount, .container--layout .form-content.container .row .col .data-wrapper.block-list .data-name .data-title.data-amount, .container--layout .form-content.container .row .col.data-wrapper.block-list .data-name .data-title.data-amount .data-amount-currency, .container--layout .form-content.container .row .col .data-wrapper.block-list .data-name .data-title.data-amount .data-amount-currency { font-size: 0.9rem; font-family: "Gotham Medium"; } .container--layout .form-content.container .row .col.data-wrapper .data-date, .container--layout .form-content.container .row .col .data-wrapper .data-date, .container--layout .form-content.container .row .col.data-wrapper .data-desc, .container--layout .form-content.container .row .col .data-wrapper .data-desc, .container--layout .form-content.container .row .col.data-wrapper .data-numeric, .container--layout .form-content.container .row .col .data-wrapper .data-numeric, .container--layout .form-content.container .row .col.data-wrapper .data-text, .container--layout .form-content.container .row .col .data-wrapper .data-text, .container--layout .form-content.container .row .col.data-wrapper .data-text span, .container--layout .form-content.container .row .col .data-wrapper .data-text span, .container--layout .form-content.container .row .col.data-wrapper .data-wrapper, .container--layout .form-content.container .row .col .data-wrapper .data-wrapper, .container--layout .form-content.container .row .col.data-wrapper .result-name, .container--layout .form-content.container .row .col .data-wrapper .result-name { font-size: 0.9rem; font-family: "Gotham Medium"; margin: 0px; } .container--layout .form-content.container .row .col.data-wrapper .data-date .data-amount.content-data-strong, .container--layout .form-content.container .row .col .data-wrapper .data-date .data-amount.content-data-strong, .container--layout .form-content.container .row .col.data-wrapper .data-date .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col .data-wrapper .data-date .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col.data-wrapper .data-date .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col .data-wrapper .data-date .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col.data-wrapper .data-date .data-amount.content-data-strong span, .container--layout .form-content.container .row .col .data-wrapper .data-date .data-amount.content-data-strong span, .container--layout .form-content.container .row .col.data-wrapper .data-date div span, .container--layout .form-content.container .row .col .data-wrapper .data-date div span, .container--layout .form-content.container .row .col.data-wrapper .data-desc .data-amount.content-data-strong, .container--layout .form-content.container .row .col .data-wrapper .data-desc .data-amount.content-data-strong, .container--layout .form-content.container .row .col.data-wrapper .data-desc .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col .data-wrapper .data-desc .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col.data-wrapper .data-desc .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col .data-wrapper .data-desc .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col.data-wrapper .data-desc .data-amount.content-data-strong span, .container--layout .form-content.container .row .col .data-wrapper .data-desc .data-amount.content-data-strong span, .container--layout .form-content.container .row .col.data-wrapper .data-desc div span, .container--layout .form-content.container .row .col .data-wrapper .data-desc div span, .container--layout .form-content.container .row .col.data-wrapper .data-numeric .data-amount.content-data-strong, .container--layout .form-content.container .row .col .data-wrapper .data-numeric .data-amount.content-data-strong, .container--layout .form-content.container .row .col.data-wrapper .data-numeric .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col .data-wrapper .data-numeric .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col.data-wrapper .data-numeric .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col .data-wrapper .data-numeric .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col.data-wrapper .data-numeric .data-amount.content-data-strong span, .container--layout .form-content.container .row .col .data-wrapper .data-numeric .data-amount.content-data-strong span, .container--layout .form-content.container .row .col.data-wrapper .data-numeric div span, .container--layout .form-content.container .row .col .data-wrapper .data-numeric div span, .container--layout .form-content.container .row .col.data-wrapper .data-text .data-amount.content-data-strong, .container--layout .form-content.container .row .col .data-wrapper .data-text .data-amount.content-data-strong, .container--layout .form-content.container .row .col.data-wrapper .data-text .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col .data-wrapper .data-text .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col.data-wrapper .data-text .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col .data-wrapper .data-text .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col.data-wrapper .data-text .data-amount.content-data-strong span, .container--layout .form-content.container .row .col .data-wrapper .data-text .data-amount.content-data-strong span, .container--layout .form-content.container .row .col.data-wrapper .data-text div span, .container--layout .form-content.container .row .col .data-wrapper .data-text div span, .container--layout .form-content.container .row .col.data-wrapper .data-text span .data-amount.content-data-strong, .container--layout .form-content.container .row .col .data-wrapper .data-text span .data-amount.content-data-strong, .container--layout .form-content.container .row .col.data-wrapper .data-text span .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col .data-wrapper .data-text span .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col.data-wrapper .data-text span .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col .data-wrapper .data-text span .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col.data-wrapper .data-text span .data-amount.content-data-strong span, .container--layout .form-content.container .row .col .data-wrapper .data-text span .data-amount.content-data-strong span, .container--layout .form-content.container .row .col.data-wrapper .data-text span div span, .container--layout .form-content.container .row .col .data-wrapper .data-text span div span, .container--layout .form-content.container .row .col.data-wrapper .data-wrapper .data-amount.content-data-strong, .container--layout .form-content.container .row .col .data-wrapper .data-wrapper .data-amount.content-data-strong, .container--layout .form-content.container .row .col.data-wrapper .data-wrapper .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col .data-wrapper .data-wrapper .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col.data-wrapper .data-wrapper .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col .data-wrapper .data-wrapper .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col.data-wrapper .data-wrapper .data-amount.content-data-strong span, .container--layout .form-content.container .row .col .data-wrapper .data-wrapper .data-amount.content-data-strong span, .container--layout .form-content.container .row .col.data-wrapper .data-wrapper div span, .container--layout .form-content.container .row .col .data-wrapper .data-wrapper div span, .container--layout .form-content.container .row .col.data-wrapper .result-name .data-amount.content-data-strong, .container--layout .form-content.container .row .col .data-wrapper .result-name .data-amount.content-data-strong, .container--layout .form-content.container .row .col.data-wrapper .result-name .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col .data-wrapper .result-name .data-amount.content-data-strong .data-amount-currency, .container--layout .form-content.container .row .col.data-wrapper .result-name .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col .data-wrapper .result-name .data-amount.content-data-strong .data-amount-currency span, .container--layout .form-content.container .row .col.data-wrapper .result-name .data-amount.content-data-strong span, .container--layout .form-content.container .row .col .data-wrapper .result-name .data-amount.content-data-strong span, .container--layout .form-content.container .row .col.data-wrapper .result-name div span, .container--layout .form-content.container .row .col .data-wrapper .result-name div span { font-size: 0.9rem; font-family: "Gotham Medium"; } .container--layout .form-content.container .row .col.data-wrapper .data-date p, .container--layout .form-content.container .row .col .data-wrapper .data-date p, .container--layout .form-content.container .row .col.data-wrapper .data-desc p, .container--layout .form-content.container .row .col .data-wrapper .data-desc p, .container--layout .form-content.container .row .col.data-wrapper .data-numeric p, .container--layout .form-content.container .row .col .data-wrapper .data-numeric p, .container--layout .form-content.container .row .col.data-wrapper .data-text p, .container--layout .form-content.container .row .col .data-wrapper .data-text p, .container--layout .form-content.container .row .col.data-wrapper .data-text span p, .container--layout .form-content.container .row .col .data-wrapper .data-text span p, .container--layout .form-content.container .row .col.data-wrapper .data-wrapper p, .container--layout .form-content.container .row .col .data-wrapper .data-wrapper p, .container--layout .form-content.container .row .col.data-wrapper .result-name p, .container--layout .form-content.container .row .col .data-wrapper .result-name p { margin: 0px; } .container--layout .form-content.container .row .col.data-wrapper .data-text p, .container--layout .form-content.container .row .col .data-wrapper .data-text p { font-family: "Gotham Medium"; } .container--layout .form-content.container .row .col.data-wrapper .newProduct .newProduct-row .newProduct-cell h4, .container--layout .form-content.container .row .col .data-wrapper .newProduct .newProduct-row .newProduct-cell h4 { margin: 0.5rem 0px 0px; } .container--layout .form-content.container .row .col.data-wrapper.form-group--emailList .data-wrapper.transfer-data .data-text p, .container--layout .form-content.container .row .col .data-wrapper.form-group--emailList .data-wrapper.transfer-data .data-text p { font-family: "Gotham Medium" !important; } .container--layout .form-content.container .form-group .data-text { color: rgb(17, 17, 17); } .container--layout .data-wrapper .data-aux { font-size: 0.9rem; } .container--layout .data-wrapper .data-name .data-title, .container--layout .data-wrapper .data-name .data-title .data-amount-currency { font-size: 0.9rem; font-family: "Gotham Medium"; } } .container--layout.list-categories { width: 100%; } .container--layout.list-categories .form-content .form-group .title-categories { color: rgb(0, 102, 179); font-family: "Gotham Medium"; } .container--layout.list-categories .form-content .form-group .form-group-control-list { padding: 1rem 0px; } .container--layout.list-categories .form-content .form-group .form-group-control-list .navigational-list-subtitle { color: rgb(17, 17, 17); font-size: 0.8rem; margin: 0.5rem 0px 0.5rem 0.5rem; padding: 0px; } .container--layout.list-categories .form-content .form-group .form-group-control-list .collapsable-button { padding: 0px 0.5rem 0.25rem; } .container--layout.list-categories .form-content .form-group .form-group-control-list .collapsable-button span { font-size: 0.8rem; line-height: 1.3; } .container--layout.list-categories .form-content .form-group .form-group-control-list .collapsable-button span .data-label, .container--layout.list-categories .form-content .form-group .form-group-control-list .collapsable-button span .data-label-bottom-sheet { font-family: "Gotham Book"; } .container--layout.list-categories .form-content .form-group .form-group-control-list .collapsable-button:hover { background: rgba(255, 255, 255, 0.8); } .container--layout.list-categories .form-content .form-group .form-group-control-list .collapsable-button .c-control .c-control-label { margin-bottom: 0px; padding-left: 1rem; } .container--layout.list-categories .form-content .form-group .list { margin-left: 0px; } .container--layout.list-categories .form-content .form-group .list .list-item .list-item-inner .data-desc { flex-grow: 1; } .container--layout.list-categories .form-content .form-group .list .list-item .btn.btn-only-icon:hover { color: rgb(13, 94, 161); } .container--layout.list-categories .panel .panel-body .form-group-control-list.list .list-item span { font-size: 0.9rem; } .container--layout.list-categories .panel .panel-body .form-group .form-group-control-list.list { margin-left: 0px; } .container--layout.list-categories .panel .panel-body .form-group .form-group-control-list.list .list-item span { font-size: 0.8rem; } .container--layout.list-categories .panel .panel-body .form-group .form-group-text, .container--layout.list-categories .panel .panel-body .form-group .switch-label-text { margin-bottom: 0.5rem; } .container--layout.list-categories .panel .panel-body .form-group .form-group-text span, .container--layout.list-categories .panel .panel-body .form-group .switch-label-text span { color: rgb(17, 17, 17); font-size: 0.9rem; } .container--layout.list-categories .panel.panel-default .panel-body .form-group .form-group-text span, .container--layout.list-categories .panel.panel-default .panel-body .form-group .switch-label-text span, .container--layout.list-categories .panel.panel-default .panel-body.panel-style p span { color: rgb(17, 17, 17); } .container--layout.list-categories .panel.panel-default .panel-body.panel-style .form-group div .c-control .form-group-text, .container--layout.list-categories .panel.panel-default .panel-body.panel-style .form-group div .c-control .switch-label-text { margin-bottom: 0px; } .container--layout.list-categories .group-edit .svg-icon.chevrom-icon { margin-top: 0.7rem; } .container--layout .panel-style { padding-top: 1.5rem; } .container--layout .panel-style p, .container--layout .panel-style p span { margin: 0px; padding: 0px 0px 1rem; font-family: "Gotham Medium"; } .container--layout .panel-style .form-group div .c-control { margin: 0px 0px 0.5rem; } .container--layout .panel-style .panel .panel-style { padding-top: 0.5rem; } .container--layout .panel-style .panel .panel-style p, .container--layout .panel-style .panel .panel-style p span { padding-bottom: 0.5rem; font-size: 0.9rem; } .container--layout .panel-style .panel .panel-style .list { margin: 0px 0px 0.5rem; } .container--layout .panel-style .panel .panel-style .list .list-item .btn.btn-only-icon { border: none; } .container--layout .panel-style .panel .panel-style .list .list-item .btn.btn-only-icon:hover { color: rgb(13, 94, 161); } .container--layout .panel-style .panel .panel-style .list .list-item .data-desc { flex-grow: 1; } .signtaures-schemes-style .container--layout .data-wrapper { margin: 0px 0px 0.5rem; } .signtaures-schemes-style .container--layout .section-title-reset .form-section-title { margin-bottom: 0.25rem; } .signtaures-schemes-style .container--layout .section-title-reset span { font-size: 0.9rem; } .signtaures-schemes-style .container--layout .form-group.form-group--stepper-field:last-of-type { margin-bottom: 0px; } .signtaures-schemes-style .container--layout .form-group .form-group { margin-bottom: 0.25rem; } .signtaures-schemes-style .container--layout .form-group .form-group .form-group-text .c-control-label, .signtaures-schemes-style .container--layout .form-group .form-group .switch-label-text .c-control-label { font-family: "Gotham Book"; font-size: 0.9rem; } .signtaures-schemes-style .container--layout .form-group .form-group .input-group { margin-bottom: 0px; } .signtaures-schemes-style .container--layout .list { margin: 0px; } .signtaures-schemes-style .container--layout .list .list-item .list-item-inner .btn.btn-only-icon.btn-circle:hover { color: rgb(13, 94, 161) !important; } .nav-tabs { border-bottom: 1px solid rgb(242, 242, 242); } .nav-tabs li { margin-bottom: 0px; } .nav-tabs li a { padding: 0.75rem 1.5rem; background: rgb(242, 242, 242); } .nav-tabs li a.is-active { color: rgb(255, 255, 255); } .nav-tabs li a.is-active:hover { background: rgb(13, 94, 161); border-color: transparent; } .nav-tabs li a.is-active:focus span, .nav-tabs li a.is-active span { color: rgb(255, 255, 255); } .nav-tabs li a:hover { background: rgb(234, 234, 234); } .nav-tabs li a span { color: rgb(17, 17, 17); font-size: 0.9rem; } .form-group-error div { font-size: 0.9rem; } .has-error .form-group-error.custom-error { pointer-events: auto; } .term { font-size: 0.8rem; } .term .form-group { margin-bottom: 0.25rem; } .above-the-fold.tight-containers .container--layout:first-of-type .form-content.container { padding: 0px; } .form-content .progress-wrapper { margin-bottom: 2rem; } .progress { height: 0.5rem; border-radius: 3px; } .settings-helper-container li { color: rgb(0, 102, 179); } .settings-helper-container li span { font-size: 0.8rem; color: rgb(102, 102, 102); } .container-fluid { padding: 0px; position: sticky; } .row { margin: 0px; padding: 0px; } .col .col-6.login-form { padding: 1.5em 2em; background: rgb(255, 255, 255); border-radius: 5px 0px 0px 5px; } .theme-auth .btn.btn-only-icon, .theme-auth .btn.btn-only-icon:hover { color: rgb(17, 17, 17); } .check-list .c-control-label { color: rgb(153, 153, 153); } .Select-value-label { font-family: "Gotham Book" !important; } .schedulable-content, .schedulable-content .form-group .check-list { margin-bottom: 1rem; } @media (min-width: 768px) { .schedulable-content .form-group .check-list .c-control .c-control-label { color: rgb(13, 94, 161); font-size: 0.9rem; } } @media (max-width: 767px) { .schedulable-content .form-group .check-list .c-control { justify-content: left; } .schedulable-content .form-group .check-list .c-control .c-control-label { color: rgb(13, 94, 161); font-size: 0.9rem; padding: 0px 1.5rem; } } .schedulable-content .form-group.form-group--scheduler { margin-bottom: 0px; } .schedulable-content .form-group.form-group--scheduler .form-group-text, .schedulable-content .form-group.form-group--scheduler .switch-label-text { margin-bottom: 0.25rem; } .schedulable-content .form-group.form-group--scheduler .scheduler-frequency-suboptions .form-check-group .c-control--radio .input-group .Select-control .Select-value { padding-right: 0px; } @media (max-width: 767px) { .schedulable-content .form-group.form-group--scheduler .scheduler-frequency-suboptions .form-check-group.weekday-selection { justify-content: flex-start; } } .schedulable-content .form-group.form-group--scheduler .scheduler-frequency-suboptions .form-check-group.weekday-selection .c-control-label { margin-right: 0.25rem; min-width: 38px; display: block; text-align: center; border: 1px solid rgb(0, 102, 179); } .schedulable-content .form-group.form-group--scheduler .input-group .Select-control { padding-left: 10px; } .schedulable-content .form-group.form-group--scheduler .input-group .Select-multi-value-wrapper { width: 30px; } .schedulable-content .form-group.form-group--scheduler .input-group.day-selector { width: auto !important; } .schedulable-content .form-group.form-group--scheduler .scheduler-message { margin-bottom: 1rem; font-size: 0.8rem; font-weight: 400; } .schedulable-option { margin-bottom: 1rem; } .Select--single > .Select-control .Select-value { padding-right: 2rem; } .react-tagsinput-remove { color: rgba(255, 255, 255, 0.5); } .react-tagsinput-remove:hover { color: rgb(255, 255, 255); } .check-list .c-control-input:checked ~ .c-control-label { color: rgb(0, 102, 179); } .c-control--checkbox .c-control-label .c-control-mark, .c-control--radio .c-control-label .c-control-mark { top: -3px; left: -2px; } .c-control--checkbox .c-control-label .c-control-mark .svg-wrapper, .c-control--checkbox .c-control-label .c-control-mark svg, .c-control--radio .c-control-label .c-control-mark .svg-wrapper, .c-control--radio .c-control-label .c-control-mark svg { width: 1rem !important; min-width: 1rem !important; } .c-control--radio { border-radius: 50%; } .scrollable.container--layout:last-of-type { margin-bottom: 0px; } .scrollable > .container { overflow: auto; } .scrollable > .container .row { margin: 0px 0px 0.75rem; } @media (max-width: 767px) { .scrollable > .container .row { margin: 0px 0px 0.75rem; } .scrollable > .container .row .data-name { text-align: left !important; } } .transfer-data .data-text { padding: 0px; font-size: 0.9rem; font-family: "Gotham Medium"; } @media (max-width: 767px) { .transfer-data .data-text { width: 100%; } } .transfer-data .data-text span { font-size: 0.9rem; } @media (max-width: 767px) { .transfer-data.data-wrapper { width: 100%; } .transfer-data.data-wrapper .data-text div span, .transfer-data.data-wrapper .data-text div span .data-amount-currency { font-size: 0.9rem; font-family: "Gotham Medium"; } } .transfer-data.data-wrapper .data-name .data-title.data-amount .data-name { text-align: left !important; } .transfer-data.data-wrapper .data-name .data-title.data-amount .data-name .data-title.data-amount, .transfer-data.data-wrapper .data-name .data-title.data-amount .data-name .data-title.data-amount .data-amount-currency { font-family: "Gotham Medium"; } @media (max-width: 767px) { .transfer-data .data-legend { padding-left: 0px; padding-top: 2px; } } .modal-dialog h4.modal-title { padding-top: 2rem; } @media (max-width: 767px) { .modal-dialog .modal-content { padding-top: env(safe-area-inset-top); } } .login-background .app > .container--layout { margin-top: 0px; } .login-background .app > .container--layout .reset-margin { margin-bottom: 0px; margin-top: 1rem; } @media (min-width: 768px) { .mobile-native .login-background { overflow-y: scroll; } } .app > section:nth-child(2) { margin-bottom: 1rem !important; } label { font-size: 0.9em; } .Select-value-label .data-name { font-size: 0.9rem; color: rgb(17, 17, 17); } .c-control--icon-toggle .c-control-label .c-control-off, .input-group > .c-control--icon-toggle .c-control-label .c-control-off { color: rgb(0, 102, 179); } .default-layout .container--layout { max-width: 100%; } .circle-loader { margin-top: 15%; margin-left: 50%; } .view-close { border: none; background-color: transparent; font-size: 1rem; color: rgb(0, 102, 179); } .flex-style-form.form-group { display: flex; } .flex-style-form.form-group .form-group-text, .flex-style-form.form-group .switch-label-text { flex: 40 1 0%; } .flex-style-form.form-group .form-group-container { flex: 60 1 0%; } .Select-menu-outer div { font-size: 0.9rem; overflow-x: hidden; overflow-wrap: break-word; } @media (max-width: 767px) { .Select-menu-outer { z-index: 10000 !important; } } .btn { padding: 0.75rem 1.15rem; font-family: "Gotham Book"; font-weight: 400; font-size: 0.8rem; border-radius: 30px; } @media (max-width: 767px) { .btn { margin-bottom: 0.5rem; } } .btn-block + .btn-block { margin-top: 0px; } .btn-primary, .btn.is-loading { color: rgb(255, 255, 255); background: rgb(0, 102, 179) !important; } .btn-primary:hover, .btn.is-loading:hover { background: rgb(13, 94, 161) !important; } .btn-primary span, .btn.is-loading span { color: rgb(255, 255, 255) !important; } .btn-primary.btn-checkbox.active, .btn-primary.btn-checkbox.active:hover, .btn.is-loading.btn-checkbox.active, .btn.is-loading.btn-checkbox.active:hover { background: rgb(13, 94, 161) !important; } .btn-primary.btn-checkbox:hover, .btn.is-loading.btn-checkbox:hover { background: rgb(0, 102, 179) !important; } .btn.btn-only-icon.btn-circle { width: 1.5rem; min-width: 1.5rem; height: 1.5rem; color: rgb(0, 102, 179); margin: 0px 0px 0px 0.5rem !important; } .btn.btn-only-icon.btn-circle .svg-wrapper { height: auto; } @media (max-width: 767px) { .btn.btn-only-icon.btn-circle { border-radius: 50%; width: 1.25rem; min-width: 1.25rem; height: 1.25rem; } } .btn-secondary, .btn-secundary { background: rgb(153, 153, 153); } .btn-secondary span, .btn-secundary span { color: rgb(255, 255, 255); } .btn-secondary:hover, .btn-secundary:hover { background: rgb(119, 119, 119); } .btn-secondary span, .btn-secundary span { color: rgb(255, 255, 255) !important; } .btn-outline:hover { border-color: rgb(13, 94, 161); color: rgb(13, 94, 161); background: none; } .btn-outline:active, .btn-outline:focus, .btn-outline:focus:active { background: none; box-shadow: none; } .btn-outline.size-small { padding: 0.25rem 0.5rem; } .btn-outline.size-small .btn.btn-default.btn-block span { color: inherit; } .btn-edit { padding: 9px 8px; width: 100%; } @media (max-width: 767px) { .btn-edit { margin-bottom: 0.5rem; } } .row .toolbar-item--fixed { top: 0px; } .theme-auth .toolbar-btn { color: rgb(255, 255, 255); } .navbar-collapse { box-shadow: none; } .navbar-default .navbar-toggle { background: none; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: rgb(255, 255, 255); } a.table-row .table-data-icon { text-align: center; font-size: 1.35rem; line-height: 1; width: 1%; padding: 0px; } a.table-row .table-data-icon .message-icon { font-size: 1.3rem; } .green-icon { color: rgb(0, 159, 98); } .red-icon { color: rgb(255, 24, 0); } .icon-close-outline { background-image: url("/frontend/static/media/icon-close-outline.3708772e.svg"); } .icon-check-outline, .icon-close-outline { height: 1.2rem; width: 1.2rem; background-repeat: no-repeat; } .icon-check-outline { background-image: url("/frontend/static/media/icon-check-outline.a47b4d22.svg"); } .icon-alert-outline { background-image: url("/frontend/static/media/icon-alert-outline.4f1c565f.svg"); height: 1.2rem; width: 1.2rem; background-repeat: no-repeat; } .blue-document-icon { color: rgb(0, 102, 179); font-size: 1.5rem; } .red-data { background-color: rgb(255, 24, 0); border-radius: 1rem; margin-left: 0.5rem; text-transform: uppercase; padding: 0.25rem 0.45rem !important; color: rgb(255, 255, 255) !important; font-size: 0.6rem !important; } @media (max-width: 767px) { .red-data { display: unset; margin-left: 0px; padding: 0.2rem 0.5rem !important; } } .blue-data { background-color: rgb(0, 102, 179); border-radius: 1rem; margin-left: 0.25rem; text-transform: uppercase; padding: 0.2rem 0.4rem !important; color: rgb(255, 255, 255) !important; font-size: 0.55rem !important; } @media (max-width: 767px) { .blue-data { display: unset; margin-left: 0px; padding: 0.2rem 0.5rem !important; } } .green-data, .green-data-outline { border-radius: 1rem; margin-left: 0px; text-transform: uppercase; background: rgb(0, 159, 98); vertical-align: middle; padding: 0.25rem 0.45rem !important; color: rgb(255, 255, 255) !important; font-size: 0.6rem !important; } @media (max-width: 767px) { .green-data, .green-data-outline { display: unset; margin-left: 0px; padding: 0.2rem 0.5rem !important; } } .blue-data-outline { border-radius: 1rem; margin-left: 0.25rem; text-transform: uppercase; background: rgb(0, 102, 179); vertical-align: middle; text-align: center; padding: 0.2rem 0.4rem !important; font-size: 0.55rem !important; } .blue-data-outline, .blue-data-outline span { color: rgb(255, 255, 255) !important; } @media (max-width: 767px) { .blue-data-outline { display: unset; margin-left: 0px; padding: 0.16rem 0.28rem !important; } .blue-data-outline.can-sign-label { display: block; width: 80px; margin-left: auto !important; } } button.blue-data-outline { border: none; } button.blue-data-outline:active:hover, button.blue-data-outline:focus, button.blue-data-outline:hover { background: rgb(0, 102, 179); } button.blue-data-outline:focus-visible { outline: rgb(17, 17, 17) auto 1px; outline-offset: 3px; background: rgb(0, 102, 179); } a.table-row:hover { background-color: rgba(0, 0, 0, 0.05); } a.table-row:hover .table-data-icon .icon.ion-android-arrow-dropright { color: rgb(0, 102, 179); } .input-group-product { display: flex; justify-content: flex-start; align-items: center; } .input-group.product-number { width: 65%; } .input-group.product-suboperation { width: 35%; } .separator { margin-right: 1%; margin-left: 1%; } @media (min-width: 768px) { .above-the-fold.tight-containers .container--layout:first-of-type { margin-top: 2rem; } .empty-content { color: rgb(17, 17, 17); display: block; background-color: rgb(255, 255, 255); font-size: 0.8rem; width: 100%; text-align: center; } .empty-content span { background: rgb(242, 242, 242); display: block; padding: 0.5rem; } .empty-content.desktop { background-color: transparent; } .logo { width: 8rem; margin: 0px 0px 0.25rem; } .form-group-text, .switch-label-text { margin: 0px 0px 0.15rem; } .form-group-text span, .switch-label-text span { line-height: 1; font-size: 0.9rem; padding-top: 0.3rem; color: rgb(17, 17, 17); } } @media (min-width: 768px) and (max-width: 991px) { .empty-content.desktop { display: none; } .logo { margin: 1rem 0px 0.25rem; } } @media (max-width: 767px) { .empty-content { display: flex; background-color: rgb(242, 242, 242); color: rgb(17, 17, 17); justify-content: center; padding: 0.5rem; font-size: 0.8rem; margin: 0px; } .empty-content.desktop { display: none; } .logo { width: 90px; position: absolute; left: 50%; margin: 5px auto 0px -45px; } .navigational-list { list-style: none; padding: 0px; } .navigational-list .navigational-list-item { margin-bottom: 0.5rem; } .navigational-list .navigational-list-item .btn.btn-quiet, .navigational-list .navigational-list-item:last-of-type { margin-bottom: 0px; } .navigational-list .navigational-list-item .text-subtitle { padding: 0px; margin: 1rem 0px 0.5rem !important; text-align: left !important; } .navigational-list .navigational-list-item .text-subtitle span { color: rgb(13, 94, 161); text-transform: uppercase; font-size: 0.8rem !important; margin: 0px !important; } } .bank-search-info { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .white-link { color: rgb(255, 255, 255); } @media (max-width: 767px) { .above-the-fold { min-height: auto; } .above-the-fold .message-container { margin-top: 0px; } .desktop-nav { margin: 0px; } .container { margin: 0px auto; padding: 0px 1rem; } .container:empty { padding: 0px; } .toolbar-item.view-title { margin: 0px; } .align-items-right { text-align: center; } .theme-auth .text-lead { text-align: left; color: rgb(102, 102, 102); } ul { padding: 0px 0px 0.5rem; } hr { margin-bottom: 1rem; } } .toolbar-item .c-control, .toolbar-item .form-group { align-self: center; margin-right: 0px; } @media (max-width: 767px) { .dropdown { z-index: 2 !important; } } .option-list { display: flex; justify-content: space-between; flex-direction: column; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 1px; position: absolute; z-index: 2; } .option-list a { font-size: 0.9rem; padding: 0.5rem 1rem; text-decoration: none; } .data-name.brand-info { margin-top: -10px; padding-right: 10px; } @media (max-width: 767px) { .data-name.brand-info { margin-top: -8px; padding-right: 6px; } } .result-container { padding: 0px; align-items: center; margin: 0px 0px 1rem; } .result-container.header { display: flex; justify-content: flex-start; align-items: center; margin: 0px; padding: 0px; } .result-container .data-name { color: rgb(17, 17, 17); font-weight: 400; } @media (min-width: 768px) { .result-container { display: flex; } } @media (max-width: 767px) { .result-container .data-name { font-size: 0.9rem; color: rgb(17, 17, 17); } } .result-container .result-label { font-size: 0.9rem; color: rgb(17, 17, 17); padding-right: 1rem; padding-left: 0px; width: 16.5%; } .result-container .result-detail { font-weight: 700; color: rgb(17, 17, 17); } .result-container.result-text { color: rgb(17, 17, 17); display: block; font-size: 0.8rem; padding: 0.75rem; margin-bottom: 1rem; border-radius: 3px; } .result-container h1 { margin-bottom: 0px; } @media (min-width: 768px) { .result-label { font-size: 0.9rem; color: rgb(17, 17, 17); } .result-label, .result-label.form { padding-left: 0px; } .result-data { font-family: "Gotham Medium"; color: rgb(17, 17, 17); } .result-data, .result-data .data-name, .result-data .data-name .data-title.data-amount { font-size: 0.9rem; } .result-data .data-name .data-title.data-amount .data-amount-currency, .result-data div .data-title.data-amount { font-size: 0.9rem; font-family: "Gotham Medium"; } .widget-exs { display: flex; } } @media (min-width: 768px) and (max-width: 991px) { .desktop-edit { display: none !important; } } @media (max-width: 767px) { .widget-exs a { text-align: center; font-size: 0.8rem; display: block; } .widget-exs .info-message { display: flex; align-items: center; justify-content: center; padding-bottom: 0.25rem; } .widget-exs .info-message .messageInfo-icon { font-size: 1.2rem; padding-right: 0.3rem; } .widget-exs .info-message span { font-size: 0.8rem; } .download-button { text-align: left; } .download-button i { font-size: 1rem; background-color: rgb(0, 102, 179); border-radius: 50%; color: rgb(255, 255, 255); display: inline-block; width: 1.25rem; height: 1.25rem; margin-right: 0.5rem; text-align: center; } .download-button span { color: rgb(0, 102, 179); } .result-label { font-size: 0.9rem; color: rgb(17, 17, 17); } .result-label, .result-label.form { padding-left: 0px; } .result-container { padding: 0px; margin: 0px; font-size: 0.9rem; } .result-container.header { padding: 1rem 0px 1rem 1rem; } .result-container.header .text-subtitle { margin: 0px !important; } .result-data { color: rgb(17, 17, 17); font-size: 0.9rem; } .result-data, .result-data .data-title.data-amount, .result-data .data-title.data-amount .data-amount-currency { font-family: "Gotham Medium"; } .result-data .data-title { font-size: 0.9rem; } .result-data .data-name .data-title.data-amount { font-size: 0.9rem; font-family: "Gotham Medium"; } .result-data .data-name .data-title.data-amount .data-amount-currency { font-size: 0.9rem; } } .toolbar .container .row { display: flex; width: 100%; } .toolbar .container .row .text-subtitle { flex: 2.25 1 0%; } .input-search { width: 210px; } @media (max-width: 767px) { .input-search { width: 100%; } } .input-search .form-group { margin: 0px; } .input-search .form-group .input-group { margin: 0px; border: 1px solid rgb(0, 102, 179); border-radius: 3px; background: rgb(255, 255, 255); } .input-search .form-group .input-group .form-control, .input-search .form-group .input-group .react-tagsinput { font-size: 0.8rem; line-height: 1.5; color: rgb(17, 17, 17); } @media (max-width: 767px) { .input-search .form-group .input-group .form-control, .input-search .form-group .input-group .react-tagsinput { line-height: 1.6 !important; } } .input-search .form-group .input-group i { border-radius: 0px; font-size: 1em; padding: 0px 0px 0px 0.7em; color: rgb(153, 153, 153); } .input-search .form-group.has-focus .input-group { border: 1px solid rgb(0, 102, 179); background: rgb(255, 255, 255); } @media (max-width: 767px) { .input-search .form-group.has-focus .input-group { background: rgb(181, 211, 242); border: 1px solid rgb(0, 102, 179); } } .input-search .form-group.has-focus .input-group .form-control, .input-search .form-group.has-focus .input-group .react-tagsinput, .input-search .form-group.has-focus .input-group i { color: rgb(17, 17, 17); } .input-search .form-group .input-group .form-control::placeholder, .input-search .form-group .input-group .react-tagsinput::placeholder { line-height: 1.5; color: rgb(17, 17, 17); } .input-search .form-group .input-group .form-control, .input-search .form-group .input-group .form-control:focus, .input-search .form-group .input-group .react-tagsinput { background: none; } .toolbar-item .btn { line-height: 1; padding: 0.75rem 1.15rem; } @media (max-width: 767px) { .toolbar-item .btn { width: 100%; margin-bottom: 0px; } } .toolbar-item .dropdown { display: flex; justify-content: flex-end; } .input-group-code { flex-direction: row; display: flex; align-items: center; } .input-group-code .react-code-input input { border-radius: 6px; border: 1px solid rgb(0, 102, 179); background: rgb(255, 255, 255); margin: 0.1rem 0.7rem 0.1rem 0px; width: 2.5rem; height: 2.5rem; box-sizing: border-box; text-align: center; outline: none; } @media (max-width: 767px) { .input-group-code .react-code-input input { margin: 0.1rem 0.3rem 0.1rem 0px; } } .input-group-code .react-code-input.has-error input { border: 1px solid rgb(255, 24, 0); color: rgb(255, 24, 0); } .form-group .input-group { border-radius: 3px; } @media (max-width: 767px) { .form-group .input-group.icon-search { padding-left: 0.75rem; } .form-group .input-group ::placeholder { color: rgb(51, 51, 51); } } .form-group-control-list .c-control { width: 100%; } @media (max-width: 767px) { .form-group-control-list .c-control { display: inline-block; } } .c-control-label::before { border-radius: 0px; } input[type="checkbox"] + label.c-control-label::before { border-radius: 3px; } .switch-label::before { border-radius: 10rem !important; } .input-search-servicePayment .input-search .form-group .input-group { color: rgb(153, 153, 153); border-radius: 3px; border: 1px solid rgb(76, 147, 201) !important; background: rgb(255, 255, 255) !important; } .input-search-servicePayment #search { color: rgb(51, 51, 51); padding: 0.45rem 0.5rem; } .input-search-servicePayment #search::placeholder { color: rgb(153, 153, 153); } .bankSearchOuterComponents-row { display: flex; flex-direction: column; margin-bottom: 1rem; } .bankSearchOuterComponents-row .bankSearchOuterComponents-row-label { font-size: 0.9em; color: rgb(17, 17, 17); padding-left: 0px; display: flex; justify-content: flex-start; align-items: center; font-family: "Gotham Medium"; } .bankSearchOuterComponents-row .bankSearchOuterComponents-row-label .icon { font-size: 1.8rem; color: rgb(0, 102, 179); } @media (max-width: 767px) { .bankSearchOuterComponents-row .bankSearchOuterComponents-row-label .icon { margin: 0px 0.5rem; } } @media (max-width: 767px) { .bankSearchOuterComponents-row .bankSearchOuterComponents-row-label .btn-block { margin-left: 0.5rem; align-self: flex-end; } } .bankSearchOuterComponents-row .bankSearchOuterComponents-row-data { display: flex; justify-content: space-between; } .bankSearchOuterComponents-row .bankSearchOuterComponents-row-data span { font-size: 1.25em; font-family: "Gotham Medium"; } .compose-row { display: flex; flex-direction: column; margin-bottom: 1rem; } .compose-row .compose-row-label { font-size: 0.9em; color: rgb(17, 17, 17); padding-left: 0px; display: flex; justify-content: flex-start; align-items: center; font-family: "Gotham Medium"; } .compose-row .compose-row-label .icon { font-size: 1.8rem; color: rgb(0, 102, 179); } @media (max-width: 767px) { .compose-row .compose-row-label .icon { margin: 0px 0.5rem; } } @media (max-width: 767px) { .compose-row .compose-row-label .btn-block { align-self: flex-end; } } .compose-row .compose-row-data { display: flex; justify-content: space-between; } .compose-row .compose-row-data span { font-size: 1em; font-family: "Gotham Medium"; } .close-btn, .delete-btn, .message-btn { font-size: 1.5rem; cursor: pointer; color: rgb(0, 102, 179); padding: 0px 0.5rem; } .close-btn:hover, .delete-btn:hover, .message-btn:hover { color: rgb(13, 94, 161); } .close-btn.item, .delete-btn.item, .message-btn.item { font-size: 1rem; padding: 0px; } .item-remove-button { padding: 0px 0.5rem; cursor: pointer; background: transparent; border: 0px; } .item-remove-button .icon { font-size: 1.5rem; color: rgb(17, 17, 17); } .history-toggle-icon { cursor: pointer; background: transparent; border: 0px; position: absolute; right: 0px; top: 0.5rem; } .history-toggle-icon .svg-icon { width: 1.8rem; min-width: 1.8rem; height: auto; color: rgb(17, 17, 17); } .history-items-container { background: rgb(255, 255, 255); position: absolute; z-index: 9; width: 100%; top: 41px; padding-bottom: 0px; border-right: 1px solid rgb(76, 147, 201); border-bottom: 1px solid rgb(76, 147, 201); border-left: 1px solid rgb(76, 147, 201); border-image: initial; border-top: none; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; border-radius: 0px 0px 5px 5px; max-height: 200px; overflow-y: scroll; } .item-text { flex-grow: 1; } @media (max-width: 767px) { select[multiple].form-control, select[multiple].react-tagsinput, textarea.form-control, textarea.react-tagsinput { height: 15rem; } } .communications-rules-container { margin-top: 0.5rem; } .communications-rules-container li { font-size: 0.9rem; } .communications-delete-attachment { display: flex; justify-content: flex-start; align-items: center; } .communications-delete-attachment.align-items-baseline { align-items: baseline !important; } .communications-delete-attachment .break-word-container { width: 70%; overflow-wrap: break-word; } @media (max-width: 767px) { .communications-delete-attachment .break-word-container { width: 100%; } } .communications-delete-attachment .delete-btn { font-size: 1.5rem; } .break-word-container { overflow-wrap: break-word; } .break-all { word-break: break-all; } .new-contact-title { margin-bottom: 1rem !important; } .custom-file-input { color: transparent; width: 6rem; border-radius: 3px; } @media (max-width: 767px) { .custom-file-input { width: 100%; } } .custom-file-input::-webkit-file-upload-button { visibility: hidden; } .custom-file-input::before { content: "Adjuntar"; color: rgb(0, 102, 179); display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 102, 179); border-radius: 3px; padding: 0.75rem 1.15rem; margin-top: 1rem; outline: none; white-space: nowrap; cursor: pointer; font-family: "Gotham Book"; font-size: 0.8rem; text-align: center; } @media (max-width: 767px) { .custom-file-input::before { width: 100%; display: block; margin-top: 0px; } } .custom-file-input:hover::before { border-color: rgb(0, 102, 179); } .custom-file-input:active { outline: 0px; } .custom-file-input:focus { outline: 0px !important; } .custom-file-input.none { display: none; } @media (max-width: 767px) { .file-selector-container .communications-delete-attachment { padding: 0px !important; } } .paycheck-label .break-word-container { width: auto !important; overflow-wrap: normal; } .paycheck-label .communications-delete-attachment { padding-left: 0px !important; padding-top: 0.25rem !important; } .paycheck-label .allowed-extensions { padding-top: 0.25rem; } @media (max-width: 767px) { .paycheck-label .allowed-extensions { padding-top: 0px; } } @media (max-width: 767px) { .button-file.reset-margin-left-mb .btn-outline { margin-left: 0px !important; } } @media (max-width: 767px) { .button-file .custom-file-input { height: 42px; } } .reader-attach-item { cursor: pointer; display: flex; justify-content: flex-start; align-items: center; } .reader-attach-item .svg-wrapper { width: 1.3rem; height: 1.3rem; margin-right: 0.5rem; } @media (max-width: 767px) { .reader-attach-item .svg-wrapper { height: 1.3rem; margin-right: 0.5rem; width: 1.3rem !important; } } .no-padding-left { padding-left: 0px; } .serialNumber1 { max-width: 55px; } .serialNumber2 { max-width: 190px; } .serialNumber3 { max-width: 30px; } @media (max-width: 767px) { .securityCode .form-group { max-width: 100%; } } .digitalKey { max-width: 260px; } .messageInfo-icon, .messageWarn-icon { font-size: 1.25rem; padding-right: 0.5rem; vertical-align: middle; } .messageInfo-icon { color: rgb(0, 102, 179); } .messageWarn-icon { color: rgb(236, 135, 14); } .message-warn { margin: 0px; display: flex; } .message-warn span { font-family: "Gotham Book"; font-size: 0.8rem; padding: 0.3rem 0px; } .otpRequest-image { max-width: 250px; max-height: 250px; width: 115px; } .result-label-fit { min-width: 7em; } .form-footer .btn-default:focus { background-color: rgb(255, 255, 255); } .form-footer .btn-default:hover { background-color: rgb(221, 221, 221); } .link-style { font-size: 0.9rem; color: rgb(0, 102, 179); cursor: pointer; text-decoration: underline; background: none; border: none; padding: 0px; } .link-style:hover { color: rgb(13, 94, 161); text-decoration: underline; } .link-style span { margin: 0px; } @media (max-width: 767px) { .link-style { margin: 0px; justify-content: flex-start; } } @media (max-width: 767px) { #tooltip-bankHelp { left: 3px !important; width: 98%; } #tooltip-bankHelp > p { text-align: left !important; float: left !important; } .display-none-mb { display: none; } } ul.list-disc { margin-top: 0px; } ul.list-disc li { list-style-type: disc; margin-left: 1.5em; } @media (max-width: 767px) { .margin-bottom-mobile-1rem { margin-bottom: 1rem; } } @media (min-width: 768px) { .margin-bottom-desktop-1rem { margin-bottom: 1rem; } } @media (min-width: 768px) { .margin-bottom-desktop-2rem { margin-bottom: 2rem; } } .logo-brou-login { width: 160px; margin: 1.4rem auto 0.7rem; } p.iva-legend { margin: 0px; } p.iva-legend span { font-family: "Gotham Book" !important; } @media (min-width: 768px) { p.iva-legend { margin-left: 0.5rem; } } .mibrou-svg .svg-wrapper { max-width: 230px; margin: 0px auto; display: block; justify-content: center !important; } @media (max-width: 360px) { .mibrou-svg .svg-wrapper { max-width: 180px; } } @media (max-width: 395px) { .associated-accounts .data-title { font-size: 0.85rem; } } @media (max-width: 310px) { .associated-accounts .data-title { flex: 0 0 auto; max-width: 100%; padding: 0px; font-size: 0.9rem; } .associated-accounts .data-title:last-child { font-family: "Gotham Medium" !important; } } @media (max-width: 310px) { .associated-accounts .row { padding-top: 0.5rem; } } .additional-accounts { padding-bottom: 0.5rem; } .additional-accounts + .btn.btn-only-icon.btn-circle { align-self: flex-end; border-radius: 0px !important; border-bottom: 1px solid rgb(221, 221, 221) !important; margin-left: 0px !important; padding-bottom: 1rem !important; } .additional-accounts + .btn.btn-only-icon.btn-circle.btn-circle:hover { color: rgb(13, 94, 161) !important; box-shadow: none; } .icon-size-1rem i { font-size: 1rem; } i.icon-green { color: rgb(0, 159, 98); } i.icon-red { color: rgb(255, 24, 0); } .id-icon-wrapper { display: block; margin: 2rem auto; max-width: 260px; width: 100%; padding-left: 2rem; } .id-icon-wrapper .st0 { fill: rgb(222, 222, 222) !important; } .id-icon-wrapper .st1 { fill: rgb(255, 255, 255) !important; } .outline-text span { color: currentcolor !important; } .loan-container { display: flex; flex: 1 1 0%; flex-direction: column; } .loan-background { background-color: rgb(242, 242, 242); } .loan-box { flex: 1 1 0%; color: rgb(17, 17, 17); justify-content: center; padding: 0px; font-size: 0.8rem; margin: 0px; border-radius: 0px 0px 10px 10px; } .black-box { background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); } .background-color-white { background-color: rgb(255, 255, 255) !important; } .link-inline { display: inline; } .fixed-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); } .terms-container { position: relative; } .terms-icon-container { margin-top: -6rem; } .terms-icon-container .svg-wrapper { justify-content: center; } .terms-content { background-color: rgb(255, 255, 255); margin-top: -2rem; padding-top: 2rem; } .icon-envelope-notification .svg-icon { width: 1.4rem !important; height: 1.4rem !important; } .onb-debitcard-container .slick-initialized .slick-slide { overflow: hidden; } .onb-debitcard-container .slick-track { display: flex; align-content: flex-start; } .onb-debitcard-container .onb-debitcard-detail .onb-debitcard-img { height: 30vh; max-height: 30vh; } .onb-debitcard-container .onb-debitcard-detail .onb-debitcard-img img { float: none; margin: 0px auto; max-height: inherit; max-width: 100%; width: auto; } .onb-debitcard-container .onb-debitcard-detail .btn { font-size: 0.94rem; } @media (max-width: 390px) { .onb-debitcard-container .onb-debitcard-detail .btn { font-size: 0.89rem; } } .svg-icon-blue { color: rgb(0, 102, 179); } .svg-icon-2rem { width: 2rem; min-width: auto; } .home-icon { width: 2.1rem; min-width: auto; } .icon-circle { border-radius: 50%; } .icon-ebrou-content { display: flex; align-items: center; background-color: rgb(255, 255, 255); border-radius: 10px; padding: 0.35rem; } .icon-ebrou-content .svg-icon-tab { width: 1.8rem; height: 1.8rem; } .service-content { display: inline-grid; justify-content: center; border: solid rgb(0, 102, 179); background-color: rgb(255, 255, 255); border-radius: 8px; margin-top: 1rem; margin-bottom: 0.5rem; flex: 0 0 46%; max-width: 46%; } .service-title { text-align: center; margin-top: 1.5rem; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.9rem; } .bank-icon { padding: 12px 10px 14px; width: 3.9rem; } .bank-icon .svg-wrapper { justify-content: center; vertical-align: top; } .bank-icon .svg-wrapper .svg-icon-tab { width: 2rem; height: 2rem; } .qr-icon { width: 2rem; } .services-icons .svg-wrapper { width: 5rem; } .services-message { margin: 0.5rem 0px 0px 1rem; text-align: start; color: rgb(255, 255, 255); font-size: 0.9rem; } .services-title-container { border-radius: 20px 20px 0px 0px; margin-top: -3rem; padding-top: 1rem; z-index: 2; background: rgb(255, 255, 255); margin-left: 1rem; width: calc(100% - 2rem); } .services-confirmation-container { background: rgb(255, 255, 255); width: 100%; display: flex; flex-direction: column; z-index: 999; } .services-confirmation-container .data-wrapper { padding: 0px 2rem; } .services-confirmation-container .highlight, .services-confirmation-container .highlight-label { background-color: rgb(234, 234, 234); display: block; width: 100%; text-align: center !important; } .services-confirmation-container .highlight { padding: 0px 0px 0.5rem; } .services-confirmation-container .highlight-label { padding: 0.5rem 0px 0px !important; } .parking-payment-title { align-self: flex-start; margin-top: 0px; height: calc(100% - 3.5rem); align-content: center; } @media (max-width: 650px) { .parking-payment-title { max-width: 20rem; } } @media (max-width: 540px) { .parking-payment-title { max-width: 14rem; } } @media (max-width: 450px) { .parking-payment-title { max-width: 9rem; } } @media (max-width: 330px) { .parking-payment-title { max-width: 8rem; } } .group-content { display: flex; background-color: rgb(234, 234, 234); color: rgb(17, 17, 17); justify-content: start; padding: 0.5rem; font-size: 0.9rem; margin: 0px; } .bg-brou-faqs { background-image: url("/frontend/static/media/faq-background.99faafc7.png"); background-color: rgb(1, 70, 129); background-repeat: no-repeat; background-position: 50% center; background-size: cover; border-radius: 10px; width: 100%; align-items: flex-end; min-height: 10rem; align-content: end; } .bg-brou-faqs, .bg-brou-faqs .link-style, .bg-brou-faqs a, .bg-brou-faqs label { font-family: "Gotham Medium"; font-size: 1rem; color: rgb(255, 255, 255) !important; text-decoration: none !important; } .bg-brou-faqs .link-style:active, .bg-brou-faqs .link-style:hover, .bg-brou-faqs .link-style:link, .bg-brou-faqs .link-style:visited, .bg-brou-faqs a:active, .bg-brou-faqs a:hover, .bg-brou-faqs a:link, .bg-brou-faqs a:visited, .bg-brou-faqs label:active, .bg-brou-faqs label:hover, .bg-brou-faqs label:link, .bg-brou-faqs label:visited { color: rgb(255, 255, 255) !important; text-decoration: none !important; } .bg-brou-assistance { background-image: url("/frontend/static/media/asistencia-brou-background.fc649ea0.png"); background-color: rgb(1, 70, 129); background-repeat: no-repeat; background-position: 50% center; background-size: cover; border-radius: 10px; width: 100%; align-items: flex-end; min-height: 10rem; align-content: end; } .bg-brou-assistance, .bg-brou-assistance .link-style, .bg-brou-assistance a, .bg-brou-assistance label { font-family: "Gotham Medium"; font-size: 1rem; color: rgb(255, 255, 255) !important; text-decoration: none !important; } .bg-brou-assistance .link-style:active, .bg-brou-assistance .link-style:hover, .bg-brou-assistance .link-style:link, .bg-brou-assistance .link-style:visited, .bg-brou-assistance a:active, .bg-brou-assistance a:hover, .bg-brou-assistance a:link, .bg-brou-assistance a:visited, .bg-brou-assistance label:active, .bg-brou-assistance label:hover, .bg-brou-assistance label:link, .bg-brou-assistance label:visited { color: rgb(255, 255, 255) !important; text-decoration: none !important; } .bg-brou-contact { background-image: url("/frontend/static/media/contacto-brou-background.f7ad6468.png"); background-color: rgb(1, 70, 129); background-repeat: no-repeat; background-position: 50% center; background-size: cover; border-radius: 10px; width: 100%; align-items: flex-end; min-height: 10rem; align-content: end; } .bg-brou-contact, .bg-brou-contact .link-style, .bg-brou-contact a, .bg-brou-contact label { font-family: "Gotham Medium"; font-size: 1rem; color: rgb(255, 255, 255) !important; text-decoration: none !important; } .bg-brou-contact .link-style:active, .bg-brou-contact .link-style:hover, .bg-brou-contact .link-style:link, .bg-brou-contact .link-style:visited, .bg-brou-contact a:active, .bg-brou-contact a:hover, .bg-brou-contact a:link, .bg-brou-contact a:visited, .bg-brou-contact label:active, .bg-brou-contact label:hover, .bg-brou-contact label:link, .bg-brou-contact label:visited { color: rgb(255, 255, 255) !important; text-decoration: none !important; } .assistance-message { margin: 0.5rem 0px 1rem 1rem; text-align: start; color: rgb(255, 255, 255); font-size: 1rem; width: 12rem; } .assistance-message, .assistance-message label { font-family: "Gotham Medium"; } .margin-right-015rem { margin-right: 1.5rem !important; } .account-item { box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 9px, rgba(0, 0, 0, 0.14) 0px 3px 10px; border-radius: 6px; padding: 1rem; width: 100% !important; } .account-item .svg-wrapper { width: fit-content !important; } .account-item .account-item-text { display: flex; flex-direction: column; align-items: start; justify-content: center; width: 100% !important; } .account-item .account-item-text h4 { margin: 0px; font-weight: 700; } .account-item .account-item-text p { font-size: 12px; padding: 5px; border-radius: 4px; background-color: rgb(211, 211, 211); margin: 0.5rem 0px 0px; width: fit-content !important; } .card-item { box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 9px, rgba(0, 0, 0, 0.14) 0px 3px 10px; border-radius: 6px; padding: 1rem; width: 100% !important; } .card-item .right-content-wrapper { width: fit-content !important; } .card-item .card-item-text { display: flex; flex-direction: column; align-items: start; justify-content: center; color: rgb(255, 255, 255); width: 100% !important; } .card-item .card-item-text h4 { margin: 0px; font-weight: 700; } .card-item .card-item-text h5 { margin: 0px; } .card-item .card-item-text p { font-size: 12px; padding: 5px; border-radius: 4px; background-color: rgb(211, 211, 211); margin: 0.5rem 0px 0px; width: fit-content !important; } .card-suspended-body { height: 2.5rem; width: 100%; padding: 0px; } .extra-message-box-text { font-size: 12px; padding: 5px; background-color: rgb(211, 211, 211); margin: 0.5rem 0px 0px; color: rgb(0, 0, 0); text-align: center; border-radius: 4px; width: 100% !important; } .extra-message-box-text-radius { border-radius: 0px 0px 4px 4px !important; } .extra-message-box { border-radius: 4px 4px 0px 0px; } .flex-direction-column { display: flex; flex-direction: column; } .carousel-account-item { border-radius: 10px; padding: 1rem; width: 100% !important; } .carousel-account-item .icon-circle { max-height: 3.5rem; } .carousel-account-item .carousel-account-item-text { display: flex; flex-direction: column; align-items: start; justify-content: center; min-height: 4rem; width: 100% !important; } .carousel-account-item .carousel-account-item-text h4 { margin: 0px; color: rgb(0, 0, 0); font-weight: 400; } .carousel-account-item .carousel-account-item-text p { width: fit-content !important; margin: 0.5rem 0px 0px !important; } .empty-product-item { box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 9px, rgba(0, 0, 0, 0.14) 0px 3px 10px; border-radius: 6px; padding: 1rem; width: 100% !important; } .empty-product-item .empty-product-item-text { display: flex; align-items: center; justify-content: center; width: 100% !important; } .empty-product-item .empty-product-item-text h4 { margin: 0px; padding: 1rem 0px; } .laboral-data-subtitle-style { color: rgb(0, 102, 179); font-family: "Gotham Medium"; } .carousel-bg { background: rgb(255, 255, 255); border-radius: 0px 5px 5px 0px; padding: 0px; border-left: 1px solid rgb(221, 221, 221); } .carousel-caption { bottom: 0px; padding: 0px; position: static; } .content-text { padding: 1rem 2rem; } .content-text a { text-decoration: none; } h2.title { color: rgb(0, 102, 179); font-size: 1.4rem; font-weight: 400; font-family: "Gotham Medium"; margin: 0.2rem 0px 0.6rem; padding-bottom: 0.6rem; border-bottom: 3px solid rgb(255, 203, 5); } p.paragraph { color: rgb(17, 17, 17); font-size: 0.9rem; margin: 0px; padding: 0px 0px 2rem; } .slider-control-bottomcenter { bottom: 0px !important; } @media (max-width: 767px) { .slider-control-bottomcenter { bottom: -15px !important; } } .slider-control-bottomcenter ul { top: 0px !important; } .carousel-desktop img { border-bottom: none; } .carousel-desktop .content-text { order: 1; background: rgb(255, 255, 255); } .widget .carousel-indicators { bottom: 5px; width: 70%; left: 30%; } .paging-item { opacity: 0.25; } .paging-item button { background: rgb(0, 102, 179) !important; } .paging-item.active { opacity: 1; } @media (min-width: 768px) { .carousel-desktop { display: flex; flex-direction: row-reverse; align-items: center; background: rgb(255, 255, 255); } .slider-control-bottomcenter { left: 30% !important; } .login-desktop-wrapper .slider-control-bottomcenter { left: 50% !important; } } @media (min-width: 1400px) { .carousel-desktop .content-text { padding: 0px 5rem; } .carousel-desktop .content-text h2 { font-size: 1.5rem; } .carousel-desktop .content-text .paragraph { font-size: 1rem; } .slider-control-bottomcenter ul { top: -0.5rem !important; } .login-desktop-wrapper .slider-control-bottomcenter ul { top: -0.25rem !important; } } @media (min-width: 1200px) and (max-width: 1399px) { .slider-control-bottomcenter ul { top: -0.5rem !important; } } @media (min-width: 992px) and (max-width: 1199px) { .carousel-desktop .content-text { padding: 0px 1rem; } .carousel-desktop .content-text h2 { font-size: 1.3rem; } .carousel-desktop .content-text .paragraph { font-size: 0.8rem; } .slider-control-bottomcenter ul { top: -0.5rem !important; } } @media (min-width: 768px) and (max-width: 991px) { .carousel-desktop .content-text h2 { font-size: 1.3rem; } .carousel-desktop .content-text .paragraph { font-size: 1rem; line-height: 1.3; } .slider-control-bottomcenter ul { top: -0.75rem !important; } } @media (max-width: 767px) { .content-text { background: rgb(255, 255, 255); min-height: 9.5rem; padding: 0.75rem !important; } .content-text h2 { font-size: 1.1rem; } .content-text .paragraph { font-size: 0.8rem; line-height: 1.4; padding-bottom: 0.5rem; } .slider-control-bottomcenter ul { top: -0.25rem !important; } .carousel-caption img { border-radius: 0px; border: none; width: 100%; height: 100%; } .carousel { margin: 0px 0px 1rem; } .widget .carousel-indicators { bottom: 0px; width: 100%; } .container { max-width: 100%; } } .carousel-accounts { margin-left: -1rem; width: calc(100% + 2rem); } .carousel-accounts .carousel-control.left, .carousel-accounts .carousel-control.right { background: none; } .carousel-credit-card { position: relative; width: 350px; height: auto; margin-left: 10px; margin-right: 10px; overflow: hidden; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 10px; } .carousel-credit-cards .slick-next::before, .carousel-credit-cards .slick-prev::before { display: none; } .carousel-credit-cards .custom-arrow-next, .carousel-credit-cards .custom-arrow-prev { display: flex; align-items: center; justify-content: center; cursor: pointer; background: transparent; z-index: 2; transition: opacity 0.3s; } .carousel-credit-cards .custom-arrow-next, .carousel-credit-cards .custom-arrow-prev { padding: 0px 0.5rem; } .carousel-credit-cards .disabled { opacity: 0.5; } .carousel-credit-cards .icon-arrow-next, .carousel-credit-cards .icon-arrow-prev { font-size: 24px; color: rgb(0, 102, 179); } .carousel-credit-cards .slick-dots li.slick-active button::before { color: rgb(0, 102, 179); } .carousel-credit-cards .slick-list .row { border-color: rgb(221, 221, 221) !important; padding: 2rem !important; } .error section { position: absolute; top: 50%; margin-top: -174px; } .error h2 { font-size: 3rem; font-family: "Gotham Bold"; padding: 0px 0px 0.5rem; } .error .btn, .error .logos, .error .text-lead p, .error h2 { text-align: center; } .error .btn button:hover { background: rgba(33, 109, 186, 0.5); } .error .logos { display: flex; justify-content: center; } .error .logos div:first-child { text-align: right; } .error .logos div:last-child { text-align: center; justify-content: center; } .error .logos svg { width: 50%; } .error .btn:active { box-shadow: none; } .bg-error { background: rgb(13, 94, 161); } @media (max-width: 767px) { .error h2 { font-size: 2rem; padding: 0px; } .error .btn-primary { margin-bottom: 0px; } .error .logos svg { width: 80%; } } .exchange-rate-container { padding: 0px; } .exchange-rate-container .table { padding: 0px; margin-bottom: 0.5rem; box-shadow: none; border: none; } .exchange-rate-container .table .table-head .table-data { font-size: 0.85rem; padding: 0px 0px 0.5rem; border: none; background: none; } .exchange-rate-container .table .table-head .table-row::before { content: none; } .exchange-rate-container .table .table-head .table-row { display: flex; } .exchange-rate-container .table .table-head .table-row .table-data .table-data-head { font-family: "Gotham Medium"; color: rgb(17, 17, 17); padding: 0px 0px 0.5rem; } .exchange-rate-container .table .table-body .table-row::before { content: none; } .exchange-rate-container .table .table-body .table-row { background-color: rgb(255, 255, 255); display: block; } .exchange-rate-container .table .table-body .table-row .container-exchange { display: table-cell; padding: 0px 0px 0.25rem; } .exchange-rate-container .table .table-body .table-row .container-exchange .svg-wrapper { width: 25px; margin-right: 0.5rem; vertical-align: top; } .exchange-rate-container .table .table-body .table-row .container-exchange span { font-size: 0.9rem; } .exchange-rate-container .table .table-body .table-row div { font-size: 0.9rem; line-height: 2; } .exchange-rate-container .table .table-body .table-row:hover { background: none !important; } .exchange-rate-container a span { font-size: 0.8rem; } .exchange-rate-container .info-message { display: flex; align-items: center; justify-content: left; padding-bottom: 0.5rem; line-height: 1; } .exchange-rate-container .info-message .messageInfo-icon { font-size: 1.2rem; padding-right: 0.4rem; } .exchange-rate-container .info-message span { font-size: 0.8rem; } .container-exchange-ranges { margin: 1rem 0px; display: flex; } .container-exchange-ranges .container-exchange { flex-grow: 1; } .exchange-data, .exchange-data-ranges { display: inline-flex; align-items: center; justify-content: left; margin: 0px 2rem 0px 0px; padding: 0px; } .exchange-data-ranges .flag, .exchange-data .flag { margin-right: 0.5rem; display: flex; } .exchange-data-ranges .flag .svg-wrapper, .exchange-data .flag .svg-wrapper { width: 2.5rem; } .exchange-data-ranges .data-name, .exchange-data .data-name { font-size: 0.9rem; font-family: "Gotham Book"; text-align: left; line-height: 1.25; color: rgb(17, 17, 17) !important; } .exchange-data-ranges span, .exchange-data span { color: rgb(17, 17, 17); } .exchange-data-ranges-table .table-data-head { padding: 0.5rem 0px !important; } .exchange-data-ranges-table .row { margin: 0.25rem 0px; } .container-exchange { padding: 0px; } .container-exchange .data-title { font-size: 0.9rem !important; } .exchange-title { font-size: 0.9rem; font-family: "Gotham Medium"; color: rgb(17, 17, 17); margin-top: 1rem; } .preferential-exchange-rate-container { padding: 0px; } .preferential-exchange-rate-container .table { padding: 0px; margin-bottom: 0.5rem; box-shadow: none; border: none; } .preferential-exchange-rate-container .table .table-head .table-data { font-size: 0.85rem; padding: 0px 0px 0.5rem; border: none; background: none; } .preferential-exchange-rate-container .table .table-head .container-exchange { display: table-cell; padding: 0px 0px 0.25rem; } .preferential-exchange-rate-container .table .table-head .container-exchange.purchase-column { overflow-wrap: normal; } @media (max-width: 1160px) { .preferential-exchange-rate-container .table .table-head .container-exchange.purchase-column { margin-left: -10px; margin-right: 10px; } } .preferential-exchange-rate-container .table .table-head .table-row::before { content: none; } .preferential-exchange-rate-container .table .table-head .table-row .table-data .table-data-head { font-family: "Gotham Medium"; color: rgb(17, 17, 17); padding: 0px 0px 0.5rem; } .preferential-exchange-rate-container .table .table-body { display: inline-block; width: 100%; font-size: 0.9rem !important; } .preferential-exchange-rate-container .table .table-body.row { margin-bottom: 0.5rem; } .preferential-exchange-rate-container .table .table-body.row:last-child { margin-bottom: 0px; } @media (max-width: 1160px) { .preferential-exchange-rate-container .table .table-body { font-size: 0.8rem !important; } } @media (max-width: 991px) { .preferential-exchange-rate-container .table .table-body { font-size: 0.9rem !important; } } .preferential-exchange-rate-container .table .table-body .table-row::before { content: none; } .preferential-exchange-rate-container .table .table-body div[class^="col-"] { padding: 0px; } .preferential-exchange-rate-container .table .table-body .container-exchange { display: table-cell; padding: 0px 0px 0.25rem; } .preferential-exchange-rate-container .table .table-body .container-exchange.purchase-column { padding-right: 1rem; } .preferential-exchange-rate-container .table .table-body .container-exchange .svg-wrapper { width: 25px; margin-right: 0.5rem; vertical-align: top; } .preferential-exchange-rate-container .table .table-body .container-exchange span { font-size: 0.9rem !important; } @media (max-width: 1160px) { .preferential-exchange-rate-container .table .table-body .container-exchange span { font-size: 0.8rem !important; } } @media (max-width: 991px) { .preferential-exchange-rate-container .table .table-body .container-exchange span { font-size: 0.9rem !important; } } .preferential-exchange-rate-container .table .table-body .table-row:hover { background: none !important; } .preferential-exchange-rate-container a span { font-size: 0.8rem; } .preferential-exchange-rate-container .info-message { display: flex; align-items: center; justify-content: left; padding-bottom: 0.5rem; line-height: 1; } .preferential-exchange-rate-container .info-message .messageInfo-icon { font-size: 1.2rem; padding-right: 0.4rem; } .preferential-exchange-rate-container .info-message span { font-size: 0.8rem; } .exchange-data { display: inline-flex; align-items: center; justify-content: left; margin: 0px 2rem 0px 0px; padding: 0px; } .exchange-data .flag { margin-right: 0.5rem; display: flex; } .exchange-data .flag .svg-wrapper { width: 2.5rem; } .exchange-data .data-name { font-size: 0.9rem; font-family: "Gotham Book"; text-align: left; line-height: 1.25; color: rgb(17, 17, 17) !important; } .exchange-data span { color: rgb(17, 17, 17); } .exchenge-data-wrapper .amount-limit { display: block !important; } .exchenge-data-wrapper .amount-limit.data-wrapper .data-label + span, .exchenge-data-wrapper .amount-limit.data-wrapper .data-label-bottom-sheet + span { display: inline-block; font-family: "Gotham Book" !important; width: auto !important; } .exchenge-data-wrapper .amount-limit .data-name { display: inline-block !important; width: auto !important; } .exchenge-data-wrapper .amount-limit .data-name .data-title { display: inline-block; margin-left: 0.25rem; width: auto !important; } .data-wrapper .data-label, .data-wrapper .data-label-bottom-sheet { text-align: left; color: rgb(17, 17, 17); margin-top: 0px; font-size: 0.9rem; font-weight: 400; padding-right: 10px; } .slick-slider { margin-bottom: 0.5rem; text-align: center; padding-bottom: 0.5rem; } .slick-slider .slick-list .slick-track .data-wrapper .data-label, .slick-slider .slick-list .slick-track .data-wrapper .data-label-bottom-sheet { font-family: "Gotham Book"; font-size: 0.8rem; } .slick-slider .slick-list .slick-track .data-wrapper .data-name .data-title { font-size: 1rem; font-family: "Gotham Book"; } .slick-dots { margin-top: 0px; } .slick-dots li .slick-active button::before { color: rgb(0, 102, 179); transform: scale(1.2); } .slick-dots li button::before { color: rgb(0, 102, 179); font-size: 2rem; } .slick-list .data-wrapper { display: flex; flex-flow: wrap; align-items: baseline; width: auto; margin: 0.5rem 1rem; } .slick-list .row { display: flex; justify-content: space-between; flex-wrap: nowrap; } .slick-list .row .data-title { font-size: 1.2rem; font-weight: 400; } .slick-list .row .data-wrapper { padding: 0px; margin: 0px; } .text-center span { color: rgb(17, 17, 17); } @media (max-width: 767px) { .widget--exchangeRates a { padding: 0px; font-size: 0.8rem; } .width-10 { width: 10%; } .width-25 { width: 25%; } .width-30 { width: 30%; } .width-40 { width: 40%; } .width-50 { width: 50%; } .slick-slider .slick-dots li button::before { color: rgba(0, 102, 179, 0.5) !important; } .slick-slider .slick-dots li.slick-active button::before { color: rgb(0, 102, 179) !important; } } .filters .btn { padding: 0.6rem; } .filters .form-content.container { padding: 0px; } .exchange-rates-slider.slick-initialized .slick-slide { vertical-align: top; } .favorites-container ul li a { background: rgb(255, 255, 255); border: none; color: rgb(13, 94, 161); border-radius: 0px; display: flex; padding: 0.25rem 0.75rem; text-decoration: none; } .favorites-container ul li a:hover { transition: 0.5s ease-in-out; } .favorites-container ul li a:hover .favorites-container-row-data span, .favorites-container ul li a:hover i { color: rgb(0, 102, 179); } @media (min-width: 768px) { .favorites-container { margin: 0px 0px 1rem; } .favorites-container ul { margin: 0px; padding: 0px; } .favorites-container ul li { margin: 0px 0px 0.5rem; } .favorites-container ul li a { justify-content: space-between; align-items: center; } .favorites-container ul li a .favorites-container-row-data span { color: rgb(13, 94, 161); font-family: "Gotham Book"; font-size: 0.8rem; } .favorites-container ul li a i { float: right; font-size: 1.4rem; line-height: 1.6; color: rgb(183, 183, 183); } } @media (min-width: 768px) and (max-width: 991px) { .favorites-container { margin: 0px; } .favorites-container ul { display: flex; justify-content: space-between; } .favorites-container ul li { margin: 0px 0px 0.25rem; width: 19%; } .favorites-container ul li a { height: 100%; flex-direction: column; padding: 0.5rem 0.25rem; background: none; box-shadow: none; border: none; } .favorites-container ul li a:hover { box-shadow: none; } .favorites-container ul li a .favorites-container-row-data { text-align: center; line-height: 1; padding: 0px; } .favorites-container ul li a .favorites-container-row-data span { font-size: 0.9rem; text-align: center; padding: 0px; margin: 0px; line-height: 0.9; } .favorites-container ul li a i { display: none; } .favorites-container ul li:first-child { margin-left: 0px; } } @media (max-width: 767px) { .favorites-container { margin: 0px; padding-top: 0px; } .favorites-container ul { display: flex; justify-content: space-between; padding: 0px; margin-bottom: 0px; } .favorites-container ul li { margin: 0px; list-style: none; width: 25%; } .favorites-container ul li a { flex-direction: column; padding: 0px; min-height: auto; background: none; border: none; box-shadow: none; } .favorites-container ul li a:hover { border: none; box-shadow: none; } .favorites-container ul li a .favorites-container-row-data { text-align: center; } .favorites-container ul li a .favorites-container-row-data span { font-family: "Gotham Book"; font-size: 0.6rem; width: 100%; display: block; text-align: center; line-height: 1.3; margin-top: 0px; } .favorites-container ul li a i { display: none; } .favorites-container ul li:first-child { margin-left: 0px; border-left: none; } .favorites-container.login ul li a .favorites-container-row-data span { font-size: 0.8rem; } } .favorites-container .favorites-image.transfer-by-alias { background-position-x: 0px; } @media (min-width: 768px) { .favorites-container .favorites-image.transfer-by-alias { background-position-x: -4px; } } @media (min-width: 768px) and (max-width: 991px) { .favorites-container .favorites-image.transfer-by-alias { background-position-x: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .favorites-container-row-data { text-align: center; } } .favorites-image { background-color: transparent; background-position: 0px center; background-repeat: no-repeat; vertical-align: middle; height: 27px; display: inline-block; width: 27px; margin-right: 0.5rem; } @media (min-width: 768px) and (max-width: 991px) { .favorites-image { width: 100%; margin-bottom: 0.5rem; margin-right: 0px; background-position: 50% center !important; } } @media (max-width: 767px) { .favorites-image { margin-right: 0px; margin-bottom: 0.25rem; background-position: 50% center; } } .favorites-image.service-pay { background-image: url("/frontend/static/media/icon-fav-01.6c641be7.svg"); } .favorites-image.transfer-in { background-image: url("/frontend/static/media/icon-fav-02-A.7e7d004d.svg"); } .favorites-image.transfer-out { background-image: url("/frontend/static/media/icon-fav-02-B.dc91dc89.svg"); } .favorites-image.transfer-in-out { background-image: url("/frontend/static/media/icon-transferencias.ea7bf067.svg"); } .favorites-image.transfer-out-banks { background-image: url("/frontend/static/media/icon-fav-02-C.179a2651.svg"); } .favorites-image.pay-card { background-image: url("/frontend/static/media/icon-fav-03.f79fa97b.svg"); } .favorites-image.pay-card-out-banks { background-image: url("/frontend/static/media/icon-pagar-tarjeta-tercero.ed10a017.svg"); } .favorites-image.request-loan { background-image: url("/frontend/static/media/icon-fav-04.3b56bd54.svg"); } .favorites-image.salary-pay { background-image: url("/frontend/static/media/icon-fav-05.9c790d8b.svg"); } .favorites-image.exchange { background-image: url("/frontend/static/media/icon-exchange.ed2e162e.svg"); } .favorites-image.contact { background-image: url("/frontend/static/media/icon-contact.e2fe7a9d.svg"); } .favorites-image.synctoken { background-image: url("/frontend/static/media/icon-synctoken.1153e057.svg"); height: 34px; width: 32px; margin-bottom: 0px; } .favorites-image.support { background-image: url("/frontend/static/media/icon-support.a67aa209.svg"); width: 27px; height: 27px; } .favorites-image.bank { background-image: url("/frontend/static/media/icon-bank.da4a4fa7.svg"); } .favorites-image.qr-code { background-image: url("/frontend/static/media/qr-code.6129d9a8.svg"); } .favorites-image.qr-code-pct-green { background-image: url("/frontend/static/media/qr-code-green.46489ed3.svg"); } .favorites-image.qr-code-pct-red { background-image: url("/frontend/static/media/qr-code-red.52fc45a7.svg"); } .favorites-image.qr-code-pct-yellow { background-image: url("/frontend/static/media/qr-code-yellow.5049a5c8.svg"); } .favorites-image.location { background-image: url("/frontend/static/media/icon-location.ff7ab8be.svg"); scale: 1.3; background-position-y: 1px; } .favorites-image.fixed-term { background-image: url("/frontend/static/media/icon-plazo-fijo.5b50782d.svg"); } .favorites-image.cellphone-recharge { background-image: url("/frontend/static/media/icon-recargar-celular.abb73166.svg"); margin-left: 0.3rem; margin-right: 0.2rem; } @media (max-width: 767px) { .favorites-image.cellphone-recharge { margin-left: 9px; margin-right: 0px; } } .favorites-image.provider-pay { background-image: url("/frontend/static/media/icon-pago-a-proveedores.f6d016e9.svg"); } @media (max-width: 767px) { .favorites-image.provider-pay { margin-right: 7px; } } .favorites-image.transfer-by-alias { background-image: url("/frontend/static/media/icon-transferir-celular.47af27b3.svg"); background-position-x: -4px; } .favorites-image.icon-toke { background-image: url("/frontend/static/media/icon-toke.d6277dfa.svg"); height: 32px; width: 32px; margin-top: -2px; } @media (min-width: 768px) and (max-width: 991px) { .favorites-image.icon-toke { display: block; margin: -2px auto 5px; } } @media (max-width: 767px) { .favorites-image.icon-toke { margin-top: 0px; } } .btn-more-options { display: none; } @media (max-width: 767px) { .btn-more-options { display: flex; justify-content: center; align-items: center; line-height: 1; font-family: "Gotham Medium"; margin: 0.5rem 0px 0px; color: rgb(13, 94, 161) !important; text-decoration: none !important; } .btn-more-options span { font-size: 0.8rem; text-transform: uppercase; font-family: "Gotham Medium"; } .btn-more-options .icon { font-size: 1.25rem; padding-right: 0.5rem; color: rgba(0, 102, 179, 0.5); } } .filters .col .form-group { margin: 0px 0.5rem; } .filters .col .form-group.form-group--composite .input-group .currency { padding: 0px 1rem; } .filters .col .form-group .form-group-text, .filters .col .form-group .switch-label-text { display: none; } .filters .col .form-group .input-group input:only-child { border-radius: 0px !important; } .filters-col { display: flex; justify-content: flex-start; position: static; } @media (min-width: 768px) { .filters-col { margin-bottom: 0.5rem; } } .filters-col .form-group .form-group-text, .filters-col .form-group .switch-label-text { width: 80%; } .filters-col .form-group .form-group-text .control-label span, .filters-col .form-group .switch-label-text .control-label span { font-family: "Gotham Book"; } .filters-col .btn-group { position: static; } @media (max-width: 767px) { .filters-col .btn-group { margin: 0px; width: 100%; } } .filters-col .btn-group .btn { line-height: 2; position: static; border-radius: 3px; border: none; padding: 1px 10px !important; } .filters-col .btn-group .btn.btn-outline { color: rgb(102, 102, 102); border: 1px solid rgb(234, 234, 234); background: rgb(252, 252, 252); box-shadow: none; margin-right: 10px; border-radius: 3px !important; } @media (max-width: 767px) { .filters-col .btn-group .btn.btn-outline { padding: 0px; border: none; } } .filters-col .btn-group .btn.btn-outline span { } .filters-col .btn-group .btn.btn-outline:hover { background: rgb(232, 232, 232); } .filters-col .btn-group .btn.filter-benefits { background: rgb(255, 255, 255); color: rgb(17, 17, 17); border-color: rgb(0, 102, 179); border-radius: 30px !important; } .filters-col .btn-group .btn.filter-benefits:hover { background: rgb(208, 235, 255); } .filters-col .btn-group .btn.is-active { background: rgb(147, 147, 147); color: rgb(255, 255, 255); border-color: rgb(147, 147, 147); } .filters-col .btn-group .btn.is-active:hover { color: rgb(255, 255, 255); background: rgb(147, 147, 147); } .filters-col .btn-group .btn.is-active span { text-decoration: none; } .filters-col .btn-group .btn.is-active:focus { box-shadow: none; } .filters-col .btn-group .btn.is-active-benefits { background: rgb(208, 235, 255); color: rgb(0, 102, 179); border-color: rgb(0, 102, 179); } .filters-col .btn-group .btn.is-active-benefits:hover { color: rgb(0, 102, 179); background: rgb(208, 235, 255); } .filters-col .btn-group .btn.is-active-benefits span { text-decoration: none; } .filters-col .btn-group .btn.is-active-benefits:focus { box-shadow: none; } .filters-col .btn-group .btn > span { margin: 0px; font-size: 0.9rem; } .filters-col .btn-group .is-active:hover { color: rgb(13, 94, 161); } .filters-col .input-group { border-radius: 3px; } .filters-col .input-group .form-control, .filters-col .input-group .react-tagsinput { line-height: 1.5; } .filters-col .collapse.in { width: 100%; } .filters-col .collapse.in .filters .col .form-group { margin-left: 0px; } .filters-col .collapse.in .filters .col .form-group--select .input-group { background: transparent; } .filters-col .collapse.in .filters .col .form-group--select .input-group .Select { border-color: rgb(0, 102, 179); line-height: 2; } .filters-col .collapse.in .filters .col .form-group--select .input-group .Select span { color: rgb(0, 102, 179); font-size: 0.7rem; } @media (max-width: 767px) { .filters-col .collapse.in .row .col .data-wrapper .data-label, .filters-col .collapse.in .row .col .data-wrapper .data-label-bottom-sheet { margin-bottom: 0px !important; } .filters-col .collapse.in .row .col .data-wrapper .data-label-bottom-sheet span, .filters-col .collapse.in .row .col .data-wrapper .data-label span { font-family: "Gotham Book"; } } .filter-button { border-radius: 3px; border: none; padding: 0.5rem !important; margin: 0px 5px !important; } @media (min-width: 768px) { .filter-button:first-child { margin-left: 0px !important; } } .filter-button.btn-light { color: rgb(17, 17, 17); } .recharts-surface { outline: none; } .recharts-pie .recharts-pie-sector path:focus, .recharts-pie .recharts-pie-sector path:hover { outline: none !important; box-shadow: none !important; } .recharts-wrapper svg { margin: 0px !important; padding: 0px !important; } .logo-brou { width: 100px; } .app-footer { z-index: 0; padding: 0px; background-color: transparent; position: static; height: 5rem; align-self: flex-end; } @media (max-width: 767px) { .app-footer { margin-top: 1rem; height: auto; } } .app-footer .legal-nav { line-height: 1; } .app-footer .legal-nav li { margin-left: 1rem; margin-right: 0px !important; } .app-footer .legal-nav li a { color: rgba(255, 255, 255, 0.5); font-size: 0.8rem; text-decoration: none; line-height: 1; cursor: pointer; } .app-footer .legal-nav li a:hover { text-decoration: underline; color: rgb(255, 255, 255); } .app-footer .legal-nav li .copyright { text-decoration: none; border-left: 1px solid rgb(255, 203, 5); } .app-footer .legal-nav li .copyright span { color: rgb(255, 255, 255); margin-left: 0.75rem; font-size: 0.8rem; } .container--bottom { background-color: rgb(255, 255, 255); } .theme-auth .app-footer { background-color: rgb(251, 251, 251); background-image: none; color: rgb(102, 102, 102); height: auto; } .footer-desktop-grey { padding: 1.5rem 1rem; } .footer-desktop-grey .legal-nav li a span { color: rgb(153, 153, 153); } .footer-desktop-grey .legal-nav li .copyright { border-color: rgb(192, 207, 218); } .footer-desktop-grey .legal-nav li .copyright span { font-size: 0.8rem; color: rgb(102, 102, 102); margin-left: 0.5rem; opacity: 1; } .footer-desktop-grey .container { padding: 0px; } .footer-desktop-grey div span { color: rgb(102, 102, 102); } .container--bottom p { display: flex; flex-direction: column; color: rgb(102, 102, 102); font-size: 0.8em; line-height: 1.4; padding: 1rem 0px; text-align: center; margin: 0px; opacity: 0.8; } .container--bottom .logo-brou-mb { padding: 1rem 0px; } @media (max-width: 767px) { .container--bottom p { font-size: 0.7em; line-height: 1.6; } .container--bottom .logo-brou-mb { width: 7rem; } } @media (min-width: 768px) and (max-width: 991px) { .logo-brou { width: 70%; } .theme-auth .app-footer { order: 3; } .footer-desktop-grey .logo-brou { width: 80%; } } .app .app-header { z-index: 300; } .app .app-header .navbar-header { align-items: center; justify-content: space-between; display: flex; height: 70px; } .app .app-header .navbar-header .navbar-brand { padding: 0px; height: auto; } .app .app-header .navbar-header .navbar-brand svg { width: 8rem; } .app .app-header .navbar-header .navbar-nav { flex-grow: 1; margin: 0px; } .app .app-header .navbar-header .navbar-nav > li > a { padding: 0px; font-size: 0.9rem; } .app .app-header .navbar-header .navbar-nav > li > .dropdown-menu { border: none; } .app .app-header .navbar-header .desktop-nav .open > .dropdown-menu { display: inline-table; top: 84px; } .app .app-header .navbar-header .toolbar-item { margin-right: -10px; } .app .app-header .navbar-header .toolbar-item h1.welcome { display: block; color: rgb(255, 255, 255); font-weight: lighter; margin: 0px; text-align: right; padding: 0px 8px 0px 0px; position: relative; } .app .app-header .navbar-header .toolbar-item h1.welcome span { font-family: "Gotham Book" !important; } @media (min-width: 768px) and (max-width: 991px) { .app .app-header .navbar-header .toolbar-item h1.welcome span a .navigation-bar-badge { right: 5px; } } .app .app-header .navbar-header .toolbar-item h1.welcome .loggedUserInfo { display: block; padding-bottom: 0.25rem; padding-right: 10px; font-size: 0.8rem; } @media (min-width: 1200px) and (max-width: 1399px) { .app .app-header .navbar-header .toolbar-item h1.welcome .loggedUserInfo { width: 310px; } } @media (min-width: 992px) and (max-width: 1199px) { .app .app-header .navbar-header .toolbar-item h1.welcome .loggedUserInfo { width: 250px; } } @media (min-width: 768px) and (max-width: 991px) { .app .app-header .navbar-header .toolbar-item h1.welcome .loggedUserInfo { width: 140px; } } .app .app-header .navbar-header .toolbar-item h1.welcome .navigation-bar-badge { font-size: 11px; background: rgb(255, 203, 5); color: rgb(13, 94, 161); width: 1.75em; height: 1.75em; text-align: center; line-height: 1.75em; border-radius: 50%; border: none; font-family: "Gotham Medium"; position: absolute; right: -4px; top: 0px; z-index: 999; } .app .app-header .navbar-header .toolbar-item .ambient { display: block; color: rgba(255, 255, 255, 0.6); font-weight: lighter; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: right; } .app .app-header .navbar-header .toolbar-item .ambient .loggedUserInfo { font-size: 0.7rem !important; } .app .app-header .navbar-header .toolbar-item .ambient .loggedUserInfo:last-of-type { padding-bottom: 0px; } .app .app-header .navbar-header .header-command-pallette .dropdown ul li a { color: rgb(6, 66, 113); font-size: 0.9em; text-transform: capitalize; } .app .app-header .navbar-header .header-command-pallette .dropdown.open .dropdown-menu { padding: 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 19px 38px, rgba(0, 0, 0, 0.1) 0px 15px 12px; } .app .app-header .navbar-header .header-command-pallette .dropdown.open .rounder-content { background: rgb(6, 66, 113); } .app .app-header .navbar-header .header-command-pallette .dropdown-menu { top: 52px; right: 0px; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .blue-cont { background: rgb(6, 66, 113); padding: 1.5rem 1.75rem 1rem; color: rgb(255, 255, 255); font-family: "Gotham Book"; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .blue-cont h4.ellipsis { color: rgb(255, 255, 255); font-size: 1rem; font-weight: 400; margin: 0px 0px 0.5rem; padding: 0px; text-transform: capitalize; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .blue-cont p.ambient { color: rgba(255, 255, 255, 0.6); font-size: 0.7rem; border-bottom: 1px solid rgb(13, 94, 161); margin: 0px 0px 0.5rem; padding: 0px 0px 0.5rem; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .blue-cont p.ellipsis { font-size: 0.7rem; margin: 0px 0px 0.25rem; padding: 0px; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .blue-cont p.ellipsis span { color: rgba(255, 255, 255, 0.6); display: inline-block; padding: 0px; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .blue-cont p.ellipsis a:hover { color: rgb(255, 255, 255); text-decoration: underline; cursor: pointer; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options { padding: 1rem; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li { padding: 0px 0px 0.25rem; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li a { color: rgb(17, 17, 17); text-align: left; padding: 0px; position: relative; display: block !important; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li a span { font-size: 0.75rem; font-family: "Gotham Book"; vertical-align: text-bottom; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li a:hover i, .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li a:hover span { color: rgb(0, 102, 179); } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li a .badge { width: 1.4rem; height: 1.4rem; right: 0px; top: 0.05rem; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li a .badge span { font-size: 0.7rem; line-height: 2; font-weight: 400; color: rgb(255, 255, 255); } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li i { color: rgb(183, 183, 183); font-size: 1.15rem; width: 35px; display: inline-block; text-align: center; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .list-options ul li:last-child { padding-bottom: 0px; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .btn-aux { margin: 0.5rem 1.5rem 1.5rem; background: rgb(255, 255, 255); padding: 0.5rem; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .btn-aux span { color: rgb(102, 102, 102); font-family: "Gotham Book"; font-weight: 400; font-size: 0.7rem; } .app .app-header .navbar-header .header-command-pallette .dropdown-menu .btn-aux:hover { background: rgb(242, 242, 242); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px 0px; } .app .app-header .navbar-header .header-command-pallette li a { transition: backgorund-color 0.35s ease-in-out; } .app .app-header .navbar-header .header-command-pallette li a .rounder-content { background: rgba(0, 0, 0, 0.15); color: rgb(255, 255, 255); height: 2.5rem; width: 2.5rem; margin-bottom: 0px; } .app .app-header .navbar-header .header-command-pallette li a .rounder-content span i { font-size: 1.25em; } .app .app-header .navbar-header .header-command-pallette li a .rounder-content:hover { background-color: rgba(0, 0, 0, 0.1); } .app .app-header .navbar-header .header-command-pallette li a .rounder-content:hover.profile { height: 4rem; width: 4rem; } .app .app-header .navbar-header .header-command-pallette li a .rounder-content:hover.profile .svg-wraper { width: 3rem; } .app .app-header .navbar-header .header-command-pallette li a .rounder-content.profile, .app .app-header .navbar-header .header-command-pallette li a .rounder-content.profile:hover { height: 4rem; width: 4rem; } .app .app-header .navbar-header .header-command-pallette li a .rounder-content.profile .svg-wraper { width: 4rem; } .app .app-header .navbar-header .navbar-right { margin-right: 0px; display: flex; justify-content: flex-end; align-items: center; } .navbar { background-color: rgb(8, 82, 141); min-height: 0px; margin-bottom: 0px; border-bottom: 0.5rem solid rgb(255, 203, 5); padding: env(safe-area-inset-top) 0 0; } @media (max-width: 767px) { .navbar { border-bottom: 0.55rem solid rgb(255, 203, 5); } } .hide-border { border: none; } .content-image-wrapper { width: 4rem; height: 4rem; min-width: 4rem; } .peak i { color: rgb(6, 66, 113); font-size: 2rem; position: absolute; right: 10px; top: -23px; z-index: 999; } @media (min-width: 768px) and (max-width: 991px) { .peak i { right: 10px; top: -22px; } } .peak::before { display: block; } .user-link-image { border-radius: 50%; } .navigational-list-item a .badge, .navigational-list-item a .badge span { position: unset; } @media (min-width: 768px) { .navbar-header { padding: 0px 1rem; } .navbar-header .mobile { display: none; } .header-desktop { display: flex; justify-content: flex-start; align-items: center; padding: 0px 0px 1rem !important; } .header-desktop .header-profile { display: none; } .header-desktop .header-title { font-size: 1.3rem; font-weight: 700; flex: 1 0 auto; } .header-desktop .header-title-back { font-size: 1.5rem; cursor: pointer; margin-right: 1rem; } .header-desktop .header-title-back a { color: rgb(13, 94, 161); } .header-desktop .header-title-back:hover { color: rgb(0, 102, 179); } .header-desktop .header-title-add { color: rgb(13, 94, 161); font-size: 2rem; cursor: pointer; margin-left: 1rem; } .header-desktop .header-title-add:hover { color: rgb(0, 102, 179); } .header-desktop .header-title-close { color: rgb(13, 94, 161); font-size: 2rem; cursor: pointer; } .header-desktop .header-title-close:hover { color: rgb(0, 102, 179); } .header-desktop .header-right-content { display: flex; justify-content: space-between; align-items: center; } .header-desktop .header-right-content:hover { color: rgb(0, 102, 179); } .header-desktop .header-right-content .form-group.has-focus .input-group, .header-desktop .header-right-content .form-group .input-group { border-radius: 0px; border-left: rgb(204, 204, 204); border-bottom-color: currentcolor; border-right: rgb(204, 204, 204); border-top: rgb(204, 204, 204); } .header-desktop .header-right-content .form-group.has-focus .input-group:hover, .header-desktop .header-right-content .form-group .input-group:hover { border-color: rgb(153, 153, 153); } .aditional-header-elements .toolbar-item, .header-desktop .toolbar-item { padding-right: 0px; padding-left: 1rem; } } @media (max-width: 767px) { .navbar-header .desktop, .navbar-header .header-command-pallette { display: none; } .navbar-header .navigation-bar-badge { font-size: 11px; background: rgb(255, 203, 5); color: rgb(13, 94, 161); width: 1.75em; height: 1.75em; text-align: center; line-height: 1.75em; border-radius: 50%; border: none; font-family: "Gotham Medium"; position: absolute; right: 5px; top: 8px; margin: 3px; z-index: 999; } .header-grid { padding: 10px 0px; } .header-desktop { height: 35px; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; } .header-desktop.login { flex-direction: row; } .header-desktop .header-profile { border-radius: 50%; display: flex; justify-content: center; align-items: center; color: rgba(255, 255, 255, 0.75); font-size: 1.5rem; position: absolute; top: 0px; right: 20px; margin: 1px 3px 3px; background: rgba(255, 255, 255, 0.1); width: 2.2rem; } .header-desktop .header-title { color: rgb(255, 255, 255); font-size: 1rem; line-height: 1.1; text-align: center; width: 90%; padding: 0px 1rem; } .header-desktop .toolbar-item { padding-right: 0px; } .header-desktop .header-title-back { font-size: 1.8rem; padding: 0px; } .header-desktop .header-title-back a, .header-desktop .header-title-back i { color: rgba(255, 255, 255, 0.75); } .header-desktop .header-title-add, .header-desktop .header-title-close, .header-desktop .header-title-menu { color: rgba(255, 255, 255, 0.75); font-size: 1.8rem; padding: 0px 1rem; } .header-desktop .header-title-menu { width: 1.8rem; } header { background: transparent; } .header-mb { background: rgb(6, 66, 113); border-bottom: 0.5rem solid rgb(255, 203, 5); padding: 0.75rem 0.1rem; } .text-banca { color: rgb(255, 255, 255); font-size: 1em; text-transform: none; line-height: 1em; position: absolute; bottom: 5px; right: 10px; } .view-header .navbar { background: rgb(255, 255, 255); color: rgb(0, 102, 179); font-size: 1.2rem; margin: 0px; padding: 1rem 0px; } .toolbar-item h1.welcome { display: none; } .peak i { top: -30px; } } .header-title-trf-alias { font-size: 1.3rem; font-weight: 700; color: rgb(0, 102, 179); } .header-title-trf-alias-mb { font-size: 1.1rem; font-weight: 700; color: rgb(0, 102, 179); } .header-title-100 .header-title { width: 100%; padding: 0px; margin-left: 15px; } b { font-family: "Gotham Medium"; font-weight: 400; } .display-none { display: none; } .display-flex { display: flex !important; } .display-flex.justify-content-end { justify-content: flex-end; } .display-flex.justify-content-start { justify-content: flex-start; } .display-flex.align-items-baseline { align-items: baseline; } .display-flex.align-items-center { align-items: center; } .justify-content-start { justify-content: flex-start !important; } .justify-content-center { justify-content: center; } .justify-content-end { justify-content: flex-end; } .align-items-baseline { align-items: baseline; } .align-items-start { align-items: flex-start !important; } .display-block { display: block !important; } @media (max-width: 767px) { .display-block-mb { display: block !important; } } .display-inline-block { display: inline-block !important; } @media (max-width: 767px) { .display-inline-block-mb { display: inline-block !important; } } .display-inline { display: inline !important; } @media (max-width: 767px) { .display-inline-mb { display: inline !important; } } @media (min-width: 768px) { .display-inline-desktop { display: inline !important; } } .display-table { display: table !important; } .position-relative { position: relative !important; } .float-left { float: left; } .float-right { float: right; } .col { padding: 0px; } @media (max-width: 767px) { .col.display-none-mb { display: none !important; } } hr { margin: 0.75rem 0px; border-color: rgb(221, 221, 221); } .tooltip-message { display: flex; align-items: center; margin-bottom: 1rem; } .tooltip-message span { font-size: 0.9rem; font-family: "Gotham Medium"; line-height: 1.2; } .tooltip-label { display: flex; justify-content: flex-start; } .tooltip-label .link-style { margin-right: 0.5rem; } .tooltip-label .icon { display: flex; justify-content: flex-start; } .tooltip .tooltip-inner { padding: 0.5rem 1rem; line-height: 1.3 !important; } .tooltip .tooltip-inner span { font-size: 0.8rem !important; color: rgb(255, 255, 255) !important; } .tooltip-payment { margin-bottom: 1rem; } @media (max-width: 767px) { .tooltip-payment { margin-bottom: 0.75rem; } } .tooltip-payment .form-group-text, .tooltip-payment .switch-label-text { margin: 0px; } .tooltip-payment .c-control.c-control--icon-toggle .c-control-label { display: flex; align-items: center; } .tooltip-payment .c-control.c-control--icon-toggle .c-control-label .c-control-off .icon { color: rgb(0, 102, 179); font-size: 1.3rem; } .text-left .tooltip-inner, .tooltip-p { text-align: left; } .tooltip-p { white-space: pre-wrap; background-color: rgb(0, 102, 179); color: rgb(255, 255, 255); font-size: 0.9rem; border-color: rgb(0, 102, 179); padding-right: 0px; padding-left: 0px; padding-bottom: 0px; } .tooltip-p.recovery { background-color: rgb(255, 255, 255); color: rgb(17, 17, 17); } .tooltip-image-box { padding: 0px; margin-bottom: 0.5rem; } .tooltip-image { width: 100%; height: 300px; } .tooltip.bottom { margin-right: 1rem; } .tooltip.bottom .tooltip-arrow { margin-left: -0.5rem; } .tooltip.bottom .tooltip-inner h4 { margin: 0px 0px 0.5rem; } .tooltip.bottom .tooltip-inner h4 span { font-weight: 400 !important; } .tooltip.bottom .tooltip-inner .btn-btn-secondary.btn-tooltip { padding: 0.5rem 0.75rem; } .tooltip.bottom .tooltip-inner .btn-btn-secondary.btn-tooltip span { margin: 0px; color: rgb(0, 102, 179) !important; } .tooltip.bottom .tooltip-inner .text-left span { margin-bottom: 0.5rem; line-height: 1.4; font-size: 0.7rem !important; } .border-radius-5 { border-radius: 5px !important; } .border-radius-10 { border-radius: 10px !important; } .border-radius-15 { border-radius: 15px !important; } .border-bottom { padding-bottom: 10px; margin-bottom: 40px; } .border-bottom, .only-border-bottom { border-bottom: 1px solid rgb(221, 221, 221); } .border-none { border: none !important; } .border-top-none { border-top: none !important; } .border-right-none { border-right: none !important; } .border-bottom-none { border-bottom: none !important; } .border-left-none { border-left: none !important; } .padding-right-025rem { padding-right: 0.25rem; } .padding-right-05rem { padding-right: 0.5rem !important; } @media (max-width: 767px) { .padding-right-05rem-mb { padding-right: 0.5rem !important; } } .padding-right-075rem { padding-right: 0.75rem !important; } @media (max-width: 767px) { .padding-right-075rem-mb { padding-right: 0.75rem !important; } } .padding-right-1rem { padding-right: 1rem !important; } .padding-right-150rem { padding-right: 1.5rem !important; } .padding-btnInputInline { padding: 0.5rem 1rem; line-height: 1.5; } .padding-05rem { padding: 0.5rem !important; } .padding-1rem { padding: 1rem !important; } .padding-150rem { padding: 1.5rem !important; } .padding-2rem { padding: 2rem !important; } .padding-top-01rem { padding-top: 0.1rem !important; } .padding-top-02rem { padding-top: 0.2rem !important; } .padding-top-025rem { padding-top: 0.25rem !important; } .padding-top-035rem { padding-top: 0.35rem !important; } .padding-top-05rem { padding-top: 0.5rem !important; } @media (max-width: 767px) { .padding-top-05rem-mb { padding-top: 0.5rem !important; } } .padding-top-075rem { padding-top: 0.75rem !important; } .padding-top-1rem { padding-top: 1rem !important; } .padding-top-2rem { padding-top: 2rem !important; } .padding-top-3rem { padding-top: 3rem !important; } .padding-top-4rem { padding-top: 4rem !important; } .padding-top-5rem { padding-top: 5rem !important; } .padding-top-6rem { padding-top: 6rem !important; } .padding-top-7rem { padding-top: 7rem !important; } .padding-top-8rem { padding-top: 8rem !important; } .padding-bottom-2rem { padding-bottom: 2rem !important; } .padding-bottom-3rem { padding-bottom: 3rem !important; } @media (max-width: 767px) { .padding-bottom-3rem-mb { padding-bottom: 3rem !important; } } .padding-bottom-15rem { padding-bottom: 1.5rem !important; } .padding-bottom-1rem { padding-bottom: 1rem !important; } .padding-bottom-075rem { padding-bottom: 0.75rem !important; } .padding-bottom-05rem { padding-bottom: 0.5rem !important; } .padding-bottom-025rem { padding-bottom: 0.25rem !important; } .padding-bottom-035rem { padding-bottom: 0.35rem !important; } .padding-bottom-5rem { padding-bottom: 5rem; } .padding-bottom-8rem { padding-bottom: 8rem; } .padding-bottom-9rem { padding-bottom: 9rem; } .padding-bottom-10rem { padding-bottom: 10rem; } .padding-bottom-120rem { padding-bottom: 12rem; } .padding-bottom-150rem { padding-bottom: 15rem; } @media (max-width: 767px) { .padding-right-1rem-mb { padding-right: 1rem !important; } } .padding-right-2rem { padding-right: 2rem !important; } @media (max-width: 767px) { .padding-right-2rem-mb { padding-right: 2rem !important; } } .padding-right-3rem { padding-right: 3rem; } @media (max-width: 767px) { .padding-right-3rem { padding-right: 0px; } } .padding-left-025rem { padding-left: 0.25rem !important; } .padding-left-05rem { padding-left: 0.5rem !important; } @media (max-width: 767px) { .padding-left-05rem-mb { padding-left: 0.5rem !important; } } .padding-left-075rem { padding-left: 0.75rem !important; } .padding-left-150rem { padding-left: 1.5rem !important; } @media (max-width: 767px) { .padding-left-150rem-mb { padding-left: 1.5rem !important; } } .padding-left-160rem { padding-left: 1.6rem !important; } @media (max-width: 767px) { .padding-left-160rem-mb { padding-left: 1.6rem !important; } } .padding-left-170rem { padding-left: 1.7rem !important; } @media (max-width: 767px) { .padding-left-170rem-mb { padding-left: 1.7rem !important; } } .padding-left-1rem { padding-left: 1rem !important; } .padding-left-2rem { padding-left: 2rem !important; } @media (max-width: 767px) { .padding-left-2rem-mb { padding-left: 2rem !important; } } .padding-left-3rem { padding-left: 3rem !important; } @media (max-width: 767px) { .padding-left-3rem-mb { padding-left: 3rem !important; } } .padding-left-4rem { padding-left: 4rem !important; } @media (max-width: 767px) { .padding-left-4rem-mb { padding-left: 4rem !important; } } .padding-left-45rem { padding-left: 4.5rem !important; } @media (max-width: 767px) { .padding-left-45rem-mb { padding-left: 4.5rem !important; } } @media (max-width: 767px) { .padding-left-1rem-mb { padding-left: 1rem !important; } } @media (max-width: 767px) { .container-mobile-padding { padding: 1rem; } } @media (max-width: 767px) { .padding-top-1rem-mb { padding-top: 1rem !important; } } @media (max-width: 767px) { .padding-top-2rem-mb, .padding-top-2rem-xs { padding-top: 2rem !important; } } @media (max-width: 767px) { .padding-bottom-1rem-mb { padding-bottom: 1rem !important; } } @media (max-width: 767px) { .padding-bottom-075rem-mb { padding-bottom: 0.75rem !important; } } @media (max-width: 767px) { .padding-bottom-05rem-mb { padding-bottom: 0.5rem !important; } } .mx-auto, .mx-auto span { margin-left: auto; margin-right: auto; } .margin-bottom-015rem { margin-bottom: 0.15rem !important; } .margin-bottom-025rem { margin-bottom: 0.25rem !important; } .margin-bottom-05rem { margin-bottom: 0.5rem !important; } .margin-bottom-075rem { margin-bottom: 0.75rem !important; } .margin-bottom-1rem { margin-bottom: 1rem !important; } .margin-bottom-15rem { margin-bottom: 1.5rem !important; } @media (max-width: 767px) { .margin-bottom-15rem-mb { margin-bottom: 1.5rem !important; } } @media (max-width: 767px) { .margin-1rem-mb { margin: 1rem !important; } } .margin-top-01rem { margin-top: 0.1rem !important; } @media (max-width: 767px) { .margin-top-01rem-mb { margin-top: 0.1rem !important; } } .margin-top-025rem { margin-top: 0.25rem !important; } @media (max-width: 767px) { .margin-top-025rem-mb { margin-top: 0.25rem !important; } } @media (max-width: 767px) { .margin-bottom-025rem-mb { margin-bottom: 0.25rem !important; } } @media (max-width: 767px) { .margin-bottom-05rem-mb { margin-bottom: 0.5rem !important; } } @media (max-width: 767px) { .margin-bottom-075rem-mb { margin-bottom: 0.75rem !important; } } @media (max-width: 767px) { .margin-bottom-1rem-mb { margin-bottom: 1rem !important; } } @media (max-width: 767px) { .margin-left-1rem-mb { margin-left: 1rem !important; } } @media (max-width: 767px) { .margin-right-1rem-mb { margin-right: 1rem !important; } } .margin-bottom-2rem { margin-bottom: 2rem !important; } @media (max-width: 767px) { .margin-bottom-2rem-mb { margin-bottom: 2rem !important; } } .margin-bottom-3rem { margin-bottom: 3rem !important; } @media (max-width: 767px) { .margin-bottom-3rem-mb { margin-bottom: 3rem !important; } } .margin-bottom-035rem { margin-bottom: 3.5rem !important; } @media (max-width: 767px) { .margin-bottom-035rem-mb { margin-bottom: 3.5rem !important; } } .margin-bottom-4rem { margin-bottom: 4rem !important; } @media (max-width: 767px) { .margin-bottom-4rem-mb { margin-bottom: 4rem !important; } } .margin-bottom-5rem { margin-bottom: 5rem !important; } @media (max-width: 767px) { .margin-bottom-5rem-mb { margin-bottom: 5rem !important; } } .progress-container progress { appearance: none; border: none; width: 100%; height: 10px; } .progress-container progress::-webkit-progress-bar { background-color: rgb(211, 211, 211); border-radius: 10px; } .progress-container progress::-webkit-progress-value { background-color: rgb(0, 102, 179); border-radius: 10px; } .margin-top-minus05rem { margin-top: -0.5rem !important; } @media (max-width: 767px) { .margin-top-minus05rem-mb { margin-top: -0.5rem !important; } } @media (max-width: 767px) { .margin-top-05rem-mb { margin-top: 0.5rem !important; } } .margin-top-075rem { margin-top: 0.75rem !important; } @media (max-width: 767px) { .margin-top-075rem-mb { margin-top: 0.75rem !important; } } @media (max-width: 767px) { .margin-top-1rem-mb { margin-top: 1rem !important; } } @media (max-width: 767px) { .margin-top-2rem-mb { margin-top: 2rem !important; } } .margin-top-015rem { margin-top: 0.15rem !important; } .margin-top-1rem { margin-top: 1rem !important; } .margin-top-15rem { margin-top: 1.5rem !important; } .margin-top-2rem { margin-top: 2rem !important; } .margin-top-3rem { margin-top: 3rem !important; } .margin-top-05rem { margin-top: 0.5rem !important; } .margin-top-4rem { margin-top: 4rem !important; } .margin-top-6rem { margin-top: 6rem !important; } .margin-top-7rem { margin-top: 7rem !important; } .margin-top-9rem { margin-top: 9rem !important; } .margin-top-20rem { margin-top: 20rem !important; } .margin-right-250rem { margin-right: 2.5rem !important; } .margin-right-200rem { margin-right: 2rem !important; } .margin-right-025rem { margin-right: 0.25rem !important; } .margin-right-05rem { margin-right: 0.5rem !important; } .margin-left-025rem { margin-left: 0.25rem !important; } .margin-left-05rem { margin-left: 0.5rem !important; } @media (max-width: 767px) { .margin-left-05rem-mb { margin-left: 0.5rem !important; } } .margin-left-1rem { margin-left: 1rem !important; } .margin-left-150rem { margin-left: 1.5rem !important; } .margin-left-2rem { margin-left: 2rem !important; } @media (max-width: 767px) { .margin-left-2rem-mb { margin-left: 2rem !important; } } .margin-left-6rem { margin-left: 6rem !important; } .margin-right-1rem { margin-right: 1rem !important; } .margin-left-02rem { margin-left: 0.2rem !important; } .margin-calendar-top .react-datepicker-popper { margin-top: 1rem; } @media (min-width: 992px) and (max-width: 1199px) { .margin-calendar-top .react-datepicker-popper { margin-top: 2rem; } } @media (min-width: 768px) and (max-width: 991px) { .margin-calendar-top .react-datepicker-popper { margin-top: 3rem; } } .margin-left-auto { margin-left: auto; } @media (max-width: 767px) { .margin-left-auto-mb { margin-left: auto !important; } } .margin-right-auto { margin-right: auto; } @media (max-width: 767px) { .margin-right-auto-mb { margin-right: auto !important; } } .reset-margin { margin: 0px !important; } .reset-margin-top { margin-top: 0px !important; } @media (max-width: 767px) { .reset-margin-top-mb { margin-top: 0px !important; } } .reset-margin-bottom { margin-bottom: 0px !important; } @media (max-width: 767px) { .reset-margin-bottom-mb, .reset-margin-bottom-mb.include-span span { margin-bottom: 0px !important; } } .reset-margin-left { margin-left: 0px !important; } @media (max-width: 767px) { .reset-margin-left-mb { margin-left: 0px !important; } } .reset-margin-right { margin-right: 0px !important; } @media (max-width: 767px) { .reset-margin-right-mb { margin-right: 0px !important; } } @media (max-width: 767px) { .reset-margin-mb { margin: 0px !important; } } .reset-padding { padding: 0px !important; } .reset-padding-top { padding-top: 0px !important; } .reset-padding-right { padding-right: 0px !important; } .reset-padding-bottom { padding-bottom: 0px !important; } .reset-padding-left { padding-left: 0px !important; } @media (max-width: 767px) { .reset-padding-mb { padding: 0px !important; } } @media (min-width: 992px) and (max-width: 1199px) { .reset-padding-medium { padding: 0px !important; } } @media (min-width: 768px) and (max-width: 991px) { .reset-padding-narrow { padding: 0px !important; } } @media (max-width: 767px) { .reset-padding-top-mb { padding-top: 0px !important; } } @media (max-width: 767px) { .reset-padding-left-mb { padding-left: 0px !important; } } @media (max-width: 767px) { .reset-padding-right-mb { padding-right: 0px !important; } } @media (max-width: 767px) { .reset-padding-bottom-mb { padding-bottom: 0px !important; } } @media (max-width: 767px) { .reset-margin-subtitle span { margin-bottom: 0px !important; } } @media (max-width: 767px) { .reset-margin-table .table { margin: 0px; } } .reset-border { border: none !important; } .reset-border-top { border-top: none !important; } .reset-border-right { border-right: none !important; } .reset-border-bottom { border-bottom: none !important; } .reset-border-left { border-left: none !important; } .rb-margin-bottom .form-group .col { margin-bottom: 0.5rem !important; } .rb-margin-bottom .form-group .col:last-of-type { margin-bottom: 0px !important; } .rb-display-block .form-group-control-list .c-control.c-control-block { display: table; margin-bottom: 0.25rem; } @media (max-width: 767px) { .rb-display-block .form-group-control-list .c-control.c-control-block { line-height: 1.2; margin-bottom: 0.5rem; } .rb-display-block .form-group-control-list .c-control.c-control-block input[type="radio"] { margin: 0px; } } .flex-grow-0 { flex-grow: 0; } .flex-01 { flex-grow: 1; } .flex-02 { flex-grow: 2; } .flex-direction-row { flex-direction: row; } .flex-column { flex-direction: column !important; } .flex-reverse { flex-direction: column-reverse !important; } .flex-auto { flex: 1 1 auto; } .widt-fit { width: fit-content; } .full-width { width: 100% !important; } .width-half { min-width: 50%; width: 50%; } .flex-item { padding: 0.5rem; box-sizing: border-box; } .flex-full-width { flex: 1 0 100%; } .flex-item:not(.flex-full-width) { flex: 1 1 0%; } @media (max-width: 767px) { .width-wrapped-file { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .width-wrapped-file { width: 70%; } } @media (min-width: 992px) and (max-width: 1199px) { .width-wrapped-file { width: 65%; } } @media (min-width: 1200px) and (max-width: 1399px) { .width-wrapped-file { width: 70%; } } .max-width-150 { max-width: 150px; } .max-width-160 { max-width: 160px; } .max-width-195 { max-width: 195px; } .max-width-185 { max-width: 185px; } .max-width-250 { max-width: 250px; } .max-width-300 { max-width: 300px; } .max-width-360 { max-width: 360px; } .max-width-100 { max-width: 100px; } @media (max-width: 767px) { .max-width-100-mb { max-width: 100px; } } .max-width-70 { max-width: 70px; } @media (max-width: 767px) { .max-width-70-mb { max-width: 70px; } } .max-width-65 { max-width: 65px; } @media (max-width: 767px) { .max-width-65-mb { max-width: 65px; } } .max-width-60 { max-width: 60px; } @media (max-width: 767px) { .max-width-60-mb { max-width: 60px; } } .max-width-50pct { max-width: 50%; } @media (max-width: 767px) { .max-width-50pct-mb { max-width: 50%; } } @media (max-width: 767px) { .max-width-none-mb { max-width: none; } } .width-300 { width: 300px; } @media (max-width: 767px) { .width-300-mb { width: 300px; } } .min-width-240 { min-width: 240px; } .min-width-200 { min-width: 200px; } .min-width-100 { min-width: 100px; } .min-width-130 { min-width: 130px; } .min-width-150 { min-width: 150px; } .min-width-170 { min-width: 170px; } .min-width-50pct { min-width: 50%; } @media (max-width: 767px) { .min-width-50pct-mb { min-width: 50%; } } .width-100 { width: 100% !important; } @media (max-width: 767px) { .width-100-mb { width: 100% !important; } } .width-200 { width: 200px; } .width-150 { width: 150px; } .width-col-checkbox { width: 80px; } .width-35 { min-width: 35%; width: 35%; } @media (max-width: 767px) { .width-50-mb { min-width: 50%; width: 50%; } } .width-20 { width: 20% !important; } .width-60 { width: 60%; } .width-auto { width: auto !important; } @media (max-width: 767px) { .width-auto-mb { width: auto !important; } } .width-service-num { width: 12rem; } .width-2rem { width: 2rem; } .width-25rem { width: 2.5rem; } .full-width-margin { width: calc(100% - 20px) !important; } @media (max-width: 767px) { .full-width-margin-mb { width: calc(100% - 20px) !important; } } .height-2rem, .height-20vh { height: 2rem; } .height-100 { height: 100%; } .scheduler-message { font-weight: 400 !important; } .transfer-data.data-wrapper .data-text .scheduler-message { font-weight: 400 !important; font-family: "Gotham Medium"; } .transfer-data.data-wrapper .data-text .scheduler-message span { font-family: "Gotham Medium"; } .table-display-block-md .col .table-wrapper .table { display: table !important; } @media (max-width: 767px) { .table-responsive { border: none; } } .col-alias .data-name .data-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .text-ellipsis-file-attach .compose-row .form-group .communications-delete-attachment div:first-child { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: auto; } @media (max-width: 767px) { .text-ellipsis-file-attach .compose-row .form-group .communications-delete-attachment div:first-child { width: 100%; } } .text-ellipsis-file-attach .compose-row .form-group .communications-delete-attachment .delete-btn { width: auto; padding-right: 0px; } .text-overflow-wrap { overflow-wrap: break-word; hyphens: auto; } .text-overflow-anywhere { overflow-wrap: anywhere; } .text-yellow { color: rgb(255, 203, 5); } .text-blue { color: rgb(0, 102, 179); } .text-black { color: rgb(17, 17, 17); } .text-white { color: rgb(255, 255, 255) !important; } .text-dark-blue { color: rgb(13, 94, 161); } .dot-title { font-family: "Gotham Medium"; font-size: 1rem; } .dot { display: flex; align-items: start; } .dot::before { content: "●"; padding-right: 8px; padding-top: 2px; font-size: 1rem; line-height: 1rem; } .dot.dot-yellow::before { color: rgb(255, 203, 5); } .select-benefits { background: rgb(234, 234, 234); border-radius: 1rem; padding: 1rem; } @media (max-width: 360px) { .select-benefits { padding-left: 0.5rem; padding-right: 0.5rem; } } .select-benefits-image-box { max-width: 230px; min-height: 45px; align-content: center; background: rgb(0, 102, 179); border-radius: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .select-benefits-border-bottom { border-bottom: 1px solid rgb(76, 147, 201); margin-left: 1rem; margin-right: 1rem; } .products-summary { background: rgb(234, 234, 234); border-radius: 1rem; } .products-summary-image-mibrou-box { max-width: 150px; } .products-summary-image-ca-box, .products-summary-image-cs-box, .products-summary-image-mibrou-box { align-content: center; min-height: 40px; background: rgb(0, 102, 179); border-radius: 0.5rem; padding-left: 15px; padding-right: 15px; } .products-summary-image-ca-box, .products-summary-image-cs-box { max-width: 180px; } .products-summary-txt-box { min-height: 40px; align-content: center; color: rgb(0, 102, 179); font-weight: bolder; } .switch-label-text, .wrapped-text { white-space: pre-line; overflow-wrap: break-word; } .vertical-align-top { vertical-align: top; } .display-inline-block { display: inline-block; } .display-inline-flex { display: inline-flex; } .font-size-07rem { font-size: 0.7rem !important; } @media (max-width: 767px) { .font-size-07rem-mb { font-size: 0.7rem !important; } } .font-size-08rem, .font-size-08rem span { font-size: 0.8rem !important; } @media (max-width: 767px) { .font-size-08rem-mb, .font-size-08rem-mb span { font-size: 0.8rem !important; } } .font-size-09rem { font-size: 0.9rem !important; } .font-size-1rem { font-size: 1rem !important; } .font-size-11rem { font-size: 1.1rem !important; } .font-size-12rem { font-size: 1.2rem !important; } .font-size-13rem { font-size: 1.3rem !important; } .font-size-14rem { font-size: 1.4rem !important; } .font-size-15rem { font-size: 1.5rem !important; } .font-size-inherit { font-size: inherit; } .font-bold, .font-bold span, .font-bold span span { font-family: "Gotham Medium" !important; } @media (max-width: 767px) { .font-bold-mb { font-family: "Gotham Medium" !important; } } .font-detail { color: rgb(17, 17, 17); font-family: "Gotham Medium"; font-size: 0.9rem; } @media (max-width: 767px) { .collapse-style .collapse .data-wrapper .data-name.font-bold-mb { font-family: "Gotham Medium" !important; } } .font-normal, .font-normal span { font-family: "Gotham Book" !important; } .theme-auth .has-error .input-group-selector { border: 1px solid rgb(255, 24, 0); } .theme-auth .input-group { background: rgb(255, 255, 255); } .theme-auth .form-group--select .input-group .Select, .theme-auth .input-group { border-radius: 3px; border: 1px solid rgb(76, 147, 201); } .theme-auth .form-group--select .input-group .Select.is-focused { border: 1px solid rgb(0, 102, 179); } .form-group .input-group-selector { border-radius: 3px; } @media (max-width: 767px) { .detail-table .input-search .form-group.has-focus .input-group { background: rgb(255, 255, 255); } .detail-table .toolbar-item .input-search { border: 1px solid rgb(0, 102, 179); background: rgb(255, 255, 255); border-radius: 4px; transition: none; } .detail-table .toolbar-item .input-search .input-group { background: rgb(255, 255, 255); border-radius: 4px; } .detail-table .toolbar-item .input-search .input-group .icon { color: rgb(17, 17, 17); } .detail-table .toolbar-item .input-search .input-group .icon:focus { background: none; } .detail-table .toolbar-item .input-search .input-group:focus { background: rgb(255, 255, 255) !important; } .detail-table .toolbar-item .input-search .input-group .form-control, .detail-table .toolbar-item .input-search .input-group .react-tagsinput { color: rgb(17, 17, 17); height: 34px; } .detail-table .toolbar-item .input-search .input-group .form-control:focus, .detail-table .toolbar-item .input-search .input-group .react-tagsinput:focus { background: rgb(255, 255, 255); } .detail-table .toolbar-item .input-search .input-group .form-control::placeholder, .detail-table .toolbar-item .input-search .input-group .react-tagsinput::placeholder { color: rgb(17, 17, 17); } } @media (max-width: 767px) { .list-mb div { padding: 0px; } .list-mb div .toolbar-product-name .container .row .content-data-wrapper { text-align: left; } .list-mb div .toolbar-product-name .container .row .content-data-wrapper .data-wrapper { margin-bottom: 0px; } .list-mb div .toolbar-product-name .container .row .content-data-wrapper.diff-format-detail { margin-bottom: 0.75rem; } .list-mb div .toolbar-product-name .container .row .content-data-wrapper.diff-format-detail:last-of-type { margin-bottom: 0px; } .list-mb div .toolbar-product-name .container .row .content-data-wrapper.diff-format-detail .data-label, .list-mb div .toolbar-product-name .container .row .content-data-wrapper.diff-format-detail .data-label-bottom-sheet { text-align: left; margin-bottom: 0.15rem; } .list-mb div .toolbar-product-name .container .row .content-data-wrapper.diff-format-detail .data-label-bottom-sheet span, .list-mb div .toolbar-product-name .container .row .content-data-wrapper.diff-format-detail .data-label span { color: rgb(17, 17, 17); text-transform: unset; font-size: 0.9rem !important; } .list-mb div .toolbar-product-name .container .row .content-data-wrapper.diff-format-detail .data-name.font-size-md, .list-mb div .toolbar-product-name .container .row .content-data-wrapper.diff-format-detail .data-name.font-size-md .data-name .data-title { font-family: "Gotham Medium"; text-transform: unset; font-size: 0.9rem; } } .movements-style .header-title { font-weight: 400; margin: 0px; } .movements-style .header-title span { color: rgb(13, 94, 161); font-size: 1.15rem; font-family: "Gotham Medium"; } .field-nominal-amount { display: flex; justify-content: flex-end; } .field-nominal-amount .input-group { width: 200px; } @media (max-width: 767px) { .field-nominal-amount .input-group { width: 100%; } } .icon-trash .svg-wrapper svg { color: rgb(0, 102, 179) !important; } .icon-canSign { width: 1.5rem; } .color-brou-black { color: rgb(17, 17, 17); } .color-brou-gray-1 { color: rgb(242, 242, 242); } .color-brou-gray-2 { color: rgb(234, 234, 234); } .color-brou-gray-3 { color: rgb(221, 221, 221); } .color-brou-gray-4 { color: rgb(192, 207, 218); } .color-brou-gray-5 { color: rgb(102, 102, 102); } .color-brou-gray-6 { color: rgb(183, 183, 183); } .color-brou-gray-7 { color: rgb(153, 153, 153); } .color-brou-gray-8 { color: rgb(51, 51, 51); } .color-danger, .color-red { color: rgb(255, 24, 0); } .color-white { color: rgb(255, 255, 255); } .line-height-13 { line-height: 1.3; } .list-font-bold .data-wrapper span:last-of-type, .list-font-bold ul:last-of-type li { font-family: "Gotham Medium"; font-size: 0.9rem; } .field-account { display: flex; } .field-account .form-group:first-child { flex-basis: 100%; } .field-account .form-group:nth-child(2) { flex-basis: 15%; margin-left: 2%; } @media (max-width: 767px) { .field-account .form-group:nth-child(2) { flex-basis: 35%; margin-left: 5%; margin-top: 1.4rem; } } .field-account .form-group .form-group-text, .field-account .form-group .switch-label-text { flex-basis: 109%; } .flex-basis-full { flex-basis: 100%; } .flex-wrap { flex-wrap: wrap !important; } @media (max-width: 767px) { .flex-wrap-mb { flex-wrap: wrap !important; } } .inline-flex { display: inline-flex; } .branch-option .form-group-container { margin-bottom: 0.75rem; } .branch-options .tooltip-label { margin: 1rem 0px 0px; } .tooltip-label.required-label .required-icon { order: 0; } .scheduled-widget { border-bottom: 1px solid rgb(221, 221, 221); display: block; margin: 0px !important; padding: 0.5rem !important; } .scheduled-widget .table-data.table-data-icon { padding: 0px; } .scheduled-widget .table-data.table-data-icon .message-container { padding: 0.5rem; margin: 0px; } .scheduled-widget .table-data.table-data-icon .message-container .message-icon { padding: 0px; } .scheduled-widget .table-data.table-data-icon .message-container .message-text { font-size: 0.7rem; text-align: left; padding-left: 0.5rem; min-width: 7rem; } .scheduled-widget .table-data .data-wrapper.data-wrapper-inline { padding: 0px; margin: 0px; } .scheduled-widget .table-data .data-wrapper.data-wrapper-inline .data-title { margin-bottom: 0.15rem; padding: 0px; font-family: "Gotham Medium" !important; font-size: 0.8rem !important; } .scheduled-widget .table-data .data-wrapper.data-wrapper-inline .cont-date { display: flex; } .scheduled-widget .table-data .data-wrapper.data-wrapper-inline .cont-date div { display: flex; align-items: baseline; } .scheduled-widget .table-data .data-wrapper.data-wrapper-inline .cont-date div:first-child { margin-right: 0.5rem; border-right: 1px solid rgb(221, 221, 221); padding-right: 0.5rem; } .scheduled-widget .table-data .data-wrapper.data-wrapper-inline .cont-date div .data-label, .scheduled-widget .table-data .data-wrapper.data-wrapper-inline .cont-date div .data-label-bottom-sheet { padding: 0px; margin-right: 0.25rem; font-size: 0.7rem; text-transform: uppercase; } .scheduled-widget .table-data .data-wrapper.data-wrapper-inline .cont-date div .data-date { text-transform: uppercase; font-family: "Gotham Medium"; font-size: 0.7rem !important; } .scheduled-widget .table-data .data-wrapper.data-wrapper-inline .data-text { margin-bottom: 0.25rem; line-height: 1.3; font-size: 0.7rem !important; font-family: "Gotham Book" !important; } .scheduled-widget-mb .table-data:first-child { padding-right: 0.5rem !important; } .scheduled-widget-mb .table-data .data-title { font-size: 0.8rem !important; font-family: "Gotham Medium" !important; margin-bottom: 0.15rem !important; } .scheduled-widget-mb .table-data .data-text { line-height: 1.3; font-size: 0.7rem; margin: 0px; } .scheduled-widget-mb .table-data .blue-data-outline { display: block; margin-bottom: 0.15rem; } .edit-address-message { padding: 0.5rem 1rem !important; line-height: 1.3 !important; } .edit-address-message .message-icon-container { align-self: center; } .edit-address-message .message-icon-container .messageInfo-icon { padding-right: 1rem; } .edit-address-message .message-info-container { padding-top: 3px; } .transaction-item { border: 1px solid rgb(0, 102, 179); border-radius: 6px; padding: 0.5rem 1rem; margin: 0.5rem 0px; cursor: pointer; } .transaction-item .info-item { font-size: 0.9rem; } .reset-margin-form-control .form-group { margin-bottom: 0.5rem !important; } .input-tooltip { display: flex; width: 100%; } .input-tooltip .form-group { flex: 1 1 0%; } .btn-padding-field { padding: 0.6rem 1rem; } .btn-padding-xs { padding: 0.5em; } @media (max-width: 767px) { .dropdown .btn { padding: 0.5rem 1rem; } .dropdown .btn.btn-oultine { border: 1px solid rgb(13, 94, 161); background: rgb(255, 255, 255); color: rgb(0, 102, 179); } .dropdown .btn.btn-large { padding: 0.75rem 1.15rem; } } .link-new { font-family: "Gotham Medium"; font-size: 0.9rem; cursor: pointer; } .link-new i { padding-right: 0.25rem; font-size: 1rem; } .link-new i.ion-ios-trash { font-size: 1.2rem; line-height: normal; } .link-button .btn-link { padding: 0px; background: none; font-size: 0.9rem; } .link-button .btn-link span { color: rgb(0, 102, 179); font-weight: 400; font-family: "Gotham Book"; margin: 0px; } @media (max-width: 767px) { .link-button .btn-link span { text-align: left; width: 100%; } } .link-button .btn-link span:hover { background: none; color: rgb(13, 94, 161); text-decoration: underline; } .cursor-pointer { cursor: pointer; } .clickable-div { display: block; color: inherit; cursor: pointer; } .clickable-div, .clickable-div:active, .clickable-div:hover, .clickable-div:link, .clickable-div:visited { text-decoration: none; } .image-size-llaveDigital-mb { width: 75%; } .digitalKeySign-reset .container .form-content { padding: 0px; } .digitalKeyList-reset { margin-bottom: 1.5rem; } @media (max-width: 767px) { .digitalKeyList-reset { margin-top: 1rem; } } .digitalKeyList-reset .form-content .row .col .text-level2 span { color: rgb(17, 17, 17); font-size: 0.9rem; font-family: "Gotham Medium"; } @media (max-width: 767px) { .digitalKeyList-reset .form-content .row .col .text-level2 span { font-size: 0.8rem; } } .digitalKeyList-reset .form-content .row .col .data-label-bottom-sheet span, .digitalKeyList-reset .form-content .row .col .data-label span { font-size: 0.8rem; } .digitalKeyList-reset .form-content .comp-list { margin-bottom: 1.5rem; } .digitalKeyList-reset .form-content .comp-list .margin-top-1rem { margin-top: 0px !important; } .digitalKeyList-reset .form-content .comp-list .table .table-row .table-data:last-of-type .data-aux-container .data-name .data-title.display-flex.align-items-center { align-items: flex-end; } .addres-data .row .col label { font-family: "Gotham Medium"; font-size: 0.9rem; color: rgb(17, 17, 17); } .addres-data .row .col .form-group-text, .addres-data .row .col .switch-label-text { margin-bottom: 0px; } .addres-data .row .col .form-group-text .control-label, .addres-data .row .col .switch-label-text .control-label { font-family: "Gotham Book"; font-size: 0.9rem; color: rgb(17, 17, 17); } .addres-data .row .col div ul li { font-family: "Gotham Medium"; font-size: 0.9rem; color: rgb(17, 17, 17); } .addres-data ul { margin: 0px; padding: 0px; } .bg-not-available { position: relative; background: center top no-repeat fixed; min-height: 100vh; } @media (max-width: 767px) { .bg-not-available { position: relative; height: auto !important; min-height: auto !important; } } .not-available { background: rgba(8, 82, 141, 0.8); border-bottom: 1rem solid rgb(255, 203, 5); box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 20px 0px; padding: 3rem; width: 100%; } .not-available .content-heading-icon { display: flex; justify-content: space-between; } .not-available .content-heading-icon h2 { color: rgb(255, 255, 255); flex-basis: 50%; font-family: "Gotham Medium"; font-size: 3rem; margin: 0px; padding: 1.5rem 0px 0px; } @media (max-width: 767px) { .not-available .content-heading-icon h2 { margin-bottom: 1rem !important; font-size: 1.6rem; } .not-available .content-heading-icon h2 br { display: none; } } .not-available .content-heading-icon h2 span { color: rgb(255, 203, 5); font-family: "Gotham Medium"; } @media (max-width: 767px) { .not-available .content-heading-icon h2 span { margin-left: 0.5rem; } } .not-available .content-heading-icon .ion-alert-circled { justify-content: flex-end; color: rgb(255, 203, 5); font-size: 7rem; } @media (max-width: 767px) { .not-available .content-heading-icon .ion-alert-circled { display: flex; justify-content: center; margin-bottom: 1rem; margin-top: 1rem !important; } } .not-available .content-p .font-1, .not-available .content-p .font-2 { color: rgb(255, 255, 255); padding: 0px; margin: 0px; } .not-available .content-p .font-1 { font-size: 1.4rem; line-height: 1.4; padding-bottom: 1rem; } .not-available .content-p .font-2 { font-size: 1rem; padding-bottom: 1rem; } .not-available .content-logos { display: flex; padding-top: 3rem; } .not-available .content-logos .svg-wrapper { width: auto; } .not-available .content-logos .svg-wrapper .logo-ebrou { margin-right: 3.5rem; width: 7rem; } .not-available .content-logos .svg-wrapper .logo-brou { width: 8rem; } .bg-maintenance-error { background: center top no-repeat fixed; } .maintenance-error { background: rgba(8, 82, 141, 0.8); border-bottom: 1rem solid rgb(255, 203, 5); box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 20px 0px; padding: 3rem; width: 100%; } .maintenance-error .content-heading-icon { display: flex; justify-content: space-between; align-items: center; } .maintenance-error .content-heading-icon h2 { color: rgb(255, 255, 255); flex-basis: 55%; font-family: "Gotham Medium"; font-size: 2rem; margin: 0px; line-height: 1.2; } .maintenance-error .content-heading-icon h2 span { color: rgb(255, 203, 5); font-family: "Gotham Medium"; } .maintenance-error .content-heading-icon .ion-alert-circled { justify-content: flex-end; color: rgb(255, 203, 5); font-size: 7rem; } .maintenance-error .content-p .font-1, .maintenance-error .content-p .font-2 { color: rgb(255, 255, 255); padding: 0px; margin: 0px; } .maintenance-error .content-p .font-1 { font-size: 1.4rem; line-height: 1.4; padding-bottom: 1rem; } .maintenance-error .content-p .font-2 { font-size: 1rem; padding-bottom: 1rem; } .maintenance-error .content-logos { display: flex; padding-top: 5rem; } .maintenance-error .content-logos .svg-wrapper { width: auto; } .maintenance-error .content-logos .svg-wrapper .logo-ebrou { margin-right: 3.5rem; width: 7rem; } .maintenance-error .content-logos .svg-wrapper .logo-brou { width: 8rem; } .bg-light-grey { background: rgb(248, 248, 248); } .bg-white { background: rgb(255, 255, 255); } .bg-transparent { background: transparent; } @media (max-width: 767px) { .maintenance-error, .not-available { padding: 2rem; min-height: 100vh; } .maintenance-error .content-heading-icon, .not-available .content-heading-icon { margin-bottom: 0px; flex-direction: row-reverse; } .maintenance-error .content-heading-icon h2, .not-available .content-heading-icon h2 { font-size: 1.6rem; order: 2; padding: 0px; flex-basis: 100%; line-height: 1.3; align-self: center; margin: 0px !important; } .maintenance-error .content-heading-icon .ion-alert-circled, .not-available .content-heading-icon .ion-alert-circled { font-size: 4rem; margin-top: 1rem; } .maintenance-error .content-p .font-1, .not-available .content-p .font-1 { font-size: 1.1rem; line-height: 1.4; padding-bottom: 1rem; } .maintenance-error .content-p .font-2, .not-available .content-p .font-2 { font-size: 0.9rem; padding-bottom: 1rem; } .maintenance-error .content-logos, .not-available .content-logos { position: absolute; bottom: 3rem; padding: 0px; } .maintenance-error .content-logos .svg-wrapper, .not-available .content-logos .svg-wrapper { width: auto; } .maintenance-error .content-logos .svg-wrapper .logo-ebrou, .not-available .content-logos .svg-wrapper .logo-ebrou { margin-right: 3.5rem; width: 7rem; } .maintenance-error .content-logos .svg-wrapper .logo-brou, .not-available .content-logos .svg-wrapper .logo-brou { width: 8rem; } .maintenance-error .content-logos.not-available-logos, .not-available .content-logos.not-available-logos { display: block; position: relative; text-align: center; bottom: auto; padding: 3rem 0px 2rem; } } @media (max-width: 767px) { .order-widgets-mobile { display: flex; flex-direction: column; } .order-widgets-mobile .order-1 { order: 1; } .order-widgets-mobile .order-1.widget { padding-bottom: 0.5rem; } .order-widgets-mobile .order-2 { order: 2; } .order-widgets-mobile .order-3 { order: 3; } .order-widgets-mobile .order-4 { order: 4; } .order-widgets-mobile .order-5 { order: 5; } } .divider { width: 100%; text-align: center; margin-bottom: 1rem; } .divider hr { margin-left: auto; margin-right: auto; width: 40%; } .status-list .data-wrapper.transfer-data .data-label, .status-list .data-wrapper.transfer-data .data-label-bottom-sheet { width: 15% !important; } .status-list .data-wrapper.transfer-data .blue-data span, .status-list .data-wrapper.transfer-data .green-data span, .status-list .data-wrapper.transfer-data .red-data span { font-size: 0.7rem !important; } .name-group .form-group div { font-family: "Gotham Medium"; } .left { float: left; } .right { float: right; } .right-15 { right: 15px !important; } .float-none { float: none !important; } @media (max-width: 767px) { .float-none-mb { float: none !important; } } .brou-blue { color: rgb(0, 102, 179); } .brou-dark-blue { color: rgb(8, 82, 141); } div.sticky { position: sticky; top: 0px; padding: 8px; z-index: 4; } .logo-service { margin-left: 2rem; width: 80px; } @media (max-width: 767px) { .logo-service { margin-left: 0px; } } .logo-servicePayment { max-width: 6rem; place-items: center; display: flex; } @media (max-width: 767px) { .logo-servicePayment { max-width: 4rem; } } .second-field { display: block; } .form-format-b .row .col .form-group .form-group-text .control-label span, .form-format-b .row .col .form-group .switch-label-text .control-label span { color: rgb(17, 17, 17); font-size: 0.9rem; } .form-format-b .row .col .form-group div, .form-format-b .row .col .form-group div ul li, .form-format-b .row .col div, .form-format-b .row .col div ul li { color: rgb(17, 17, 17); font-size: 0.9rem; font-family: "Gotham Medium"; } .align-left-important .form-group .form-group-container .input-group .form-control, .align-left-important .form-group .form-group-container .input-group .react-tagsinput { text-align: left !important; } @media (max-width: 767px) { .justify-content-left .form-content .justify-content-center { justify-content: left; } } .signaturesSchemes-format .form-section-title { margin-top: 0px; margin-bottom: 0.5rem; padding-bottom: 0px; } .overflow-hidden { overflow: hidden !important; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .Select-option, .Select-value-label { white-space: pre-wrap; } .overflow-visible { overflow: visible !important; } .overscroll-beheavior-none { overscroll-behavior: none; } .overflow-scrolling-touch { } .search-tabs-mb .toolbar-item { padding: 0px; } .search-tabs-mb .toolbar-item .input-search { padding: 0px; width: 100%; } .search-tabs-mb .data-wrapper, .search-tabs-mb .table { margin-top: 0px; } @media (max-width: 767px) { .search-tabs-mb .container { padding: 0px; } } @media (max-width: 767px) { .search-tabs-mb .empty-content { margin-left: 0px !important; margin-right: 0px !important; } } .Select--multi .Select-value { color: rgb(0, 102, 179); font-size: 0.9rem; margin: 5px 10px 5px 0px; } @media (max-width: 767px) { .Select--multi .Select-value { margin-top: 0px; margin-right: 5px; } } .user-data { line-height: 1.4; margin: 0px 0px 1rem; font-size: 1rem; color: rgb(17, 17, 17); } @media (max-width: 767px) { .user-data { margin-bottom: 0.5rem; font-size: 0.9rem; } } .user-data :first-child { border-right: 1px solid rgb(221, 221, 221); padding-right: 0.75rem; margin-right: 0.75rem; } @media (max-width: 767px) { .user-data :first-child { display: block; border-right: none; } } .warning-text { align-items: center; font-size: 0.9rem; font-family: "Gotham Medium"; display: flex; margin-bottom: 0.25rem; } .warning-text .warning-icon { color: rgb(236, 135, 14); margin-right: 0.25rem; font-size: 1.25rem; } .service-desc { display: inline-block; margin-right: 1.5rem; } .service-desc .form-group { margin: 0px; } .service-desc .form-group .form-group-text, .service-desc .form-group .switch-label-text { margin-bottom: 0.25rem; } .service-desc .form-group .form-group-text .control-label span, .service-desc .form-group .switch-label-text .control-label span { padding-top: 0px; } .service-desc .form-group div:nth-of-type(2) { margin-bottom: 0.25rem; } .highlight-multiple, .highlight-sign { background-color: rgb(13, 94, 161); padding: 0.3rem 0.6rem 0.3rem 1rem; font-size: 0.9rem; font-family: "Gotham Medium"; text-align: left; color: rgb(255, 255, 255) !important; } .highlight-multiple.arrow-fixedterms, .highlight-sign.arrow-fixedterms { position: relative; } .highlight-multiple.arrow-fixedterms::before, .highlight-sign.arrow-fixedterms::before { margin-left: 0px; top: 0.18rem; } @media (max-width: 767px) { .highlight-multiple.arrow-fixedterms::before, .highlight-sign.arrow-fixedterms::before { top: 0.5rem; left: 0.25rem; } } .highlight-multiple div, .highlight-sign div { display: inline-block; } .highlight-multiple div .data-title.data-amount, .highlight-sign div .data-title.data-amount { color: rgb(255, 255, 255); } .highlight-multiple::before, .highlight-sign::before { position: absolute; z-index: 1; display: block; width: 18px; height: 20px; margin-top: 0px; margin-left: -1rem; content: ""; background-image: url("/frontend/static/media/android-arrow-dropright.60b3ba4d.svg"); background-repeat: no-repeat; background-position: 50% center; pointer-events: none; } @media (max-width: 767px) { .highlight-multiple::before, .highlight-sign::before { margin-left: -1.25rem; margin-top: 0px; } } @media (max-width: 767px) { .highlight-multiple, .highlight-sign { text-align: left; width: 100%; display: block; padding: 0.5rem 0.5rem 0.5rem 1.25rem; } } .reset-form-group .form-group, .reset-form-group .form-group.form-group--composite { margin-bottom: 0px; } .btn-delete-row { border: none; padding: 0px; font-size: 0.9rem; background: none; } .btn-delete-row:hover { background: none; } .btn-delete-row:hover .svg-wrapper { color: rgb(13, 94, 161); } .second-data-style .data-name { margin: 0px; } .second-data-style .data-name .data-desc { font-size: 0.7rem; } .text-subtitle .form-section-title, .text-subtitle.st-signaturesSchemes { margin: 0px !important; } .hr-sep { margin-bottom: 1.25rem !important; } .hr-accounts { border-color: rgb(221, 221, 221); margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .font-color-black { color: rgb(17, 17, 17) !important; } .font-weight-bold, .font-weight-bold span, .font-weight-medium, .font-weight-medium span { font-family: "Gotham Medium" !important; } .font-weight-normal { font-weight: 400; font-family: "Gotham Book" !important; } .border-color-sep { border-color: rgb(221, 221, 221); } .list-style-disc { list-style: disc; } @media (max-width: 767px) { .search-widget-mb.toolbar-item .input-search .form-group.has-focus .input-group { background: rgb(255, 255, 255); } .search-widget-mb.toolbar-item .input-search { border: none; background: rgb(255, 255, 255); border-radius: 4px; transition: none; } .search-widget-mb.toolbar-item .input-search .input-group { background: rgb(242, 242, 242); border-radius: 4px; } .search-widget-mb.toolbar-item .input-search .input-group .icon { color: rgb(17, 17, 17); } .search-widget-mb.toolbar-item .input-search .input-group .icon:focus { background: none; } .search-widget-mb.toolbar-item .input-search .input-group:focus { background: rgb(255, 255, 255) !important; } .search-widget-mb.toolbar-item .input-search .input-group .form-control, .search-widget-mb.toolbar-item .input-search .input-group .react-tagsinput { color: rgb(17, 17, 17); height: 34px; } .search-widget-mb.toolbar-item .input-search .input-group .form-control:focus, .search-widget-mb.toolbar-item .input-search .input-group .react-tagsinput:focus { background: rgb(255, 255, 255); } .search-widget-mb.toolbar-item .input-search .input-group .form-control::placeholder, .search-widget-mb.toolbar-item .input-search .input-group .react-tagsinput::placeholder { color: rgb(17, 17, 17); } } .radio-margin-sep .form-group .col { margin-bottom: 0.25rem; } @media (max-width: 767px) { .radio-margin-sep .form-group .col { margin-bottom: 0.5rem; } } .comp-bank-code .form-group .input-group .form-control, .comp-bank-code .form-group .input-group .react-tagsinput { padding: 0.5rem; } .comp-bank-code .form-group .input-group .btn { padding: 0.5rem 1rem; } @media (max-width: 767px) { .comp-bank-code .form-group .input-group .btn { margin-bottom: 0px; } } @media (max-width: 767px) { .reset-table-marginLeft .table-row .table-data:first-of-type { padding-left: 0px !important; } } .show-horizontal { margin-bottom: 1rem; } .show-horizontal .form-group { display: flex; } @media (max-width: 767px) { .show-horizontal .form-group { display: block; } } .show-horizontal .form-group .form-group-text, .show-horizontal .form-group .switch-label-text { width: 30%; margin: 0px; } @media (min-width: 992px) and (max-width: 1199px) { .show-horizontal .form-group .form-group-text, .show-horizontal .form-group .switch-label-text { width: 35%; } } @media (max-width: 767px) { .show-horizontal .form-group .form-group-text, .show-horizontal .form-group .switch-label-text { width: 100%; } } .show-horizontal .form-group .form-group-container { width: 70%; } @media (min-width: 992px) and (max-width: 1199px) { .show-horizontal .form-group .form-group-container { width: 65%; } } @media (max-width: 767px) { .show-horizontal .form-group .form-group-container { width: 100%; } } .show-horizontal .input-group { width: 100%; } @media (max-width: 767px) { .show-horizontal .input-group { width: 100%; } } .show-horizontal.attach-comp { margin-bottom: 0px; } .show-horizontal.attach-comp .compose-row.form-group { flex-direction: inherit; } .show-horizontal.attach-comp .compose-row.form-group .form-group-text, .show-horizontal.attach-comp .compose-row.form-group .switch-label-text { width: 30%; margin: 0px; } @media (min-width: 992px) and (max-width: 1199px) { .show-horizontal.attach-comp .compose-row.form-group .form-group-text, .show-horizontal.attach-comp .compose-row.form-group .switch-label-text { width: 35%; } } @media (max-width: 767px) { .show-horizontal.attach-comp .compose-row.form-group .form-group-text, .show-horizontal.attach-comp .compose-row.form-group .switch-label-text { width: 100%; } } .show-horizontal.attach-comp .compose-row-label .custom-file-input { margin-bottom: 0px; } .show-horizontal.attach-comp .compose-row-label .custom-file-input::before { display: inline-block; } @media (max-width: 767px) { .show-horizontal.attach-comp .compose-row-label { width: 100%; } } .show-horizontal.attach-comp .form-group-error { margin-left: 0px; line-height: 1.2; order: 2; flex-wrap: wrap; padding-top: 10px; flex-basis: 100%; } .show-horizontal.attach-comp .form-group { margin: 0px; align-items: baseline; flex-wrap: wrap; flex-basis: 40%; } .show-horizontal.attach-comp .form-group .communications-delete-attachment { margin-left: 1rem; } @media (max-width: 767px) { .show-horizontal.attach-comp .form-group .communications-delete-attachment { margin-left: 0px; } } .show-horizontal.attach-comp .form-group .communications-delete-attachment div { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 200px; } @media (max-width: 767px) { .show-horizontal.attach-comp .form-group .communications-delete-attachment div { width: 100%; } } .show-horizontal.attach-comp .form-group .communications-delete-attachment .delete-btn { width: auto; padding: 0px 0px 0px 0.25rem; } @media (max-width: 767px) { .show-horizontal.attach-comp .form-group .communications-delete-attachment .delete-btn { overflow: inherit; } } .show-horizontal.attach-comp .form-group .communications-delete-attachment .break-word-container { font-size: 0.8rem; } .break-word { word-break: break-word; } .word-break-normal { word-break: normal; } .word-wrap-normal { overflow-wrap: normal !important; } .attach-comp-vertical { margin-bottom: 1rem; } .attach-comp-vertical .form-group { margin-bottom: 0px; } .attach-comp-vertical .form-group .btn-outline { margin-bottom: 0.25rem !important; } .attach-comp-vertical .form-group .communications-delete-attachment { margin-bottom: 0px; } .attach-comp-vertical .form-group .communications-delete-attachment.align-items-baseline { margin-bottom: 0px; display: flex; align-items: center !important; } .attach-comp-vertical .form-group .communications-delete-attachment .link-style { padding: 0px; margin-bottom: 0px; } .attach-comp-vertical .form-group .communications-delete-attachment .link-style span { text-align: left; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .disclaimer-text .c-control--switch .c-control-label { font-size: 0.9rem; line-height: 1; } .fix-creditCards-align .data-name .data-title { text-align: left; padding-bottom: 1rem; } @media (max-width: 767px) { ​ .profile-options { padding-left: 1rem; padding-right: 1rem; } ​ .profile-options .navigational-list { margin: 1rem 0px; } } .text-lead { margin-top: 0px; } .multiTransfersSummary, .multiTransfersSummaryWithError { border: 1px solid rgb(221, 221, 221); border-radius: 3px; margin: 0.5rem 0px; padding: 0.5rem 1rem; } @media (max-width: 767px) { .multiTransfersSummary, .multiTransfersSummaryWithError { margin: 0.5rem 0px 1rem; padding: 1rem 1rem 0px; } } .multiTransfersSummary .multiTransfersSummaryItem, .multiTransfersSummaryWithError .multiTransfersSummaryItem { margin: 0px 0px 0.75rem !important; } .multiTransfersSummaryDetail .data-wrapper.transfer-data .blue-data, .multiTransfersSummaryDetail .data-wrapper.transfer-data .green-data, .multiTransfersSummaryDetail .data-wrapper.transfer-data .red-data { font-size: 0.8rem !important; padding: 0.25rem 0.6rem !important; } .multiTransfersSummaryWithError { border-color: rgb(255, 24, 0); } @media (max-width: 767px) { .multiTransfers-list .form-content .form-section-title { margin-top: 1.5rem; } } @media (max-width: 767px) { .multiTransfers-list .form-content .input-group-product { margin-bottom: 0.75rem; } .multiTransfers-list .form-content .input-destination-account .form-group { margin-bottom: 0.15rem; } } @media (max-width: 767px) { .multiTransfers-list .slick-list .slick-slide span.font-bold:first-of-type .data-name .data-title span { font-size: 0.8rem; text-transform: uppercase; font-family: "Gotham Book" !important; } .multiTransfers-list .slick-list .slick-slide span.font-bold:first-of-type .data-name .data-title.data-amount { font-size: 1.1rem; } .multiTransfers-list .slick-list .slick-slide span.font-bold:first-of-type .data-name .data-title.data-amount .data-amount-currency, .multiTransfers-list .slick-list .slick-slide span.font-bold:first-of-type .data-name:last-of-type .data-title span { font-family: "Gotham Medium" !important; font-size: 1.1rem; } } @media (max-width: 767px) { .multiTransfers-list .justify-content-center.row { justify-content: left; display: block; } .multiTransfers-list .justify-content-center.row .table-row .table-data:first-of-type { padding-left: 0px; } .multiTransfers-list .justify-content-center.row .table-row .table-data:last-of-type { padding-right: 0px; justify-content: center; align-items: flex-end; } } .input-amount .form-group .input-group .currency, .input-balance .form-group .input-group .currency { min-width: 105px; font-size: 0.9rem; } .thead-multiple-transfer .table .table-body .table-row .table-data:last-of-type div { display: flex; } .thead-multiple-transfer .table .table-body .table-row .table-data:last-of-type div .blue-data, .thead-multiple-transfer .table .table-body .table-row .table-data:last-of-type div .green-data, .thead-multiple-transfer .table .table-body .table-row .table-data:last-of-type div .red-data { display: flex; justify-content: center; align-items: center; text-align: center; margin-right: 0px; } .col-actions div { display: inline-table; } .detail-horizontal { display: inline-flex; margin-bottom: 0.5rem; } .detail-horizontal .data-name { width: 30%; } @media (max-width: 767px) { .detail-horizontal .data-name { width: 100%; } } .detail-horizontal .data-name.font-bold { width: 70%; } @media (max-width: 767px) { .detail-horizontal .data-name.font-bold { width: 100%; } } .detail-align-left .data-wrapper .data-text .data-name { text-align: left; } .multiTransfer-modal .modal-header { margin: 1rem 0px; } .multiTransfer-modal .modal-header .modal-title { text-align: left; padding: 0.5rem 0px; margin: 0px; font-weight: 400; } .multiTransfer-modal .modal-header .modal-title span { font-size: 1.2rem; font-family: "Gotham Medium"; } .multiTransfer-modal .modal-header .close { background: none; font-size: inherit; margin: 0px; padding: 0px; top: -0.75rem; right: 1rem; } .multiTransfer-modal .modal-header .close span { color: rgb(13, 94, 161); font-size: 4rem; } .multiTransfer-modal .modal-header .close .sr-only { display: none; } .multiTransfer-modal .modal-body { display: block; padding: 1rem; } .multiTransfer-modal .modal-body .transfer-block { flex: 1 1 0%; } .multiTransfer-modal .modal-body .transfer-block .data-wrapper { margin: 0px 0px 1rem; } .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-label, .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-label-bottom-sheet, .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text { justify-content: flex-start; } .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-label, .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-label-bottom-sheet { font-size: 0.9rem; margin-bottom: 0.1rem; } .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text { font-family: "Gotham Medium"; line-height: 1.1; font-size: 1rem; color: rgb(17, 17, 17); } .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text.highlight-multiple .data-name .data-title.data-amount, .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text.highlight-multiple .data-name .data-title.data-amount .data-amount-currency { color: rgb(255, 255, 255); } .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text.highlight-multiple::before { width: 16px; height: 16px; margin-left: -1.2rem; } .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text .data-name .data-title, .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text .data-name .data-title.data-amount, .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text .data-name .data-title .data-amount-currency, .multiTransfer-modal .modal-body .transfer-block .data-wrapper .data-text .data-name .data-title.data-amount .data-amount-currency { line-height: 1; font-size: 1rem; font-family: "Gotham Medium"; color: rgb(17, 17, 17); } .multiTransfer-modal .modal-body .transfer-block .data-wrapper span .blue-data { padding: 0.25rem 0.5rem !important; font-size: 0.9rem !important; } .multiTransfer-modal .modal-body .data-wrapper.transfer-data { margin-bottom: 1rem; } .multiTransfer-modal .modal-body .data-wrapper.transfer-data span .blue-data { font-size: 0.9rem !important; } .multiTransfer-modal .modal-body .form-section-title { margin: 0.75rem 0px; } .multiTransfer-modal .modal-body .form-section-title span { color: rgb(17, 17, 17); font-size: 0.9rem; font-family: "Gotham Medium"; line-height: 1; } .btn-location { background: rgba(0, 0, 0, 0.15); color: rgb(255, 255, 255); height: 2.5rem; width: 2.5rem; margin-bottom: 0px; margin-left: 0.5rem; } .btn-location span .icon { font-size: 1.25em; } .slideFromBottom-wrapper { padding-top: 1rem; } .rb-list .form-group-control-list .c-control { margin-bottom: 0.25rem; } @media (max-width: 767px) { .laboral-data-item .text-right { font-weight: 700; color: rgb(17, 17, 17); } } .laboral-data-item .row { margin: 0.25rem 0px; } .token-configured-devices .text-lead { margin-bottom: 0.5rem; color: rgb(17, 17, 17); } .token-configured-devices .device-container { width: 100%; padding: 0.5rem 1rem; border: 1px solid rgb(221, 221, 221); border-radius: 10px; background-color: rgb(242, 242, 242); justify-content: center; } .fingerprintConfiguration-style .container--layout .text-lead { margin-bottom: 1.5rem !important; } .fingerprintConfiguration-style .container--layout ul { margin-bottom: 0px; } .fingerprintConfiguration-style .container--layout ul li .device-container { font-size: 0.9rem; padding: 0px; } .fingerprintConfiguration-style .container--layout ul li .device-container .device-brand, .fingerprintConfiguration-style .container--layout ul li .device-container .device-model { margin-right: 0.5rem; } .fingerprintConfiguration-style .container--layout ul li .device-container .delete-btn { font-size: 1.5rem; color: rgb(0, 102, 179); } .fingerprintConfiguration-style .container--layout ul li .device-container .delete-btn:hover { color: rgb(13, 94, 161); } @media (max-width: 767px) { .input-group-datepicker { width: auto !important; flex-grow: 1; } } @media (max-width: 767px) { .input-group-datepicker .react-datepicker-wrapper > div { flex-grow: 1; } } .input-group-datepicker .react-datepicker-wrapper, .input-group-datepicker .react-datepicker__input-container { display: flex; } .input-group-datepicker .react-datepicker-wrapper::after, .input-group-datepicker .react-datepicker__input-container::after { position: inherit; } @media (max-width: 767px) { .input-group-datepicker .react-datepicker-wrapper::after, .input-group-datepicker .react-datepicker__input-container::after { margin-top: 0.35rem; margin-right: 0.4rem; } } .form-group--datepicker .react-datepicker-wrapper .react-datepicker__input-container input { padding-left: 10px; } @media (max-width: 767px) { .form-group--datepicker .react-datepicker-wrapper .react-datepicker__input-container input { padding: 0.47rem 0.5rem; } } .compose div.container .show-horizontal.attach-comp .compose-row.form-group, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group { display: flex; align-items: center; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label { padding-right: 0px; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment { margin-left: 0px; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment div, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment div, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment div { width: auto; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment .delete-btn, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment .delete-btn, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .form-group .communications-delete-attachment .delete-btn { padding: 0px 0.5rem; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .btn-outline, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .btn-outline, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .btn-outline { margin: 0px !important; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .ion-information-circled, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .ion-information-circled, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .ion-information-circled { margin: 0px 0px 0px 1rem; padding: 0px; font-size: 1.6rem; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment div:first-child, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment div:first-child, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment div:first-child { width: auto; max-width: 350px; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn .icon, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn .icon, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn .icon { padding: 0px; } .compose div.container .compose-row .compose-row-label, .createJobData div.container .compose-row .compose-row-label, .transferAbroad div.container .compose-row .compose-row-label { font-family: "Gotham Book"; font-weight: 400; } @media (max-width: 767px) { .compose div.container, .createJobData div.container, .transferAbroad div.container { padding: 0px; } .compose div.container .show-horizontal.attach-comp, .createJobData div.container .show-horizontal.attach-comp, .transferAbroad div.container .show-horizontal.attach-comp { margin: 0.1rem 0px 1rem; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group { display: inherit; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label { align-items: center; margin-bottom: 0.25rem; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .ion-information-circled, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .ion-information-circled, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .compose-row-label .ion-information-circled { padding: 0px 0px 0px 0.5rem; margin: 0px; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment div:first-child, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment div:first-child, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment div:first-child { flex-grow: 1; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn { width: auto; flex-grow: inherit; } .compose div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn .ion-ios-trash, .createJobData div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn .ion-ios-trash, .transferAbroad div.container .show-horizontal.attach-comp .compose-row.form-group .form-group .communications-delete-attachment .delete-btn .ion-ios-trash { padding: 0px; } } .modal-backdrop { background: rgb(17, 17, 17); } .popupImportant { position: absolute; width: 1000px; left: 50%; top: 25%; margin: 0px 0px 0px -500px !important; } @media (min-width: 992px) and (max-width: 1199px) { .popupImportant { width: 900px; top: 20%; margin-left: -450px !important; } } @media (min-width: 768px) and (max-width: 991px) { .popupImportant { width: 700px; top: 15%; margin-left: -350px !important; } } @media (max-width: 767px) { .popupImportant { width: 100%; left: 0px; margin: 0px !important; top: 0px !important; } } @media screen and (max-height: 1080px) { .popupImportant { top: 15%; } } @media screen and (max-height: 700px) { .popupImportant { top: 10%; } } @media screen and (max-height: 450px) { .popupImportant { top: 5%; } } @media screen and (max-height: 350px) { .popupImportant { top: 0px; } } .popupImportant .modal-dialog { padding: 0px; } .popupImportant .modal-dialog .modal-content { opacity: 1; min-height: fit-content; background: rgb(13, 94, 161); border-bottom: 1rem solid rgb(255, 203, 5); } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content { height: 100vh; } } .popupImportant .modal-dialog .modal-content .modal-header { margin-top: 0px; } .popupImportant .modal-dialog .modal-content .modal-header .close { background: rgb(234, 234, 234); margin: 0px; padding: 6px; right: 1.2rem; top: 1.5rem; line-height: 0.5; opacity: 0.7; border-radius: 6px; border: 1px solid rgb(221, 221, 221); } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content .modal-header .close { top: 1rem; right: 1rem; } } .popupImportant .modal-dialog .modal-content .modal-header .close span { color: rgb(255, 255, 255); font-size: 2.5rem; padding: 0px; font-weight: 700; line-height: 0.5; } .popupImportant .modal-dialog .modal-content .modal-header .close:hover { opacity: 1; } .popupImportant .modal-dialog .modal-content .modal-header .close .sr-only { display: none; } .popupImportant .modal-dialog .modal-content .modal-header h2 { display: flex; align-items: center; color: rgb(255, 255, 255); font-size: 1.4rem; margin: 2rem 2rem 0px; } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content .modal-header h2 { margin: 1rem; font-size: 1.5rem; } } .popupImportant .modal-dialog .modal-content .modal-header h2 i { color: rgb(255, 203, 5); font-size: 2.15rem; padding-right: 1rem; } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content .modal-header h2 i { font-size: 1.5rem; padding-right: 0.75rem; } } .popupImportant .modal-dialog .modal-content .modal-body .maintenance-error { padding: 2rem; background: none; box-shadow: none; border-bottom: none; } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content .modal-body .maintenance-error { height: auto; padding: 0px 1rem 1rem; } } .popupImportant .modal-dialog .modal-content .modal-body .maintenance-error .bloc { background: rgba(17, 17, 17, 0.15); padding: 1.25rem; border-radius: 3px; margin: 0px 0px 1rem; } .popupImportant .modal-dialog .modal-content .modal-body .maintenance-error .bloc p.subtitle { color: rgb(255, 255, 255); font-size: 1.1rem; font-family: "Gotham Medium"; text-align: left; line-height: 1.2; margin: 0px 0px 0.25rem; } .popupImportant .modal-dialog .modal-content .modal-body .maintenance-error .bloc p.text-detail { color: rgba(255, 255, 255, 0.75); text-align: left; font-size: 0.9rem; line-height: 1.3; margin: 0px; } .popupImportant .modal-dialog .modal-content .modal-footer { margin-bottom: 0px; padding: 0px 2rem; } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content .modal-footer { padding: 0px 1rem; } } .popupImportant .modal-dialog .modal-content .modal-footer .content-logos { display: flex; margin-bottom: 2rem; } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content .modal-footer .content-logos { position: inherit; justify-content: space-between; } } .popupImportant .modal-dialog .modal-content .modal-footer .content-logos .svg-wrapper { width: auto; } .popupImportant .modal-dialog .modal-content .modal-footer .content-logos .svg-wrapper .logo-ebrou { width: 5rem; margin-right: 3rem; } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content .modal-footer .content-logos .svg-wrapper .logo-ebrou { width: 6rem; } } .popupImportant .modal-dialog .modal-content .modal-footer .content-logos .svg-wrapper .logo-brou { width: 6rem; } @media (max-width: 767px) { .popupImportant .modal-dialog .modal-content .modal-footer .content-logos .svg-wrapper .logo-brou { width: 7rem; } } .popupImportant .popup-light.modal-dialog .modal-content { background: rgb(255, 255, 255); border-bottom: 0px; } .popupImportant .popup-light.modal-dialog .modal-content .modal-header button span { color: rgb(17, 17, 17); } .popupImportant .popup-light.modal-dialog .modal-content .modal-header h2 { color: rgb(13, 94, 161); } .popupImportant .popup-light.center-popup { display: flex; margin: 40px 20px 0px; width: calc(100% - 40px); } .popupImportant .popup-light.center-popup .modal-content { height: calc(-80px + 100vh); } .popupImportant.terms-and-conditions-popup .login-desktop-wrapper { margin: 0px !important; } @media (min-width: 768px) { .popupImportant.terms-and-conditions-popup { position: fixed; width: 100%; max-width: 1000px; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; margin: 0px !important; } .popupImportant.terms-and-conditions-popup .container { max-width: none; } .popupImportant.terms-and-conditions-popup .modal-content { display: flex; flex-direction: column; flex-grow: 1; height: 100%; padding-bottom: 1rem; } .popupImportant.terms-and-conditions-popup .scrollable-div { max-height: 40vh; overflow-y: auto; flex-grow: 1; } .popupImportant.terms-and-conditions-popup .btn.is-loading { margin-left: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .popupImportant.terms-and-conditions-popup .pdf-html-viewer { margin: 0px 0px 1rem; } } @media (max-width: 767px) { .popupImportant.terms-and-conditions-popup .pdf-html-viewer { margin: 0px 0px 1rem; } } .custom-popup { overflow-y: hidden !important; } .custom-popup .bloc { padding: 0px 20px 20px; overflow-y: auto; height: calc(-130px + 100vh); margin-top: 50px; } .custom-popup .bloc p, .custom-popup .bloc ul li { font-size: 0.9rem; } .custom-popup .select-benefits-popup { padding: 0px 1.5rem 1.5rem; overflow-y: auto; margin-top: 50px; } .custom-popup .select-benefits-popup ul li { font-size: 0.9rem; } .custom-popup .select-benefits-popup ul { padding-left: 0.5rem; font-size: 0.9rem; } .custom-popup .select-benefits-popup ul li { padding-left: 0.2rem; list-style: disc !important; } .custom-popup .select-benefits-popup ul ul { padding-top: 0.5rem; } .custom-popup .select-benefits-popup ul ul li { padding-left: 0.2rem; list-style: circle !important; } @media (min-width: 768px) and (max-width: 991px) { .buttons-popup { top: 25% !important; } } .buttons-popup .bloc { padding: 0px 20px 20px 30px; margin-top: 2rem; } @media (max-width: 767px) { .buttons-popup .bloc { align-self: flex-start; padding: 0px 20px 20px; } } .buttons-popup .bloc p, .buttons-popup .bloc ul li { font-size: 1rem; } @media (min-width: 768px) and (max-width: 991px) { .buttons-popup .modal-dialog p { text-align: left !important; margin-bottom: 0px !important; } } @media (max-width: 767px) { .buttons-popup .modal-content { margin: 40px 20px 0px; width: calc(100% - 40px); height: calc(-70px + 100vh) !important; } } .buttons-popup .modal-footer { display: flex; align-self: end; gap: 0.6rem; padding: 0px 1rem 1rem !important; } @media (max-width: 767px) { .buttons-popup .modal-footer { flex-direction: column-reverse; width: 100%; } } .branches-popup { top: 10%; height: calc(-20% + 100vh) !important; } .branches-popup .modal-body { overflow: hidden; } @media (max-width: 767px) { .branches-popup { top: 2rem; left: 1rem; width: calc(100% - 2rem); height: calc(-3rem + 100vh) !important; } } .branches-popup .top-content-modal { height: 100%; min-height: auto; } .branches-popup .modal-header h1 { padding: 1.5rem 5rem 0px 2rem; line-height: 1.2; } @media (max-width: 767px) { .branches-popup .modal-header h1 { padding: 1.5rem 4rem 0px 1.5rem; text-align: left; line-height: 1.3; } } .branches-popup .bloc { width: 100%; height: calc(-320px + 100vh); margin: 1rem; padding: 0px 1.5rem 1.5rem 1rem; overflow: hidden auto; } @media (max-width: 767px) { .branches-popup .bloc { height: calc(-200px + 100vh); padding: 0px 0.5rem; } } .branches-popup h4 { padding-top: 2rem; } @media (max-width: 767px) { .branches-popup h4 { padding-top: 1rem; } } .branches-popup h4:first-child { padding-top: 0px; } .branches-popup .list-group { margin-bottom: 12px; } @media (max-width: 767px) { .branches-popup .list-group { margin-bottom: 0px; } } .branches-popup .list-group-item { display: flex; align-items: baseline; gap: 1rem; padding: 1rem 0px; border-bottom: 1px solid rgb(221, 221, 221); } .branches-popup .list-group-item:first-child { padding-top: 0.1rem; } @media (max-width: 767px) { .branches-popup .list-group-item { display: block; padding-left: 0px; } } .branches-popup .list-group-item h5 { flex: 0 0 15rem; font-size: 0.9rem; } @media (max-width: 767px) { .branches-popup .list-group-item h5 { margin-bottom: 0px; } } .branches-popup .list-group-item p { margin-bottom: 0px; } @media (max-width: 767px) { .branches-popup .list-group-item p { margin-top: 0px; } } .popup-ticket-container .popup-light.center-popup { margin: 160px 20px 0px; } .popup-ticket-container .popup-light.center-popup .modal-content { max-height: calc(-280px + 100vh); border-radius: 1.5rem; padding-bottom: 0.5rem; height: auto; } .popup-ticket-container .popup-light.center-popup .modal-footer { padding: 0px 2rem; } .popup-ticket-header { text-align: center; position: absolute; top: -4rem; left: calc(50% - 3.75rem); } .popup-ticket-header .svg-wrapper { width: 7.5rem; } .popup-ticket-content { padding: 4rem 2rem 1rem; align-self: start; text-align: center; max-height: 50vh; overflow-y: auto; margin-bottom: 1rem; } .popup-ticket-label { margin-bottom: 1rem; } .popup-ticket-label, .popup-ticket-label span { font-family: "Gotham Medium"; font-size: 1.1rem; } .popup-ticket-info { margin-bottom: 1rem; } .popup-ticket-notification { font-weight: 700; } .links-login { text-align: center; margin: 0px 0px 1rem; } .links-login a { cursor: pointer; } .links-login p { margin: 0px 0px 0.75rem; } @media (max-width: 767px) { .loginExchangeRateList h3 { color: rgb(0, 102, 179); font-size: 1.1rem; margin: 0px; padding: 1rem 0px; text-align: center; } .loginExchangeRateList .table { padding: 0px 1rem; margin: 0px; } .loginExchangeRateList .table .table-head { padding-bottom: 0.75rem; } .loginExchangeRateList .table .table-head .table-row .table-data { padding: 0px; font-size: 0.8rem; font-weight: 400; } .loginExchangeRateList .table .table-head .table-row .table-data:first-of-type { padding-left: 0px; } .loginExchangeRateList .table .table-head .table-row .table-data:last-of-type { padding-right: 0px; } .loginExchangeRateList .table .table-body .table-row, .loginExchangeRateList .table .table-body .table-row .table-row { padding-bottom: 0px; } .loginExchangeRateList .table .table-body .table-row .table-row .svg-caret { width: 2.5rem; height: 2.25rem; min-width: 2.25rem; padding-right: 0.5rem; } .loginExchangeRateList .table .table-body .table-row .table-row .table-data:nth-child(2) { padding-left: 0px; } .loginExchangeRateList .table .table-body .table-row .table-row .table-data:nth-child(2) span { display: flex; padding-left: 0.15rem; } .loginExchangeRateList .table .table-body .table-row .table-row .table-data:nth-child(2) span span { font-size: 0.7rem; } .loginExchangeRateList .table .table-body .table-row .table-row .table-data:last-of-type { padding-right: 0px; } } .digital-key-request .text-subtitle { margin-bottom: 0px !important; } @media (max-width: 767px) { .digital-key-request .text-subtitle { margin-bottom: 0px; } .digital-key-request .text-subtitle span { margin: 0px 0px 0.5rem !important; } } @media (min-width: 768px) { .virtual-key-step0 .text-subtitle { margin-bottom: 0.15rem !important; } .virtual-key-step0 p { margin-top: 0px; } } @media (max-width: 767px) { .virtual-key-step0 .text-subtitle { margin-bottom: 0.15rem !important; } .virtual-key-step0 .text-subtitle span { margin-bottom: 0px !important; } .virtual-key-step0 p { margin-top: 0px; } } .programmedSavings-renewable .col { width: auto; } @media (max-width: 767px) { .programmedSavings-renewable .col { width: 100%; } } .programmedSavings-renewable .col:first-child { margin-right: 2rem; } .label-fullWidth, .programmedSavings-renewable .form-group-error { width: 100%; } .text-light-gray { color: rgb(119, 119, 119) !important; } .font-italic-gray { color: rgb(102, 102, 102); font-style: italic; } .capitalize-first .control-label { text-transform: capitalize; } .border-radius { border-radius: 5px !important; } .border-radius-top { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; } .border-radius-bottom { border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } .reset-border-radius { border-radius: 0px !important; } .reset-border-radius-top { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .reset-border-radius-bottom { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .reset-border-left { border-left: 0px !important; } .job-information { min-width: 25%; } .container-issuer-pay { height: 100vh; display: flex; flex-direction: column; } .view-content-issuer-pay { flex: 1 1 0%; overflow-y: auto; } .limit-credit-card-block { background: rgb(192, 207, 218); border-radius: 1rem; padding-left: 1rem; padding-right: 1rem; text-align: center; } .limit-credit-card-block span, .limit-credit-card-block span span { color: rgb(0, 102, 179); font-weight: 700; font-size: 3.125rem !important; } .card-creditcard-resume-job { max-width: 100%; border: 2px solid rgb(192, 207, 218); border-radius: 0.5rem; box-shadow: rgba(83, 69, 69, 0.2) 0px 0px 45px -20px; padding: 1rem; } @media (max-width: 360px) { .card-creditcard-resume-job { border-radius: 1rem; } } .customSlider-track { top: 8px; height: 4px; background: rgb(221, 221, 221); } .customSlider-track.customSlider-track-0 { background: rgb(0, 102, 179); } .customSlider-thumb { cursor: pointer; background: rgb(0, 102, 179); width: 20px; height: 20px; border-radius: 100%; outline: none; } .customSlider-thumb:hover { box-shadow: rgba(104, 117, 217, 0.2) 0px 0px 0px 8px; } .data-name .badget-widget { color: rgb(255, 255, 255); background-color: rgb(8, 82, 141); border-radius: 3px; font-size: 0.8rem; padding: 5px; width: fit-content; } .jobData-item { background: rgb(242, 242, 242); padding: 0.5rem; } .button-select-uses .svg-wrapper, .button-select-uses .svg-wrapper svg { width: 3rem; height: 3rem; } .button-select-uses.is-active .svg-wrapper path, .button-select-uses.is-active .svg-wrapper svg { fill: rgb(255, 255, 255); color: rgb(255, 255, 255); } @media (min-width: 768px) { .main-container { display: flex; justify-content: space-between; flex-direction: row-reverse; } .main-container .view-content-container-sidebar { width: 70%; } .main-container .view-content-container-sidebar .above-the-fold { min-height: auto; padding: 0px; } .main-container .view-content-container { height: auto; } } @media (max-width: 767px) { .main-container { display: flex; } .main-container .above-the-fold .login-splash { justify-content: space-between; flex-direction: column; } } .main-container .app-sidebar { display: flex; overflow: hidden; height: auto; } @media (min-width: 768px) and (max-width: 991px) { .main-container .view-content-container-sidebar { width: 100%; } .container--layout:last-of-type { margin-bottom: 0px; } .main-container .app-sidebar { order: -1; } } .login-desktop-wrapper { color: rgb(17, 17, 17); padding: 0px; box-shadow: none; } .login-desktop-wrapper .carousel-caption img { border-radius: 0px; } .panel { border: none; } .form-group label { color: rgb(17, 17, 17); } .control-label, .control-label span, .form-group label, .profile-container-info .data-desc span, .result-label span { font-family: "Gotham Book"; font-size: 0.9rem; } .text-banca { color: rgb(255, 255, 255); font-family: "Gotham Medium"; font-size: 1.2rem; line-height: 1rem; position: absolute; bottom: 9px; right: 0px; } .text-grey span { color: rgb(102, 102, 102); float: left; margin: 0px 10px 0px 0px; text-align: left; } .userNameStyle h1 { font-size: 1rem; margin-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; } @media (max-width: 767px) { .userNameStyle h1 { text-align: left; margin-top: 0px; padding-bottom: 0.5rem; } } .userNameStyle h1 .ion-android-person { color: rgb(153, 153, 153); font-size: 1.05rem; padding-right: 0.4em; } .userNameStyle h1 span { color: rgb(51, 51, 51); } .userNameStyle h1 a { border-left: 1px solid rgb(221, 221, 221); text-decoration: none; margin-left: 0.75rem; } .userNameStyle h1 a span { font-size: 0.9rem; font-weight: 400; font-family: "Gotham Book"; padding-left: 0.75rem; color: rgb(0, 102, 179) !important; } .userNameStyle h1 a:hover { text-decoration: underline; } .login-splash .container--layout:nth-child(2)::before { background: none; animation: auto ease 0s 1 normal none running none; } .form-group-error, .has-error .control-label, .has-error .form-group-error { color: rgb(255, 24, 0) !important; } .form-group-error span, .has-error .control-label span, .has-error .form-group-error span { font-family: "Gotham Book" !important; } .login-desktop-wrapper.bg-white { background: rgb(255, 255, 255); padding: 1rem 0px; margin: 0px; } @media (min-width: 768px) { .login-desktop-wrapper.bg-white .container--layout { margin-bottom: 1rem; } } @media (max-width: 767px) { .login-desktop-wrapper.bg-white, .login-desktop-wrapper.bg-white .title-align-left .container { padding: 0px; } .login-desktop-wrapper.bg-white .title-align-left .justify-content-center { display: block; } .login-desktop-wrapper.bg-white .title-align-left h1 { display: block; text-align: left; } } .login-desktop-wrapper.bg-white .text-lead { margin: 0px 0px 1rem; text-align: left; } .login-desktop-wrapper.bg-white .text-lead span { color: rgb(102, 102, 102); padding: 0px; margin: 0px; font-size: 0.8rem; } .login-desktop-wrapper.bg-white .form-group { margin: 0px 0px 1rem; clear: both; } .login-desktop-wrapper.bg-white .form-group-text, .login-desktop-wrapper.bg-white .switch-label-text { clear: both; margin: 0px 0px 0.15rem; } .login-desktop-wrapper.bg-white .text-left, .login-desktop-wrapper.bg-white p { margin-bottom: 1rem; } .login-desktop-wrapper.bg-white ul { padding: 0px; } .login-desktop-wrapper.bg-white .check-list .c-control-input:checked ~ .c-control-label { color: rgb(0, 102, 179); margin-bottom: 1rem; font-size: 1.5rem; line-height: 1; } .login-desktop-wrapper.bg-white .check-list .c-control-label { position: relative; padding-right: 3rem; color: rgb(51, 51, 51); padding-left: 3rem; font-size: 1.5rem; margin-bottom: 1rem; font-family: "Gotham Book" !important; } .login-desktop-wrapper.bg-white.reset-padding-left { padding-left: 0px; } .selection-list .c-control-label .warning-unlink { display: flex; justify-content: flex-end; align-items: center; font-size: 1.2em; color: rgb(17, 17, 17); border-left: 1px solid rgb(221, 221, 221); margin: 0px 1em; } .selection-list .c-control-label .warning-unlink .warning-icon { margin: 0px 1rem; font-size: 1.5rem; } .selection-list .c-control-label .warning-unlink span { margin: 0px; font-size: 0.7rem; } .selection-list .c-control-input:checked ~ .c-control-label .warning-unlink, .selection-list .c-control-label:hover .warning-unlink { color: rgb(255, 255, 255); } .selection-list .warning-unlink { margin: 0.5rem 0px 0.5rem 1rem; } .selection-list .warning-unlink .warning-icon { color: rgb(236, 135, 14); } .selection-list .warning-unlink button { margin: 0px; padding: 0.5rem 0px; font-size: 0.7rem; } .selection-list .warning-unlink button span { padding: 0px; margin: 0px; } .selection-list .warning-unlink-tooltip { position: absolute; height: 100%; right: 0.5em; border: 0px; width: auto !important; color: rgb(236, 135, 14) !important; } .selection-list .warning-unlink-tooltip:hover { background: none; color: rgba(255, 255, 255, 0.5); } .selection-list .btn-tooltip { color: rgb(236, 135, 14); } .selection-list .btn-tooltip span { color: rgb(236, 135, 14) !important; } @media (max-width: 767px) { .container { margin: 0px auto; } h1 { color: rgb(0, 102, 179); font-size: 1.1rem; padding: 1rem 0px; text-align: center; } .toolbar-item.view-title { margin: 0px; } .align-items-right { text-align: center; } .menu-item-mobile { background-color: rgba(255, 255, 255, 0.1); } .container--layout:last-of-type .text-align-right, .text-grey span { text-align: center; } .btn.is-loading { margin-bottom: 0.5rem; } .btn-secondary, .btn-secundary { background: rgb(153, 153, 153); color: rgb(255, 255, 255); } } @media (min-width: 768px) { .align-items-right { text-align: center; } .login-desktop-cols .login-form { padding: 1rem 2rem; background: rgb(255, 255, 255); border-radius: 5px 0px 0px 5px; } .login-desktop-cols > .col .col { margin-bottom: 1rem; } .login-termsAndConditions h1 { padding: 1rem 0px 1.5rem; } .login-termsAndConditions .login-form { border-radius: 5px; padding: 1rem 2rem; } .login-termsAndConditions .text-subtitle { margin: 0px 0px 0.5rem; width: 100%; } .login-termsAndConditions .text-subtitle span { color: rgb(102, 102, 102); font-size: 1rem; font-weight: 700; } .login-termsAndConditions .input-group-text-area { max-height: 40vh; } .login-termsAndConditions .form-control, .login-termsAndConditions .react-tagsinput { padding: 0px; } .login-termsAndConditions .form-control p, .login-termsAndConditions .react-tagsinput p { padding: 0px 1rem 0px 0px; margin: 0px; } .login-termsAndConditions .form-group .c-control { border-radius: 3px; border-bottom: 1px solid rgba(0, 102, 179, 0.1); margin: 0px; } .login-termsAndConditions .form-group .c-control h4 { font-family: "Gotham Medium"; margin-left: 0.25rem; } .login-termsAndConditions .selection-list .c-control-label { border: none; border-radius: 3px; } .login-termsAndConditions .selection-list .c-control-label:hover .warning-unlink .warning-icon { color: rgba(255, 255, 255, 0.5); } .login-desktop-wrapper .carousel-caption img { border-radius: 0px 5px 0px 0px; width: calc(100% + 1px) !important; } .carousel { position: relative; border-radius: 0px 0px 5px; padding: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .login-desktop-cols .login-form { border-radius: 5px 5px 0px 0px; } .login-termsAndConditions .login-form { border-radius: 5px; } .login-desktop-wrapper .carousel-caption img { border-radius: 0px; } .carousel-caption img { border-radius: 0px 5px 0px 0px; } .carousel-bg { border-radius: 0px 0px 5px 5px; border-left: none; } } @media (min-width: 992px) and (max-width: 1199px) { .login-desktop-cols .login-form { border-radius: 5px 0px 0px 5px; } .login-termsAndConditions .login-form { border-radius: 5px; } .carousel-caption img, .login-desktop-wrapper .carousel-caption img { border-radius: 0px 5px 0px 0px; } } @media (max-width: 767px) { .bg-login { background-image: url("/frontend/static/media/loginBackground.f42a7ee8.jpg"); background-repeat: no-repeat; background-position: 50% center; background-size: cover; height: 100vh; width: 100%; } .bg-login h1 { color: rgba(255, 255, 255, 0.5); text-align: center; font-size: 1.1rem; padding: 0.5rem 0px; font-weight: lighter; width: 75%; margin: 0px auto; } .bg-login .logo-login { width: 41%; margin: 4rem auto 0px; } .bg-login .cont-button { position: absolute; bottom: 0px; background: rgba(255, 255, 255, 0.9); padding: 1.5rem; width: 100%; border-top: 0.55rem solid rgb(255, 203, 5); } .form-group-text, .switch-label-text { margin-bottom: 0.15rem; } .align-items-center { align-items: flex-start; } .login-termsAndConditions h1 { text-align: left; padding: 1rem 0px; } .login-termsAndConditions .login-form { border-radius: 5px; padding: 0px; } .login-termsAndConditions .container { padding: 0px; } .login-termsAndConditions .c-control--switch .c-control-label { font-size: 0.8rem; margin: 0px 0px 0.5rem; } .login-termsAndConditions .input-group-text-area { margin: 0px 0px 1rem; max-height: 46vh; } .login-termsAndConditions .text-subtitle { margin: 0px 0px 0.5rem; width: 100%; } .login-termsAndConditions .text-subtitle span { color: rgb(102, 102, 102); font-size: 1rem; font-weight: 700; } .login-termsAndConditions .form-control, .login-termsAndConditions .react-tagsinput { padding: 0px; } .login-termsAndConditions .form-control p, .login-termsAndConditions .react-tagsinput p { padding: 0px 1rem 0px 0px; margin: 0px; font-size: 0.9rem; } } .desktop-link { text-decoration: none !important; } @media (min-width: 768px) { .menu-options { display: flex; padding-left: 2rem; } .menu-options .menu-options-container .menu-option-title-container { align-items: center; display: flex; padding: 0px 1.5rem; height: 70px; font-size: 1rem; font-family: "Gotham Medium"; color: rgba(255, 255, 255, 0.6); cursor: pointer; } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .menu-options .menu-options-container .menu-option-title-container { padding: 0px 1.25rem; } } @media (min-width: 768px) { .menu-options .menu-options-container .menu-option-title-container i { padding-left: 0.5rem; } .menu-options .menu-options-container .menu-option-title-container:hover { background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); } .menu-options .menu-options-container .menu-option-title-container:hover i { color: rgb(255, 203, 5); } .menu-options .menu-options-container .menu-option-title-container.active { background: rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); } .menu-options .menu-options-container .menu-option-title-container.active i { color: rgb(255, 203, 5); } .menu-options a:first-child.desktop-link div .menu-options-container .menu-option-title-container i { display: none; } .menu-options .menu-sub-options-content { display: flex; position: absolute; justify-content: stretch; background-color: rgb(6, 66, 113); color: rgba(255, 255, 255, 0.6); font-size: 0.9rem; font-family: "Gotham Medium"; z-index: 100; top: 70px; box-shadow: rgba(0, 0, 0, 0.1) 0px 19px 38px, rgba(0, 0, 0, 0.1) 0px 15px 12px; min-width: 18rem; } .menu-options .menu-sub-options-content .peak i { left: 4rem; color: rgb(6, 66, 113); } .menu-options .menu-sub-options-content .menu-sub-option-content-titles { min-width: 18rem; padding: 1rem 0px; cursor: pointer; } .menu-options .menu-sub-options-content .menu-sub-option-content-titles .menu-sub-option-content-title { display: flex; justify-content: space-between; margin: 0px; padding: 0.5rem 1.5rem; } .menu-options .menu-sub-options-content .menu-sub-option-content-titles .menu-sub-option-content-title:hover { color: rgb(255, 255, 255); } .menu-options .menu-sub-options-content .menu-sub-option-content-items { background-color: rgb(255, 255, 255); min-width: 16rem; padding: 1rem 0px; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .menu-sub-option-content-main-title { color: rgb(192, 207, 218); font-family: "Gotham Medium"; font-size: 1.2rem; line-height: 1.2; padding: 0.5rem 1.5rem; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .item { margin: 0px; padding: 0px; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .item a { color: rgb(8, 82, 141); text-decoration: none; font-size: 0.9rem; padding: 0.5rem 1.5rem; margin: 0px; display: block; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .item.hover span { color: rgb(0, 102, 179); } .menu-options .menu-sub-options-content .menu-sub-option-content-items .menu-sub-option-content-title { color: rgb(8, 82, 141); text-decoration: none; font-size: 0.9rem; padding: 0.5rem 1.5rem; margin: 0px; display: flex; justify-content: space-between; cursor: pointer; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .menu-sub-option-content-items { padding: 0px; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .menu-sub-option-content-items .item { margin-left: 0.9rem; } } @media (min-width: 1200px) and (max-width: 1399px) { .menu-options { padding-left: 3rem; } } @media (min-width: 992px) and (max-width: 1199px) { .menu-options { padding-left: 2rem; } } @media (min-width: 768px) and (max-width: 991px) { .menu-options { padding-left: 1rem; padding-right: 1rem; } .menu-options .menu-sub-options-content { width: 19rem; display: block; } .menu-options .menu-sub-options-content .menu-sub-option-content-titles { width: 19rem; } .menu-options .menu-sub-options-content .menu-sub-option-content-titles .menu-sub-option-content-title .icon { transform: rotate(90deg); } } @media (max-width: 767px) { .desktop-nav { margin: 20px 0px 10px; } .menu-options { display: block; } .menu-options .menu-options-container { display: block; flex-direction: column; background-color: transparent; } .menu-options .menu-options-container .menu-option-title-container { display: flex; justify-content: space-between; align-items: center; font-size: 0.9rem; color: rgba(255, 255, 255, 0.6); cursor: pointer; padding: 0.5rem 1rem; } .menu-options .menu-options-container .menu-option-title-container.active, .menu-options .menu-options-container .menu-option-title-container.active i { color: rgb(255, 203, 5); } .menu-options .menu-options-container .menu-option-title-container .title-container { display: flex; align-items: center; } .menu-options .menu-options-container .menu-option-title-container .title-container .menu-option-icon { padding-right: 1rem; font-size: 1.5rem; } .menu-options .menu-options-container .menu-option-title-container .title-container .menu-option-icon::before { width: 20px; } .menu-options .menu-sub-options-content { display: flex; justify-content: stretch; flex-direction: column; background-color: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.8); font-size: 0.9rem; z-index: 100; } .menu-options .menu-sub-options-content .menu-sub-option-content-titles { font-size: 1rem; } .menu-options .menu-sub-options-content .menu-sub-option-content-titles .menu-sub-option-content-title { display: flex; justify-content: space-between; margin: 1rem 1rem 1rem 3rem; font-size: 0.9rem; cursor: pointer; } .menu-options .menu-sub-options-content .menu-sub-option-content-items { background-color: rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; padding: 0.5rem 0px; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .menu-sub-option-content-main-title { color: rgb(255, 255, 255); font-family: "Gotham Bold"; font-size: 0.9rem; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .item { margin: 0.5rem 1rem 0.5rem 3rem; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .item a { text-decoration: none; color: rgba(255, 255, 255, 0.6); font-size: 0.8rem; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .item.hover span { color: rgb(0, 102, 179); } .menu-options .menu-sub-options-content .menu-sub-option-content-items .menu-sub-option-content-title { text-decoration: none; color: rgba(255, 255, 255, 0.6); font-size: 0.8rem; margin: 0.5rem 1rem 0.5rem 3rem; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .menu-sub-option-content-items .item { margin-top: 0px; margin-bottom: 0px; } .menu-options .menu-sub-options-content .menu-sub-option-content-items .menu-sub-option-content-items .item li { margin: 0.7rem 1rem; } } @keyframes bounce { 0% { transform: translateY(-5px); } 100% { transform: translateY(0px); } } .message-container { border-radius: 0px; color: rgb(17, 17, 17); display: flex; align-items: center; font-size: 0.9rem; line-height: 1; margin: 0px auto 1rem; padding: 0.5rem 1.5rem 0.5rem 1rem; justify-content: center; position: relative; } @media (max-width: 767px) { .message-container { line-height: 1.5; padding: 0.1rem 0.75rem; box-shadow: none; } } @media (min-width: 768px) { .message-container { width: 100%; } } .message-container.info, .message-container.information { background-color: rgb(217, 232, 244); border: 2px solid rgb(13, 94, 161); } .message-container.success { background-color: rgb(217, 241, 232); border: 2px solid rgb(0, 159, 98); } .message-container.warning { background-color: rgb(252, 237, 219); border: 2px solid rgb(236, 135, 14); } .message-container.error { background-color: rgb(255, 221, 217); border: 2px solid rgb(255, 24, 0); } .message-container .message-icon { font-size: 1.5rem; padding: 0px 1rem; } @media (max-width: 767px) { .message-container .message-icon { font-size: 1.5rem; padding: 0px 1rem 0px 0px; } } .message-container .message-icon.info, .message-container .message-icon.information { color: rgb(13, 94, 161); } .message-container .message-icon.success { color: rgb(0, 159, 98); } .message-container .message-icon.warning { color: rgb(236, 135, 14); } .message-container .message-icon.error { color: rgb(255, 24, 0); } .message-container .message-text { color: rgb(17, 17, 17); padding: 0px; font-size: 0.9rem; line-height: 1.1; } @media (max-width: 767px) { .message-container .message-text { padding: 0.5rem 0px; font-size: 0.8rem; line-height: 1.3; } } @media (max-width: 280px) { .message-container .message-text { word-break: break-word; } } .message-container .message-button { color: rgb(17, 17, 17); cursor: pointer; position: absolute; right: 10px; top: 10px; } .message-container.message-without-background { background: none; border-top: 1px solid rgb(234, 234, 234); border-bottom: 1px solid rgb(234, 234, 234); border-image: initial; border-right: none; border-left: none; justify-content: flex-start; padding: 0.5rem 0px; } .message-container.message-without-background .message-icon { padding-left: 0px; } .media-object { margin: 0px; } .message-icon { font-size: 2rem; padding: 0px 1rem; } .message-icon.information { color: rgb(13, 94, 161); } .message-icon.success { color: rgb(0, 159, 98); } .message-icon.warning { color: rgb(236, 135, 14); } .message-icon.error { color: rgb(255, 24, 0); } .alert-alignLeft .message-container { margin: 0px 0px 1rem; width: 70%; } @media (max-width: 767px) { .bg-login .message-container { margin-left: 1rem; margin-right: 1rem; } } .device-container { display: flex; justify-content: flex-start; align-items: center; padding-top: 1rem; } .device-container .device-brand, .device-container .device-model { margin-right: 1rem; } .device-container .delete-btn { font-size: 2rem; cursor: pointer; color: rgb(13, 94, 161); } .device-push-item .this-device-push { margin-top: -0.7rem; font-size: 0.8rem; } .settings-helper-container { margin-left: 1rem; } @media (max-width: 767px) { .settings-helper-container { margin-bottom: 0px; padding: 0px; } } .settings-helper-container li { list-style-type: disc; } @media (max-width: 767px) { .settings-helper-container li { font-size: 0.9rem; } } .settings-helper-container .sub-list-container { margin-left: 1rem; } .steps-container { margin: 0px 0px 1.5rem !important; } .steps-container h2 { font-size: 1rem; margin: 0px; } @media (max-width: 767px) { .steps-container { padding: 0px 1rem; margin: 1rem 0px 1.5rem !important; } .steps-container h2 { margin: 0px 0px 0.5rem; text-align: center; line-height: 1; font-size: 0.9rem; } .steps-container h2 span { color: rgb(102, 102, 102); } } .rc-steps { justify-content: center; margin-bottom: 0px; } @media (max-width: 767px) { .rc-steps { margin-bottom: 0.5rem; } } .rc-steps-item:last-child { flex: 0 0 auto !important; } .rc-steps-label-vertical .rc-steps-item-icon { display: inline-block !important; } @media (max-width: 767px) { .rc-steps-label-vertical .rc-steps-item-icon { margin-left: 0px !important; margin-right: 0px !important; } } .rc-steps-label-vertical .rc-steps-item-tail { left: 14px; padding: 0px !important; } @media (max-width: 767px) { .rc-steps-label-vertical .rc-steps-item-tail { margin-left: 0px !important; left: 26px; } } .rc-steps-item-tail::after { height: 3px !important; } .rc-steps-label-vertical .rc-steps-item-title { padding-right: 0px; text-transform: uppercase; font-size: 12px !important; font-family: "Gotham Book" !important; font-weight: 400 !important; color: rgb(17, 17, 17) !important; line-height: 1.3 !important; } .rc-steps-label-vertical .rc-steps-item-content { width: 105px !important; } @media (max-width: 767px) { .rc-steps-label-vertical .rc-steps-item-content { width: auto !important; margin-top: 0px !important; } } .rc-steps-item-wait .rc-steps-item-icon { border: none !important; background-color: rgb(232, 237, 240) !important; } .rc-steps-item-wait .rc-steps-item-tail::after { background-color: rgb(232, 237, 240) !important; } .rc-steps-item-wait .rc-steps-item-icon > .rc-steps-icon { color: rgb(255, 255, 255) !important; } .rc-steps-item-process .rc-steps-item-icon { border: none; background: rgb(13, 94, 161) !important; } .rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon { color: rgb(255, 255, 255); font-family: "Gotham Medium"; } .rc-steps-item-process .rc-steps-item-tail::after { background-color: rgb(232, 237, 240) !important; } .rc-steps-item-custom.rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon { color: rgb(255, 255, 255) !important; } .rc-steps-item-finish .rc-steps-item-tail::after { background-color: rgb(13, 94, 161) !important; } .rc-steps-item-finish .rc-steps-item-icon { border: none !important; background-color: rgb(13, 94, 161) !important; } .rc-steps-item-finish .rc-steps-item-icon > .rc-steps-icon { border: none; color: rgb(13, 94, 161) !important; } .rc-steps-item-finish .rc-steps-item-icon > .rc-steps-icon .icon { line-height: 1; } @media (max-width: 767px) { .rc-steps-label-vertical .rc-steps-item:first-of-type { margin-right: 0px !important; width: auto !important; } } .rc-steps-item-custom .rc-steps-item-icon { width: 26px !important; } .rc-steps-item-custom .rc-steps-item-icon > .rc-steps-icon { font-size: 13px !important; top: 0px !important; } .tutorial-steps-container .slick-initialized .slick-slide { overflow: hidden; } .tutorial-steps-container .tutorial-step { padding-top: 1.3rem; min-height: 60vh; } .tutorial-steps-container .tutorial-step img { float: none; } @media (max-width: 390px) { .tutorial-steps-container .tutorial-step img { max-width: 230px !important; } } .tutorial-steps-container .tutorial-step h1 { font-size: 1.3rem !important; } .tutorial-steps-container .btn { font-size: 0.94rem; } @media (max-width: 390px) { .tutorial-steps-container .btn { font-size: 0.89rem; } } .tutorial-steps-container p { padding-left: 2rem; padding-right: 2rem; } .table-body .table-row:hover { border-radius: 3px; background-color: rgba(0, 0, 0, 0.05) !important; } @media (max-width: 767px) { .table-body .table-row:hover { background: none !important; } } .table-body .table-row:hover .table-data-icon .icon.ion-android-arrow-dropright { color: rgb(0, 102, 179); } .table-body .table-row .table-data-icon .icon.ion-android-arrow-dropright { color: rgb(183, 183, 183); font-size: 1.4rem; padding-left: 0.5rem; } .table-body .table-row .table-data-icon .icon.ion-android-arrow-dropright:hover { color: rgb(0, 102, 179); } .table-row:last-of-type .table-data { border-bottom: none; } .table-row .selected { background-color: rgb(13, 94, 161); } .table-row .selected.special-highlight { padding: 0px; margin-top: 0.15rem; text-align: left !important; } @media (max-width: 767px) { .table-row .selected.special-highlight { margin-top: 0.25rem; } } .table-row .selected.special-highlight::before { position: absolute; z-index: 1; display: block; width: 18px; height: 20px; margin-top: 5px; margin-left: 0.15rem; content: ""; background-image: url("/frontend/static/media/android-arrow-dropright.60b3ba4d.svg"); background-repeat: no-repeat; background-position: 50% center; pointer-events: none; } @media (max-width: 767px) { .table-row .selected.special-highlight::before { margin-left: 0.15rem; margin-top: 0px; } } .table-row .selected.special-highlight .data-name { padding: 0.25rem 1.25rem; } .table-row .selected .data-name .data-title, .table-row .selected.special-highlight .data-name .data-title span { padding: 0px; } .table-row .selected .data-name .data-title span { color: rgb(255, 255, 255); padding: 0.25rem 0px; display: block; } .table-row.immobilized .table-data .data-name .data-title { color: rgb(204, 204, 204) !important; } .table-row.immobilized .table-data .data-name .data-title .data-title.data-amount { padding: 0px; } .table-row.immobilized .data-aux-container .data-aux, .table-row.immobilized .data-title, .table-row.immobilized .table-data .data-name .data-title .data-amount-currency, .table-row.immobilized span { color: rgb(204, 204, 204); } .table-row.locked .table-data .data-name .data-title { color: rgb(204, 204, 204) !important; } .table-row.locked .table-data .data-name .data-title .data-title.data-amount { padding: 0px; } .table-row.locked .data-aux-container .data-aux, .table-row.locked .data-title, .table-row.locked .table-data .data-name .data-title .data-amount-currency, .table-row.locked span { color: rgb(204, 204, 204); } .table-row span { color: rgb(17, 17, 17); } @media (max-width: 767px) { .table-row span { padding: 0px 0px 0.25rem; } } .table-row .btn-outline.btn-default span { color: rgb(0, 102, 179); } .table-row .svg-wrapper { margin-right: 0px; } .table-row .cursor-pointer, .table-row.cursor-pointer :hover { cursor: pointer; } .table-row::before { border-bottom: none; } a.table-row .data-name { display: block; } a.table-row .svg-icon { color: rgb(153, 153, 153); } .box-shadow { box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 0px 0px; } .data-aux, .data-date, .data-title { color: rgb(17, 17, 17); font-size: 0.9rem; } .data-amount-currency, .data-aux .data-amount-currency, .data-date .data-amount-currency, .data-title .data-amount-currency { font-size: 0.9rem; } .table { padding: 0px; border-radius: 0px; } .table.no-style { box-shadow: none; border: none; background: none; } .table .table-body .table-row .table-data .svg-icon.svg-caret { width: 1.8rem; min-width: 1.8rem; height: 1.8rem; } @media (max-width: 767px) { .table .table-body .table-row .table-data .svg-icon.svg-caret { width: 1.4rem; min-width: 1.4rem; height: 1.4rem; } } @media (max-width: 767px) { .table { padding: 0px; margin-top: 1rem; } } .table .table-body .table-row.has-focus { background-color: rgb(181, 212, 242); border: 1px solid rgb(0, 102, 179); } .table .table-body > a { margin-bottom: 0.25rem; } @media (max-width: 767px) { .table .table-body > a { margin: 0px; padding: 0.5rem 0px; border-bottom: 1px solid rgb(242, 242, 242); } } .table-head .table-row { background: rgb(255, 255, 255); } .table-head .table-data { color: rgb(17, 17, 17); font-family: "Gotham Medium"; text-transform: inherit; line-height: 1.1; } .table-data, .table-head .table-data { border-bottom: 1px solid rgb(242, 242, 242); font-size: 0.9rem; padding: 0.5rem 1rem; } .table-data { overflow-wrap: break-word; cursor: default; line-height: 1.2; } .table-data:first-of-type { padding-left: 0.5rem; } .table-data:last-of-type { padding-right: 0.5rem; } @media (max-width: 767px) { .table-data { padding: 0px; } } .table-data.no-pointer { cursor: default; } .table-data.col-alias { max-width: 180px; } .table-data .data-name { font-size: 0.9rem; } .table-data .data-name .data-title .green-data-outline { margin-left: 0.5rem; } .table-data .data-name .data-title.card { color: rgb(17, 17, 17); font-size: 1rem; padding-top: 0px; padding-bottom: 0px; text-transform: none; font-family: "Gotham Medium" !important; } .table-data .data-name .data-title .text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .table-data .data-amount { font-size: 0.9rem; } @media (max-width: 767px) { .table-data .data-amount { font-size: 1.1rem; } } .table-data .data-date, .table-data .data-title { font-size: 0.9rem; padding: 0px; } .table-data .data-date .data-amount-currency, .table-data .data-text, .table-data .data-title .data-amount-currency { font-size: 0.9rem; } @media (max-width: 767px) { .table-data .data-text { font-size: 1rem; } } .table-data .data-aux { padding: 0px; margin: 0px; text-transform: inherit; } .table-data.flag-cont { display: flex; align-items: center; text-transform: inherit; flex-direction: row; justify-content: flex-start; } .table-data.flag-cont .svg-wrapper { margin-right: 10px; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .table-data-icon:last-child .svg-wrapper { width: auto; } .row-options-container { display: flex; flex-direction: column; align-items: self-start; position: fixed; background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); border-radius: 3px; width: auto; z-index: 1; } .row-options-container .row-option { display: flex; font-family: "Gotham Medium"; font-size: 1rem; color: rgb(0, 102, 179); padding: 0.5rem 1rem; height: auto; width: 100%; } .row-options-container .row-option:hover { background-color: rgba(33, 109, 186, 0.13); } @media (min-width: 992px) and (max-width: 1199px) { .container--layout .form-content.container .row .table { overflow-x: auto; width: 100%; } } @media (max-width: 767px) { .table-row { display: flex; justify-content: space-between; padding: 0px 0px 0.75rem; border-bottom: none; } .table-row .table-data-icon { color: rgb(0, 102, 179); } .table-row .table-data-row-box { display: flex; flex-direction: column; justify-content: space-between; } .table-row .table-data { border-bottom: none; } .table-row .table-data:first-of-type { padding-left: 1rem; } .table-row .table-data:last-of-type { padding-right: 1rem; } .table-row .table-data.state-cell { min-width: 40% !important; max-width: 40%; } .table-row .table-data .data-name { margin: 0px; padding: 0px; color: rgb(17, 17, 17); } .table-row .table-data .data-name span { font-size: 0.9rem; } .table-row .table-data .data-name .data-title.data-amount { padding-bottom: 0px; } .table-row .table-data .data-date, .table-row .table-data .data-date span, .table-row .table-data .data-info, .table-row .table-data .data-info span { font-size: 0.7rem; margin: 0px; } .table-row .table-data .data-title { font-family: "Gotham Book"; font-size: 0.9rem; margin: 0px; padding-bottom: 0px; } .table-row .table-data .data-title .data-amount-currency { color: rgb(17, 17, 17); } .table-row .table-data .data-title span, .table-row .table-data .data-title span span, .table-row .table-data .data-title span span span { padding: 0px; } .table-row .table-data .data-title.data-aux span.sep { color: rgb(221, 221, 221); font-size: 0.9rem; } .table-row .table-data span { padding: 0px; } .table-row .table-data .data-aux-container { margin: 0px; line-height: 1.1; } .table-row .table-data .data-aux-container span { font-size: 0.7rem; } .table-row .table-data .data-aux-container .data-aux { font-size: 0.7rem; margin: 0px; padding: 0px; } .table-row .table-data .data-aux-container.display-flex.font-bold .data-title, .table-row .table-data .data-aux-container.display-flex.font-bold .data-title.data-amount { font-family: "Gotham Medium"; } .table-row .table-data .data-aux-container.display-flex .data-title { display: flex; padding-bottom: 0.15rem; } .table-row .table-data.flex-none { flex: 0 0 auto; } .table-row .table-data .data-aux-container .data-aux.date div .data-date { text-align: left !important; } .table-row .table-data .data-aux-container .adjust-date { margin-left: 0.5rem; border-left: 1px solid rgb(221, 221, 221); padding-left: 0.5rem; } .table-row .table-data .data-aux-container .adjust-date:empty { padding: 0px; margin: 0px; border-left: none; } .table-row .table-data .data-aux-container.reset-text, .table-row .table-data .data-aux-container .reset-text { line-height: 1.2; } .table-row .table-data .data-aux-container.reset-text .data-name .data-title span, .table-row .table-data .data-aux-container .reset-text .data-name .data-title span { line-height: 1.3; display: block; } .table-row .table-data.loans-mb { justify-content: flex-start; } .table-row .table-data.loans-mb .data-name { font-size: 0.9rem; } .table-row .table-data.loans-mb .data-date .row .col, .table-row .table-data.loans-mb .data-info .row .col { width: auto; flex: 0 0 auto; } .table-row .table-data.loans-mb .data-info { margin-top: 0px; } .table-row .table-data.loans-mb .data-info .result-data { margin-left: 0.25rem; } .table-row .table-data.loans-mb-right { width: 50%; justify-content: flex-start; } .table-row .table-data.loans-mb-right .data-date .row, .table-row .table-data.loans-mb-right .data-info .row { width: 100%; align-items: baseline; justify-content: flex-end; } .table-row .table-data.loans-mb-right .data-date .row .col, .table-row .table-data.loans-mb-right .data-info .row .col { max-width: max-content; } .table-row .table-data.loans-mb-right .data-date .row .col .result-data, .table-row .table-data.loans-mb-right .data-info .row .col .result-data { padding-left: 0.25rem; } .table-row .table-data.loans-mb-right .data-date .row .col .result-data .data-name span, .table-row .table-data.loans-mb-right .data-date .row .col .result-data .data-name span .data-amount-currency, .table-row .table-data.loans-mb-right .data-info .row .col .result-data .data-name span, .table-row .table-data.loans-mb-right .data-info .row .col .result-data .data-name span .data-amount-currency { font-size: 0.8rem; font-family: "Gotham Medium"; } .table-row .table-data.loans-mb-right .data-date .row .col .data-amount-currency, .table-row .table-data.loans-mb-right .data-info .row .col .data-amount-currency { padding-left: 0.25rem; } .table-row .table-data.loans-mb-right .data-date.data-balance .result-data, .table-row .table-data.loans-mb-right .data-info.data-balance .result-data { padding-left: 0px !important; } .table-row .table-data .data-aux .row .col { display: flex; flex-basis: 15%; margin-right: 0.5rem; width: 110px; padding: 3px; } .table-row .table-data .data-aux .row .col .result-label.colon { font-size: 0.7rem; } .table-row .table-data .data-aux .row .col .result-data, .table-row .table-data .data-aux .row .col .result-label.colon span { font-size: 0.7rem; font-family: "Gotham Book"; } .table-row .table-data .data-aux .green-data-outline { margin-left: 0.25rem; text-align: center; padding: 0.15rem 0.45rem !important; } .table-row .table-data .data-aux.data-fixedterm .data-title.data-amount { font-size: 0.7rem; margin-left: 0.15rem; } .table-row .table-data.wallet:first-of-type { flex-basis: 15%; flex-grow: unset; justify-content: flex-start; } .table-row .table-data.wallet:first-of-type .data-name .data-title .text-ellipsis { padding-bottom: 0px; } .table-row .table-data.wallet:nth-of-type(2) { flex-basis: 20%; margin-right: 10px; } .table-row .table-data.wallet:nth-of-type(4) { flex-basis: 20%; justify-content: end; } .table-row .table-data.wallet .data-name, .table-row .table-data.wallet .data-name .data-title { padding: 0px; } .table-row .table-data.wallet .data-name .data-title .text-ellipsis { display: initial; } .table-row .table-data.wallet .data-name .data-title .text-ellipsis span { padding: 0px; } .table-row .table-data.btn { display: flex; } .table-row .table-data .blue-data, .table-row .table-data .green-data, .table-row .table-data .red-data { width: fit-content; } } @media (max-width: 767px) and (max-width: 767px) { .table-row .table-data .blue-data, .table-row .table-data .green-data, .table-row .table-data .red-data { margin-left: 0px; } } @media (max-width: 767px) { .table-row .data-aux-container .data-aux:first-child { margin-right: 0.5rem; padding-left: 0px; text-transform: capitalize; border-left: none; font-size: 0.9rem; } .table-row .data-aux-container .data-aux { padding-left: 0.5rem; padding-bottom: 0px; border-left: 1px solid rgb(204, 204, 204); } .data-title-section { padding-top: 1rem; } .data-title-section span { color: rgb(13, 94, 161); font-size: 1rem; font-family: "Gotham Medium"; } .table-row:last-of-type { padding-bottom: 0px; } } @media (max-width: 576px) { .containerDetails .table-row .table-data { border-bottom: none; } .containerDetails .table-row .table-data:first-of-type { padding-left: 0px; width: auto; } .containerDetails .table-row .table-data:last-of-type { padding-right: 0px; width: auto; min-width: auto; } .containerDetails .table-row .table-data .data-aux .row .col { padding: 0px; } } @media (max-width: 280px) { .containerDetails .table-row { display: block !important; } .containerDetails .table-row .table-data .data-aux { padding: 3px 0px; } .containerDetails .table-row .table-data .data-title.data-amount { text-align: left; } .containerDetails .table-row .table-data .data-date { text-align: left; padding: 3px 0px; } .containerDetails .table-row .table-data .data-date .btn-cta { margin-left: 0px !important; } } .loan-list .table .table-row { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 0.5rem; padding-bottom: 0.5rem; } .loan-list .table .table-row:last-of-type { border-bottom: none; margin-bottom: 0px; } .table .table-text-right { text-align: right !important; } .clickable-row:hover { cursor: pointer; } .signers-table-container .table { display: block; } .signers-table-container .table-body { display: block; background-color: rgb(234, 234, 234); padding-bottom: 0.25rem; } .signers-table-container .table-body:empty { padding: 0px; } .signers-table-container .table-row { background-color: rgb(234, 234, 234); display: inline-flex; justify-content: start; padding: 0.5rem 0.5rem 0.25rem; } .signers-table-container .table-row:hover { background-color: rgb(234, 234, 234) !important; } .signers-table-container .table-row .form-check-input { margin: 4px; } .signers-table-container .pagination-container { display: block; text-align: left; } .transactions-list-arrow { max-width: 20px; text-align: right; flex-basis: min-content; padding-left: 0.5rem; align-content: center; } .table-row.cursor-pointer .table-data-icon .ion-chevron-right { opacity: 0.5; transition: opacity 0.3s; } .table-row.cursor-pointer:hover .table-data-icon .ion-chevron-right { opacity: 1; } .widget { background: rgb(255, 255, 255); margin-bottom: 1.5rem; } .widget h3 { width: auto; background: transparent; border-radius: 0px; color: rgb(255, 255, 255); display: inline-block; font-family: "Gotham Book"; font-size: 0.9rem; margin-bottom: 0px; padding: 0px 1rem 0px 0px; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 991px) { .widget h3 { font-size: 0.9rem; line-height: 2.75; } } .widget .table { padding: 1rem 0.5rem; box-shadow: none; border-radius: 0px; border-top: none; border-left: none; border-right: none; background: none; } .widget .table:empty { padding: 0px; } .widget .table .table-row:nth-child(2n+1) { background-color: transparent; } .widget .table .table-row:nth-child(2n+1):hover { background-color: rgba(33, 109, 186, 0.13); } .widget .table .table-head .table-row:hover { background: none; } .widget .table .table-head .table-data { color: rgb(17, 17, 17); font-size: 0.9rem; background: none; border-bottom: none; padding: 0.5rem; } .widget .table .table-body .table-data { cursor: pointer; border-bottom: none; padding: 0.15rem 0.5rem; } .widget .table .table-body .table-data.table-data-icon { padding: 0px 0.25rem; } .widget .table .table-body .table-data .data-date, .widget .table .table-body .table-data .data-date span, .widget .table .table-body .table-data .data-name span, .widget .table .table-body .table-data .data-name span .data-amount-currency, .widget .table .table-body .table-data .data-title, .widget .table .table-body .table-data .data-title.data-amount, .widget .table .table-body .table-data .data-title .data-amount-currency, .widget .table .table-body .table-data .data-title.data-amount .data-amount-currency { font-size: 0.9rem; } .widget .table .pagination-container { padding: 1rem 0.5rem 0px; } @media (max-width: 767px) { .widget .table .pagination-container { padding: 0.5rem 0px 0px; } .widget .table .pagination-container ul.pagination { padding-bottom: 0px; } } .widget .empty-content { padding: 1rem; } .widget .text-biometric { color: rgb(13, 94, 161); } .widget-title { display: flex; align-items: center; padding: 0px 0px 0px 1rem; } .btn-widget-refresh { font-size: 1.25rem; opacity: 0.75; color: rgb(13, 94, 161); } .btn-widget-refresh:hover { opacity: 1; } .widget-close-button { font-size: 1rem; padding: 0.6rem 0.5rem 0.4rem; display: block; margin: 0px 0px 0px auto; color: rgb(255, 255, 255) !important; } .widget-close-button:hover { background-color: transparent; } .widget-close-button:active, .widget-close-button:focus { box-shadow: none !important; background-color: transparent !important; } .draggable-list__item-container .widget .widget-collapse-button { display: none; } .header-title-down { font-size: 1.4rem; cursor: pointer; } .widget .input-search { background: none; border: none; color: rgb(255, 255, 255); width: 100%; } .widget .input-search .form-group { margin: 0px; } .widget .input-search .form-group .input-group { background: rgb(0, 102, 179); border: none; border-radius: 0px; margin: 0px; } .widget .input-search .form-group .input-group .form-control, .widget .input-search .form-group .input-group .react-tagsinput { line-height: 1.8; color: rgb(255, 255, 255); font-size: 0.8rem; background: none; } .widget .input-search .form-group .input-group .form-control:focus, .widget .input-search .form-group .input-group .react-tagsinput:focus { background: none; } .widget .input-search .form-group .input-group .form-control::placeholder, .widget .input-search .form-group .input-group .react-tagsinput::placeholder { line-height: 1.5; color: rgb(255, 255, 255); } .widget .input-search .form-group .input-group i { border-radius: 0px; font-size: 1.2em; padding: 0px 0px 0px 0.7em; color: rgb(255, 255, 255); } .widget .input-search .form-group.has-focus .input-group { border: none; background-color: rgb(8, 82, 141); } .widget .input-search .form-group.has-focus .input-group .form-control:focus, .widget .input-search .form-group.has-focus .input-group .react-tagsinput:focus { background: transparent; } .widget .input-search .form-group.has-focus .input-group .icon { color: rgb(255, 255, 255); } .search-btn-container { display: flex; } @media (min-width: 768px) and (max-width: 991px) { .search-btn-container { display: none; } } .draggable-list__item-container .widget { margin-bottom: 2rem !important; opacity: 0.75; } .draggable-list__item-container .widget h3 { padding: 0.7rem 0.3rem 0.7rem 0px; margin: 0px 0.7rem 0px 0px; } .draggable-list__item-container .widget .container { padding: 0px; } .draggable-list__item-container .widget .container .show-grid { opacity: 0.75; } .draggable-list__item-container .widget .overlay { top: 0px; border-radius: 0px; } .box-shadow-none { box-shadow: none !important; } .show-grid { background-color: rgb(13, 94, 161); } .widget .input-search input:-webkit-autofill, .widget .input-search input:-webkit-autofill:active, .widget .input-search input:-webkit-autofill:focus, .widget .input-search input:-webkit-autofill:hover { caret-color: rgb(255, 255, 255); transition: background-color 100s ease-in-out; box-shadow: rgb(8, 82, 141) 0px 0px 0px 30px inset !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; } @media (max-width: 767px) { .theme-auth .view-page { background: rgb(255, 255, 255); } .widget { box-shadow: none; margin-bottom: 1rem; width: 100%; padding-bottom: 0px; border-bottom: 1px solid rgb(221, 221, 221); } .widget .widget-title { margin-bottom: 0px; padding-left: 0px; } .widget .container { margin: 0px; padding: 0px; } .widget .container h3 { color: rgb(13, 94, 161); text-transform: uppercase; font-size: 0.9rem; font-family: "Gotham Medium"; } .widget .table { padding: 0px; margin: 0.75rem 0px; } .widget .table .table-body > a { margin: 0px 0px 0.75rem; padding: 0px; border-bottom: none; } .widget .table .table-body > a:last-of-type { margin-bottom: 0px; } .widget .table .table-body .table-data { padding: 0px; } .widget .table .table-body .table-data:last-child { justify-content: flex-start; } .widget .table .table-body .table-data .data-title { padding-bottom: 0px; font-size: 0.9rem; padding-right: 5px; } .widget .table .table-body .table-data .data-title.data-amount { padding-right: 0px; } .widget .table .table-body .table-data .data-title.data-amount .data-amount-currency { font-size: 0.9rem; padding-right: 0.1rem; padding-bottom: 0px; } .widget .table .table-body .table-data .data-title.data-amount { font-size: 0.9rem; padding-bottom: 0px; justify-content: flex-end; } .widget .table .table-body .table-data .data-aux-container, .widget .table .table-body .table-data .data-aux-container span, .widget .table .table-body .table-data .data-date { font-size: 0.7rem; } .widget .table .table-body .table-data .data-aux-container .blue-data-outline, .widget .table .table-body .table-data .data-aux-container span .blue-data-outline, .widget .table .table-body .table-data .data-date .blue-data-outline { margin-left: 0.5rem; } .widget .table .table-body .table-data.data-aux-container .data-aux .data-name { padding-bottom: 0px; margin: 0px; font-size: 0.9rem; } .widget .table .table-body .table-data.add-data-widget .data-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .widget .table .table-body .table-data.add-data-widget .data-aux-container .blue-data-outline { margin-left: 0.5rem; } .widget .table .table-body .table-data .cont-data-aux { margin: 0px; } .widget .accounts-mb .table-data { padding: 0px; margin-bottom: 0px; } .widget .accounts-mb .table-data .data-title span { font-size: 0.9rem; padding-bottom: 0px; font-weight: 400; font-family: "Gotham Book" !important; } .widget .accounts-mb .table-data .data-title span.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 220px; } } @media (max-width: 767px) and (max-width: 767px) { .widget .accounts-mb .table-data .data-title span.text-ellipsis { max-width: 220px; } } @media (max-width: 767px) { .widget .accounts-mb .table-data .data-title .green-data-outline { background: rgb(0, 159, 98); margin-left: 0.4rem; text-transform: uppercase; color: rgb(255, 255, 255) !important; font-size: 0.6rem !important; } .widget .accounts-mb .table-data .data-title .svg-wrapper { justify-content: center; } .widget .accounts-mb .table-data .data-title .data-amount { padding-bottom: 0px; } .widget .accounts-mb .table-data .data-aux-container span .blue-data-outline { margin-left: 0.5rem; } .widget .accounts-mb .data-aux-container .data-aux:first-child { margin: 0px; padding-left: 0px; border-left: none; } .widget .accounts-mb .data-aux-container .data-aux { padding-left: 0.25rem; padding-bottom: 0px; border-left: 1px solid rgb(221, 221, 221); } .widget .accounts-mb .data-aux-container .data-date { font-size: 0.7rem !important; } .widget .accounts-mb .data-aux-container-right { justify-content: flex-end; margin-right: 0px; } .widget .accounts-mb .table-data-icon:last-child .svg-wrapper { margin: 0px 0px 0px 0.5rem; } .widget .accounts-mb.table-row .table-data .data-aux.data-aux-container-date div .data-date { font-size: 0.7rem; } .widget .accounts-mb .data-left { margin-right: 0.5rem; } .widget.crediCardWidget .accounts-mb { margin-bottom: 0.5rem !important; } .widget.crediCardWidget .accounts-mb .table-data { flex-grow: 0.75; flex-basis: 0px; } .widget.crediCardWidget .accounts-mb .table-data .svg-wrapper { padding: 0px; margin: 0px; } .widget.crediCardWidget .accounts-mb .table-data .data-name span { align-items: center; display: flex; } .widget.crediCardWidget .accounts-mb .table-data .data-name span .blue-data-outline { margin-right: 0.5rem; } .widget.crediCardWidget .accounts-mb .data-aux-container { border-left: 1px solid rgb(221, 221, 221); flex-grow: 2.25; padding-left: 0.5rem; margin-bottom: 0px; } .widget.crediCardWidget .accounts-mb .data-aux-container .data-aux { border-left: none; margin: 0px; padding-left: 0px; } .widget.crediCardWidget .accounts-mb .data-aux-container .data-aux .data-date { font-size: 0.7rem; padding-bottom: 0.25rem; text-align: left !important; } .widget.crediCardWidget .accounts-mb .data-aux-container .data-aux .data-date span { font-size: 0.7rem; } .widget.crediCardWidget .accounts-mb .data-aux-container .data-aux .data-tag { display: block; font-size: 0.9rem; padding-bottom: 0px; text-align: left; } .widget.crediCardWidget .accounts-mb .data-aux-container .cont-data-aux { margin: 0px; } .widget.crediCardWidget .accounts-mb .data-aux-container .cont-data-aux .data-aux { padding-left: 0px; padding-right: 0px; margin: 0px; } .widget.crediCardWidget .accounts-mb .data-aux-container .cont-data-aux .data-aux .data-name { font-size: 0.9rem; } .widget.crediCardWidget .accounts-mb .data-aux-container .cont-data-aux .data-aux .data-tag { margin-bottom: 0px; } .widget.crediCardWidget .accounts-mb .data-aux-container:last-child { border-left: none; } .show-grid { background-color: transparent; } .input-search .form-group .input-group .form-control, .input-search .form-group .input-group .react-tagsinput { line-height: 0.5; } .btn-link.button-download { padding: 0px; } } .widget--bio-banner { padding: 1rem; } @media (max-width: 767px) { .widget--bio-banner { padding: 0px; } } .widget--bio-banner .text-biometric { color: rgb(13, 94, 161); padding: 0.5rem 0px 1rem; margin: 0px; font-size: 0.9rem; font-family: "Gotham Book"; font-weight: 400; text-transform: uppercase; } @media (max-width: 767px) { .widget--bio-banner .text-biometric { padding-bottom: 0.5rem; } } .widget--bio-banner .image-text { display: flex; padding: 0px; margin-bottom: 0.5rem; } .widget--bio-banner .image-text .svg-wrapper { width: auto; } @media (max-width: 767px) { .widget--bio-banner .image-text .svg-wrapper { margin-bottom: 0px; margin-right: 0.5rem; } } .widget--bio-banner .image-text .svg-wrapper div .svg-icon-biometric { width: 4rem; min-width: 4rem; height: 4rem; fill: rgb(13, 94, 161); } .widget--bio-banner .image-text p { font-size: 1.25rem; font-family: "Gotham Medium"; padding: 0px 1rem; margin: 0px; line-height: 1.2; width: 80%; display: flex; align-items: center; color: rgb(13, 94, 161); } @media (max-width: 767px) { .widget--bio-banner .image-text p { width: 100%; padding: 0px; font-size: 0.9rem; line-height: 1.3; } } .widget--bio-banner .check-container { padding: 1rem 0px; } .widget--bio-banner h3 { color: rgb(0, 102, 179) !important; text-transform: uppercase !important; font-size: 0.9rem !important; } .widget--bio-banner label, .widget--bio-banner p { color: rgb(72, 72, 72); } @media (min-width: 768px) { .view-container { padding: 0px; height: auto; } .view-container.desktop-body { padding: 0px 1rem; } .view-container .view-container-header { background-color: rgb(0, 102, 179); } .view-container .view-container-header .view-container-header-title { display: flex; align-items: center; } .view-container .view-container-header .view-container-header-title h3 { background: transparent; color: rgb(255, 255, 255); display: inline-block; font-family: "Gotham Medium"; font-weight: 500; font-size: 1.2rem; margin: 0px; padding: 0.8rem 0.9rem; text-transform: none; } .view-container .view-container-body { background-color: rgb(255, 255, 255); height: auto; margin: 0px 0px 2rem; border: none; } .view-container .view-container-body.desktop-body { box-shadow: none; background-color: transparent; margin: 0px; } .view-container .view-container-body.desktop-body.container-wrapper { padding: 0px; } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .view-container .view-container-body.desktop-body.container-wrapper { padding: 0px 1rem 2rem; margin: 0px; } } @media (min-width: 768px) { .view-container .view-container-body .form-content .row .col .data-text { font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper { margin: 0px 1rem 2rem; padding: 1.5rem; } .view-container .view-container-body.container-wrapper ul { padding: 0px; } .view-container .view-container-body.container-wrapper .navbar-header { padding: 0px 1rem; } .view-container .view-container-body.container-wrapper .container--layout { padding: 0px; } .view-container .view-container-body.container-wrapper .container--layout .row .data-text { color: rgb(17, 17, 17); font-size: 0.9rem; font-family: "Gotham Medium"; width: 70%; } .view-container .view-container-body.container-wrapper .container--layout .row .data-text .data-numeric { text-align: left; } .view-container .view-container-body.container-wrapper .container--layout .row .data-text.highlight, .view-container .view-container-body.container-wrapper .container--layout .row .data-text.highlight-multiple, .view-container .view-container-body.container-wrapper .container--layout .row .data-text.width-row-highlight { width: auto; } } @media (min-width: 768px) and (max-width: 767px) { .view-container .view-container-body.container-wrapper .container--layout .row .data-text.width-row-highlight { width: 100%; } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .view-container .view-container-body.container-wrapper .container--layout .row .data-text { width: 70%; } } @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) { .view-container .view-container-body.container-wrapper .container--layout .row .data-text { width: 65%; } } @media (min-width: 768px) { .view-container .view-container-body.container-wrapper .container--layout .row .data-text p { margin: 0px 0px 0.5rem; } .view-container .view-container-body.container-wrapper .container--layout .row .data-text span, .view-container .view-container-body.container-wrapper .container--layout .row .data-text span .data-amount-currency { font-size: 0.9rem; font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .container--layout .row .data-text .form-group { margin: 0px; } .view-container .view-container-body.container-wrapper .container--layout:last-of-type { margin-bottom: 0px; } .view-container .view-container-body.container-wrapper .text-subtitle { margin: 0px 0px 0.75rem; } } @media (min-width: 768px) and (max-width: 767px) { .view-container .view-container-body.container-wrapper .text-subtitle { margin: 0px 0px 0.75rem; } } @media (min-width: 768px) { .view-container .view-container-body.container-wrapper .text-subtitle.table { margin: 0px; } .view-container .view-container-body.container-wrapper .text-subtitle.font-size-reduce span { font-size: 1rem; } .view-container .view-container-body.container-wrapper .text-subtitle span { color: rgb(13, 94, 161); font-size: 1.1rem; font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .text-lead, .view-container .view-container-body.container-wrapper .text-lead span { color: rgb(17, 17, 17); padding: 0px; margin: 0px 0px 0.75rem; font-size: 1rem; font-family: "Gotham Medium"; } } @media (min-width: 768px) and (max-width: 767px) { .view-container .view-container-body.container-wrapper .text-lead, .view-container .view-container-body.container-wrapper .text-lead span { font-size: 0.9rem; } } @media (min-width: 768px) { .view-container .view-container-body.container-wrapper .tight-containers .container--layout .col-md-12, .view-container .view-container-body.container-wrapper .tight-containers .container--layout .col-sm-12 { padding: 0px; } .view-container .view-container-body.container-wrapper .form-content .data-label, .view-container .view-container-body.container-wrapper .form-content .data-label-bottom-sheet, .view-container .view-container-body.container-wrapper .form-content .data-label-bottom-sheet span, .view-container .view-container-body.container-wrapper .form-content .data-label span { font-family: "Gotham Book"; } .view-container .view-container-body.container-wrapper .form-content .data-text { font-size: 0.9rem; font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .form-content .data-text span { font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .form-content .data-text span .data-amount-currency { font-size: 0.9rem; } .view-container .view-container-body.container-wrapper .form-content .data-text span.data-text { font-size: 0.9rem; font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul { font-family: "Gotham Medium"; margin: 0px 0px 0.75rem; display: flex; width: 100%; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper span, .view-container .view-container-body.container-wrapper .form-content .data-wrapper span p, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul span, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul span p { font-family: "Gotham Medium"; font-size: 0.9rem; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .data-name, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .data-name { font-family: "Gotham Medium"; font-size: 0.9rem; width: auto; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .data-name .data-title, .view-container .view-container-body.container-wrapper .form-content .data-wrapper .data-name .data-title .data-amount-currency, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .data-name .data-title, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .data-name .data-title .data-amount-currency { font-family: "Gotham Medium"; font-size: 0.9rem; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .data-label, .view-container .view-container-body.container-wrapper .form-content .data-wrapper .data-label-bottom-sheet, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .data-label { width: 25%; font-family: "Gotham Book"; margin: 0px; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .data-label-bottom-sheet span, .view-container .view-container-body.container-wrapper .form-content .data-wrapper .data-label span, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .data-label span { display: block; font-family: "Gotham Book"; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .data-date, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .data-date { font-size: 0.9rem; font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .result-data, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .result-data { display: contents; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .result-data.tc-svg, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .result-data.tc-svg { display: flex; align-items: center; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .result-data.tc-svg div, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .result-data.tc-svg div { height: auto; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .result-data.tc-svg div div, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .result-data.tc-svg div div { display: flex; height: auto; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .result-data.tc-svg div div .svg-icon, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .result-data.tc-svg div div .svg-icon { margin-right: 0.75rem; height: 1.4rem; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .fix-container, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .fix-container { width: 100%; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .fix-container .data-wrapper, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .fix-container .data-wrapper { margin: 0px 0px 0.75rem; display: flex; width: 100%; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper:last-of-type li, .view-container .view-container-body.container-wrapper .form-content .data-wrapper:last-of-type ul li, .view-container .view-container-body.container-wrapper .form-content .data-wrapper ul li, .view-container .view-container-body.container-wrapper .form-content .data-wrapper ul ul li, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul:last-of-type li, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul:last-of-type ul li, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul ul li, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul ul ul li { font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper ul:last-of-type li, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul ul:last-of-type li { font-size: 0.9rem; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper .blue-data, .view-container .view-container-body.container-wrapper .form-content .data-wrapper .green-data, .view-container .view-container-body.container-wrapper .form-content .data-wrapper .red-data, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .blue-data, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .green-data, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul .red-data { margin-left: 0px; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList .data-wrapper.transfer-data, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList .data-wrapper.transfer-data { margin-bottom: 0px; width: 70%; } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList .data-wrapper.transfer-data, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList .data-wrapper.transfer-data { width: 70%; } } @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList .data-wrapper.transfer-data, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList .data-wrapper.transfer-data { width: 65%; } } @media (min-width: 768px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList .data-wrapper.transfer-data .data-label, .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList .data-wrapper.transfer-data .data-label-bottom-sheet, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList .data-wrapper.transfer-data .data-label, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList .data-wrapper.transfer-data .data-label-bottom-sheet { display: block; margin-bottom: 0px; width: 100%; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList .data-wrapper.transfer-data .data-text, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList .data-wrapper.transfer-data .data-text { width: auto; margin-right: 0.5rem; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList .data-wrapper.transfer-data .data-text p, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList .data-wrapper.transfer-data .data-text p { margin-bottom: 0px; } } @media (min-width: 768px) and (max-width: 767px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList .data-wrapper.transfer-data .data-text p, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList .data-wrapper.transfer-data .data-text p { font-family: "Gotham Medium" !important; } } @media (min-width: 768px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList.fix-emailList .data-wrapper.transfer-data, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList.fix-emailList .data-wrapper.transfer-data { width: 100%; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList.fix-emailList .data-wrapper.transfer-data .data-label, .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList.fix-emailList .data-wrapper.transfer-data .data-label-bottom-sheet, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList.fix-emailList .data-wrapper.transfer-data .data-label, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList.fix-emailList .data-wrapper.transfer-data .data-label-bottom-sheet { width: 25%; } } @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList.fix-emailList .data-wrapper.transfer-data .data-label, .view-container .view-container-body.container-wrapper .form-content .data-wrapper.form-group--emailList.fix-emailList .data-wrapper.transfer-data .data-label-bottom-sheet, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList.fix-emailList .data-wrapper.transfer-data .data-label, .view-container .view-container-body.container-wrapper .form-content .transfer-block .data-wrapper ul.form-group--emailList.fix-emailList .data-wrapper.transfer-data .data-label-bottom-sheet { width: 35%; } } @media (min-width: 768px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list { margin-top: 0.5rem; margin-bottom: 0.5rem; display: block; line-height: 1; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-label, .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-label-bottom-sheet { width: 100%; } .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-label-bottom-sheet span, .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-label span { display: block; font-family: "Gotham Medium"; } } @media (min-width: 768px) and (max-width: 767px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-label-bottom-sheet span, .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-label span { font-family: "Gotham Book" !important; } } @media (min-width: 768px) { .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-name, .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-name .data-title.data-amount, .view-container .view-container-body.container-wrapper .form-content .data-wrapper.block-list .data-name .data-title.data-amount .data-amount-currency { font-family: "Gotham Book"; } .view-container .view-container-body.container-wrapper .form-content .scheduler-message { font-weight: 400; font-size: 0.9rem; margin-bottom: 0.5rem; } .view-container .view-container-body.container-wrapper .form-content hr { margin: 0.75rem 0px; border-color: rgb(221, 221, 221); } .view-container .view-container-body .data-label-aux { max-width: 25%; } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .view-container .view-container-body .data-label-aux { max-width: 30%; } } @media (min-width: 768px) and (min-width: 992px) and (max-width: 1199px) { .view-container .view-container-body .data-label-aux { max-width: 35%; } } @media (min-width: 768px) { .view-container .view-container-body .aditional-header-elements .toolbar-item { margin-left: 0.75rem; padding-left: 0.75rem; } .view-container .view-container-body .aditional-header-elements .toolbar-item:first-child { border-right: none; margin-left: 0px; padding-left: 0px; } .view-container .view-container-body .aditional-header-elements .toolbar-item a { font-size: 0.9rem; } .view-container .view-container-body .month-selector { display: flex; margin-bottom: 2rem; } .view-container .view-container-body .month-selector .text-subtitle { width: 100%; } .view-container .view-container-body .month-selector .form-group { margin-bottom: 0px; } .view-container .view-container-body .month-selector .form-group .input-group .Select { padding: 0px; } .view-container .view-container-body .month-selector .form-group-text, .view-container .view-container-body .month-selector .switch-label-text { flex-basis: 30%; } .view-container .view-container-body .month-selector .form-group-text .Select, .view-container .view-container-body .month-selector .switch-label-text .Select { flex-basis: 70%; } } @media (max-width: 767px) { .view-container { padding: 0px; height: 100%; } .view-container.no-header { padding: 0px; } .view-container .view-container-header { background-color: rgb(255, 255, 255); } .view-container .view-container-header .view-container-header-title { display: flex; align-items: center; padding: 0.5rem 1rem 0px; } .view-container .view-container-header .view-container-header-title h3 { background: transparent; color: rgb(0, 102, 179); font-family: "Gotham Medium"; font-size: 0.9rem; font-weight: 400; margin: 0px; padding: 0px 0.5rem 0px 0px; align-self: center; } .view-container .view-container-body { background-color: rgb(255, 255, 255); height: 100%; } .view-container .view-container-body.desktop-body { padding: 0px 1rem; } .view-container .view-container-body.container-wrapper .text-subtitle { margin: 0px 0px 0.75rem; text-align: left; } .view-container .view-container-body.container-wrapper .text-subtitle span { color: rgb(13, 94, 161); font-size: 1rem; font-family: "Gotham Medium"; display: block; margin: 0px 0px 0.75rem; width: 100%; } .view-container .view-container-body.container-wrapper .data-label, .view-container .view-container-body.container-wrapper .data-label-bottom-sheet { font-family: "Gotham Book"; } .view-container .view-container-body.container-wrapper .data-label-bottom-sheet span, .view-container .view-container-body.container-wrapper .data-label span { font-family: "Gotham Book"; font-size: 0.9rem; } .view-container .view-container-body.container-wrapper .form-content .scheduler-message { margin-bottom: 1rem; } .view-container .view-container-body.container-wrapper .form-content .row .data-text { font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .form-content .row .data-text span, .view-container .view-container-body.container-wrapper .form-content .row .data-text span .data-amount-currency { font-size: 0.9rem; font-family: "Gotham Medium"; } .view-container .view-container-body.container-wrapper .form-content .row .data-wrapper .warning-text { display: flex; align-items: flex-start; font-size: 0.9rem; font-family: "Gotham Medium"; margin-bottom: 0.5rem; line-height: 1.25; } .view-container .view-container-body.container-wrapper .form-content .row .data-wrapper .warning-text .warning-icon { color: rgb(236, 135, 14); margin-right: 0.25rem; font-size: 1.25rem; } .view-container .view-container-body.container-wrapper .form-content .row .data-wrapper:last-of-type ul li, .view-container .view-container-body.container-wrapper .form-content .row .data-wrapper ul:last-of-type li { font-family: "Gotham Medium"; font-size: 0.9rem; } .view-container .view-container-body.container-wrapper .form-content .row .data-wrapper .result-data.tc-svg { width: 100%; display: flex; } .view-container .view-container-body.container-wrapper .form-content .row .data-wrapper .result-data.tc-svg div { width: auto; margin-right: 0px; height: 1.5rem; } .view-container .view-container-body.container-wrapper .form-content .row .data-wrapper .result-data.tc-svg div div .svg-icon { margin-right: 0.75rem; height: 1.2rem; } .view-container .view-container-body.container-wrapper .form-content .row .col .transfer-block .text-lead { margin-bottom: 0.75rem; margin-top: 0px; padding: 0px; } .view-container .view-container-body.container-wrapper .form-content .row .col .transfer-block .text-lead span { font-family: "Gotham Medium"; color: rgb(17, 17, 17); } .view-container .view-container-body .profile-options { padding: 1rem; } .above-the-fold.tight-containers .container--layout:first-of-type { margin-top: 1.5rem; } } @media (min-width: 768px) and (max-width: 991px) { .form-content .data-wrapper .data-label, .form-content .data-wrapper .data-label-bottom-sheet { width: 30% !important; } } @media (min-width: 992px) and (max-width: 1199px) { .form-content .data-wrapper .data-label, .form-content .data-wrapper .data-label-bottom-sheet { width: 35% !important; } } .form-content .data-wrapper .data-label.full-width-label, .form-content .data-wrapper .full-width-label.data-label-bottom-sheet { width: 100% !important; } .navigational-list.two-cols .navigational-list-item a { padding: 0.5rem; color: rgba(13, 94, 161, 0.5); line-height: 1; } @media (max-width: 767px) { .navigational-list.two-cols .navigational-list-item a { display: table-cell; } } .navigational-list.two-cols .navigational-list-item a span:nth-child(2) { text-align: left; width: 70%; } @media (max-width: 767px) { .navigational-list.two-cols .navigational-list-item a span:nth-child(2) { display: block; width: 100%; } } .navigational-list.two-cols .navigational-list-item a span:nth-child(2) span { text-align: left; padding-right: 1rem; font-family: "Gotham Book"; } .navigational-list.two-cols .navigational-list-item a span:first-child { width: 30%; font-family: "Gotham Medium"; color: rgb(13, 94, 161); line-height: 1.5; } @media (max-width: 767px) { .navigational-list.two-cols .navigational-list-item a span:first-child { display: block; width: 100%; line-height: 1.25; margin-bottom: 0.25rem; } } .navigational-list.two-cols .navigational-list-item a .icon { font-size: 1.4rem; color: rgba(183, 183, 183, 0.5); } @media (max-width: 767px) { .navigational-list.two-cols .navigational-list-item a .icon { display: none; } } .navigational-list.two-cols .navigational-list-item a:hover { background: rgba(0, 102, 179, 0.075); color: rgb(0, 102, 179); } .navigational-list.two-cols .navigational-list-item a:hover .icon { color: rgb(0, 102, 179); } @media (max-width: 767px) { .navigational-list.two-cols { margin: 0px 0px 1rem; padding: 0px; } } .navigational-list { margin: 1rem 0px; } @media (max-width: 767px) { .navigational-list { margin: 0px 0px 1.5rem; } } .navigational-list .navigational-list-item > a { padding: 0px 0px 0.75rem; font-size: 0.8rem; } .navigational-list .navigational-list-item > aspan:first-child, .navigational-list .navigational-list-item > aspan:first-child span { width: 30%; } @media (max-width: 767px) { .navigational-list .navigational-list-item > a { padding: 0px; } } .navigational-list .navigational-list-item ul { margin-bottom: 1rem; padding-bottom: 0px; } .navigational-list .navigational-list-item .text-subtitle { margin: 0px 0px 0.75rem; } @media (max-width: 767px) { .navigational-list .navigational-list-item .text-subtitle { margin-bottom: 0.25rem; } } .navigational-list .navigational-list-item .text-subtitle span { color: rgb(13, 94, 161) !important; margin: 0px !important; font-size: 0.9rem !important; } .navigational-list .navigational-list-item .btn.btn-quiet { padding: 0px; } @media (max-width: 767px) { .navigational-list .navigational-list-item .btn.btn-quiet span { text-align: left !important; } } .navigational-list .navigational-list-item button { padding: 0px; } .navigational-list .navigational-list-item button span { margin: 0px 0px 0.25rem; } .navigational-list .c-control-label .c-control-icons .c-control-mark .svg-wrapper { color: rgb(0, 102, 179); } .navigational-list-title { margin: 0px 0px 1rem; } .view-container .view-container-header .view-container-header-title { padding: 0px 1rem 0.25rem; } .security-image .image figure img { border-radius: 50%; } .form-group { margin: 0px 0px 0.75rem; } .image-grid .col { padding: 0.25rem; } .profile-container { display: flex; } @media (min-width: 768px) { .profile-container { flex-direction: column; padding: 0px 0px 1rem; border-bottom: 1px solid rgb(221, 221, 221); } .profile-container .content-avatar-name { display: flex; align-items: center; justify-content: flex-start; margin: 0px 0px 1rem; } .profile-container .content-avatar-name .ambient { display: inline-flex; border-left: 1px solid rgb(221, 221, 221); padding: 0px 1rem; margin: 0px 1rem; color: rgb(153, 153, 153); font-size: 0.9rem; } .profile-container .content-image-wrapper { margin: 0px 1rem 0px 0px; } .profile-container .content-image-wrapper .rounder-content { height: 4rem; width: 4rem; } .profile-container .profile-container-info { display: flex; justify-content: left; } .profile-container .profile-container-info .data-data span, .profile-container .profile-container-info .data-desc { font-size: 0.9rem; } .profile-container .profile-container-info .data-data { margin-left: 0.3rem; font-family: "Gotham Medium"; font-size: 0.9rem; } .profile-container .profile-container-info .content-data-small { font-size: 0.9rem; } .profile-container .profile-container-info .data-wrapper.data-wrapper-inline { margin: 0px 0px 0.8rem; } .profile-container .profile-container-info div h4 { color: rgb(13, 94, 161); } .profile-container .profile-container-info .old-bootstrap-badge { white-space: normal; margin-left: 0px; font-size: 0.9rem; } .profile-container .data-text { color: rgb(17, 17, 17); } } @media (max-width: 767px) { .profile-container { flex-direction: column; margin-top: 1rem !important; } .profile-container .content-avatar-name { display: block; align-items: center; justify-content: flex-start; margin: 0px 0px 0.5rem; } .profile-container .content-avatar-name .data-text { display: block; padding: 0px; margin-bottom: 0.25rem; font-family: "Gotham Medium"; font-size: 1rem; color: rgb(17, 17, 17); } .profile-container .content-avatar-name .ambient { color: rgb(102, 102, 102); font-size: 0.8rem; display: block; padding: 0px; } .profile-container .content-image-wrapper { margin: 0px 1rem 0.5rem 0px; } .profile-container .profile-container-info .content-avatar-name { margin-bottom: 0px; } .profile-container .profile-container-info .data-wrapper.data-wrapper-inline { margin: 0px 0px 0.5rem; font-size: 0.8rem; } .profile-container .profile-container-info .data-wrapper.data-wrapper-inline .data-data { margin-left: 0.25rem; font-family: "Gotham Medium"; color: rgb(17, 17, 17); } .profile-container .profile-container-info .data-wrapper.data-wrapper-inline .data-data, .profile-container .profile-container-info .data-wrapper.data-wrapper-inline .data-desc span { font-size: 0.8rem; } .profile-container .profile-container-info .old-bootstrap-badge { white-space: normal; font-size: 0.8rem; margin-left: 0px; } .profile-container .navigational-list .navigational-list-item > a { padding: 0px 0px 0.5rem; font-size: 0.9rem; } } .pagination { margin: 0px; font-family: "Gotham Book"; } @media (max-width: 767px) { .pagination { display: flex; justify-content: center; } } .pagination > .disabled > a { background: none; } .pagination > li.disabled a { border: none; color: rgb(102, 102, 102); margin-left: 5px; border-radius: 3px; background: rgb(242, 242, 242); } .pagination > li.disabled a:hover { background-color: rgb(234, 234, 234); color: rgb(0, 102, 179); } .pagination > li.active a { color: rgb(255, 255, 255); background-color: rgb(0, 102, 179); } .pagination > li.active a:hover { background-color: rgb(13, 94, 161); color: rgb(255, 255, 255); } .pagination > li.active a:focus { background-color: rgb(0, 102, 179); } .pagination > li a { font-size: 0.8rem; color: rgb(102, 102, 102); background: rgb(242, 242, 242); border: rgb(234, 234, 234); padding: 0px; width: 24px; height: 24px; text-align: center; line-height: 2; transition: none; margin: 0px 0px 0px 5px; border-radius: 3px; } @media (max-width: 767px) { .pagination > li a { line-height: 1.8; } } .pagination > li a:focus, .pagination > li a:hover { background-color: rgb(234, 234, 234); color: rgb(0, 102, 179); } @media (min-width: 768px) { .pagination-container { text-align: right; padding: 1.5rem 0px 0px; } .pagination-container .pagination { padding: 0.5rem 0.5rem 0px 0px; } } @media (max-width: 767px) { .pagination-container { display: flex; justify-content: center; padding-top: 0.75rem; } } @media (max-width: 320px) { .pagination > li a { line-height: 2.25; } } .toolbar-product-name { margin-bottom: 0.4rem; } .toolbar-product-name.toolbar-product-name-inverted .content-data-wrapper { background-color: rgb(248, 248, 248); border-bottom: 5px solid rgb(255, 255, 255); border-radius: 6px 9px 12px 10px; border-right: 5px solid rgb(255, 255, 255); border-left: 0px; padding: 10px !important; } .toolbar-product-name.toolbar-product-name-inverted .content-data-wrapper .toolbar-item { padding: 0px; } @media (max-width: 767px) { .toolbar-product-name.toolbar-product-name-inverted .content-data-wrapper:first-child { border-right: 5px solid rgb(255, 255, 255); border-left: 0px; border-radius: 7px 6px 10px 10px; } } .toolbar-product-name.toolbar-product-name-inverted .content-data-wrapper:last-child { border-right: 0px; } @media (max-width: 767px) { .toolbar-product-name.toolbar-product-name-inverted .content-data-wrapper:last-child { border-left: 5px solid rgb(255, 255, 255); border-right: 0px; border-radius: 7px 6px 10px 10px; } } .toolbar-product-name .toolbar-item { padding-top: 1rem; padding-bottom: 1rem; } .toolbar-product-name .toolbar-item .btn.btn-only-icon.btn-cta { margin-right: 0px; } .toolbar-product-name .form-group .input-group { border: 1px solid rgb(76, 147, 201); border-radius: 3px; background: rgb(255, 255, 255); color: rgb(17, 17, 17); } .toolbar-product-name .form-group .input-group .form-control, .toolbar-product-name .form-group .input-group .react-tagsinput { font-size: 0.9rem; line-height: 1.5; color: rgb(17, 17, 17); } .toolbar-product-name .view-title { max-width: 90%; padding-top: 0px; padding-right: 0px; justify-content: flex-start; } .toolbar-product-name .view-title .form-control, .toolbar-product-name .view-title .react-tagsinput { font-family: "Gotham Book"; font-size: 1.3rem !important; } .toolbar-product-name .view-title h2 { color: rgb(17, 17, 17); } .toolbar-product-name .container { padding-top: 0px; } .toolbar-product-name .container .row .col { border-left: 1px solid rgb(234, 234, 234); padding: 0px 1.5rem; } .toolbar-product-name .container .row .col:first-child { border-left: none; padding-left: 0px; } .toolbar-product-name .data-label-bottom-sheet span, .toolbar-product-name .data-label span { color: rgb(102, 102, 102); font-size: 0.9rem; font-weight: 400; } .toolbar-product-name .data-name .data-title { font-size: 1.2rem; } .toolbar-product-name .data-name .data-title.data-title.data-amount { color: rgb(17, 17, 17); font-size: 1.2rem; font-family: "Gotham Book"; } .toolbar-product-name .data-name .data-title.data-title.data-amount .data-amount-currency { font-size: 1.2rem; } .toolbar-product-name div .data-name { color: rgb(17, 17, 17); font-size: 1.2rem; font-weight: 400; line-height: 1.2; font-family: "Gotham Book" !important; } .toolbar-product-name div .data-name.num-account-head { text-align: center; color: rgb(255, 203, 5); margin: 0px; } .toolbar-product-name div .data-name.font-size-md { font-size: 1rem; } .toolbar-product-name div .data-name.font-size-md .data-name, .toolbar-product-name div .data-name.font-size-md .data-name .data-title.data-amount { font-size: 1rem !important; line-height: 1; } .toolbar-product-name div .data-name.font-size-md .data-amount-currency { font-size: 1rem; } .theme-product-detail .data-label, .theme-product-detail .data-label-bottom-sheet { font-size: 0.9rem; margin-bottom: 0.25rem; display: block; text-align: left; line-height: 1 !important; } .theme-product-detail .data-label-bottom-sheet span, .theme-product-detail .data-label span { color: rgb(17, 17, 17); font-family: "Gotham Medium"; } .theme-product-detail .data-wrapper { margin: 0px 0px 1rem; } .theme-product-detail.theme-product-detail-inverted.view-header .navbar { padding: 0.25rem 0.5rem 0.5rem; } .theme-product-detail.theme-product-detail-inverted .data-wrapper { margin: 0px; } @media (min-width: 768px) { .theme-product-detail.theme-product-detail-inverted .btn-block:not(.btn-image):not(:last-child) { margin-right: 0.5rem; } } .table-wrapper .table .data-text { text-align: center; width: 100%; } .ion-help-circled, .ion-information-circled { color: rgb(0, 102, 179); font-size: 1.4rem; display: block; } .collapse-style { border: 1px solid rgb(234, 234, 234); border-radius: 5px; background: rgb(255, 255, 255); padding: 0.75rem 1rem !important; margin-bottom: 0.5rem !important; } @media (max-width: 767px) { .collapse-style { padding: 0.25rem 0.75rem !important; } } .collapse-style h5.text-subtitle span { font-size: 1rem !important; } .collapse-style .align-product-head { cursor: pointer; } @media (max-width: 767px) { .collapse-style .align-product-head { margin: 0.25rem 0px; } } .collapse-style .align-product-head .icon { color: rgba(13, 94, 161, 0.5); font-size: 1.3rem; vertical-align: middle; } .collapse-style .align-product-head .data-label-collapse { color: rgb(13, 94, 161); font-family: "Gotham Medium"; font-size: 1rem; margin-left: 0.25rem; padding: 0px; } .collapse-style .collapse .text-subtitle, .collapse-style .collapsing .text-subtitle { margin: 0px; } .collapse-style .collapse .table, .collapse-style .collapsing .table { margin-bottom: 0px; margin-top: 0.5rem; } .collapse-style .collapse .table .table-body, .collapse-style .collapse .table .table-head, .collapse-style .collapsing .table .table-body, .collapse-style .collapsing .table .table-head { padding: 0px; } .collapse-style .collapse .table .table-body .table-data, .collapse-style .collapse .table .table-head .table-data, .collapse-style .collapsing .table .table-body .table-data, .collapse-style .collapsing .table .table-head .table-data { border-bottom: 1px solid rgb(255, 255, 255); padding: 0px; } .collapse-style .collapse .table .table-head .table-data, .collapse-style .collapsing .table .table-head .table-data { font-size: 0.9rem; font-family: "Gotham Medium"; color: rgb(17, 17, 17); } .collapse-style .collapse .table .table-head .table-data.cell-width-20, .collapse-style .collapsing .table .table-head .table-data.cell-width-20 { width: 20%; } .collapse-style .collapse .table .table-head .table-data.cell-width-33, .collapse-style .collapsing .table .table-head .table-data.cell-width-33 { width: 33%; } .collapse-style .collapse .table .table-head .table-data.cell-width-34, .collapse-style .collapsing .table .table-head .table-data.cell-width-34 { width: 34%; } .collapse-style .collapse .table .table-body .table-row:hover, .collapse-style .collapsing .table .table-body .table-row:hover { background: none !important; } .collapse-style .collapse .table .table-body .table-row .table-data, .collapse-style .collapsing .table .table-body .table-row .table-data { cursor: default; } .collapse-style .collapse .table .table-body .table-row .table-data:hover, .collapse-style .collapsing .table .table-body .table-row .table-data:hover { background: none; } .collapse-style .collapse .table .table-body .table-row .table-data .data-aux, .collapse-style .collapsing .table .table-body .table-row .table-data .data-aux { font-family: "Gotham Book"; color: rgb(17, 17, 17); font-size: 0.9rem; margin-right: 0.5rem; } @media (min-width: 992px) and (max-width: 1199px) { .collapse-style .collapse .table .table-body .table-row .table-data .data-aux, .collapse-style .collapsing .table .table-body .table-row .table-data .data-aux { display: block; width: 100%; } } .collapse-style .collapse .row .data-wrapper, .collapse-style .collapsing .row .data-wrapper { margin-top: 0.5rem; margin-bottom: 0.5rem; } .collapse-style .collapse .data-wrapper .data-label, .collapse-style .collapse .data-wrapper .data-label-bottom-sheet, .collapse-style .collapsing .data-wrapper .data-label, .collapse-style .collapsing .data-wrapper .data-label-bottom-sheet { margin-bottom: 0.15rem; line-height: 1.2; } .collapse-style .collapse .data-wrapper .data-label-bottom-sheet span, .collapse-style .collapse .data-wrapper .data-label span, .collapse-style .collapsing .data-wrapper .data-label-bottom-sheet span, .collapse-style .collapsing .data-wrapper .data-label span { font-family: "Gotham Medium"; font-size: 0.9rem; color: rgb(17, 17, 17); } @media (max-width: 767px) { .collapse-style .collapse .data-wrapper .data-label-bottom-sheet span, .collapse-style .collapse .data-wrapper .data-label span, .collapse-style .collapsing .data-wrapper .data-label-bottom-sheet span, .collapse-style .collapsing .data-wrapper .data-label span { font-family: "Gotham Book" !important; } } .collapse-style .collapse .data-wrapper .data-text, .collapse-style .collapsing .data-wrapper .data-text { font-family: "Gotham Book" !important; } .collapse-style .collapse .data-wrapper .info-text, .collapse-style .collapsing .data-wrapper .info-text { font-size: 0.8rem !important; color: rgb(17, 17, 17) !important; } .collapse-style .collapse .data-wrapper .data-aux, .collapse-style .collapse .data-wrapper .data-desc, .collapse-style .collapse .data-wrapper .data-name, .collapse-style .collapsing .data-wrapper .data-aux, .collapse-style .collapsing .data-wrapper .data-desc, .collapse-style .collapsing .data-wrapper .data-name { color: rgb(17, 17, 17); font-size: 1rem; font-family: "Gotham Book"; } .collapse-style .collapse .data-wrapper .data-aux .data-title.data-amount, .collapse-style .collapse .data-wrapper .data-aux .data-title.data-amount .data-amount-currency, .collapse-style .collapse .data-wrapper .data-desc .data-title.data-amount, .collapse-style .collapse .data-wrapper .data-desc .data-title.data-amount .data-amount-currency, .collapse-style .collapse .data-wrapper .data-name .data-title.data-amount, .collapse-style .collapse .data-wrapper .data-name .data-title.data-amount .data-amount-currency, .collapse-style .collapsing .data-wrapper .data-aux .data-title.data-amount, .collapse-style .collapsing .data-wrapper .data-aux .data-title.data-amount .data-amount-currency, .collapse-style .collapsing .data-wrapper .data-desc .data-title.data-amount, .collapse-style .collapsing .data-wrapper .data-desc .data-title.data-amount .data-amount-currency, .collapse-style .collapsing .data-wrapper .data-name .data-title.data-amount, .collapse-style .collapsing .data-wrapper .data-name .data-title.data-amount .data-amount-currency { font-size: 1rem; } .collapse-style .collapse .data-wrapper.block-list .data-label, .collapse-style .collapse .data-wrapper.block-list .data-label-bottom-sheet, .collapse-style .collapsing .data-wrapper.block-list .data-label, .collapse-style .collapsing .data-wrapper.block-list .data-label-bottom-sheet { display: block !important; margin-bottom: 0.25rem !important; } @media (max-width: 767px) { .collapse-style .collapse .data-wrapper.block-list .data-label, .collapse-style .collapse .data-wrapper.block-list .data-label-bottom-sheet, .collapse-style .collapsing .data-wrapper.block-list .data-label, .collapse-style .collapsing .data-wrapper.block-list .data-label-bottom-sheet { margin-bottom: 0px !important; } } .collapse-style .collapse.in .form-control, .collapse-style .collapse.in .react-tagsinput { color: rgb(17, 17, 17); border: none; border-radius: 3px; background: rgb(255, 255, 255); box-shadow: none; } @media (min-width: 992px) and (max-width: 1199px) { .collapse-style .collapse.in .form-control, .collapse-style .collapse.in .react-tagsinput { margin-left: 0px; } } .collapse-style .collapse.in .form-group.form-group--datepicker .form-group-container { width: 100%; } .collapse-style .collapse.in .btn.btn-only-icon.btn-circle { margin-right: 0.5rem; margin-left: 0.5rem; } .collapse-style .container .row .col { border-left: none; } .collapse-no-border-style { border: none !important; box-shadow: none !important; padding: 0px !important; } .num-account { color: rgb(17, 17, 17); font-size: 0.9rem; font-family: "Gotham Medium"; } .num-account span { color: rgb(17, 17, 17); margin-left: 0px; font-size: 1.3rem; font-family: "Gotham Book"; display: block; } .num-account.align-logo .data-name .data-title .svg-wrapper { justify-content: left; } .subscription-detail--list dt span { font-family: "Gotham Medium"; font-weight: 400; font-size: 0.9rem; } .subscription-detail--list dd { margin-bottom: 1rem; font-size: 0.9rem; } .product-item div { font-family: "Gotham Medium"; font-size: 1rem; } @media (min-width: 992px) and (max-width: 1199px) { .toolbar-product-name div .data-name { font-size: 1.3rem; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toolbar-product-name .data-name .data-title.data-amount { font-size: 1.3rem !important; font-weight: 400; } .toolbar-product-name .container .row .col { padding: 0px 1.5rem; } } @media (min-width: 768px) and (max-width: 991px) { .toolbar-product-name .toolbar-item { padding-bottom: 0px; } .toolbar-product-name .container { padding-top: 0px; } .toolbar-product-name .container .row .col { border-left: none; padding: 0px 0px 1rem; } .toolbar-product-name .container .row .col:first-child { border-left: none; padding-left: 0px; } } @media (max-width: 767px) { .collapse.in { padding: 0px; } .collapse.in, .toolbar-product-name { margin-bottom: 0px; } .toolbar-product-name h5.text-subtitle { margin: 0.5rem 0px !important; } .toolbar-product-name h5.text-subtitle span { text-align: center; text-transform: uppercase; color: rgb(255, 203, 5) !important; font-family: "Gotham Book" !important; font-size: 0.9rem !important; } .toolbar-product-name .data-label-bottom-sheet span, .toolbar-product-name .data-label span { color: rgba(255, 255, 255, 0.5); padding: 0px; font-family: "Gotham Book" !important; } .toolbar-product-name .data-label.movements div.cont-pf span.green-data-outline, .toolbar-product-name .movements.data-label-bottom-sheet div.cont-pf span.green-data-outline { border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); margin-left: 0px; text-transform: uppercase; margin-top: 0.5rem; display: inline-flex; background: rgb(0, 159, 98) !important; color: rgb(255, 255, 255) !important; font-size: 0.7rem !important; padding: 0.3rem 0.6rem !important; } .toolbar-product-name .data-label.movements, .toolbar-product-name .data-label.movements span, .toolbar-product-name .movements.data-label-bottom-sheet, .toolbar-product-name .movements.data-label-bottom-sheet span { font-family: "Gotham Book"; font-weight: 400; padding-top: 0px; } .toolbar-product-name .alias.movements { padding: 10px 1rem 0px; font-size: 1.1rem; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background-color: rgb(248, 248, 248); border-radius: 5px 5px 0px 0px; } .toolbar-product-name .label-old-account { line-height: 0.5; margin-bottom: 0.5rem; } .toolbar-product-name .data-label.movements, .toolbar-product-name .data-label.movements span, .toolbar-product-name .movements.data-label-bottom-sheet, .toolbar-product-name .movements.data-label-bottom-sheet span { color: rgb(17, 17, 17); border-bottom: 1px dashed rgba(255, 255, 255, 0.25); font-family: "Gotham Book" !important; font-size: 1.1rem !important; } .toolbar-product-name .data-label.movements span, .toolbar-product-name .data-label.movements span span, .toolbar-product-name .movements.data-label-bottom-sheet span { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; } .toolbar-product-name .data-label.movements .green-data-outline, .toolbar-product-name .data-label.movements span .green-data-outline, .toolbar-product-name .movements.data-label-bottom-sheet .green-data-outline { background: rgba(255, 255, 255, 0.8); margin-left: 0.5rem; color: rgb(13, 94, 161) !important; } .toolbar-product-name .data-label.movements span, .toolbar-product-name .movements.data-label-bottom-sheet span { border-bottom: none; } .toolbar-product-name .container { padding-top: 0px; padding-bottom: 0px; } .toolbar-product-name .container .data-text { font-family: "Gotham Book"; font-size: 1rem; } .toolbar-product-name .container .data-text .data-amount-currency { font-size: 0.9rem; line-height: 1; } .toolbar-product-name .container .data-text .data-text { padding: 0px; } .toolbar-product-name .container .data-label-bottom-sheet span, .toolbar-product-name .container .data-label span { font-family: "Gotham Book" !important; color: rgba(255, 255, 255, 0.5); } .toolbar-product-name .container .row { margin-bottom: 0px; } .toolbar-product-name .container .row .col { padding: 0px; border-left: none; } .toolbar-product-name .num-account { color: rgba(255, 255, 255, 0.8); font-size: 0.8rem; font-family: "Gotham Book"; } .toolbar-product-name .num-account span { color: rgb(255, 255, 255); display: block; background: none; border-radius: 0px; font-family: "Gotham Book"; font-size: 1.1rem; margin-bottom: 0px; } .toolbar-product-name .num-account.align-logo .data-name .data-title .svg-wrapper { justify-content: center; background: rgb(255, 255, 255); width: auto; padding: 0.25rem 0.75rem; margin-bottom: 0.5rem; border-radius: 5px; border: 1px solid rgb(232, 237, 240); } .toolbar-product-name.toolbar-product-name-inverted .num-account { text-transform: uppercase; font-size: 0.65rem !important; } .toolbar-product-name.toolbar-product-name-inverted .num-account, .toolbar-product-name.toolbar-product-name-inverted .num-account span { color: rgba(17, 17, 17, 0.8); } .toolbar-product-name.toolbar-product-name-inverted h5.text-subtitle span { color: rgb(17, 17, 17) !important; } .toolbar-product-name.titleAccountMovements-style .alias.movements { display: block; margin: 0px; } .toolbar-product-name.titleAccountMovements-style .sep-line { padding-bottom: 0.75rem; border-bottom: 1px dashed rgba(255, 255, 255, 0.25); border-radius: 5px; margin-bottom: 0.25rem !important; } .toolbar-product-name.titleAccountMovements-style .reset-line { border-bottom: none; margin: 0px; } .toolbar-product-name.titleAccountMovements-style .data-label.movements span, .toolbar-product-name.titleAccountMovements-style .movements.data-label-bottom-sheet span { font-size: 0.8rem !important; text-transform: inherit; } .toolbar-product-name.titleAccountMovements-style .data-aux { display: block; margin: 0px; } .theme-product-detail.view-header { padding: 0px; } .theme-product-detail.view-header .navbar { padding: 1rem 1rem 0.5rem; } .theme-product-detail.view-header .navbar .navbar-header { padding: 0px; } .theme-product-detail .view-morphing { background: rgb(6, 66, 113); } .theme-product-detail .view-morphing .widget-preloader { background: rgb(248, 248, 248); } .theme-product-detail .view-morphing .slick-slider { padding: 0px; } .theme-product-detail .view-morphing .slick-slider .slick-dots li button::before { color: rgba(0, 102, 179, 0.25) !important; } .theme-product-detail .view-morphing .slick-slider .slick-dots li.slick-active button::before { color: rgb(0, 102, 179) !important; } .theme-product-detail .data-label, .theme-product-detail .data-label-bottom-sheet { margin-bottom: 0px; width: 100%; text-align: center; } .theme-product-detail .data-label-bottom-sheet span, .theme-product-detail .data-label span { color: rgb(17, 17, 17); text-transform: uppercase; font-family: "Gotham Book" !important; font-size: 0.65rem !important; } .theme-product-detail .data-date { width: 100%; color: rgb(255, 255, 255); } .theme-product-detail.theme-product-detail-inverted .data-date { color: rgb(17, 17, 17); } .theme-product-detail .content-data-item { padding: 0px 1rem; } .theme-product-detail .content-data-item .btn.btn-btn.btn-outline.btn-default.btn-block { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); cursor: pointer; } .theme-product-detail .content-data-item .btn.btn-btn.btn-outline.btn-default.btn-block.btn-headTitle { background: rgb(0, 102, 179); border: none; color: rgb(255, 255, 255); padding: 0.5rem 0.25rem; margin: 0px; max-width: 60%; } .theme-product-detail .content-data-item .btn.btn-btn.btn-outline.btn-default.btn-block:hover { background: rgb(0, 102, 179); color: rgb(255, 255, 255); } .theme-product-detail .content-data-item .content-data-item .btn-headTitle { background: rgba(255, 255, 255, 0.8); border: none; color: rgb(8, 82, 141); padding: 0.5rem 0.25rem; margin: 0px; max-width: 60%; } .theme-product-detail .content-data-item .content-data-item .btn-headTitle:hover { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(13, 94, 161); } .theme-product-detail .toolbar-item.toolbar-item--fixed { font-size: 1.25rem; margin: 6px; padding: 8px; right: -0.5rem; top: -0.25rem; } .theme-product-detail .toolbar-item.toolbar-item--fixed:focus { background: none; } .theme-product-detail .toolbar-item.toolbar-item--fixed:hover { background: none; color: rgb(255, 203, 5); } .theme-product-detail .content-data-wrapper .data-label-bottom-sheet span, .theme-product-detail .content-data-wrapper .data-label span { color: rgba(255, 255, 255, 0.5); } .data-label-aux { max-width: 100%; } .slick-slider .slick-dots li button::before { color: rgba(255, 255, 255, 0.25); } .slick-slider .slick-dots li.slick-active button::before { color: rgb(255, 255, 255); } .slick-slider .slick-list .slick-track .data-wrapper { display: flex; margin: 0.5rem 0px 0px; } .slick-slider .slick-list .slick-track .data-wrapper .data-label, .slick-slider .slick-list .slick-track .data-wrapper .data-label-bottom-sheet, .slick-slider .slick-list .slick-track .data-wrapper .data-name, .slick-slider .slick-list .slick-track .data-wrapper span { text-align: center; width: 100%; } .slick-slider .slick-list .slick-track .data-wrapper .data-name .data-title.data-amount, .slick-slider .slick-list .slick-track .data-wrapper .data-name .data-title.data-amount .data-amount-currency { color: rgb(255, 255, 255); } .slick-slider .slick-list .slick-track .data-label-bottom-sheet span, .slick-slider .slick-list .slick-track .data-label span { font-family: "Gotham Book"; color: rgb(17, 17, 17); } .slick-slider .slick-list .slick-track .content-data .content-data-wrapper .data-name .data-title.data-amount { color: rgb(17, 17, 17); } .react-tabs__tab-panel, .react-tabs__tab-panel--selected { padding: 0px 1rem; } .react-tabs__tab-panel--selected .text-subtitle, .react-tabs__tab-panel .text-subtitle { font-size: 1rem; } .react-tabs__tab-panel--selected .text-subtitle span, .react-tabs__tab-panel .text-subtitle span { margin-bottom: 0px !important; } .react-tabs__tab-panel--selected .collapse-style, .react-tabs__tab-panel .collapse-style { border: none; box-shadow: none; padding: 0px !important; margin-bottom: 0px !important; } .react-tabs__tab-panel--selected .collapse-style .container, .react-tabs__tab-panel .collapse-style .container { padding: 0px; } .react-tabs__tab-panel--selected .collapse-style .content-data.row span, .react-tabs__tab-panel .collapse-style .content-data.row span { text-align: center; } .react-tabs__tab-panel--selected .collapse-style .collapse .row .data-wrapper, .react-tabs__tab-panel .collapse-style .collapse .row .data-wrapper { margin-top: 0px; margin-bottom: 0.75rem; } .react-tabs__tab-panel--selected .collapse-style .collapse .row .data-wrapper .data-label, .react-tabs__tab-panel--selected .collapse-style .collapse .row .data-wrapper .data-label-bottom-sheet, .react-tabs__tab-panel .collapse-style .collapse .row .data-wrapper .data-label, .react-tabs__tab-panel .collapse-style .collapse .row .data-wrapper .data-label-bottom-sheet { margin-bottom: 0px; line-height: 1; } .react-tabs__tab-panel--selected .collapse-style .collapse .row .data-wrapper .data-label-bottom-sheet span, .react-tabs__tab-panel--selected .collapse-style .collapse .row .data-wrapper .data-label span, .react-tabs__tab-panel .collapse-style .collapse .row .data-wrapper .data-label-bottom-sheet span, .react-tabs__tab-panel .collapse-style .collapse .row .data-wrapper .data-label span { font-size: 0.9rem; font-family: "Gotham Book"; } .react-tabs__tab-panel--selected .collapse-style .collapse .row .data-wrapper .data-text, .react-tabs__tab-panel .collapse-style .collapse .row .data-wrapper .data-text { font-family: "Gotham Medium" !important; } .react-tabs__tab-panel--selected .collapse-style .collapse .row .data-wrapper .data-name .data-title.data-amount, .react-tabs__tab-panel--selected .collapse-style .collapse .row .data-wrapper .data-name .data-title.data-amount .data-amount-currency, .react-tabs__tab-panel .collapse-style .collapse .row .data-wrapper .data-name .data-title.data-amount, .react-tabs__tab-panel .collapse-style .collapse .row .data-wrapper .data-name .data-title.data-amount .data-amount-currency { font-size: 0.9rem; } .react-tabs__tab-panel--selected .btn-outline.btn, .react-tabs__tab-panel .btn-outline.btn { margin-bottom: 0.75rem; padding: 0.75rem 1.15rem; background: rgb(255, 255, 255); border: 1px solid rgb(0, 102, 179); color: rgb(0, 102, 179); } .react-tabs__tab-panel--selected .btn-outline.btn:hover, .react-tabs__tab-panel .btn-outline.btn:hover { background: rgb(13, 94, 161); text-decoration: none; } .react-tabs__tab-panel--selected .empty-content, .react-tabs__tab-panel .empty-content { font-size: 0.9rem; text-align: center; } .react-tabs__tab-panel--selected div h4, .react-tabs__tab-panel div h4 { font-size: 0.9rem; margin: 0px 0px 0.25rem; } .react-tabs__tab-panel--selected div .btn.btn-quiet, .react-tabs__tab-panel div .btn.btn-quiet { background: rgb(255, 255, 255); border: 1px solid rgb(0, 102, 179); color: rgb(0, 102, 179); padding: 0.25rem 0px; text-decoration: none; margin-bottom: 0px; } .react-tabs__tab-panel--selected div .btn.btn-quiet:hover, .react-tabs__tab-panel div .btn.btn-quiet:hover { text-decoration: none; } .react-tabs__tab-panel--selected div .content-data.row .content-data.row span, .react-tabs__tab-panel div .content-data.row .content-data.row span { font-size: 0.9rem; text-align: left; width: 100%; } .react-tabs__tab-panel--selected div .content-data.row .data-wrapper, .react-tabs__tab-panel div .content-data.row .data-wrapper { margin-bottom: 0.75rem; } .react-tabs__tab-panel--selected div .content-data.row .data-wrapper .data-name, .react-tabs__tab-panel div .content-data.row .data-wrapper .data-name { margin: 0px; } .react-tabs__tab-panel--selected div.sep-mb, .react-tabs__tab-panel div.sep-mb { border-bottom: 1px solid rgb(242, 242, 242); margin-bottom: 0.75rem; } .react-tabs__tab-panel--selected div.sep-mb .btn, .react-tabs__tab-panel--selected div.sep-mb div .btn, .react-tabs__tab-panel div.sep-mb .btn, .react-tabs__tab-panel div.sep-mb div .btn { margin-bottom: 0.75rem; } } @media (max-width: 767px) and (max-width: 767px) { .react-tabs__tab-panel--selected .table-body .table-row, .react-tabs__tab-panel .table-body .table-row { margin-bottom: 0.75rem; padding-bottom: 0px; } } @media (max-width: 767px) { .react-tabs__tab-panel--selected .table-body .table-row .table-data:first-of-type, .react-tabs__tab-panel .table-body .table-row .table-data:first-of-type { padding-left: 0px; } .react-tabs__tab-panel--selected .table-body .table-row .table-data:last-of-type, .react-tabs__tab-panel .table-body .table-row .table-data:last-of-type { padding-right: 0px; } .react-tabs__tab-panel--selected .table-body .table-row .table-data, .react-tabs__tab-panel .table-body .table-row .table-data { font-size: 0.9rem; } .react-tabs__tab-panel--selected .table-body .table-row .table-data .data-title.second-title, .react-tabs__tab-panel .table-body .table-row .table-data .data-title.second-title { font-size: 0.8rem; } .react-tabs__tab-panel--selected .table-body .table-row .table-data .data-aux, .react-tabs__tab-panel .table-body .table-row .table-data .data-aux { font-size: 0.9rem; } .react-tabs__tab-panel--selected .table-body .table-row .table-data .data-aux-container, .react-tabs__tab-panel .table-body .table-row .table-data .data-aux-container { font-size: 0.8rem; padding: 0px; margin: 0px; } .react-tabs__tab-panel--selected .table-body .table-row .table-data .data-date:first-child, .react-tabs__tab-panel .table-body .table-row .table-data .data-date:first-child { text-align: left; font-size: 0.8rem; } .react-tabs__tab-panel--selected .table-body .table-row .table-data.min-width-half span, .react-tabs__tab-panel .table-body .table-row .table-data.min-width-half span { padding-left: 0.5rem; } .react-tabs__tab-panel--selected .pagination-container, .react-tabs__tab-panel .pagination-container { padding-top: 0px; } .react-tabs__tab-panel--selected .data-wrapper .data-desc, .react-tabs__tab-panel--selected .data-wrapper .data-desc span, .react-tabs__tab-panel--selected .data-wrapper .data-text, .react-tabs__tab-panel--selected .data-wrapper .data-text span, .react-tabs__tab-panel .data-wrapper .data-desc, .react-tabs__tab-panel .data-wrapper .data-desc span, .react-tabs__tab-panel .data-wrapper .data-text, .react-tabs__tab-panel .data-wrapper .data-text span { font-family: "Gotham Medium"; } .react-tabs__tab-panel--selected .data-wrapper .data-desc span .data-amount-currency, .react-tabs__tab-panel--selected .data-wrapper .data-text span .data-amount-currency, .react-tabs__tab-panel .data-wrapper .data-desc span .data-amount-currency, .react-tabs__tab-panel .data-wrapper .data-text span .data-amount-currency { font-family: "Gotham Medium"; font-size: 0.9rem; } } @media (max-width: 767px) and (max-width: 767px) { .react-tabs__tab-panel--selected .message-container.info, .react-tabs__tab-panel--selected .notifications-wrapper, .react-tabs__tab-panel .message-container.info, .react-tabs__tab-panel .notifications-wrapper { margin-bottom: 1rem; } } @media (max-width: 767px) { .react-tabs__tab-list .react-tabs__tab { text-transform: inherit; } } .card-container { background-color: rgb(248, 248, 248); margin: 1rem; border-radius: 0.5rem; padding: 0.5rem; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px, rgba(0, 0, 0, 0.14) 0px 1px 2px; transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .card-container:hover { background-color: rgb(241, 241, 241); box-shadow: rgba(0, 0, 0, 0.05) 0px 14px 28px, rgba(0, 0, 0, 0.12) 0px 10px 10px; } .card-container .table-row { background: none; } .card-container .table-data { cursor: pointer; } .card-container .card-number { padding: 0.8rem 1rem; } .card-container .card-number .data-title span { font-size: 1.1rem; } .card-container .card-brand .svg-icon { width: 4rem; } .card-brand .svg-icon { width: 3.5rem; height: 2.7rem; } .card-brand-xs .svg-icon { width: 2.6rem; height: 1rem; } .card-data .slick-list .row .data-title { font-size: 0.9rem; } .card-data .slick-slider { padding-bottom: 0px; } .card-data-wrapper { background-color: rgb(248, 248, 248); border-bottom: 5px solid rgb(255, 255, 255); border-radius: 6px 9px 12px 10px; border-right: 5px solid rgb(255, 255, 255); border-left: 0px; padding: 0.5rem 1.5rem; } @media (max-width: 290px) { .card-cancellation { flex-wrap: nowrap; } } @media (max-width: 216px) { .card-cancellation { flex-flow: column; } } @media (max-width: 420px) { .card-cancellation .data-label, .card-cancellation .data-label-bottom-sheet { max-width: 80px !important; display: inline-block; } } @media (max-width: 368px) { .card-cancellation .data-label, .card-cancellation .data-label-bottom-sheet { max-width: 75px !important; display: inline-block; } } @media (max-width: 290px) { .card-cancellation .data-label, .card-cancellation .data-label-bottom-sheet { max-width: 60px !important; display: inline-block; } } @media (max-width: 216px) { .card-cancellation .data-label, .card-cancellation .data-label-bottom-sheet { max-width: none !important; display: inline-block; } } @media (max-width: 216px) { .card-cancellation .data-text { display: block; width: auto; max-width: none; padding-left: 0.5rem !important; } } @media (max-width: 330px) { .card-cancellation .col-brand { width: 45px; } } @media (max-width: 216px) { .card-cancellation .col-brand { margin-bottom: 0.75rem; } } .card-cancellation .col-info { flex-grow: 1; } @media (max-width: 767px) { .card-cancellation .col-info { display: inline-grid; } } .card-cancellation .col-info .col-xs-12 { padding-right: 0px; padding-left: 0px; } .card-cancellation.row { flex-wrap: nowrap; } .credit-cards-list .table { margin-top: 0px; } .credit-cards-list .card-container .table-data:first-of-type .data-amount { text-align: left !important; } .credit-cards-list .card-container .table-data:last-of-type .data-title { text-align: right !important; } @media (max-width: 460px) { .key-status { flex-direction: column-reverse; } .key-status span { width: 100%; } .key-status .adjust-date { border-left: none !important; padding: 0px !important; margin: 0px !important; } } @media (max-width: 767px) { .card-header { display: flex; padding-top: 1rem; } .card-header .svg-icon { width: 4rem; } } .card-shadow { box-shadow: rgba(0, 0, 0, 0.02) 0px 3px 9px, rgba(0, 0, 0, 0.14) 0px 3px 10px; } @media (max-width: 767px) { .toolbar-product-name .num-account.align-logo.card-header .data-name .data-title .svg-wrapper { border: none; background: none !important; } } .account-number { font-size: 1.1rem; border-bottom: none !important; } .label-list { font-family: "Gotham Book"; color: rgb(153, 153, 153); display: inline-flex; text-align: left; margin-right: 2px; } .bottom-sheet-title { color: rgb(13, 94, 161); font-size: 1rem; padding: 1rem 0.2rem; margin: 0px; } .svg-icon-bottom-sheet-clock, .svg-icon-bottom-sheet-location, .svg-icon-bottom-sheet-services { width: 1.25rem; height: 1.25rem; margin: 0px 0.5rem 0px 0px; } .bottom-sheet { background: rgb(255, 255, 255); } .bottom-sheet .btn { margin-bottom: 0px; } .bottom-sheet-button { padding: 0.7rem 1rem; } .data-label-bottom-sheet { font-size: 0.8rem; } .filters-container-google-maps .btn-group, .main-container-google-maps .btn-group { border: none; } .filters-container-google-maps .btn-group .btn, .main-container-google-maps .btn-group .btn { border-radius: 0px; padding: 0.75rem 0.2rem; } .filters-container-google-maps .btn-group .btn-primary.btn-checkbox, .main-container-google-maps .btn-group .btn-primary.btn-checkbox { border-top: none; border-bottom: none; border-image: initial; border-right: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(221, 221, 221); appearance: none; background: rgb(234, 234, 234) !important; } .filters-container-google-maps .btn-group .btn-primary.btn-checkbox i, .main-container-google-maps .btn-group .btn-primary.btn-checkbox i { display: none; } .filters-container-google-maps .btn-group .btn-primary.btn-checkbox span, .main-container-google-maps .btn-group .btn-primary.btn-checkbox span { color: rgb(51, 51, 51) !important; } .filters-container-google-maps .btn-group .btn-primary.btn-checkbox:active, .filters-container-google-maps .btn-group .btn-primary.btn-checkbox:focus, .main-container-google-maps .btn-group .btn-primary.btn-checkbox:active, .main-container-google-maps .btn-group .btn-primary.btn-checkbox:focus { box-shadow: none; } .filters-container-google-maps .btn-group .btn-primary.btn-checkbox.active, .main-container-google-maps .btn-group .btn-primary.btn-checkbox.active { border-bottom: none; box-shadow: none; background: rgb(221, 221, 221) !important; } .filters-container-google-maps .btn-group .btn-primary.btn-checkbox.active i, .main-container-google-maps .btn-group .btn-primary.btn-checkbox.active i { color: rgb(0, 102, 179); font-size: 0.9rem; margin: 0px 0.1rem 0px 0px; line-height: 1; display: block; } .filters-container-google-maps .btn-group .btn-primary.btn-checkbox.active span, .main-container-google-maps .btn-group .btn-primary.btn-checkbox.active span { color: rgb(0, 102, 179) !important; } .container-bottom-sheet-google-maps { padding: 0px 1rem; } .google-maps-root { width: 100%; min-height: 50vh; } .filters-container-google-maps .container, .main-container-google-maps .container { padding: 0px !important; } .old-bootstrap-badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 14px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1.4; vertical-align: middle; white-space: nowrap; text-align: center; background-color: rgb(0, 102, 179); border-radius: 10px; margin-left: 10px; } .old-bootstrap-badge.creditcard-status-badge-2, .old-bootstrap-badge.creditcard-status-badge-3 { background-color: rgb(255, 24, 0); } .old-bootstrap-badge.creditcard-status-badge-1 { background-color: rgb(81, 145, 26); } .old-bootstrap-badge.creditcard-status-badge-0 { background-color: rgb(0, 102, 179); } img.appstore-badge { max-width: 185px; display: block; margin-left: 3rem; float: none; padding: 2.5rem 0px 0px !important; } @media (max-width: 767px) { img.appstore-badge { margin: 0px auto; padding: 0px !important; } } img.googleplay-badge { max-width: 185px; display: block; margin-left: 3rem; float: none; padding: 0px !important; } @media (max-width: 767px) { img.googleplay-badge { margin: 0px auto; } } .status-badge { color: rgb(255, 255, 255); padding: 0.2rem 0.5rem; border-radius: 3px; font-size: 0.75rem; font-family: "Gotham Medium"; margin: 0.25rem 0px; } .status-badge.warning-badge { background-color: rgb(236, 135, 14); } .status-badge.error-badge { background-color: rgb(255, 24, 0); } .status-badge.success-badge { background-color: rgb(0, 159, 98); } .status-badge.warning-badge-light { color: rgb(140, 80, 8); background-color: rgba(236, 135, 14, 0.3); } .status-badge.error-badge-light { color: rgb(153, 14, 0); background-color: rgba(255, 24, 0, 0.3); } .status-badge.success-badge-light { color: rgb(0, 57, 35); background-color: rgba(0, 159, 98, 0.3); } .onboarding-notsupported .not-available { box-shadow: none; background: none; border-bottom: none; max-width: 960px; margin: 0px auto; } @media (max-width: 767px) { .onboarding-notsupported .not-available { min-height: auto; } } .onboarding-notsupported .not-available .content-p p { font-size: 1.2rem; padding: 4rem 3rem 5rem; border-right: 1px solid rgba(255, 255, 255, 0.6); } @media (max-width: 767px) { .onboarding-notsupported .not-available .content-p p { padding: 3rem 4rem; border-right: none; max-width: 450px; margin: 0px auto; } } @media (max-width: 576px) { .onboarding-notsupported .not-available .content-p p { padding: 2rem 1rem 1rem; } } .transfer-container ul li { font-size: 0.9rem; } .transfer-container ul li a { background: rgb(255, 255, 255); border: none; color: rgb(13, 94, 161); border-radius: 0px; display: flex; padding: 0.25rem 0.75rem; text-decoration: none; } .transfer-container ul li a:hover { transition: 0.5s ease-in-out; } .transfer-container ul li a:hover .transfer-container-row-data span, .transfer-container ul li a:hover i { color: rgb(0, 102, 179); } @media (min-width: 768px) { .transfer-container { margin: 1rem 0px 2rem; } .transfer-container ul { margin: 0px; padding: 0px; } .transfer-container ul li { margin: 0px 0px 0.5rem; border-bottom: 1px solid rgb(244, 244, 244); } .transfer-container ul li a { justify-content: space-between; align-items: center; } .transfer-container ul li a .transfer-container-row-data span { color: rgb(13, 94, 161); font-family: "Gotham Book"; font-size: 0.8rem; } .transfer-container ul li a i { float: right; font-size: 1.4rem; line-height: 1.6; color: rgb(183, 183, 183); } } @media (min-width: 768px) and (max-width: 991px) { .transfer-container { margin: 0px; } .transfer-container ul { display: flex; justify-content: space-between; } .transfer-container ul li { margin: 0px 0px 0.25rem; width: 19%; } .transfer-container ul li a { height: 100%; flex-direction: column; padding: 0.5rem 0.25rem; background: none; box-shadow: none; border: none; } .transfer-container ul li a:hover { box-shadow: none; } .transfer-container ul li a .transfer-container-row-data { text-align: center; line-height: 1; padding: 0px; } .transfer-container ul li a .transfer-container-row-data span { font-size: 0.9rem; text-align: center; padding: 0px; margin: 0px; line-height: 0.9; } .transfer-container ul li a i { display: none; } .transfer-container ul li:first-child { margin-left: 0px; } } @media (max-width: 767px) { .transfer-container { margin: 0px; padding: 1rem 0.5rem; } .transfer-container ul li a { flex-direction: column; min-height: auto; box-shadow: none; background: rgb(255, 255, 255); border: none; color: rgb(13, 94, 161); border-radius: 0px; display: flex; padding: 0.55rem; text-decoration: none; } .transfer-container ul li a:hover { border: none; box-shadow: none; } .transfer-container ul li a .favorites-image { margin-right: 0.5rem; } .transfer-container ul li a .transfer-container-row-data { text-align: center; } .transfer-container ul li a .transfer-container-row-data span { font-family: "Gotham Book"; font-size: 0.6rem; width: 100%; display: block; text-align: center; line-height: 1.3; margin-top: 0px; } .transfer-container ul li a i { display: none; } .transfer-container ul li:first-child { margin-left: 0px; border-left: none; } } .transfer-container .favorites-image.icon-toke { height: 30px; width: 30px; margin-top: 0px; } .template-container .header-desktop { padding-left: 10px !important; padding-right: 10px !important; } .template-container .template-element { width: 100%; border: none; color: rgb(13, 94, 161); border-radius: 0px; display: flex; padding: 0.25rem 0.75rem; text-decoration: none; cursor: pointer; justify-content: space-between; align-items: center; margin: 0px; font-size: 0.9rem; } .template-container .template-element i { float: right; font-size: 1.4rem; line-height: 1.6; color: rgb(183, 183, 183); transition: color 0.25s; } .template-container .template-element:hover i { color: rgb(13, 94, 161); } .template-container .btn-container { padding: 5px 10px; } .template-container .btn-container .group-filter { display: inline; float: left; } .template-container .btn-container .btn-edit-group { display: inline; float: right; } .template-container .empty-content { padding: 0px 10px; } @media (max-width: 767px) { .template-container .navbar { background-color: transparent; color: rgb(13, 94, 161); font-size: 1rem; font-weight: 700; border-bottom: 0px; } .template-container .container-fluid .navbar-header { margin-left: 0px; } .template-container .table { margin-top: 0px; } .template-container .table-row { padding: 0px; } .template-container .btn-container .group-filter { display: flex; float: none; } .template-container .input-search .form-group .input-group { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(190, 190, 190); border-radius: 0px; } .template-container .input-search .form-group.has-focus .input-group { background: rgb(255, 255, 255); } .template-container .empty-content { margin: 0px 15px; padding: 0.5rem; } } .background-gray2 { background-color: rgb(234, 234, 234); } .background-gray7 { background-color: rgb(153, 153, 153); } .data-text-align-center { text-align: center !important; } .svg-icon-image-pct { width: 50%; height: auto; margin: 0px auto; } .svg-pct .svg-wrapper { justify-content: center !important; } div.svg-status-pct div.svg-wrapper div { width: 100%; } .containerDetails .pct-item { width: 100%; display: flex; align-items: center; border-bottom: 1px solid rgb(234, 234, 234); min-height: 60px; } .containerDetails .pct-item .ion-ios-arrow-right { color: rgb(153, 153, 153); } .containerDetails .pct-item .list-name { flex: 1 1 auto; } .containerDetails .pct-item .list-amount { flex: 1 1 auto; display: flex; align-items: center; place-content: flex-end; } .containerDetails .favorites-image.qr-code-pct-green, .containerDetails .favorites-image.qr-code-pct-red, .containerDetails .favorites-image.qr-code-pct-yellow { flex: 0 0 3rem; height: 30px; width: 30px; } .containerDetails a:focus, .containerDetails a:hover { text-decoration: none; } .pdf-html-viewer { font-size: 9px; line-height: 1.17773; margin: 2em; } .pdf-html-viewer span { font-family: Arial, Helvetica, sans-serif !important; } .pdf-html-viewer table { border-collapse: initial !important; } .wallet-banner-container { position: relative; width: 100%; } .wallet-banner-icon-container { position: absolute; left: 50%; transform: translateX(-50%); bottom: -30px; } .wallet-banner-icon { border-radius: 8px; padding: 7px; width: 80px; height: 80px; background-color: rgb(255, 255, 255); } .detail-wallet-header { border: 1px solid rgb(192, 207, 218); padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; } .more-wallet-link { display: inline-flex; width: 100%; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 400; text-decoration: none; padding: 0.75rem 1.5rem; background: transparent; border-radius: 0px; cursor: pointer; outline: none; transition: none; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(192, 207, 218); color: rgb(17, 17, 17) !important; } .more-wallet-link:active, .more-wallet-link:focus, .more-wallet-link:hover, .more-wallet-link:visited { color: rgb(17, 17, 17); text-decoration: none; background: transparent; outline: none; } .more-wallet-link .messageInfo-icon { color: inherit; font-size: 1.8em; } .wallet-tab-5 .search-tabs-mb.react-tabs__tab-panel--selected { padding: 0px; } .wallet-badge { background-color: rgba(255, 255, 255, 0.6); padding: 0.2rem 0.5rem; border-radius: 3px; font-size: 0.75rem; font-family: "Gotham Medium"; color: rgb(17, 17, 17); margin: 0.25rem 0px; } .wallet-products-carousel { margin-bottom: 1rem; } .wallet-products-carousel .slider-frame { height: auto !important; } .wallet-carousel { margin-top: 1rem; } .wallet-carousel .slider-slide { overflow: hidden; } .wallet-filter-button { border-radius: 3px; padding: 0.35rem 0.5rem; margin-bottom: 0px; outline: none !important; box-shadow: none !important; border-color: rgb(221, 221, 221) !important; background-color: rgb(249, 249, 249) !important; color: rgb(17, 17, 17) !important; } .wallet-filter-button span { color: rgb(17, 17, 17) !important; } .wallet-filter-button:focus { outline: none !important; } .wallet-filter-button.active, .wallet-filter-button:active { box-shadow: none; border-color: rgb(119, 119, 119); color: rgb(255, 255, 255); background-color: rgb(153, 153, 153) !important; } .wallet-filter-button.active span, .wallet-filter-button:active span { color: rgb(255, 255, 255) !important; } .wallet-filter-button .svg-wrapper { margin-right: 0.5rem; } .wallet-filter-button .svg-wrapper svg { width: 1.2rem; height: 1.2rem; } .wallet-expenses-wrapper { overflow: hidden scroll; } .wallet-expenses-wrapper li.react-tabs__tab { font-size: 0.85rem; padding: 0.8rem 0px; } .wallet-expenses-wrapper .expense-category-row { border-bottom: 1px solid rgb(234, 234, 234) !important; padding-top: 0.75rem !important; } .wallet-expenses-wrapper .transactions-list-arrow { max-width: none; flex-grow: 0; padding-right: 0.5rem; } .wallet-expenses-wrapper .transactions-list-arrow .ion-ios-arrow-right { font-size: 1.2rem; } .wallet-expenses-wrapper .pagination-container { margin-top: 1rem; } .wallet-expenses-wrapper .category-clickable { cursor: pointer; } .wallet-expenses-wrapper .react-tabs__tab-panel--selected .btn-outline.btn:hover, .wallet-expenses-wrapper .react-tabs__tab-panel .btn-outline.btn:hover { background: rgb(255, 255, 255); } .wallet-expenses-wrapper .react-tabs__tab-panel--selected .table-body .table-row { margin-bottom: 0px; padding-bottom: 0.75rem; } .wallet-expenses-wrapper .table-row:last-of-type { padding-bottom: 0.75rem !important; } .wallet-expenses-wrapper .expenses-icon-wrapper { border-radius: 100%; padding: 0.25rem; width: 3rem; height: 3rem; justify-content: center; margin: 0px; } .wallet-expenses-wrapper .expenses-icon-wrapper.pay-services-icon-white { background-color: rgb(251, 133, 0); } .wallet-expenses-wrapper .expenses-icon-wrapper.qr-code-icon-white { background-color: rgb(255, 183, 3); } .wallet-expenses-wrapper .expenses-icon-wrapper.nfc-icon-white { background-color: rgb(2, 48, 71); } .wallet-expenses-wrapper .expenses-icon-wrapper.phone-recharge-icon-white { background-color: rgb(33, 158, 188); } .wallet-expenses-wrapper .expenses-icon-wrapper.parking-icon-all-white { background-color: rgb(142, 202, 230); } .wallet-expenses-wrapper .expense-category-header { color: rgb(255, 255, 255); border-radius: 3px; margin: 0px 1rem; } .wallet-expenses-wrapper .expense-category-header .expenses-icon-wrapper { background-color: rgb(255, 255, 255); } .wallet-expenses-wrapper .expense-category-header .expenses-icon-wrapper .qr-code-icon-white * { fill: rgb(0, 102, 179); } .wallet-expenses-wrapper .wallet-expenses-icon { width: 2rem; height: 2rem; } .wallet-expenses-wrapper .wallet-expenses-icon.icon-mask { background-color: rgb(0, 102, 179); mask-repeat: no-repeat; mask-size: contain; mask-position: center center; } .wallet-expenses-wrapper .wallet-expenses-icon.icon-blue path { fill: rgb(0, 102, 179) !important; } .wallet-expenses-wrapper .wallet-close-icon { width: auto; border: none; padding: 0px; margin: 0px; background: none !important; color: inherit !important; box-shadow: none !important; outline: none !important; } .wallet-expenses-wrapper .wallet-close-icon:active, .wallet-expenses-wrapper .wallet-close-icon:focus, .wallet-expenses-wrapper .wallet-close-icon:hover { background: none !important; color: inherit !important; box-shadow: none !important; outline: none !important; border: none !important; } .wallet-expenses-wrapper .wallet-close-icon .svg-wrapper, .wallet-expenses-wrapper .wallet-close-icon .svg-wrapper svg { width: 1.5rem; height: 1.5rem; } .wallet-expenses-wrapper .transaction-label { padding: 0.25rem 0px !important; } .wallet-expenses-wrapper .transaction-label .expenses-icon-wrapper { background-color: transparent; } .wallet-expenses-wrapper .expense-item { padding: 0.5rem 0px; border-bottom: 1px solid rgb(234, 234, 234); } .wallet-expenses-wrapper .expense-item:first-child { margin-top: 0.5rem; } .wallet-expenses-wrapper .react-tabs__tab--selected { border-bottom: 3px solid rgb(0, 102, 179) !important; } .wallet-expenses-wrapper .filter-section { margin: 0.5rem 1rem; } .date-range-section { background-color: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); padding: 0.5rem; } .date-range-section .form-control[readonly], .date-range-section [readonly].react-tagsinput { background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); color: rgb(17, 17, 17); font-size: 0.85rem; } .date-range-section .react-datepicker__input-container::after { z-index: 9; background-image: url("/frontend/static/media/android-calendar-gray.153344f3.svg"); } .wallet-featured-services .table-body { width: 100%; } .wallet-featured-services .table-body > div:nth-child(3n+1) .logo-servicePayment { margin-left: 0px; margin-right: auto; } .wallet-featured-services .table-body > div:nth-child(3n) .logo-servicePayment { margin-right: 0px; margin-left: auto; } .wallet-featured-services .table-body > .col-4:nth-child(3n+2) .logo-servicePayment { margin-left: auto; margin-right: auto; } .wallet-tabs-content { flex: 1 1 0%; overflow: hidden; } .carousel-wallet-cards.no-shadow .carousel-credit-card { box-shadow: none; } .carousel-card-image { width: 100%; height: 100%; object-fit: cover; } .carousel-wallet-cards .slick-next::before, .carousel-wallet-cards .slick-prev::before { color: rgb(0, 102, 179); } .carousel-wallet-cards .slick-slide { opacity: 0.5; transition: opacity 0.2s; } .carousel-wallet-cards .slick-slide.slick-active { opacity: 1; } .carousel-wallet-cards .slick-next { right: 0px; } .carousel-wallet-cards .slick-prev { left: 0px; } .carousel-wallet-cards .carousel-card-number { margin-top: 35px; } .carousel-wallet-cards .carousel-card-brand { width: 60px; } .carousel-wallet-cards .carousel-card-brand.visa { height: 20px; } .carousel-wallet-cards .carousel-card-brand.mastercard { height: 28px; margin-right: -10px; } .expenses-card-number { text-align: left; margin: 0px auto 0px 0px !important; letter-spacing: 1px !important; font-size: 0.9rem !important; } .carousel-card-details { position: absolute; inset: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .carousel-card-number { font-size: 15px; letter-spacing: 2px; color: rgb(255, 255, 255); text-align: center; margin-top: 25px; } .carousel-expiration-date { position: absolute; bottom: 10px; left: 10px; font-size: 12px; color: rgb(255, 255, 255); } .servicePaymentWallet0 .form-section-title, .walletServicePayment0 .form-section-title { padding-left: 1rem; border-bottom: none !important; color: rgb(0, 102, 179) !important; } .servicePaymentWallet0 .form-section-title:first-child, .walletServicePayment0 .form-section-title:first-child { margin-top: 0px; } .servicePaymentWallet0 .form-group, .walletServicePayment0 .form-group { padding-left: 1rem; } .servicePaymentWallet0 .c-control-label, .walletServicePayment0 .c-control-label { margin-bottom: 1rem; } .servicePaymentWallet0 .c-control-label::after, .servicePaymentWallet0 .c-control-label::before, .walletServicePayment0 .c-control-label::after, .walletServicePayment0 .c-control-label::before { top: 0.15rem; } .servicePaymentWallet0 .c-control-label .c-control-mark, .walletServicePayment0 .c-control-label .c-control-mark { align-items: flex-start !important; top: -7px !important; } .icon-wallet-content { display: flex; align-items: center; background-color: rgb(255, 255, 255); border-radius: 10px; padding: 0.2rem; } .icon-wallet-content .svg-icon-tab { width: 2rem; height: 2rem; } .bg-services { background-image: url("/frontend/static/media/wallet-background.aa7db1a1.png"); background-color: rgb(1, 70, 129); background-repeat: no-repeat; background-position: 50% center; background-size: cover; height: 25vh; width: 110%; margin-left: -17px; padding-left: 2.5rem; padding-right: 4rem; padding-top: 1.25rem; position: absolute; top: 0px; align-items: normal; min-height: 10rem; } .amount-container.wrap-amount { flex-wrap: wrap; line-height: 1.2; } .amount-container.wrap-amount, .amount-container.wrap-amount .data-title { white-space: normal !important; word-break: break-word !important; overflow-wrap: anywhere !important; } .amount-container.wrap-amount .data-amount-currency { white-space: nowrap; } .st0 { fill: rgb(255, 255, 255) !important; } .st1 { fill: rgb(255, 203, 5) !important; }