@charset "UTF-8";
@font-face {
    font-family: entypo-plus;
    src: url(../fonts/entypo-plus.eot?-w0y2sr);
    src: url(../fonts/entypo-plus.eot?#iefix-w0y2sr) format('embedded-opentype'), url(../fonts/entypo-plus.woff?-w0y2sr) format('woff'), url(../fonts/entypo-plus.ttf?-w0y2sr) format('truetype'), url(../fonts/entypo-plus.svg?-w0y2sr#entypo-plus) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: entypo-plus;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.icon-add-to-list:before {
    content: "\e600"
}

.icon-add-user:before {
    content: "\e601"
}

.icon-address:before {
    content: "\e602"
}

.icon-adjust:before {
    content: "\e603"
}

.icon-air:before {
    content: "\e604"
}

.icon-aircraft-landing:before {
    content: "\e605"
}

.icon-aircraft-take-off:before {
    content: "\e606"
}

.icon-aircraft:before {
    content: "\e607"
}

.icon-align-bottom:before {
    content: "\e608"
}

.icon-align-horizontal-middle:before {
    content: "\e609"
}

.icon-align-left:before {
    content: "\e60a"
}

.icon-align-right:before {
    content: "\e60b"
}

.icon-align-top:before {
    content: "\e60c"
}

.icon-align-vertical-middle:before {
    content: "\e60d"
}

.icon-archive:before {
    content: "\e60e"
}

.icon-area-graph:before {
    content: "\e60f"
}

.icon-arrow-bold-down:before {
    content: "\e610"
}

.icon-arrow-bold-left:before {
    content: "\e611"
}

.icon-arrow-bold-right:before {
    content: "\e612"
}

.icon-arrow-bold-up:before {
    content: "\e613"
}

.icon-arrow-down:before {
    content: "\e614"
}

.icon-arrow-left:before {
    content: "\e615"
}

.icon-arrow-long-down:before {
    content: "\e616"
}

.icon-arrow-long-left:before {
    content: "\e617"
}

.icon-arrow-long-right:before {
    content: "\e618"
}

.icon-arrow-long-up:before {
    content: "\e619"
}

.icon-arrow-right:before {
    content: "\e61a"
}

.icon-arrow-up:before {
    content: "\e61b"
}

.icon-arrow-with-circle-down:before {
    content: "\e61c"
}

.icon-arrow-with-circle-left:before {
    content: "\e61d"
}

.icon-arrow-with-circle-right:before {
    content: "\e61e"
}

.icon-arrow-with-circle-up:before {
    content: "\e61f"
}

.icon-attachment:before {
    content: "\e620"
}

.icon-awareness-ribbon:before {
    content: "\e621"
}

.icon-back-in-time:before {
    content: "\e622"
}

.icon-back:before {
    content: "\e623"
}

.icon-bar-graph:before {
    content: "\e624"
}

.icon-battery:before {
    content: "\e625"
}

.icon-beamed-note:before {
    content: "\e626"
}

.icon-bell:before {
    content: "\e627"
}

.icon-blackboard:before {
    content: "\e628"
}

.icon-block:before {
    content: "\e629"
}

.icon-book:before {
    content: "\e62a"
}

.icon-bookmark:before {
    content: "\e62b"
}

.icon-bookmarks:before {
    content: "\e62c"
}

.icon-bowl:before {
    content: "\e62d"
}

.icon-box:before {
    content: "\e62e"
}

.icon-briefcase:before {
    content: "\e62f"
}

.icon-browser:before {
    content: "\e630"
}

.icon-brush:before {
    content: "\e631"
}

.icon-bucket:before {
    content: "\e632"
}

.icon-cake:before {
    content: "\e633"
}

.icon-calculator:before {
    content: "\e634"
}

.icon-calendar:before {
    content: "\e635"
}

.icon-camera:before {
    content: "\e636"
}

.icon-ccw:before {
    content: "\e637"
}

.icon-chat:before {
    content: "\e638"
}

.icon-check:before {
    content: "\e639"
}

.icon-chevron-down:before {
    content: "\e63a"
}

.icon-chevron-left:before {
    content: "\e63b"
}

.icon-chevron-right:before {
    content: "\e63c"
}

.icon-chevron-small-down:before {
    content: "\e63d"
}

.icon-chevron-small-left:before {
    content: "\e63e"
}

.icon-chevron-small-right:before {
    content: "\e63f"
}

.icon-chevron-small-up:before {
    content: "\e640"
}

.icon-chevron-thin-down:before {
    content: "\e641"
}

.icon-chevron-thin-left:before {
    content: "\e642"
}

.icon-chevron-thin-right:before {
    content: "\e643"
}

.icon-chevron-thin-up:before {
    content: "\e644"
}

.icon-chevron-up:before {
    content: "\e645"
}

.icon-chevron-with-circle-down:before {
    content: "\e646"
}

.icon-chevron-with-circle-left:before {
    content: "\e647"
}

.icon-chevron-with-circle-right:before {
    content: "\e648"
}

.icon-chevron-with-circle-up:before {
    content: "\e649"
}

.icon-circle-with-cross:before {
    content: "\e64a"
}

.icon-circle-with-minus:before {
    content: "\e64b"
}

.icon-circle-with-plus:before {
    content: "\e64c"
}

.icon-circle:before {
    content: "\e64d"
}

.icon-circular-graph:before {
    content: "\e64e"
}

.icon-clapperboard:before {
    content: "\e64f"
}

.icon-classic-computer:before {
    content: "\e650"
}

.icon-clipboard:before {
    content: "\e651"
}

.icon-clock:before {
    content: "\e652"
}

.icon-cloud:before {
    content: "\e653"
}

.icon-code:before {
    content: "\e654"
}

.icon-cog:before {
    content: "\e655"
}

.icon-colours:before {
    content: "\e656"
}

.icon-compass:before {
    content: "\e657"
}

.icon-controller-fast-backward:before {
    content: "\e658"
}

.icon-controller-fast-forward:before {
    content: "\e659"
}

.icon-controller-jump-to-start:before {
    content: "\e65a"
}

.icon-controller-next:before {
    content: "\e65b"
}

.icon-controller-paus:before {
    content: "\e65c"
}

.icon-controller-play:before {
    content: "\e65d"
}

.icon-controller-record:before {
    content: "\e65e"
}

.icon-controller-stop:before {
    content: "\e65f"
}

.icon-controller-volume:before {
    content: "\e660"
}

.icon-copy:before {
    content: "\e661"
}

.icon-creative-commons-attribution:before {
    content: "\e662"
}

.icon-creative-commons-noderivs:before {
    content: "\e663"
}

.icon-creative-commons-noncommercial-eu:before {
    content: "\e664"
}

.icon-creative-commons-noncommercial-us:before {
    content: "\e665"
}

.icon-creative-commons-public-domain:before {
    content: "\e666"
}

.icon-creative-commons-remix:before {
    content: "\e667"
}

.icon-creative-commons-share:before {
    content: "\e668"
}

.icon-creative-commons-sharealike:before {
    content: "\e669"
}

.icon-creative-commons:before {
    content: "\e66a"
}

.icon-credit-card:before {
    content: "\e66b"
}

.icon-credit:before {
    content: "\e66c"
}

.icon-cross:before {
    content: "\e66d"
}

.icon-cup:before {
    content: "\e66e"
}

.icon-cw:before {
    content: "\e66f"
}

.icon-cycle:before {
    content: "\e670"
}

.icon-database:before {
    content: "\e671"
}

.icon-dial-pad:before {
    content: "\e672"
}

.icon-direction:before {
    content: "\e673"
}

.icon-document-landscape:before {
    content: "\e674"
}

.icon-document:before {
    content: "\e675"
}

.icon-documents:before {
    content: "\e676"
}

.icon-dot-single:before {
    content: "\e677"
}

.icon-dots-three-horizontal:before {
    content: "\e678"
}

.icon-dots-three-vertical:before {
    content: "\e679"
}

.icon-dots-two-horizontal:before {
    content: "\e67a"
}

.icon-dots-two-vertical:before {
    content: "\e67b"
}

.icon-download:before {
    content: "\e67c"
}

.icon-drink:before {
    content: "\e67d"
}

.icon-drive:before {
    content: "\e67e"
}

.icon-drop:before {
    content: "\e67f"
}

.icon-edit:before {
    content: "\e680"
}

.icon-email:before {
    content: "\e681"
}

.icon-emoji-flirt:before {
    content: "\e682"
}

.icon-emoji-happy:before {
    content: "\e683"
}

.icon-emoji-neutral:before {
    content: "\e684"
}

.icon-emoji-sad:before {
    content: "\e685"
}

.icon-erase:before {
    content: "\e686"
}

.icon-eraser:before {
    content: "\e687"
}

.icon-export:before {
    content: "\e688"
}

.icon-eye-with-line:before {
    content: "\e689"
}

.icon-eye:before {
    content: "\e68a"
}

.icon-feather:before {
    content: "\e68b"
}

.icon-flag:before {
    content: "\e68c"
}

.icon-flash:before {
    content: "\e68d"
}

.icon-flashlight:before {
    content: "\e68e"
}

.icon-flat-brush:before {
    content: "\e68f"
}

.icon-flow-branch:before {
    content: "\e690"
}

.icon-flow-cascade:before {
    content: "\e691"
}

.icon-flow-line:before {
    content: "\e692"
}

.icon-flow-parallel:before {
    content: "\e693"
}

.icon-flow-tree:before {
    content: "\e694"
}

.icon-flower:before {
    content: "\e695"
}

.icon-folder-images:before {
    content: "\e696"
}

.icon-folder-music:before {
    content: "\e697"
}

.icon-folder-video:before {
    content: "\e698"
}

.icon-folder:before {
    content: "\e699"
}

.icon-forward:before {
    content: "\e69a"
}

.icon-funnel:before {
    content: "\e69b"
}

.icon-game-controller:before {
    content: "\e69c"
}

.icon-gauge:before {
    content: "\e69d"
}

.icon-globe:before {
    content: "\e69e"
}

.icon-graduation-cap:before {
    content: "\e69f"
}

.icon-grid:before {
    content: "\e6a0"
}

.icon-hair-cross:before {
    content: "\e6a1"
}

.icon-hand:before {
    content: "\e6a2"
}

.icon-heart-outlined:before {
    content: "\e6a3"
}

.icon-heart:before {
    content: "\e6a4"
}

.icon-help-with-circle:before {
    content: "\e6a5"
}

.icon-help:before {
    content: "\e6a6"
}

.icon-home:before {
    content: "\e6a7"
}

.icon-hour-glass:before {
    content: "\e6a8"
}

.icon-image-inverted:before {
    content: "\e6a9"
}

.icon-image:before {
    content: "\e6aa"
}

.icon-images:before {
    content: "\e6ab"
}

.icon-inbox:before {
    content: "\e6ac"
}

.icon-infinity:before {
    content: "\e6ad"
}

.icon-info-with-circle:before {
    content: "\e6ae"
}

.icon-info:before {
    content: "\e6af"
}

.icon-install:before {
    content: "\e6b0"
}

.icon-key:before {
    content: "\e6b1"
}

.icon-keyboard:before {
    content: "\e6b2"
}

.icon-lab-flask:before {
    content: "\e6b3"
}

.icon-landline:before {
    content: "\e6b4"
}

.icon-language:before {
    content: "\e6b5"
}

.icon-laptop:before {
    content: "\e6b6"
}

.icon-layers:before {
    content: "\e6b7"
}

.icon-leaf:before {
    content: "\e6b8"
}

.icon-level-down:before {
    content: "\e6b9"
}

.icon-level-up:before {
    content: "\e6ba"
}

.icon-lifebuoy:before {
    content: "\e6bb"
}

.icon-light-bulb:before {
    content: "\e6bc"
}

.icon-light-down:before {
    content: "\e6bd"
}

.icon-light-up:before {
    content: "\e6be"
}

.icon-line-graph:before {
    content: "\e6bf"
}

.icon-link:before {
    content: "\e6c0"
}

.icon-list:before {
    content: "\e6c1"
}

.icon-location-pin:before {
    content: "\e6c2"
}

.icon-location:before {
    content: "\e6c3"
}

.icon-lock-open:before {
    content: "\e6c4"
}

.icon-lock:before {
    content: "\e6c5"
}

.icon-log-out:before {
    content: "\e6c6"
}

.icon-login:before {
    content: "\e6c7"
}

.icon-loop:before {
    content: "\e6c8"
}

.icon-magnet:before {
    content: "\e6c9"
}

.icon-magnifying-glass:before {
    content: "\e6ca"
}

.icon-mail:before {
    content: "\e6cb"
}

.icon-man:before {
    content: "\e6cc"
}

.icon-map:before {
    content: "\e6cd"
}

.icon-mask:before {
    content: "\e6ce"
}

.icon-medal:before {
    content: "\e6cf"
}

.icon-megaphone:before {
    content: "\e6d0"
}

.icon-menu:before {
    content: "\e6d1"
}

.icon-merge:before {
    content: "\e6d2"
}

.icon-message:before {
    content: "\e6d3"
}

.icon-mic:before {
    content: "\e6d4"
}

.icon-minus:before {
    content: "\e6d5"
}

.icon-mobile:before {
    content: "\e6d6"
}

.icon-modern-mic:before {
    content: "\e6d7"
}

.icon-moon:before {
    content: "\e6d8"
}

.icon-mouse:before {
    content: "\e6d9"
}

.icon-music:before {
    content: "\e6da"
}

.icon-network:before {
    content: "\e6db"
}

.icon-new-message:before {
    content: "\e6dc"
}

.icon-new:before {
    content: "\e6dd"
}

.icon-news:before {
    content: "\e6de"
}

.icon-note:before {
    content: "\e6df"
}

.icon-notification:before {
    content: "\e6e0"
}

.icon-old-mobile:before {
    content: "\e6e1"
}

.icon-old-phone:before {
    content: "\e6e2"
}

.icon-open-book:before {
    content: "\e6e3"
}

.icon-palette:before {
    content: "\e6e4"
}

.icon-paper-plane:before {
    content: "\e6e5"
}

.icon-pencil:before {
    content: "\e6e6"
}

.icon-phone:before {
    content: "\e6e7"
}

.icon-pie-chart:before {
    content: "\e6e8"
}

.icon-pin:before {
    content: "\e6e9"
}

.icon-plus:before {
    content: "\e6ea"
}

.icon-popup:before {
    content: "\e6eb"
}

.icon-power-plug:before {
    content: "\e6ec"
}

.icon-price-ribbon:before {
    content: "\e6ed"
}

.icon-price-tag:before {
    content: "\e6ee"
}

.icon-print:before {
    content: "\e6ef"
}

.icon-progress-empty:before {
    content: "\e6f0"
}

.icon-progress-full:before {
    content: "\e6f1"
}

.icon-progress-one:before {
    content: "\e6f2"
}

.icon-progress-two:before {
    content: "\e6f3"
}

.icon-publish:before {
    content: "\e6f4"
}

.icon-quote:before {
    content: "\e6f5"
}

.icon-radio:before {
    content: "\e6f6"
}

.icon-remove-user:before {
    content: "\e6f7"
}

.icon-reply-all:before {
    content: "\e6f8"
}

.icon-reply:before {
    content: "\e6f9"
}

.icon-resize-100:before {
    content: "\e6fa"
}

.icon-resize-full-screen:before {
    content: "\e6fb"
}

.icon-retweet:before {
    content: "\e6fc"
}

.icon-rocket:before {
    content: "\e6fd"
}

.icon-round-brush:before {
    content: "\e6fe"
}

.icon-rss:before {
    content: "\e6ff"
}

.icon-ruler:before {
    content: "\e700"
}

.icon-save:before {
    content: "\e701"
}

.icon-scissors:before {
    content: "\e702"
}

.icon-select-arrows:before {
    content: "\e703"
}

.icon-share-alternitive:before {
    content: "\e704"
}

.icon-share:before {
    content: "\e705"
}

.icon-shareable:before {
    content: "\e706"
}

.icon-shield:before {
    content: "\e707"
}

.icon-shop:before {
    content: "\e708"
}

.icon-shopping-bag:before {
    content: "\e709"
}

.icon-shopping-basket:before {
    content: "\e70a"
}

.icon-shopping-cart:before {
    content: "\e70b"
}

.icon-shuffle:before {
    content: "\e70c"
}

.icon-signal:before {
    content: "\e70d"
}

.icon-sound-mix:before {
    content: "\e70e"
}

.icon-sound-mute:before {
    content: "\e70f"
}

.icon-sound:before {
    content: "\e710"
}

.icon-sports-club:before {
    content: "\e711"
}

.icon-spreadsheet:before {
    content: "\e712"
}

.icon-squared-cross:before {
    content: "\e713"
}

.icon-squared-minus:before {
    content: "\e714"
}

.icon-squared-plus:before {
    content: "\e715"
}

.icon-star-outlined:before {
    content: "\e716"
}

.icon-star:before {
    content: "\e717"
}

.icon-stopwatch:before {
    content: "\e718"
}

.icon-suitcase:before {
    content: "\e719"
}

.icon-swap:before {
    content: "\e71a"
}

.icon-sweden:before {
    content: "\e71b"
}

.icon-switch:before {
    content: "\e71c"
}

.icon-tablet:before {
    content: "\e71d"
}

.icon-tag:before {
    content: "\e71e"
}

.icon-text-document-inverted:before {
    content: "\e71f"
}

.icon-text-document:before {
    content: "\e720"
}

.icon-text:before {
    content: "\e721"
}

.icon-thermometer:before {
    content: "\e722"
}

.icon-thumbs-down:before {
    content: "\e723"
}

.icon-thumbs-up:before {
    content: "\e724"
}

.icon-thunder-cloud:before {
    content: "\e725"
}

.icon-ticket:before {
    content: "\e726"
}

.icon-time-slot:before {
    content: "\e727"
}

.icon-tools:before {
    content: "\e728"
}

.icon-traffic-cone:before {
    content: "\e729"
}

.icon-trash:before {
    content: "\e72a"
}

.icon-tree:before {
    content: "\e72b"
}

.icon-triangle-down:before {
    content: "\e72c"
}

.icon-triangle-left:before {
    content: "\e72d"
}

.icon-triangle-right:before {
    content: "\e72e"
}

.icon-triangle-up:before {
    content: "\e72f"
}

.icon-trophy:before {
    content: "\e730"
}

.icon-tv:before {
    content: "\e731"
}

.icon-typing:before {
    content: "\e732"
}

.icon-uninstall:before {
    content: "\e733"
}

.icon-unread:before {
    content: "\e734"
}

.icon-untag:before {
    content: "\e735"
}

.icon-upload-to-cloud:before {
    content: "\e736"
}

.icon-upload:before {
    content: "\e737"
}

.icon-user:before {
    content: "\e738"
}

.icon-users:before {
    content: "\e739"
}

.icon-v-card:before {
    content: "\e73a"
}

.icon-video:before {
    content: "\e73b"
}

.icon-vinyl:before {
    content: "\e73c"
}

.icon-voicemail:before {
    content: "\e73d"
}

.icon-wallet:before {
    content: "\e73e"
}

.icon-warning:before {
    content: "\e73f"
}

.icon-water:before {
    content: "\e740"
}

.icon-px-with-circle:before {
    content: "\e741"
}

.icon-px:before {
    content: "\e742"
}

.icon-basecamp:before {
    content: "\e743"
}

.icon-behance:before {
    content: "\e744"
}

.icon-creative-cloud:before {
    content: "\e745"
}

.icon-dribbble-with-circle:before {
    content: "\e746"
}

.icon-dribbble:before {
    content: "\e747"
}

.icon-dropbox:before {
    content: "\e748"
}

.icon-evernote:before {
    content: "\e749"
}

.icon-facebook-with-circle:before {
    content: "\e74a"
}

.icon-facebook:before {
    content: "\e74b"
}

.icon-flattr:before {
    content: "\e74c"
}

.icon-flickr-with-circle:before {
    content: "\e74d"
}

.icon-flickr:before {
    content: "\e74e"
}

.icon-foursquare:before {
    content: "\e74f"
}

.icon-github-with-circle:before {
    content: "\e750"
}

.icon-github:before {
    content: "\e751"
}

.icon-google-drive:before {
    content: "\e752"
}

.icon-google-hangouts:before {
    content: "\e753"
}

.icon-google-with-circle:before {
    content: "\e754"
}

.icon-google:before {
    content: "\e755"
}

.icon-grooveshark:before {
    content: "\e756"
}

.icon-icloud:before {
    content: "\e757"
}

.icon-instagram-with-circle:before {
    content: "\e758"
}

.icon-instagram:before {
    content: "\e759"
}

.icon-lastfm-with-circle:before {
    content: "\e75a"
}

.icon-lastfm:before {
    content: "\e75b"
}

.icon-linkedin-with-circle:before {
    content: "\e75c"
}

.icon-linkedin:before {
    content: "\e75d"
}

.icon-medium-with-circle:before {
    content: "\e75e"
}

.icon-medium:before {
    content: "\e75f"
}

.icon-mixi:before {
    content: "\e760"
}

.icon-onedrive:before {
    content: "\e761"
}

.icon-paypal:before {
    content: "\e762"
}

.icon-picasa:before {
    content: "\e763"
}

.icon-pinterest-with-circle:before {
    content: "\e764"
}

.icon-pinterest:before {
    content: "\e765"
}

.icon-qq-with-circle:before {
    content: "\e766"
}

.icon-qq:before {
    content: "\e767"
}

.icon-raft-with-circle:before {
    content: "\e768"
}

.icon-raft:before {
    content: "\e769"
}

.icon-rainbow:before {
    content: "\e76a"
}

.icon-rdio-with-circle:before {
    content: "\e76b"
}

.icon-rdio:before {
    content: "\e76c"
}

.icon-renren:before {
    content: "\e76d"
}

.icon-scribd:before {
    content: "\e76e"
}

.icon-sina-weibo:before {
    content: "\e76f"
}

.icon-skype-with-circle:before {
    content: "\e770"
}

.icon-skype:before {
    content: "\e771"
}

.icon-slideshare:before {
    content: "\e772"
}

.icon-smashing:before {
    content: "\e773"
}

.icon-soundcloud:before {
    content: "\e774"
}

.icon-spotify-with-circle:before {
    content: "\e775"
}

.icon-spotify:before {
    content: "\e776"
}

.icon-stumbleupon-with-circle:before {
    content: "\e777"
}

.icon-stumbleupon:before {
    content: "\e778"
}

.icon-swarm:before {
    content: "\e779"
}

.icon-tripadvisor:before {
    content: "\e77a"
}

.icon-tumblr-with-circle:before {
    content: "\e77b"
}

.icon-tumblr:before {
    content: "\e77c"
}

.icon-twitter-with-circle:before {
    content: "\e77d"
}

.icon-twitter:before {
    content: "\e77e"
}

.icon-vimeo-with-circle:before {
    content: "\e77f"
}

.icon-vimeo:before {
    content: "\e780"
}

.icon-vine-with-circle:before {
    content: "\e781"
}

.icon-vine:before {
    content: "\e782"
}

.icon-vk-alternitive:before {
    content: "\e783"
}

.icon-vk-with-circle:before {
    content: "\e784"
}

.icon-vk:before {
    content: "\e785"
}

.icon-xing-with-circle:before {
    content: "\e786"
}

.icon-xing:before {
    content: "\e787"
}

.icon-yelp:before {
    content: "\e788"
}

.icon-youko-with-circle:before {
    content: "\e789"
}

.icon-youko:before {
    content: "\e78a"
}

.icon-youtube-with-circle:before {
    content: "\e78b"
}

.icon-youtube:before {
    content: "\e78c"
}


/*!
 * bootstrap-fileinput v4.4.0
 * http://plugins.krajee.com/file-input
 *
 * Krajee default styling for bootstrap-fileinput.
 *
 * Author: Kartik Visweswaran
 * Copyright: 2014 - 2017, Kartik Visweswaran, Krajee.com
 *
 * Licensed under the BSD 3-Clause
 * https://github.com/kartik-v/bootstrap-fileinput/blob/master/LICENSE.md
 */

.file-loading {
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    font-size: 999px;
    text-align: right;
    color: #fff;
    background: transparent url(../images/PageElements/loading.gif) top left no-repeat;
    border: none
}

.file-object {
    margin: 0 0 -5px 0;
    padding: 0
}

.btn-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    background: none repeat scroll 0 0 transparent;
    cursor: inherit;
    display: block
}

.file-caption-name {
    display: inline-block;
    overflow: hidden;
    height: 20px;
    word-break: break-all
}

.input-group-lg .file-caption-name {
    height: 25px
}

.file-zoom-dialog {
    text-align: left
}

.file-error-message {
    color: #a94442;
    background-color: #f2dede;
    margin: 5px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    padding: 15px
}

.file-error-message pre,
.file-error-message ul {
    margin: 0;
    text-align: left
}

.file-error-message pre {
    margin: 5px 0
}

.file-caption-disabled {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1
}

.file-preview {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
    margin-bottom: 5px
}

.krajee-default.file-preview-frame {
    position: relative;
    display: table;
    margin: 8px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px 0 #a2958a;
    padding: 6px;
    float: left;
    text-align: center
}

.krajee-default.file-preview-frame:not(.file-preview-error):hover {
    box-shadow: 3px 3px 5px 0 #333
}

.krajee-default.file-preview-frame .kv-file-content {
    height: 170px
}

.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 70px
}

.krajee-default .file-preview-image {
    vertical-align: middle;
    image-orientation: from-image
}

.krajee-default .file-preview-text {
    display: block;
    color: #428bca;
    border: 1px solid #ddd;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    outline: 0;
    padding: 8px;
    resize: none
}

.krajee-default .file-preview-html {
    border: 1px solid #ddd;
    padding: 8px;
    overflow: auto
}

.krajee-default[data-template=audio] .file-preview-audio {
    display: table-cell;
    vertical-align: middle;
    height: 170px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.krajee-default .file-preview-audio audio {
    vertical-align: middle
}

.krajee-default .file-zoom-dialog .file-preview-text {
    font-size: 1.2em
}

.krajee-default .file-preview-other {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    padding: 10px
}

.krajee-default .file-preview-other:hover {
    opacity: .8
}

.krajee-default .file-actions,
.krajee-default .file-other-error {
    text-align: left
}

.krajee-default .file-other-icon {
    font-size: 8em
}

.krajee-default .file-actions {
    margin-top: 15px
}

.krajee-default .file-footer-buttons {
    float: right
}

.krajee-default .file-footer-caption {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    text-align: center;
    padding-top: 4px;
    font-size: 11px;
    color: #777;
    margin: 5px auto
}

.krajee-default .file-preview-error {
    opacity: .65;
    box-shadow: none
}

.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
    color: #000
}

.krajee-default .file-drag-handle,
.krajee-default .file-upload-indicator {
    position: absolute;
    text-align: center;
    bottom: -6px;
    left: -6px;
    padding: 8px 8px 1px 3px;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #8a6d3b;
    border-top: 1px solid #8a6d3b;
    border-top-right-radius: 24px;
    font-size: 12px
}

.krajee-default .file-drag-handle {
    background-color: #d9edf7;
    border-color: #bce8f1
}

.krajee-default .file-upload-indicator {
    font-size: 13px;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding-bottom: 0
}

.krajee-default.file-preview-error .file-upload-indicator {
    background-color: #f2dede;
    border-color: #ebccd1
}

.krajee-default.file-preview-success .file-upload-indicator {
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.krajee-default.file-preview-loading .file-upload-indicator {
    background-color: #e5e5e5;
    border-color: #777
}

.krajee-default .file-thumb-progress {
    height: 10px
}

.krajee-default .file-thumb-progress .progress,
.krajee-default .file-thumb-progress .progress-bar {
    height: 10px;
    font-size: 9px;
    line-height: 10px
}

.krajee-default .file-thumbnail-footer {
    position: relative
}

.krajee-default .file-thumb-progress {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0
}

.krajee-default.kvsortable-ghost {
    background: #e1edf7;
    border: 2px solid #a1abff
}

.file-zoom-dialog .file-other-icon {
    font-size: 22em;
    font-size: 50vmin
}

.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button,
.file-input-new .close,
.file-input-new .fa-file,
.file-input-new .file-preview,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button {
    display: none
}

.file-caption-main {
    width: 100%
}

.file-input-ajax-new .no-browse .input-group-btn,
.file-input-new .no-browse .input-group-btn {
    display: none
}

.file-input-ajax-new .no-browse .form-control,
.file-input-new .no-browse .form-control {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.file-thumb-loading {
    background: transparent url(../images/PageElements/loading.gif) no-repeat scroll center center content-box !important
}

.file-sortable .file-drag-handle {
    cursor: move;
    cursor: -webkit-grabbing;
    opacity: 1
}

.file-sortable .file-drag-handle:hover {
    opacity: .7
}

.file-drop-zone {
    border: 1px dashed #aaa;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 12px 15px 12px 12px;
    padding: 5px
}

.file-drop-zone-title {
    color: #aaa;
    font-size: 1.6em;
    padding: 85px 10px;
    cursor: default
}

.clickable .file-drop-zone-title,
.file-preview .clickable {
    cursor: pointer
}

.file-drop-zone.clickable:hover {
    border: 2px dashed #999
}

.file-drop-zone.clickable:focus {
    border: 2px solid #5acde2
}

.file-drop-zone .file-preview-thumbnails {
    cursor: default
}

.file-highlighted {
    border: 2px dashed #999 !important;
    background-color: #f0f0f0
}

.file-uploading {
    background: url(../images/PageElements/loading-sm.gif) no-repeat center bottom 10px;
    opacity: .65
}

.file-zoom-fullscreen.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.file-zoom-fullscreen .modal-dialog {
    position: fixed;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0
}

.file-zoom-fullscreen .modal-content {
    border-radius: 0;
    box-shadow: none
}

.file-zoom-fullscreen .modal-body {
    overflow-y: auto
}

.file-zoom-dialog .modal-body {
    position: relative !important
}

.file-zoom-dialog .btn-navigate {
    position: absolute;
    padding: 0;
    margin: 0;
    background: 0 0;
    text-decoration: none;
    outline: 0;
    opacity: .7;
    top: 45%;
    font-size: 4em;
    color: #1c94c4
}

.file-zoom-dialog .floating-buttons {
    position: absolute;
    top: 5px;
    right: 10px
}

.floating-buttons,
.floating-buttons .btn {
    z-index: 3000
}

.file-zoom-dialog .kv-zoom-actions .btn,
.floating-buttons .btn {
    margin-left: 3px
}

.file-zoom-dialog .btn-navigate:not([disabled]):focus,
.file-zoom-dialog .btn-navigate:not([disabled]):hover {
    outline: 0;
    box-shadow: none;
    opacity: .5
}

.file-zoom-dialog .btn-navigate[disabled] {
    opacity: .3
}

.file-zoom-dialog .btn-prev {
    left: 1px
}

.file-zoom-dialog .btn-next {
    right: 1px
}

.file-zoom-content {
    height: 480px;
    text-align: center
}

.file-zoom-content .file-preview-image,
.file-zoom-content .file-preview-video {
    max-height: 100%
}

.file-zoom-content>.file-object.type-image {
    width: auto;
    height: auto;
    min-height: inherit;
    max-width: 100%;
    max-height: 100%
}

.file-zoom-content>.file-object.type-flash,
.file-zoom-content>.file-object.type-video {
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

.file-zoom-content>.file-object.type-audio {
    width: auto;
    height: 30px
}

.file-zoom-content>.file-object.type-default,
.file-zoom-content>.file-object.type-html,
.file-zoom-content>.file-object.type-pdf,
.file-zoom-content>.file-object.type-text {
    width: 100%
}

.file-preview-initial.sortable-chosen {
    background-color: #d9edf7
}

.btn-file ::-ms-browse {
    width: 100%;
    height: 100%
}


/*!
 * Material Design for Bootstrap 4
 * Version: MDB PRO 4.4.1
 *
 *
 * Copyright: Material Design for Bootstrap
 * http://mdbootstrap.com/
 *
 * Read the license: http://mdbootstrap.com/license/
 *
 *
 * Documentation: http://mdbootstrap.com/
 *
 * Getting started: http://mdbootstrap.com/getting-started/
 *
 * Tutorials: http://mdbootstrap.com/bootstrap-tutorial/
 *
 * Templates: http://mdbootstrap.com/templates/
 *
 * Support: http://mdbootstrap.com/forums/forum/support/
 *
 * Contact: office@mdbootstrap.com 
 *
 * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Chart.js , Hammer.js
 *
 */

.mdb-color.lighten-5 {
    background-color: #d0d6e2 !important
}

.mdb-color.lighten-4 {
    background-color: #b1bace !important
}

.mdb-color.lighten-3 {
    background-color: #929fba !important
}

.mdb-color.lighten-2 {
    background-color: #7283a7 !important
}

.mdb-color.lighten-1 {
    background-color: #59698d !important
}

.mdb-color {
    background-color: #45526e !important
}

.mdb-color-text {
    color: #45526e !important
}

.mdb-color.darken-1 {
    background-color: #3b465e !important
}

.mdb-color.darken-2 {
    background-color: #2e3951 !important
}

.mdb-color.darken-3 {
    background-color: #1c2a48 !important
}

.mdb-color.darken-4 {
    background-color: #1c2331 !important
}

.red.lighten-5 {
    background-color: #ffebee !important
}

.red.lighten-4 {
    background-color: #ffcdd2 !important
}

.red.lighten-3 {
    background-color: #ef9a9a !important
}

.red.lighten-2 {
    background-color: #e57373 !important
}

.red.lighten-1 {
    background-color: #ef5350 !important
}

.red {
    background-color: #f44336 !important
}

.red-text {
    color: #f44336 !important
}

.red.darken-1 {
    background-color: #e53935 !important
}

.red.darken-2 {
    background-color: #d32f2f !important
}

.red.darken-3 {
    background-color: #c62828 !important
}

.red.darken-4 {
    background-color: #b71c1c !important
}

.red.accent-1 {
    background-color: #ff8a80 !important
}

.red.accent-2 {
    background-color: #ff5252 !important
}

.red.accent-3 {
    background-color: #ff1744 !important
}

.red.accent-4 {
    background-color: #d50000 !important
}

.pink.lighten-5 {
    background-color: #fce4ec !important
}

.pink.lighten-4 {
    background-color: #f8bbd0 !important
}

.pink.lighten-3 {
    background-color: #f48fb1 !important
}

.pink.lighten-2 {
    background-color: #f06292 !important
}

.pink.lighten-1 {
    background-color: #ec407a !important
}

.pink {
    background-color: #e91e63 !important
}

.pink-text {
    color: #e91e63 !important
}

.pink.darken-1 {
    background-color: #d81b60 !important
}

.pink.darken-2 {
    background-color: #c2185b !important
}

.pink.darken-3 {
    background-color: #ad1457 !important
}

.pink.darken-4 {
    background-color: #880e4f !important
}

.pink.accent-1 {
    background-color: #ff80ab !important
}

.pink.accent-2 {
    background-color: #ff4081 !important
}

.pink.accent-3 {
    background-color: #f50057 !important
}

.pink.accent-4 {
    background-color: #c51162 !important
}

.purple.lighten-5 {
    background-color: #f3e5f5 !important
}

.purple.lighten-4 {
    background-color: #e1bee7 !important
}

.purple.lighten-3 {
    background-color: #ce93d8 !important
}

.purple.lighten-2 {
    background-color: #ba68c8 !important
}

.purple.lighten-1 {
    background-color: #ab47bc !important
}

.purple {
    background-color: #9c27b0 !important
}

.purple-text {
    color: #9c27b0 !important
}

.purple.darken-1 {
    background-color: #8e24aa !important
}

.purple.darken-2 {
    background-color: #7b1fa2 !important
}

.purple.darken-3 {
    background-color: #6a1b9a !important
}

.purple.darken-4 {
    background-color: #4a148c !important
}

.purple.accent-1 {
    background-color: #ea80fc !important
}

.purple.accent-2 {
    background-color: #e040fb !important
}

.purple.accent-3 {
    background-color: #d500f9 !important
}

.purple.accent-4 {
    background-color: #a0f !important
}

.deep-purple.lighten-5 {
    background-color: #ede7f6 !important
}

.deep-purple.lighten-4 {
    background-color: #d1c4e9 !important
}

.deep-purple.lighten-3 {
    background-color: #b39ddb !important
}

.deep-purple.lighten-2 {
    background-color: #9575cd !important
}

.deep-purple.lighten-1 {
    background-color: #7e57c2 !important
}

.deep-purple {
    background-color: #673ab7 !important
}

.deep-purple-text {
    color: #673ab7 !important
}

.deep-purple.darken-1 {
    background-color: #5e35b1 !important
}

.deep-purple.darken-2 {
    background-color: #512da8 !important
}

.deep-purple.darken-3 {
    background-color: #4527a0 !important
}

.deep-purple.darken-4 {
    background-color: #311b92 !important
}

.deep-purple.accent-1 {
    background-color: #b388ff !important
}

.deep-purple.accent-2 {
    background-color: #7c4dff !important
}

.deep-purple.accent-3 {
    background-color: #651fff !important
}

.deep-purple.accent-4 {
    background-color: #6200ea !important
}

.indigo.lighten-5 {
    background-color: #e8eaf6 !important
}

.indigo.lighten-4 {
    background-color: #c5cae9 !important
}

.indigo.lighten-3 {
    background-color: #9fa8da !important
}

.indigo.lighten-2 {
    background-color: #7986cb !important
}

.indigo.lighten-1 {
    background-color: #5c6bc0 !important
}

.indigo {
    background-color: #3f51b5 !important
}

.indigo-text {
    color: #3f51b5 !important
}

.indigo.darken-1 {
    background-color: #3949ab !important
}

.indigo.darken-2 {
    background-color: #303f9f !important
}

.indigo.darken-3 {
    background-color: #283593 !important
}

.indigo.darken-4 {
    background-color: #1a237e !important
}

.indigo.accent-1 {
    background-color: #8c9eff !important
}

.indigo.accent-2 {
    background-color: #536dfe !important
}

.indigo.accent-3 {
    background-color: #3d5afe !important
}

.indigo.accent-4 {
    background-color: #304ffe !important
}

.blue.lighten-5 {
    background-color: #e3f2fd !important
}

.blue.lighten-4 {
    background-color: #bbdefb !important
}

.blue.lighten-3 {
    background-color: #90caf9 !important
}

.blue.lighten-2 {
    background-color: #64b5f6 !important
}

.blue.lighten-1 {
    background-color: #42a5f5 !important
}

.blue {
    background-color: #2196f3 !important
}

.blue-text {
    color: #2196f3 !important
}

.blue.darken-1 {
    background-color: #1e88e5 !important
}

.blue.darken-2 {
    background-color: #1976d2 !important
}

.blue.darken-3 {
    background-color: #1565c0 !important
}

.blue.darken-4 {
    background-color: #0d47a1 !important
}

.blue.accent-1 {
    background-color: #82b1ff !important
}

.blue.accent-2 {
    background-color: #448aff !important
}

.blue.accent-3 {
    background-color: #2979ff !important
}

.blue.accent-4 {
    background-color: #2962ff !important
}

.light-blue.lighten-5 {
    background-color: #e1f5fe !important
}

.light-blue.lighten-4 {
    background-color: #b3e5fc !important
}

.light-blue.lighten-3 {
    background-color: #81d4fa !important
}

.light-blue.lighten-2 {
    background-color: #4fc3f7 !important
}

.light-blue.lighten-1 {
    background-color: #29b6f6 !important
}

.light-blue {
    background-color: #03a9f4 !important
}

.light-blue-text {
    color: #03a9f4 !important
}

.light-blue.darken-1 {
    background-color: #039be5 !important
}

.light-blue.darken-2 {
    background-color: #0288d1 !important
}

.light-blue.darken-3 {
    background-color: #0277bd !important
}

.light-blue.darken-4 {
    background-color: #01579b !important
}

.light-blue.accent-1 {
    background-color: #80d8ff !important
}

.light-blue.accent-2 {
    background-color: #40c4ff !important
}

.light-blue.accent-3 {
    background-color: #00b0ff !important
}

.light-blue.accent-4 {
    background-color: #0091ea !important
}

.cyan.lighten-5 {
    background-color: #e0f7fa !important
}

.cyan.lighten-4 {
    background-color: #b2ebf2 !important
}

.cyan.lighten-3 {
    background-color: #80deea !important
}

.cyan.lighten-2 {
    background-color: #4dd0e1 !important
}

.cyan.lighten-1 {
    background-color: #26c6da !important
}

.cyan {
    background-color: #00bcd4 !important
}

.cyan-text {
    color: #00bcd4 !important
}

.cyan.darken-1 {
    background-color: #00acc1 !important
}

.cyan.darken-2 {
    background-color: #0097a7 !important
}

.cyan.darken-3 {
    background-color: #00838f !important
}

.cyan.darken-4 {
    background-color: #006064 !important
}

.cyan.accent-1 {
    background-color: #84ffff !important
}

.cyan.accent-2 {
    background-color: #18ffff !important
}

.cyan.accent-3 {
    background-color: #00e5ff !important
}

.cyan.accent-4 {
    background-color: #00b8d4 !important
}

.teal.lighten-5 {
    background-color: #e0f2f1 !important
}

.teal.lighten-4 {
    background-color: #b2dfdb !important
}

.teal.lighten-3 {
    background-color: #80cbc4 !important
}

.teal.lighten-2 {
    background-color: #4db6ac !important
}

.teal.lighten-1 {
    background-color: #26a69a !important
}

.teal {
    background-color: #009688 !important
}

.teal-text {
    color: #009688 !important
}

.teal.darken-1 {
    background-color: #00897b !important
}

.teal.darken-2 {
    background-color: #00796b !important
}

.teal.darken-3 {
    background-color: #00695c !important
}

.teal.darken-4 {
    background-color: #004d40 !important
}

.teal.accent-1 {
    background-color: #a7ffeb !important
}

.teal.accent-2 {
    background-color: #64ffda !important
}

.teal.accent-3 {
    background-color: #1de9b6 !important
}

.teal.accent-4 {
    background-color: #00bfa5 !important
}

.green.lighten-5 {
    background-color: #e8f5e9 !important
}

.green.lighten-4 {
    background-color: #c8e6c9 !important
}

.green.lighten-3 {
    background-color: #a5d6a7 !important
}

.green.lighten-2 {
    background-color: #81c784 !important
}

.green.lighten-1 {
    background-color: #66bb6a !important
}

.green {
    background-color: #4caf50 !important
}

.green-text {
    color: #4caf50 !important
}

.green.darken-1 {
    background-color: #43a047 !important
}

.green.darken-2 {
    background-color: #388e3c !important
}

.green.darken-3 {
    background-color: #2e7d32 !important
}

.green.darken-4 {
    background-color: #1b5e20 !important
}

.green.accent-1 {
    background-color: #b9f6ca !important
}

.green.accent-2 {
    background-color: #69f0ae !important
}

.green.accent-3 {
    background-color: #00e676 !important
}

.green.accent-4 {
    background-color: #00c853 !important
}

.light-green.lighten-5 {
    background-color: #f1f8e9 !important
}

.light-green.lighten-4 {
    background-color: #dcedc8 !important
}

.light-green.lighten-3 {
    background-color: #c5e1a5 !important
}

.light-green.lighten-2 {
    background-color: #aed581 !important
}

.light-green.lighten-1 {
    background-color: #9ccc65 !important
}

.light-green {
    background-color: #8bc34a !important
}

.light-green-text {
    color: #8bc34a !important
}

.light-green.darken-1 {
    background-color: #7cb342 !important
}

.light-green.darken-2 {
    background-color: #689f38 !important
}

.light-green.darken-3 {
    background-color: #558b2f !important
}

.light-green.darken-4 {
    background-color: #33691e !important
}

.light-green.accent-1 {
    background-color: #ccff90 !important
}

.light-green.accent-2 {
    background-color: #b2ff59 !important
}

.light-green.accent-3 {
    background-color: #76ff03 !important
}

.light-green.accent-4 {
    background-color: #64dd17 !important
}

.lime.lighten-5 {
    background-color: #f9fbe7 !important
}

.lime.lighten-4 {
    background-color: #f0f4c3 !important
}

.lime.lighten-3 {
    background-color: #e6ee9c !important
}

.lime.lighten-2 {
    background-color: #dce775 !important
}

.lime.lighten-1 {
    background-color: #d4e157 !important
}

.lime {
    background-color: #cddc39 !important
}

.lime-text {
    color: #cddc39 !important
}

.lime.darken-1 {
    background-color: #c0ca33 !important
}

.lime.darken-2 {
    background-color: #afb42b !important
}

.lime.darken-3 {
    background-color: #9e9d24 !important
}

.lime.darken-4 {
    background-color: #827717 !important
}

.lime.accent-1 {
    background-color: #f4ff81 !important
}

.lime.accent-2 {
    background-color: #eeff41 !important
}

.lime.accent-3 {
    background-color: #c6ff00 !important
}

.lime.accent-4 {
    background-color: #aeea00 !important
}

.yellow.lighten-5 {
    background-color: #fffde7 !important
}

.yellow.lighten-4 {
    background-color: #fff9c4 !important
}

.yellow.lighten-3 {
    background-color: #fff59d !important
}

.yellow.lighten-2 {
    background-color: #fff176 !important
}

.yellow.lighten-1 {
    background-color: #ffee58 !important
}

.yellow {
    background-color: #ffeb3b !important
}

.yellow-text {
    color: #ffeb3b !important
}

.yellow.darken-1 {
    background-color: #fdd835 !important
}

.yellow.darken-2 {
    background-color: #fbc02d !important
}

.yellow.darken-3 {
    background-color: #f9a825 !important
}

.yellow.darken-4 {
    background-color: #f57f17 !important
}

.yellow.accent-1 {
    background-color: #ffff8d !important
}

.yellow.accent-2 {
    background-color: #ff0 !important
}

.yellow.accent-3 {
    background-color: #ffea00 !important
}

.yellow.accent-4 {
    background-color: #ffd600 !important
}

.amber.lighten-5 {
    background-color: #fff8e1 !important
}

.amber.lighten-4 {
    background-color: #ffecb3 !important
}

.amber.lighten-3 {
    background-color: #ffe082 !important
}

.amber.lighten-2 {
    background-color: #ffd54f !important
}

.amber.lighten-1 {
    background-color: #ffca28 !important
}

.amber {
    background-color: #ffc107 !important
}

.amber-text {
    color: #ffc107 !important
}

.amber.darken-1 {
    background-color: #ffb300 !important
}

.amber.darken-2 {
    background-color: #ffa000 !important
}

.amber.darken-3 {
    background-color: #ff8f00 !important
}

.amber.darken-4 {
    background-color: #ff6f00 !important
}

.amber.accent-1 {
    background-color: #ffe57f !important
}

.amber.accent-2 {
    background-color: #ffd740 !important
}

.amber.accent-3 {
    background-color: #ffc400 !important
}

.amber.accent-4 {
    background-color: #ffab00 !important
}

.orange.lighten-5 {
    background-color: #fff3e0 !important
}

.orange.lighten-4 {
    background-color: #ffe0b2 !important
}

.orange.lighten-3 {
    background-color: #ffcc80 !important
}

.orange.lighten-2 {
    background-color: #ffb74d !important
}

.orange.lighten-1 {
    background-color: #ffa726 !important
}

.orange {
    background-color: #ff9800 !important
}

.orange-text {
    color: #ff9800 !important
}

.orange.darken-1 {
    background-color: #fb8c00 !important
}

.orange.darken-2 {
    background-color: #f57c00 !important
}

.orange.darken-3 {
    background-color: #ef6c00 !important
}

.orange.darken-4 {
    background-color: #e65100 !important
}

.orange.accent-1 {
    background-color: #ffd180 !important
}

.orange.accent-2 {
    background-color: #ffab40 !important
}

.orange.accent-3 {
    background-color: #ff9100 !important
}

.orange.accent-4 {
    background-color: #ff6d00 !important
}

.deep-orange.lighten-5 {
    background-color: #fbe9e7 !important
}

.deep-orange.lighten-4 {
    background-color: #ffccbc !important
}

.deep-orange.lighten-3 {
    background-color: #ffab91 !important
}

.deep-orange.lighten-2 {
    background-color: #ff8a65 !important
}

.deep-orange.lighten-1 {
    background-color: #ff7043 !important
}

.deep-orange {
    background-color: #ff5722 !important
}

.deep-orange-text {
    color: #ff5722 !important
}

.deep-orange.darken-1 {
    background-color: #f4511e !important
}

.deep-orange.darken-2 {
    background-color: #e64a19 !important
}

.deep-orange.darken-3 {
    background-color: #d84315 !important
}

.deep-orange.darken-4 {
    background-color: #bf360c !important
}

.deep-orange.accent-1 {
    background-color: #ff9e80 !important
}

.deep-orange.accent-2 {
    background-color: #ff6e40 !important
}

.deep-orange.accent-3 {
    background-color: #ff3d00 !important
}

.deep-orange.accent-4 {
    background-color: #dd2c00 !important
}

.brown.lighten-5 {
    background-color: #efebe9 !important
}

.brown.lighten-4 {
    background-color: #d7ccc8 !important
}

.brown.lighten-3 {
    background-color: #bcaaa4 !important
}

.brown.lighten-2 {
    background-color: #a1887f !important
}

.brown.lighten-1 {
    background-color: #8d6e63 !important
}

.brown {
    background-color: #795548 !important
}

.brown-text {
    color: #795548 !important
}

.brown.darken-1 {
    background-color: #6d4c41 !important
}

.brown.darken-2 {
    background-color: #5d4037 !important
}

.brown.darken-3 {
    background-color: #4e342e !important
}

.brown.darken-4 {
    background-color: #3e2723 !important
}

.blue-grey.lighten-5 {
    background-color: #eceff1 !important
}

.blue-grey.lighten-4 {
    background-color: #cfd8dc !important
}

.blue-grey.lighten-3 {
    background-color: #b0bec5 !important
}

.blue-grey.lighten-2 {
    background-color: #90a4ae !important
}

.blue-grey.lighten-1 {
    background-color: #78909c !important
}

.blue-grey {
    background-color: #607d8b !important
}

.blue-grey-text {
    color: #607d8b !important
}

.blue-grey.darken-1 {
    background-color: #546e7a !important
}

.blue-grey.darken-2 {
    background-color: #455a64 !important
}

.blue-grey.darken-3 {
    background-color: #37474f !important
}

.blue-grey.darken-4 {
    background-color: #263238 !important
}

.grey.lighten-5 {
    background-color: #fafafa !important
}

.grey.lighten-4 {
    background-color: #f5f5f5 !important
}

.grey.lighten-3 {
    background-color: #eee !important
}

.grey.lighten-2 {
    background-color: #e0e0e0 !important
}

.grey.lighten-1 {
    background-color: #bdbdbd !important
}

.grey {
    background-color: #9e9e9e !important
}

.grey-text {
    color: #9e9e9e !important
}

.grey.darken-1 {
    background-color: #757575 !important
}

.grey.darken-2 {
    background-color: #616161 !important
}

.grey.darken-3 {
    background-color: #424242 !important
}

.grey.darken-4 {
    background-color: #212121 !important
}

.shades.black,
.shades.picker__list-item:hover {
    background-color: #000 !important
}

.picker__box .picker__header .shades.picker__select--month.browser-default,
.picker__box .picker__header .shades.picker__select--year.browser-default,
.shades.picker__list-item,
.shades.white {
    background-color: #fff !important
}

.shades.transparent {
    background-color: transparent !important
}

.black,
.picker__list-item:hover {
    background-color: #000 !important
}

.black-text,
.btn-link {
    color: #000 !important
}

.picker__box .picker__header .picker__select--month.browser-default,
.picker__box .picker__header .picker__select--year.browser-default,
.picker__list-item,
.white {
    background-color: #fff !important
}

.btn,
.clockpicker-display .clockpicker-display-column #click-am.text-primary,
.clockpicker-display .clockpicker-display-column #click-pm.text-primary,
.clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary,
.clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary,
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick,
.darktheme .picker__box .picker__date-display .clockpicker-display,
.darktheme .picker__box .picker__date-display .clockpicker-display .clockpicker-span-am-pm,
.darktheme .picker__box .picker__footer button,
.picker--focused .picker__list-item--selected,
.picker--time .picker__button--clear:focus,
.picker--time .picker__button--clear:focus:before,
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:hover:before,
.picker__box .picker__header .picker__date-display,
.picker__box .picker__table .picker--focused,
.picker__box .picker__table .picker__day--outfocus,
.picker__box .picker__table .picker__day--selected,
.picker__box .picker__table .picker__day--selected:hover,
.picker__date-display,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.side-nav,
.side-nav .search-form .form-control,
.white-text {
    color: #fff !important
}

.transparent {
    background-color: transparent !important
}

.transparent-text {
    color: transparent !important
}

.light-blue-text {
    color: #82b1ff !important
}

.dark-grey-text {
    color: #4f4f4f !important
}

.danger-color {
    background-color: #ff3547 !important
}

.danger-color-dark {
    background-color: #c00 !important
}

.warning-color {
    background-color: #fb3 !important
}

.warning-color-dark {
    background-color: #f80 !important
}

.success-color {
    background-color: #00c851 !important
}

.success-color-dark {
    background-color: #007e33 !important
}

.info-color {
    background-color: #33b5e5 !important
}

.info-color-dark {
    background-color: #09c !important
}

.default-color {
    background-color: #2bbbad !important
}

.default-color-dark {
    background-color: #00695c !important
}

.primary-color {
    background-color: #4285f4 !important
}

.primary-color-dark {
    background-color: #0d47a1 !important
}

.secondary-color {
    background-color: #a6c !important
}

.secondary-color-dark {
    background-color: #93c !important
}

.elegant-color {
    background-color: #2e2e2e !important
}

.elegant-color-dark {
    background-color: #212121 !important
}

.stylish-color {
    background-color: #4b515d !important
}

.stylish-color-dark {
    background-color: #3e4551 !important
}

.special-color {
    background-color: #37474f !important
}

.special-color-dark {
    background-color: #263238 !important
}

.unique-color {
    background-color: #3f729b !important
}

.unique-color-dark {
    background-color: #1c2331 !important
}

.mdb-color {
    background-color: #45526e !important
}

.rgba-blue-light {
    background-color: rgba(3, 169, 244, .3) !important
}

.rgba-red-light {
    background-color: rgba(244, 67, 54, .3) !important
}

.rgba-pink-light {
    background-color: rgba(233, 30, 99, .3) !important
}

.rgba-purple-light {
    background-color: rgba(156, 39, 176, .3) !important
}

.rgba-indigo-light {
    background-color: rgba(63, 81, 181, .3) !important
}

.rgba-cyan-light {
    background-color: rgba(0, 188, 212, .3) !important
}

.rgba-teal-light {
    background-color: rgba(0, 150, 136, .3) !important
}

.rgba-green-light {
    background-color: rgba(76, 175, 80, .3) !important
}

.rgba-lime-light {
    background-color: rgba(205, 220, 57, .3) !important
}

.rgba-yellow-light {
    background-color: rgba(255, 235, 59, .3) !important
}

.rgba-orange-light {
    background-color: rgba(255, 152, 0, .3) !important
}

.rgba-brown-light {
    background-color: rgba(121, 85, 72, .3) !important
}

.rgba-grey-light {
    background-color: rgba(158, 158, 158, .3) !important
}

.rgba-bluegrey-light {
    background-color: rgba(96, 125, 139, .3) !important
}

.rgba-black-light {
    background-color: rgba(0, 0, 0, .3) !important
}

.rgba-stylish-light {
    background-color: rgba(62, 69, 81, .3) !important
}

.rgba-white-light {
    background-color: rgba(255, 255, 255, .3) !important
}

.rgba-blue-strong {
    background-color: rgba(3, 169, 244, .7) !important
}

.rgba-red-strong {
    background-color: rgba(244, 67, 54, .7) !important
}

.rgba-pink-strong {
    background-color: rgba(233, 30, 99, .7) !important
}

.rgba-purple-strong {
    background-color: rgba(156, 39, 176, .7) !important
}

.rgba-indigo-strong {
    background-color: rgba(63, 81, 181, .7) !important
}

.rgba-cyan-strong {
    background-color: rgba(0, 188, 212, .7) !important
}

.rgba-teal-strong {
    background-color: rgba(0, 150, 136, .7) !important
}

.rgba-green-strong {
    background-color: rgba(76, 175, 80, .7) !important
}

.rgba-lime-strong {
    background-color: rgba(205, 220, 57, .7) !important
}

.rgba-yellow-strong {
    background-color: rgba(255, 235, 59, .7) !important
}

.rgba-orange-strong {
    background-color: rgba(255, 152, 0, .7) !important
}

.rgba-brown-strong {
    background-color: rgba(121, 85, 72, .7) !important
}

.rgba-grey-strong {
    background-color: rgba(158, 158, 158, .7) !important
}

.rgba-bluegrey-strong {
    background-color: rgba(96, 125, 139, .7) !important
}

.rgba-black-strong {
    background-color: rgba(0, 0, 0, .7) !important
}

.rgba-stylish-strong {
    background-color: rgba(62, 69, 81, .7) !important
}

.rgba-white-strong {
    background-color: rgba(255, 255, 255, .7) !important
}

.rgba-blue-slight {
    background-color: rgba(3, 169, 244, .1) !important
}

.rgba-red-slight {
    background-color: rgba(244, 67, 54, .1) !important
}

.rgba-pink-slight {
    background-color: rgba(233, 30, 99, .1) !important
}

.rgba-purple-slight {
    background-color: rgba(156, 39, 176, .1) !important
}

.rgba-indigo-slight {
    background-color: rgba(63, 81, 181, .1) !important
}

.rgba-cyan-slight {
    background-color: rgba(0, 188, 212, .1) !important
}

.rgba-teal-slight {
    background-color: rgba(0, 150, 136, .1) !important
}

.rgba-green-slight {
    background-color: rgba(76, 175, 80, .1) !important
}

.rgba-lime-slight {
    background-color: rgba(205, 220, 57, .1) !important
}

.rgba-yellow-slight {
    background-color: rgba(255, 235, 59, .1) !important
}

.rgba-orange-slight {
    background-color: rgba(255, 152, 0, .1) !important
}

.rgba-brown-slight {
    background-color: rgba(121, 85, 72, .1) !important
}

.rgba-grey-slight {
    background-color: rgba(158, 158, 158, .1) !important
}

.rgba-bluegrey-slight {
    background-color: rgba(96, 125, 139, .1) !important
}

.rgba-black-slight {
    background-color: rgba(0, 0, 0, .1) !important
}

.rgba-stylish-slight {
    background-color: rgba(62, 69, 81, .1) !important
}

.rgba-white-slight {
    background-color: rgba(255, 255, 255, .1) !important
}

.bg-primary {
    background-color: #4285f4 !important
}

.bg-danger {
    background-color: #ff3547 !important
}

.bg-warning {
    background-color: #f80 !important
}

.bg-success {
    background-color: #00c851 !important
}

.bg-info {
    background-color: #33b5e5 !important
}

.bg-default {
    background-color: #2bbbad !important
}

.bg-secondary {
    background-color: #a6c !important
}

.bg-elegant {
    background-color: #2e2e2e !important
}

.bg-unique {
    background-color: #880e4f !important
}

.bg-dark-green {
    background-color: #388e3c !important
}

.bg-mdb-color {
    background-color: #59698d !important
}

.bg-red {
    background-color: #d32f2f !important
}

.bg-pink {
    background-color: #ec407a !important
}

.bg-purple {
    background-color: #8e24aa !important
}

.bg-deep-purple {
    background-color: #512da8 !important
}

.bg-indigo {
    background-color: #3f51b5 !important
}

.bg-blue {
    background-color: #1976d2 !important
}

.bg-light-blue {
    background-color: #82b1ff !important
}

.bg-cyan {
    background-color: #00bcd4 !important
}

.bg-teal {
    background-color: #00796b !important
}

.bg-green {
    background-color: #388e3c !important
}

.bg-light-green {
    background-color: #8bc34a !important
}

.bg-lime {
    background-color: #afb42b !important
}

.bg-yellow {
    background-color: #fbc02d !important
}

.bg-amber {
    background-color: #ffa000 !important
}

.bg-orange {
    background-color: #f57c00 !important
}

.bg-deep-orange {
    background-color: #ff7043 !important
}

.bg-brown {
    background-color: #795548 !important
}

.bg-grey {
    background-color: #616161 !important
}

.bg-blue-grey {
    background-color: #78909c !important
}

.bg-white {
    background-color: #fff !important
}

.bg-black {
    background-color: #000 !important
}

.z-depth-0 {
    box-shadow: none !important
}

.badge,
.btn,
.chip,
.jumbotron,
.navbar,
.side-nav,
.z-depth-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.btn-floating.btn-flat.active,
.btn:active,
.btn:focus,
.btn:hover,
.picker__box .picker__table .picker--focused,
.picker__box .picker__table .picker__day--selected,
.picker__box .picker__table .picker__day--selected:hover,
.z-depth-1-half {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19)
}

.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21)
}

.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22)
}

.hoverable {
    transition: box-shadow .55s;
    box-shadow: 0
}

.hoverable:hover {
    transition: box-shadow .45s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

a {
    color: #0275d8;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

a:focus,
a:hover {
    text-decoration: none
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

.disabled {
    cursor: not-allowed !important
}

.badge,
.jumbotron,
.list-group .list-group-item,
.navbar,
.navbar-toggler {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.flex-center ul {
    list-style-type: none;
    padding: 0
}

.media .avatar-sm {
    width: 56px;
    border-radius: 50%
}

button:focus {
    outline: 0 !important
}

.btn {
    font-size: .8rem;
    padding: .85rem 2.13rem;
    margin: 6px;
    border-radius: 2px;
    border: 0;
    transition: .2s ease-out;
    text-transform: uppercase;
    white-space: normal !important;
    word-wrap: break-word;
    cursor: pointer
}

.btn:active,
.btn:focus,
.btn:hover {
    outline: 0
}

.btn .fa {
    font-size: 1.1rem;
    position: relative;
    vertical-align: middle;
    margin-top: -2px
}

.btn .fa.right {
    margin-left: 3px
}

.btn .fa.left {
    margin-right: 3px
}

.btn.btn-lg {
    font-size: .9rem;
    padding: 1rem 2.4rem
}

.btn.btn-md {
    font-size: .7rem;
    padding: .7rem 1.6rem
}

.btn.btn-sm {
    font-size: .6rem;
    padding: .5rem 1.6rem
}

.btn.btn-sm.btn-table {
    padding: .5rem .9rem
}

.btn.btn-sm .fa {
    font-size: .8rem
}

.btn.btn-tb {
    padding: .3rem 1rem
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed
}

.btn[class*=btn-outline-] {
    padding-top: .76rem;
    padding-bottom: .76rem
}

.btn[class*=btn-outline-].btn-sm {
    padding-top: .42rem;
    padding-bottom: .42rem
}

.btn[class*=btn-outline-].btn-md {
    padding-top: .58rem;
    padding-bottom: .58rem
}

.btn[class*=btn-outline-].btn-lg {
    padding-top: .9rem;
    padding-bottom: .9rem
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #b579d2 !important;
    border-color: #b579d2 !important
}

.btn-group .btn {
    margin: 0
}

.btn-block {
    margin: inherit
}

.btn-split {
    padding-left: .85rem;
    padding-right: 1.25rem
}

.btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link:focus,
.btn-link:hover {
    background-color: transparent;
    box-shadow: none
}

.btn-primary {
    background-color: #4285f4
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #5a95f5 !important
}

.btn-primary.dropdown-toggle {
    background-color: #4285f4 !important
}

.btn-primary.dropdown-toggle:focus,
.btn-primary.dropdown-toggle:hover {
    background-color: #5a95f5 !important
}

.btn-outline-primary {
    border: 2px solid #4285f4;
    color: #4285f4 !important;
    background-color: transparent
}

.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary:active:focus,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
    background-color: transparent;
    color: #4285f4;
    border-color: #4285f4
}

.btn-danger {
    background-color: #ff3547
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
    background-color: #ff4f5e !important
}

.btn-danger.dropdown-toggle {
    background-color: #ff3547 !important
}

.btn-danger.dropdown-toggle:focus,
.btn-danger.dropdown-toggle:hover {
    background-color: #ff4f5e !important
}

.btn-outline-danger {
    border: 2px solid #ff3547;
    color: #ff3547 !important;
    background-color: transparent
}

.btn-outline-danger.active,
.btn-outline-danger:active,
.btn-outline-danger:active:focus,
.btn-outline-danger:focus,
.btn-outline-danger:hover {
    background-color: transparent;
    color: #ff3547;
    border-color: #ff3547
}

.btn-warning {
    background-color: #f80
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
    background-color: #ff941a !important
}

.btn-warning.dropdown-toggle {
    background-color: #f80 !important
}

.btn-warning.dropdown-toggle:focus,
.btn-warning.dropdown-toggle:hover {
    background-color: #ff941a !important
}

.btn-outline-warning {
    border: 2px solid #f80;
    color: #f80 !important;
    background-color: transparent
}

.btn-outline-warning.active,
.btn-outline-warning:active,
.btn-outline-warning:active:focus,
.btn-outline-warning:focus,
.btn-outline-warning:hover {
    background-color: transparent;
    color: #f80;
    border-color: #f80
}

.btn-success {
    background-color: #00c851
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover {
    background-color: #00e25b !important
}

.btn-success.dropdown-toggle {
    background-color: #00c851 !important
}

.btn-success.dropdown-toggle:focus,
.btn-success.dropdown-toggle:hover {
    background-color: #00e25b !important
}

.btn-outline-success {
    border: 2px solid #00c851;
    color: #00c851 !important;
    background-color: transparent
}

.btn-outline-success.active,
.btn-outline-success:active,
.btn-outline-success:active:focus,
.btn-outline-success:focus,
.btn-outline-success:hover {
    background-color: transparent;
    color: #00c851;
    border-color: #00c851
}

.btn-info {
    background-color: #33b5e5
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover {
    background-color: #4abde8 !important
}

.btn-info.dropdown-toggle {
    background-color: #33b5e5 !important
}

.btn-info.dropdown-toggle:focus,
.btn-info.dropdown-toggle:hover {
    background-color: #4abde8 !important
}

.btn-outline-info {
    border: 2px solid #33b5e5;
    color: #33b5e5 !important;
    background-color: transparent
}

.btn-outline-info.active,
.btn-outline-info:active,
.btn-outline-info:active:focus,
.btn-outline-info:focus,
.btn-outline-info:hover {
    background-color: transparent;
    color: #33b5e5;
    border-color: #33b5e5
}

.btn-default {
    background-color: #2bbbad
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
    background-color: #30cfc0 !important
}

.btn-default.dropdown-toggle {
    background-color: #2bbbad !important
}

.btn-default.dropdown-toggle:focus,
.btn-default.dropdown-toggle:hover {
    background-color: #30cfc0 !important
}

.btn-outline-default {
    border: 2px solid #2bbbad;
    color: #2bbbad !important;
    background-color: transparent
}

.btn-outline-default.active,
.btn-outline-default:active,
.btn-outline-default:active:focus,
.btn-outline-default:focus,
.btn-outline-default:hover {
    background-color: transparent;
    color: #2bbbad;
    border-color: #2bbbad
}

.btn-secondary {
    background-color: #a6c
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #b579d2 !important
}

.btn-secondary.dropdown-toggle {
    background-color: #a6c !important
}

.btn-secondary.dropdown-toggle:focus,
.btn-secondary.dropdown-toggle:hover {
    background-color: #b579d2 !important
}

.btn-outline-secondary {
    border: 2px solid #a6c;
    color: #a6c !important;
    background-color: transparent
}

.btn-outline-secondary.active,
.btn-outline-secondary:active,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover {
    background-color: transparent;
    color: #a6c;
    border-color: #a6c
}

.btn-elegant {
    background-color: #2e2e2e
}

.btn-elegant.active,
.btn-elegant:active,
.btn-elegant:focus,
.btn-elegant:hover {
    background-color: #3b3b3b !important
}

.btn-elegant.dropdown-toggle {
    background-color: #2e2e2e !important
}

.btn-elegant.dropdown-toggle:focus,
.btn-elegant.dropdown-toggle:hover {
    background-color: #3b3b3b !important
}

.btn-outline-elegant {
    border: 2px solid #2e2e2e;
    color: #2e2e2e !important;
    background-color: transparent
}

.btn-outline-elegant.active,
.btn-outline-elegant:active,
.btn-outline-elegant:active:focus,
.btn-outline-elegant:focus,
.btn-outline-elegant:hover {
    background-color: transparent;
    color: #2e2e2e;
    border-color: #2e2e2e
}

.btn-unique {
    background-color: #880e4f
}

.btn-unique.active,
.btn-unique:active,
.btn-unique:focus,
.btn-unique:hover {
    background-color: #9f105c !important
}

.btn-unique.dropdown-toggle {
    background-color: #880e4f !important
}

.btn-unique.dropdown-toggle:focus,
.btn-unique.dropdown-toggle:hover {
    background-color: #9f105c !important
}

.btn-outline-unique {
    border: 2px solid #880e4f;
    color: #880e4f !important;
    background-color: transparent
}

.btn-outline-unique.active,
.btn-outline-unique:active,
.btn-outline-unique:active:focus,
.btn-outline-unique:focus,
.btn-outline-unique:hover {
    background-color: transparent;
    color: #880e4f;
    border-color: #880e4f
}

.btn-dark-green {
    background-color: #388e3c
}

.btn-dark-green.active,
.btn-dark-green:active,
.btn-dark-green:focus,
.btn-dark-green:hover {
    background-color: #3fa044 !important
}

.btn-dark-green.dropdown-toggle {
    background-color: #388e3c !important
}

.btn-dark-green.dropdown-toggle:focus,
.btn-dark-green.dropdown-toggle:hover {
    background-color: #3fa044 !important
}

.btn-outline-dark-green {
    border: 2px solid #388e3c;
    color: #388e3c !important;
    background-color: transparent
}

.btn-outline-dark-green.active,
.btn-outline-dark-green:active,
.btn-outline-dark-green:active:focus,
.btn-outline-dark-green:focus,
.btn-outline-dark-green:hover {
    background-color: transparent;
    color: #388e3c;
    border-color: #388e3c
}

.btn-mdb-color {
    background-color: #59698d
}

.btn-mdb-color.active,
.btn-mdb-color:active,
.btn-mdb-color:focus,
.btn-mdb-color:hover {
    background-color: #63759d !important
}

.btn-mdb-color.dropdown-toggle {
    background-color: #59698d !important
}

.btn-mdb-color.dropdown-toggle:focus,
.btn-mdb-color.dropdown-toggle:hover {
    background-color: #63759d !important
}

.btn-outline-mdb-color {
    border: 2px solid #59698d;
    color: #59698d !important;
    background-color: transparent
}

.btn-outline-mdb-color.active,
.btn-outline-mdb-color:active,
.btn-outline-mdb-color:active:focus,
.btn-outline-mdb-color:focus,
.btn-outline-mdb-color:hover {
    background-color: transparent;
    color: #59698d;
    border-color: #59698d
}

.btn-red {
    background-color: #d32f2f
}

.btn-red.active,
.btn-red:active,
.btn-red:focus,
.btn-red:hover {
    background-color: #d74444 !important
}

.btn-red.dropdown-toggle {
    background-color: #d32f2f !important
}

.btn-red.dropdown-toggle:focus,
.btn-red.dropdown-toggle:hover {
    background-color: #d74444 !important
}

.btn-outline-red {
    border: 2px solid #d32f2f;
    color: #d32f2f !important;
    background-color: transparent
}

.btn-outline-red.active,
.btn-outline-red:active,
.btn-outline-red:active:focus,
.btn-outline-red:focus,
.btn-outline-red:hover {
    background-color: transparent;
    color: #d32f2f;
    border-color: #d32f2f
}

.btn-pink {
    background-color: #ec407a
}

.btn-pink.active,
.btn-pink:active,
.btn-pink:focus,
.btn-pink:hover {
    background-color: #ee578a !important
}

.btn-pink.dropdown-toggle {
    background-color: #ec407a !important
}

.btn-pink.dropdown-toggle:focus,
.btn-pink.dropdown-toggle:hover {
    background-color: #ee578a !important
}

.btn-outline-pink {
    border: 2px solid #ec407a;
    color: #ec407a !important;
    background-color: transparent
}

.btn-outline-pink.active,
.btn-outline-pink:active,
.btn-outline-pink:active:focus,
.btn-outline-pink:focus,
.btn-outline-pink:hover {
    background-color: transparent;
    color: #ec407a;
    border-color: #ec407a
}

.btn-purple {
    background-color: #8e24aa
}

.btn-purple.active,
.btn-purple:active,
.btn-purple:focus,
.btn-purple:hover {
    background-color: #a028bf !important
}

.btn-purple.dropdown-toggle {
    background-color: #8e24aa !important
}

.btn-purple.dropdown-toggle:focus,
.btn-purple.dropdown-toggle:hover {
    background-color: #a028bf !important
}

.btn-outline-purple {
    border: 2px solid #8e24aa;
    color: #8e24aa !important;
    background-color: transparent
}

.btn-outline-purple.active,
.btn-outline-purple:active,
.btn-outline-purple:active:focus,
.btn-outline-purple:focus,
.btn-outline-purple:hover {
    background-color: transparent;
    color: #8e24aa;
    border-color: #8e24aa
}

.btn-deep-purple {
    background-color: #512da8
}

.btn-deep-purple.active,
.btn-deep-purple:active,
.btn-deep-purple:focus,
.btn-deep-purple:hover {
    background-color: #5b32bc !important
}

.btn-deep-purple.dropdown-toggle {
    background-color: #512da8 !important
}

.btn-deep-purple.dropdown-toggle:focus,
.btn-deep-purple.dropdown-toggle:hover {
    background-color: #5b32bc !important
}

.btn-outline-deep-purple {
    border: 2px solid #512da8;
    color: #512da8 !important;
    background-color: transparent
}

.btn-outline-deep-purple.active,
.btn-outline-deep-purple:active,
.btn-outline-deep-purple:active:focus,
.btn-outline-deep-purple:focus,
.btn-outline-deep-purple:hover {
    background-color: transparent;
    color: #512da8;
    border-color: #512da8
}

.btn-indigo {
    background-color: #3f51b5
}

.btn-indigo.active,
.btn-indigo:active,
.btn-indigo:focus,
.btn-indigo:hover {
    background-color: #4d5ec1 !important
}

.btn-indigo.dropdown-toggle {
    background-color: #3f51b5 !important
}

.btn-indigo.dropdown-toggle:focus,
.btn-indigo.dropdown-toggle:hover {
    background-color: #4d5ec1 !important
}

.btn-outline-indigo {
    border: 2px solid #3f51b5;
    color: #3f51b5 !important;
    background-color: transparent
}

.btn-outline-indigo.active,
.btn-outline-indigo:active,
.btn-outline-indigo:active:focus,
.btn-outline-indigo:focus,
.btn-outline-indigo:hover {
    background-color: transparent;
    color: #3f51b5;
    border-color: #3f51b5
}

.btn-blue {
    background-color: #1976d2
}

.btn-blue.active,
.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover {
    background-color: #2083e4 !important
}

.btn-blue.dropdown-toggle {
    background-color: #1976d2 !important
}

.btn-blue.dropdown-toggle:focus,
.btn-blue.dropdown-toggle:hover {
    background-color: #2083e4 !important
}

.btn-outline-blue {
    border: 2px solid #1976d2;
    color: #1976d2 !important;
    background-color: transparent
}

.btn-outline-blue.active,
.btn-outline-blue:active,
.btn-outline-blue:active:focus,
.btn-outline-blue:focus,
.btn-outline-blue:hover {
    background-color: transparent;
    color: #1976d2;
    border-color: #1976d2
}

.btn-light-blue {
    background-color: #82b1ff
}

.btn-light-blue.active,
.btn-light-blue:active,
.btn-light-blue:focus,
.btn-light-blue:hover {
    background-color: #9cc1ff !important
}

.btn-light-blue.dropdown-toggle {
    background-color: #82b1ff !important
}

.btn-light-blue.dropdown-toggle:focus,
.btn-light-blue.dropdown-toggle:hover {
    background-color: #9cc1ff !important
}

.btn-outline-light-blue {
    border: 2px solid #82b1ff;
    color: #82b1ff !important;
    background-color: transparent
}

.btn-outline-light-blue.active,
.btn-outline-light-blue:active,
.btn-outline-light-blue:active:focus,
.btn-outline-light-blue:focus,
.btn-outline-light-blue:hover {
    background-color: transparent;
    color: #82b1ff;
    border-color: #82b1ff
}

.btn-cyan {
    background-color: #00bcd4
}

.btn-cyan.active,
.btn-cyan:active,
.btn-cyan:focus,
.btn-cyan:hover {
    background-color: #00d3ee !important
}

.btn-cyan.dropdown-toggle {
    background-color: #00bcd4 !important
}

.btn-cyan.dropdown-toggle:focus,
.btn-cyan.dropdown-toggle:hover {
    background-color: #00d3ee !important
}

.btn-outline-cyan {
    border: 2px solid #00bcd4;
    color: #00bcd4 !important;
    background-color: transparent
}

.btn-outline-cyan.active,
.btn-outline-cyan:active,
.btn-outline-cyan:active:focus,
.btn-outline-cyan:focus,
.btn-outline-cyan:hover {
    background-color: transparent;
    color: #00bcd4;
    border-color: #00bcd4
}

.btn-teal {
    background-color: #00796b
}

.btn-teal.active,
.btn-teal:active,
.btn-teal:focus,
.btn-teal:hover {
    background-color: #009382 !important
}

.btn-teal.dropdown-toggle {
    background-color: #00796b !important
}

.btn-teal.dropdown-toggle:focus,
.btn-teal.dropdown-toggle:hover {
    background-color: #009382 !important
}

.btn-outline-teal {
    border: 2px solid #00796b;
    color: #00796b !important;
    background-color: transparent
}

.btn-outline-teal.active,
.btn-outline-teal:active,
.btn-outline-teal:active:focus,
.btn-outline-teal:focus,
.btn-outline-teal:hover {
    background-color: transparent;
    color: #00796b;
    border-color: #00796b
}

.btn-green {
    background-color: #388e3c
}

.btn-green.active,
.btn-green:active,
.btn-green:focus,
.btn-green:hover {
    background-color: #3fa044 !important
}

.btn-green.dropdown-toggle {
    background-color: #388e3c !important
}

.btn-green.dropdown-toggle:focus,
.btn-green.dropdown-toggle:hover {
    background-color: #3fa044 !important
}

.btn-outline-green {
    border: 2px solid #388e3c;
    color: #388e3c !important;
    background-color: transparent
}

.btn-outline-green.active,
.btn-outline-green:active,
.btn-outline-green:active:focus,
.btn-outline-green:focus,
.btn-outline-green:hover {
    background-color: transparent;
    color: #388e3c;
    border-color: #388e3c
}

.btn-light-green {
    background-color: #8bc34a
}

.btn-light-green.active,
.btn-light-green:active,
.btn-light-green:focus,
.btn-light-green:hover {
    background-color: #97c95d !important
}

.btn-light-green.dropdown-toggle {
    background-color: #8bc34a !important
}

.btn-light-green.dropdown-toggle:focus,
.btn-light-green.dropdown-toggle:hover {
    background-color: #97c95d !important
}

.btn-outline-light-green {
    border: 2px solid #8bc34a;
    color: #8bc34a !important;
    background-color: transparent
}

.btn-outline-light-green.active,
.btn-outline-light-green:active,
.btn-outline-light-green:active:focus,
.btn-outline-light-green:focus,
.btn-outline-light-green:hover {
    background-color: transparent;
    color: #8bc34a;
    border-color: #8bc34a
}

.btn-lime {
    background-color: #afb42b
}

.btn-lime.active,
.btn-lime:active,
.btn-lime:focus,
.btn-lime:hover {
    background-color: #c3c930 !important
}

.btn-lime.dropdown-toggle {
    background-color: #afb42b !important
}

.btn-lime.dropdown-toggle:focus,
.btn-lime.dropdown-toggle:hover {
    background-color: #c3c930 !important
}

.btn-outline-lime {
    border: 2px solid #afb42b;
    color: #afb42b !important;
    background-color: transparent
}

.btn-outline-lime.active,
.btn-outline-lime:active,
.btn-outline-lime:active:focus,
.btn-outline-lime:focus,
.btn-outline-lime:hover {
    background-color: transparent;
    color: #afb42b;
    border-color: #afb42b
}

.btn-yellow {
    background-color: #fbc02d
}

.btn-yellow.active,
.btn-yellow:active,
.btn-yellow:focus,
.btn-yellow:hover {
    background-color: #fbc846 !important
}

.btn-yellow.dropdown-toggle {
    background-color: #fbc02d !important
}

.btn-yellow.dropdown-toggle:focus,
.btn-yellow.dropdown-toggle:hover {
    background-color: #fbc846 !important
}

.btn-outline-yellow {
    border: 2px solid #fbc02d;
    color: #fbc02d !important;
    background-color: transparent
}

.btn-outline-yellow.active,
.btn-outline-yellow:active,
.btn-outline-yellow:active:focus,
.btn-outline-yellow:focus,
.btn-outline-yellow:hover {
    background-color: transparent;
    color: #fbc02d;
    border-color: #fbc02d
}

.btn-amber {
    background-color: #ffa000
}

.btn-amber.active,
.btn-amber:active,
.btn-amber:focus,
.btn-amber:hover {
    background-color: #ffaa1a !important
}

.btn-amber.dropdown-toggle {
    background-color: #ffa000 !important
}

.btn-amber.dropdown-toggle:focus,
.btn-amber.dropdown-toggle:hover {
    background-color: #ffaa1a !important
}

.btn-outline-amber {
    border: 2px solid #ffa000;
    color: #ffa000 !important;
    background-color: transparent
}

.btn-outline-amber.active,
.btn-outline-amber:active,
.btn-outline-amber:active:focus,
.btn-outline-amber:focus,
.btn-outline-amber:hover {
    background-color: transparent;
    color: #ffa000;
    border-color: #ffa000
}

.btn-orange {
    background-color: #f57c00
}

.btn-orange.active,
.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover {
    background-color: #ff8910 !important
}

.btn-orange.dropdown-toggle {
    background-color: #f57c00 !important
}

.btn-orange.dropdown-toggle:focus,
.btn-orange.dropdown-toggle:hover {
    background-color: #ff8910 !important
}

.btn-outline-orange {
    border: 2px solid #f57c00;
    color: #f57c00 !important;
    background-color: transparent
}

.btn-outline-orange.active,
.btn-outline-orange:active,
.btn-outline-orange:active:focus,
.btn-outline-orange:focus,
.btn-outline-orange:hover {
    background-color: transparent;
    color: #f57c00;
    border-color: #f57c00
}

.btn-deep-orange {
    background-color: #ff7043
}

.btn-deep-orange.active,
.btn-deep-orange:active,
.btn-deep-orange:focus,
.btn-deep-orange:hover {
    background-color: #ff835d !important
}

.btn-deep-orange.dropdown-toggle {
    background-color: #ff7043 !important
}

.btn-deep-orange.dropdown-toggle:focus,
.btn-deep-orange.dropdown-toggle:hover {
    background-color: #ff835d !important
}

.btn-outline-deep-orange {
    border: 2px solid #ff7043;
    color: #ff7043 !important;
    background-color: transparent
}

.btn-outline-deep-orange.active,
.btn-outline-deep-orange:active,
.btn-outline-deep-orange:active:focus,
.btn-outline-deep-orange:focus,
.btn-outline-deep-orange:hover {
    background-color: transparent;
    color: #ff7043;
    border-color: #ff7043
}

.btn-brown {
    background-color: #795548
}

.btn-brown.active,
.btn-brown:active,
.btn-brown:focus,
.btn-brown:hover {
    background-color: #896052 !important
}

.btn-brown.dropdown-toggle {
    background-color: #795548 !important
}

.btn-brown.dropdown-toggle:focus,
.btn-brown.dropdown-toggle:hover {
    background-color: #896052 !important
}

.btn-outline-brown {
    border: 2px solid #795548;
    color: #795548 !important;
    background-color: transparent
}

.btn-outline-brown.active,
.btn-outline-brown:active,
.btn-outline-brown:active:focus,
.btn-outline-brown:focus,
.btn-outline-brown:hover {
    background-color: transparent;
    color: #795548;
    border-color: #795548
}

.btn-grey {
    background-color: #616161
}

.btn-grey.active,
.btn-grey:active,
.btn-grey:focus,
.btn-grey:hover {
    background-color: #6e6e6e !important
}

.btn-grey.dropdown-toggle {
    background-color: #616161 !important
}

.btn-grey.dropdown-toggle:focus,
.btn-grey.dropdown-toggle:hover {
    background-color: #6e6e6e !important
}

.btn-outline-grey {
    border: 2px solid #616161;
    color: #616161 !important;
    background-color: transparent
}

.btn-outline-grey.active,
.btn-outline-grey:active,
.btn-outline-grey:active:focus,
.btn-outline-grey:focus,
.btn-outline-grey:hover {
    background-color: transparent;
    color: #616161;
    border-color: #616161
}

.btn-blue-grey {
    background-color: #78909c
}

.btn-blue-grey.active,
.btn-blue-grey:active,
.btn-blue-grey:focus,
.btn-blue-grey:hover {
    background-color: #879ca7 !important
}

.btn-blue-grey.dropdown-toggle {
    background-color: #78909c !important
}

.btn-blue-grey.dropdown-toggle:focus,
.btn-blue-grey.dropdown-toggle:hover {
    background-color: #879ca7 !important
}

.btn-outline-blue-grey {
    border: 2px solid #78909c;
    color: #78909c !important;
    background-color: transparent
}

.btn-outline-blue-grey.active,
.btn-outline-blue-grey:active,
.btn-outline-blue-grey:active:focus,
.btn-outline-blue-grey:focus,
.btn-outline-blue-grey:hover {
    background-color: transparent;
    color: #78909c;
    border-color: #78909c
}

.btn-white {
    background-color: #fff
}

.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover {
    background-color: #fff !important
}

.btn-white.dropdown-toggle {
    background-color: #fff !important
}

.btn-white.dropdown-toggle:focus,
.btn-white.dropdown-toggle:hover {
    background-color: #fff !important
}

.btn-outline-white {
    border: 2px solid #fff;
    color: #fff !important;
    background-color: transparent
}

.btn-outline-white.active,
.btn-outline-white:active,
.btn-outline-white:active:focus,
.btn-outline-white:focus,
.btn-outline-white:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.btn-black {
    background-color: #000
}

.btn-black.active,
.btn-black:active,
.btn-black:focus,
.btn-black:hover {
    background-color: #0d0d0d !important
}

.btn-black.dropdown-toggle {
    background-color: #000 !important
}

.btn-black.dropdown-toggle:focus,
.btn-black.dropdown-toggle:hover {
    background-color: #0d0d0d !important
}

.btn-outline-black {
    border: 2px solid #000;
    color: #000 !important;
    background-color: transparent
}

.btn-outline-black.active,
.btn-outline-black:active,
.btn-outline-black:active:focus,
.btn-outline-black:focus,
.btn-outline-black:hover {
    background-color: transparent;
    color: #000;
    border-color: #000
}

.progress {
    box-shadow: none;
    position: relative;
    display: flex;
    width: 100%;
    height: 4px;
    overflow: hidden;
    margin-bottom: 1rem;
    background-color: #eee
}

.progress .progress-bar {
    border-radius: 0;
    height: 4px;
    background-color: #0d47a1
}

.progress.progress-default {
    height: 1rem
}

.progress.progress-default .progress-bar {
    height: 1rem
}

.progress.progress-wider {
    height: 20px
}

.progress.progress-wider .progress-bar {
    height: 20px
}

.progress.progress-narrower {
    height: 1px
}

.progress.progress-narrower .progress-bar {
    height: 1px
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search-md],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea.md-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0;
    outline: 0;
    height: 2.1rem;
    width: 100%;
    font-size: 1rem;
    box-shadow: none;
    box-sizing: content-box;
    transition: all .3s
}

input[type=date]:disabled,
input[type=date][readonly=readonly],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly=readonly],
input[type=email]:disabled,
input[type=email][readonly=readonly],
input[type=number]:disabled,
input[type=number][readonly=readonly],
input[type=password]:disabled,
input[type=password][readonly=readonly],
input[type=search-md]:disabled,
input[type=search-md][readonly=readonly],
input[type=search]:disabled,
input[type=search][readonly=readonly],
input[type=tel]:disabled,
input[type=tel][readonly=readonly],
input[type=text]:disabled,
input[type=text][readonly=readonly],
input[type=time]:disabled,
input[type=time][readonly=readonly],
input[type=url]:disabled,
input[type=url][readonly=readonly],
textarea.md-textarea:disabled,
textarea.md-textarea[readonly=readonly] {
    color: rgba(0, 0, 0, .46);
    border-bottom: 1px dotted rgba(0, 0, 0, .46);
    background-color: transparent
}

input[type=date]:disabled+label,
input[type=date][readonly=readonly]+label,
input[type=datetime-local]:disabled+label,
input[type=datetime-local][readonly=readonly]+label,
input[type=email]:disabled+label,
input[type=email][readonly=readonly]+label,
input[type=number]:disabled+label,
input[type=number][readonly=readonly]+label,
input[type=password]:disabled+label,
input[type=password][readonly=readonly]+label,
input[type=search-md]:disabled+label,
input[type=search-md][readonly=readonly]+label,
input[type=search]:disabled+label,
input[type=search][readonly=readonly]+label,
input[type=tel]:disabled+label,
input[type=tel][readonly=readonly]+label,
input[type=text]:disabled+label,
input[type=text][readonly=readonly]+label,
input[type=time]:disabled+label,
input[type=time][readonly=readonly]+label,
input[type=url]:disabled+label,
input[type=url][readonly=readonly]+label,
textarea.md-textarea:disabled+label,
textarea.md-textarea[readonly=readonly]+label {
    color: rgba(0, 0, 0, .46);
    background-color: transparent
}

input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4285f4;
    box-shadow: 0 1px 0 0 #4285f4
}

input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=search-md]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
textarea.md-textarea:focus:not([readonly])+label {
    color: #4285f4
}

input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=search-md].valid,
input[type=search-md]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
textarea.md-textarea.valid,
textarea.md-textarea:focus.valid {
    border-bottom: 1px solid #00c851;
    box-shadow: 0 1px 0 0 #00c851
}

input[type=date].valid+label:after,
input[type=date]:focus.valid+label:after,
input[type=datetime-local].valid+label:after,
input[type=datetime-local]:focus.valid+label:after,
input[type=email].valid+label:after,
input[type=email]:focus.valid+label:after,
input[type=number].valid+label:after,
input[type=number]:focus.valid+label:after,
input[type=password].valid+label:after,
input[type=password]:focus.valid+label:after,
input[type=search-md].valid+label:after,
input[type=search-md]:focus.valid+label:after,
input[type=search].valid+label:after,
input[type=search]:focus.valid+label:after,
input[type=tel].valid+label:after,
input[type=tel]:focus.valid+label:after,
input[type=text].valid+label:after,
input[type=text]:focus.valid+label:after,
input[type=time].valid+label:after,
input[type=time]:focus.valid+label:after,
input[type=url].valid+label:after,
input[type=url]:focus.valid+label:after,
textarea.md-textarea.valid+label:after,
textarea.md-textarea:focus.valid+label:after {
    content: attr(data-success);
    color: #00c851;
    opacity: 1
}

input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=search-md].invalid,
input[type=search-md]:focus.invalid,
input[type=search].invalid,
input[type=search]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=text].invalid,
input[type=text]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
textarea.md-textarea.invalid,
textarea.md-textarea:focus.invalid {
    border-bottom: 1px solid #f44336 !important;
    box-shadow: 0 1px 0 0 #f44336 !important
}

input[type=date].invalid+label:after,
input[type=date]:focus.invalid+label:after,
input[type=datetime-local].invalid+label:after,
input[type=datetime-local]:focus.invalid+label:after,
input[type=email].invalid+label:after,
input[type=email]:focus.invalid+label:after,
input[type=number].invalid+label:after,
input[type=number]:focus.invalid+label:after,
input[type=password].invalid+label:after,
input[type=password]:focus.invalid+label:after,
input[type=search-md].invalid+label:after,
input[type=search-md]:focus.invalid+label:after,
input[type=search].invalid+label:after,
input[type=search]:focus.invalid+label:after,
input[type=tel].invalid+label:after,
input[type=tel]:focus.invalid+label:after,
input[type=text].invalid+label:after,
input[type=text]:focus.invalid+label:after,
input[type=time].invalid+label:after,
input[type=time]:focus.invalid+label:after,
input[type=url].invalid+label:after,
input[type=url]:focus.invalid+label:after,
textarea.md-textarea.invalid+label:after,
textarea.md-textarea:focus.invalid+label:after {
    content: attr(data-error);
    color: #f44336;
    opacity: 1
}

input[type=date]+label:after,
input[type=datetime-local]+label:after,
input[type=email]+label:after,
input[type=number]+label:after,
input[type=password]+label:after,
input[type=search-md]+label:after,
input[type=search]+label:after,
input[type=tel]+label:after,
input[type=text]+label:after,
input[type=time]+label:after,
input[type=url]+label:after,
textarea.md-textarea+label:after {
    display: block;
    content: "";
    position: absolute;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out, .2s color ease-out
}

input[type=date].input-alternate,
input[type=datetime-local].input-alternate,
input[type=email].input-alternate,
input[type=number].input-alternate,
input[type=password].input-alternate,
input[type=search-md].input-alternate,
input[type=search].input-alternate,
input[type=tel].input-alternate,
input[type=text].input-alternate,
input[type=time].input-alternate,
input[type=url].input-alternate,
textarea.md-textarea.input-alternate {
    padding: 0 15px;
    height: 2.1rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    font-size: .875rem;
    border-bottom: 0;
    transition: none !important
}

input[type=date].input-alternate:focus,
input[type=date].input-alternate:hover,
input[type=datetime-local].input-alternate:focus,
input[type=datetime-local].input-alternate:hover,
input[type=email].input-alternate:focus,
input[type=email].input-alternate:hover,
input[type=number].input-alternate:focus,
input[type=number].input-alternate:hover,
input[type=password].input-alternate:focus,
input[type=password].input-alternate:hover,
input[type=search-md].input-alternate:focus,
input[type=search-md].input-alternate:hover,
input[type=search].input-alternate:focus,
input[type=search].input-alternate:hover,
input[type=tel].input-alternate:focus,
input[type=tel].input-alternate:hover,
input[type=text].input-alternate:focus,
input[type=text].input-alternate:hover,
input[type=time].input-alternate:focus,
input[type=time].input-alternate:hover,
input[type=url].input-alternate:focus,
input[type=url].input-alternate:hover,
textarea.md-textarea.input-alternate:focus,
textarea.md-textarea.input-alternate:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .08) !important;
    border-bottom: 0
}

.form-control {
    padding: 0;
    padding-bottom: .6rem;
    padding-top: .5rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    margin-top: .2rem;
    margin-bottom: 1rem
}

.form-control:focus {
    background: 0 0
}

.form-control:disabled,
.form-control[readonly] {
    background-color: transparent;
    border-bottom: 1px solid #bdbdbd
}

.md-form {
    position: relative;
    margin-bottom: 1.5rem
}

.md-form label {
    transition: .2s ease-out;
    color: #757575;
    position: absolute;
    top: .8rem;
    left: 0;
    font-size: 1rem;
    cursor: text
}

.md-form label.active {
    -webkit-transform: translateY(-140%);
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%);
    font-size: .8rem
}

.md-form .prefix {
    transition: color .2s;
    position: absolute;
    width: 3rem;
    font-size: 2rem
}

.md-form .prefix~input,
.md-form .prefix~textarea {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem)
}

.md-form .prefix~textarea {
    padding-top: .8rem
}

.md-form .prefix~label {
    margin-left: 3rem
}

.md-form .prefix.active {
    color: #4285f4
}

@media only screen and (max-width :992px) {
    .md-form .prefix~input {
        width: 86%;
        width: calc(100% - 3rem)
    }
}

@media only screen and (max-width :600px) {
    .md-form .prefix~input {
        width: 80%;
        width: calc(100% - 3rem)
    }
}

.md-form .btn {
    margin-bottom: 1.5rem
}

.md-form.form-sm input {
    padding-bottom: .2rem;
    padding-top: .2rem;
    font-size: .8rem;
    line-height: .5
}

.md-form.form-sm label {
    font-size: .9rem
}

.md-form.form-sm .prefix {
    font-size: 1.5rem;
    top: .4rem
}

.md-form.form-sm .prefix~input,
.md-form.form-sm .prefix~label,
.md-form.form-sm .prefix~textarea {
    margin-left: 2.2rem
}

.md-form.input-group {
    padding-left: 1rem
}

.md-form.input-group::-webkit-input-placeholder {
    color: #999;
    padding-top: 2px
}

.md-form.input-group:-moz-placeholder {
    color: #999;
    padding-top: 2px
}

.md-form.input-group::-moz-placeholder {
    color: #999;
    padding-top: 2px
}

.md-form.input-group::-ms-placeholder {
    color: #999;
    padding-top: 2px
}

.md-form.input-group::placeholder {
    color: #999;
    padding-top: 2px
}

.form-group {
    display: block
}

.form-inline fieldset {
    margin-right: 1.5rem
}

.form-inline .form-group {
    margin-right: 2rem
}

textarea {
    width: 100%;
    height: 3rem;
    background-color: transparent
}

textarea.md-textarea {
    overflow-y: hidden;
    padding: 1.6rem 0;
    resize: none;
    min-height: 3rem
}

.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 1.2rem
}

.orange-gradient {
    background: linear-gradient(40deg, #ffd86f, #fc6262)
}

.progress {
    box-shadow: none;
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    overflow: hidden;
    margin-bottom: 1rem;
    background-color: #eee
}

.progress .progress-bar {
    box-shadow: none;
    height: 4px;
    border-radius: 0;
    background-color: #0d47a1
}

.progress .progress-bar-animated {
    transition: width 2s ease-in-out
}

.progress .indeterminate {
    background-color: #90caf9
}

.progress .indeterminate:before {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    -moz-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    -ms-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    -o-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite
}

.progress .indeterminate:after {
    content: "";
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -moz-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -ms-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -o-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    -moz-animation-delay: 1.15s;
    -ms-animation-delay: 1.15s;
    -o-animation-delay: 1.15s;
    animation-delay: 1.15s
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }
    60% {
        left: 100%;
        right: -90%
    }
    100% {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    100% {
        left: 107%;
        right: -8%
    }
}

.preloader-wrapper {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px
}

.preloader-wrapper.small {
    width: 36px;
    height: 36px
}

.preloader-wrapper.big {
    width: 64px;
    height: 64px
}

.preloader-wrapper.active {
    animation: container-rotate 1568ms linear infinite
}

.preloader-wrapper.crazy {
    animation-duration: 333ms
}

.preloader-wrapper .spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.preloader-wrapper .spinner-layer .gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.preloader-wrapper .spinner-layer .gap-patch .circle {
    width: 1000%;
    left: -450%
}

.preloader-wrapper .spinner-layer .circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.preloader-wrapper .spinner-layer .circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.preloader-wrapper .spinner-layer .circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    transform: rotate(129deg)
}

.preloader-wrapper .spinner-layer .circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    transform: rotate(-129deg)
}

.preloader-wrapper .spinner-blue,
.preloader-wrapper .spinner-blue-only {
    border-color: #4285f4
}

.preloader-wrapper .spinner-red,
.preloader-wrapper .spinner-red-only {
    border-color: #db4437
}

.preloader-wrapper .spinner-yellow,
.preloader-wrapper .spinner-yellow-only {
    border-color: #f4b400
}

.preloader-wrapper .spinner-green,
.preloader-wrapper .spinner-green-only {
    border-color: #0f9d58
}

@keyframes container-rotate {
    to {
        transform: rotate(360deg)
    }
}

.active .spinner-layer.spinner-blue {
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-layer.spinner-red {
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-layer.spinner-yellow {
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-layer.spinner-green {
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-green-only,
.active .spinner-layer.spinner-primary-color-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only {
    opacity: 1;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .circle-clipper.left .circle {
    animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.active .circle-clipper.right .circle {
    animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }
    25% {
        transform: rotate(270deg)
    }
    37.5% {
        transform: rotate(405deg)
    }
    50% {
        transform: rotate(540deg)
    }
    62.5% {
        transform: rotate(675deg)
    }
    75% {
        transform: rotate(810deg)
    }
    87.5% {
        transform: rotate(945deg)
    }
    to {
        transform: rotate(1080deg)
    }
}

@keyframes blue-fade-in-out {
    from {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    26% {
        opacity: 0
    }
    89% {
        opacity: 0
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes red-fade-in-out {
    from {
        opacity: 0
    }
    15% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    51% {
        opacity: 0
    }
}

@keyframes yellow-fade-in-out {
    from {
        opacity: 0
    }
    40% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    76% {
        opacity: 0
    }
}

@keyframes green-fade-in-out {
    from {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    75% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes left-spin {
    from {
        transform: rotate(130deg)
    }
    50% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(130deg)
    }
}

@keyframes right-spin {
    from {
        transform: rotate(-130deg)
    }
    50% {
        transform: rotate(5deg)
    }
    to {
        transform: rotate(-130deg)
    }
}

#spinnerContainer.cooldown {
    animation: container-rotate 1568ms linear infinite, fade-out .4s cubic-bezier(.4, 0, .2, 1)
}

@keyframes fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

#mdb-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 9998;
    height: 100%;
    width: 100%
}

.table a {
    margin-left: 1rem
}

.table fieldset {
    margin-bottom: 0
}

.table fieldset label {
    height: 8px
}

.product-table img {
    max-height: 150px;
    min-width: 50px
}

.product-table td {
    vertical-align: middle
}

[type=checkbox],
[type=radio] {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

[type=checkbox]+label,
[type=radio]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.streak {
    display: block;
    position: relative;
    overflow: hidden;
    height: 250px
}

.streak.streak-md {
    height: 400px
}

@media (max-width:736px) {
    .streak.streak-md {
        height: 300px
    }
}

.streak.streak-lg {
    height: 650px
}

@media (max-width:450px) {
    .streak.streak-lg {
        height: 900px
    }
}

.streak.streak-long {
    height: 200px
}

@media (max-width:450px) {
    .streak.streak-long {
        height: 620px
    }
}

.streak.streak-long-2 {
    height: 400px
}

@media (max-width:450px) {
    .streak.streak-long-2 {
        height: 700px
    }
}

.streak.streak-photo {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (min-width:1366px) {
    .streak.streak-photo {
        background-attachment: fixed
    }
}

.streak.no-flex {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
    height: auto
}

.purple-gradient {
    background: linear-gradient(40deg, #ff6ec4, #7873f5)
}

.peach-gradient {
    background: linear-gradient(40deg, #ffd86f, #fc6262)
}

.aqua-gradient {
    background: linear-gradient(40deg, #2096ff, #05ffa3)
}

.blue-gradient {
    background: linear-gradient(40deg, #45cafc, #303f9f)
}

[type=radio]+label {
    transition: .28s ease
}

[type=radio]+label:after,
[type=radio]+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    transition: .28s ease
}

[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:before {
    border-color: #5a5a5a
}

[type=radio]:not(:checked)+label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

[type=radio]:checked+label:before {
    border-color: transparent
}

[type=radio]:checked+label:after {
    border-color: #4285f4;
    background-color: #4285f4;
    z-index: 0;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

[type=radio]:disabled+label {
    color: rgba(0, 0, 0, .46)
}

[type=radio]:disabled+label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .46)
}

[type=radio]:disabled:not(:checked)+label:before {
    border-color: rgba(0, 0, 0, .46)
}

[type=radio]:disabled:checked+label:after {
    background-color: rgba(0, 0, 0, .46);
    border-color: #bdbdbd
}

[type=radio].with-gap:checked+label:before {
    border-color: #4285f4
}

[type=radio].with-gap:checked+label:after {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

[type=radio].with-gap:checked:disabled+label:before {
    border-color: rgba(0, 0, 0, .46)
}

[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    z-index: 0;
    border: 1.5px solid #8a8a8a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s
}

[type=checkbox]:checked+label:before {
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #4285f4 #4285f4 transparent;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox]:indeterminate+label:before {
    left: -10px;
    top: -11px;
    width: 10px;
    height: 22px;
    border: none;
    border-right: 2px solid #4285f4;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox]:disabled:checked+label:before {
    border-color: transparent rgba(0, 0, 0, .46) rgba(0, 0, 0, .46) transparent
}

[type=checkbox]:disabled:not(:checked)+label:before {
    border: none;
    margin-left: 2px;
    margin-top: 2px;
    background-color: rgba(0, 0, 0, .46)
}

[type=checkbox]:disabled:indeterminate+label:before {
    border-right: 2px solid rgba(0, 0, 0, .46);
    margin-left: 0;
    margin-top: 0;
    background-color: transparent
}

[type=checkbox][class*=filled-in]+label:after,
[type=checkbox][class*=filled-in]+label:before {
    content: "";
    left: 0;
    position: absolute;
    transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    z-index: 1;
    border-style: solid;
    border-width: 2px
}

[type=checkbox][class*=filled-in]+label:after {
    border-radius: 2px;
    height: 20px;
    width: 20px
}

[type=checkbox][class*=filled-in]+label:before {
    -webkit-transform: rotateZ(37deg);
    -moz-transform: rotateZ(37deg);
    -ms-transform: rotateZ(37deg);
    -o-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

[type=checkbox][class*=filled-in]:not(:checked)+label:before {
    width: 0;
    height: 0;
    border-style: 3px;
    border-color: transparent;
    left: 6px;
    top: 10px
}

[type=checkbox][class*=filled-in]:not(:checked)+label:after {
    background-color: transparent;
    border-color: #5a5a5a;
    top: 0;
    z-index: 0
}

[type=checkbox][class*=filled-in]:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-color: transparent #fff #fff transparent
}

[type=checkbox][class*=filled-in]:checked+label:after {
    border-color: #a6c;
    background-color: #a6c;
    z-index: 0
}

[type=checkbox][class*=filled-in]:disabled:not(:checked)+label:before {
    background-color: transparent;
    border-color: #bdbdbd
}

[type=checkbox][class*=filled-in]:disabled:not(:checked)+label:after {
    border-color: transparent;
    background-color: #bdbdbd
}

[type=checkbox][class*=filled-in]:disabled:checked+label:before {
    background-color: transparent
}

[type=checkbox][class*=filled-in]:disabled:checked+label:after {
    background-color: #bdbdbd;
    border-color: #bdbdbd
}

[type=checkbox].filled-in-danger:checked+label:after {
    background-color: red;
    border-color: red
}

.picker__input {
    cursor: default
}

.picker__input.picker__input--active {
    border-color: #0089ec
}

.picker {
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    color: #000;
    position: absolute;
    z-index: 10000;
    user-select: none
    /*!
   * Default mobile-first, responsive styling for pickadate.js
   * Demo: http://amsul.github.io/pickadate.js
   */
}

.picker .picker__holder {
    width: 100%;
    overflow-y: auto;
    overflow-scrolling: touch;
    position: fixed;
    transition: background .15s ease-out, top 0s .15s;
    backface-visibility: hidden
}

.picker .picker__frame,
.picker .picker__holder {
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%
}

.picker .picker__frame {
    position: absolute;
    margin: 0 auto;
    min-width: 256px;
    max-width: 325px;
    width: 300px;
    max-height: 350px;
    opacity: 0;
    transition: all .15s ease-out
}

@media (min-height:28.875em) {
    .picker .picker__frame {
        overflow: visible;
        top: auto;
        bottom: -100%;
        max-height: 80%
    }
}

@media (min-height:40.125em) {
    .picker .picker__frame {
        margin-bottom: 7.5%
    }
}

.picker .picker__frame .picker__wrap {
    display: table;
    width: 100%;
    height: 100%
}

@media (min-height:28.875em) {
    .picker .picker__frame .picker__wrap {
        display: block
    }
}

.picker .picker__box {
    background: #fff;
    display: table-cell;
    vertical-align: middle
}

@media (min-height:28.875em) {
    .picker .picker__box {
        display: block;
        border: 1px solid #777;
        border-top-color: #898989;
        border-bottom-width: 0;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, .24)
    }
}

.picker--opened .picker__holder {
    top: 0;
    background: 0 0;
    zoom: 1;
    background: rgba(0, 0, 0, .32);
    transition: background .15s ease-out
}

.picker--opened .picker__frame {
    top: 0;
    opacity: 1
}

@media (min-height:35.875em) {
    .picker--opened .picker__frame {
        top: 10%;
        bottom: auto
    }
}

.picker__input.picker__input--active {
    border-color: #e3f2fd
}

.picker__list {
    list-style: none;
    padding: .75em 0 4.2em;
    margin: 0
}

.picker__list-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: -1px;
    position: relative;
    padding: .75em 1.25em
}

@media (min-height:46.75em) {
    .picker__list-item {
        padding: .5em 1em
    }
}

.picker__list-item:hover {
    cursor: pointer;
    background: #b1dcfb;
    border-color: #0089ec;
    z-index: 10
}

.picker__list-item--highlighted {
    border-color: #0089ec;
    z-index: 10
}

.picker--focused .picker__list-item--highlighted,
.picker__list-item--highlighted:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb
}

.picker--focused .picker__list-item--selected,
.picker__list-item--selected,
.picker__list-item--selected:hover {
    background: #0089ec;
    z-index: 10
}

.picker--focused .picker__list-item--disabled,
.picker__list-item--disabled,
.picker__list-item--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default;
    border-color: #ddd;
    z-index: auto
}

.picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 1em auto 0;
    padding: 1em 1.25em;
    background: 0 0;
    border: 0;
    font-weight: 500;
    font-size: .67em;
    text-align: center;
    text-transform: uppercase;
    color: #666
}

.picker--time .picker__button--clear:focus,
.picker--time .picker__button--clear:hover {
    color: #000;
    background: #b1dcfb;
    background: #e20;
    border-color: #e20;
    cursor: pointer;
    outline: 0
}

.picker--time .picker__button--clear:before {
    top: -.25em;
    color: #666;
    font-size: 1.25em;
    font-weight: 700
}

.picker--time .picker__frame {
    min-width: 256px;
    max-width: 320px
}

.picker--time .picker__box {
    font-size: 1em;
    background: #f2f2f2;
    padding: 0
}

@media (min-height:40.125em) {
    .picker--time .picker__box {
        margin-bottom: 5em
    }
}


/*!
 * ClockPicker v0.0.7 for jQuery (http://weareoutman.github.io/clockpicker/)
 * Copyright 2014 Wang Shenwei.
 * Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
 *
 * Further modified
 * Copyright 2015 Ching Yaw Hao.
 *
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.picker__date-display {
    text-align: center;
    background-color: #4285f4;
    padding-bottom: 15px;
    font-weight: 300;
    margin-bottom: 1rem
}

.picker__date-display .clockpicker-display {
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    height: 85px;
    font-size: 70px;
    padding: 10px;
    padding-bottom: 0;
    color: #b2dfdb
}

.picker__date-display .clockpicker-display .clockpicker-display-column {
    float: left
}

.picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary {
    animation-name: pulse
}

.picker__date-display .clockpicker-display .clockpicker-display-column #click-am,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-pm {
    cursor: pointer
}

.picker__date-display .clockpicker-display .clockpicker-display-am-pm {
    padding-left: 5px;
    vertical-align: bottom;
    height: 85px
}

.picker__date-display .clockpicker-display .clockpicker-display-am-pm .clockpicker-span-am-pm {
    display: inline-block;
    font-size: 23px;
    line-height: 25px;
    color: #b2dfdb
}

.picker__date-display .clockpicker-display .clockpicker-span-hours,
.picker__date-display .clockpicker-display .clockpicker-span-minutes {
    animation-duration: .5s;
    animation-fill-mode: both;
    transition: color .5s;
    cursor: pointer
}

.clockpicker-display {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
    height: 85px;
    font-size: 70px;
    padding: 10px;
    padding-bottom: 0;
    color: #b2dfdb
}

.clockpicker-display .clockpicker-display-column {
    float: left
}

.clockpicker-display .clockpicker-display-column #click-am.text-primary,
.clockpicker-display .clockpicker-display-column #click-pm.text-primary,
.clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary,
.clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary {
    animation-name: pulse
}

.clockpicker-display .clockpicker-display-column #click-am,
.clockpicker-display .clockpicker-display-column #click-pm {
    cursor: pointer
}

.clockpicker-display .clockpicker-display-am-pm {
    padding-left: 5px;
    vertical-align: bottom;
    height: 85px
}

.clockpicker-display .clockpicker-display-am-pm .clockpicker-span-am-pm {
    display: inline-block;
    font-size: 23px;
    line-height: 25px;
    color: #b2dfdb
}

.clockpicker-display .clockpicker-span-hours,
.clockpicker-display .clockpicker-span-minutes {
    animation-duration: .5s;
    animation-fill-mode: both;
    transition: color .5s;
    cursor: pointer
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.clockpicker-moving {
    cursor: move
}

.clockpicker-plate {
    background-color: #eee;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    overflow: visible;
    position: relative;
    margin: auto;
    margin-top: 20px;
    user-select: none
}

.clockpicker-plate .clockpicker-canvas,
.clockpicker-plate .clockpicker-dial {
    width: 270px;
    height: 270px;
    position: absolute;
    left: -1px;
    top: -1px
}

.clockpicker-plate .clockpicker-dial {
    transition: transform 350ms, opacity 350ms
}

.clockpicker-plate .clockpicker-dial .clockpicker-tick {
    border-radius: 50%;
    color: #666;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    transition: background-color .3s;
    background-color: rgba(0, 150, 136, 0)
}

.clockpicker-plate .clockpicker-dial .clockpicker-tick.active,
.clockpicker-plate .clockpicker-dial .clockpicker-tick:hover {
    background-color: rgba(0, 150, 136, .25)
}

.clockpicker-plate .clockpicker-minutes {
    visibility: hidden
}

.clockpicker-plate .clockpicker-dial-out {
    opacity: 0
}

.clockpicker-plate .clockpicker-hours.clockpicker-dial-out {
    transform: scale(1.2, 1.2)
}

.clockpicker-plate .clockpicker-minutes.clockpicker-dial-out {
    transform: scale(.8, .8)
}

.clockpicker-canvas {
    transition: opacity .3s
}

.clockpicker-canvas line {
    stroke: rgba(0, 150, 136, .25);
    stroke-width: 1
}

.clockpicker-canvas-out {
    opacity: .25
}

.clockpicker-canvas-bearing {
    stroke: none;
    fill: rgba(0, 77, 64, .75)
}

.clockpicker-canvas-fg {
    stroke: none;
    fill: rgba(0, 77, 64, 0)
}

.clockpicker-canvas-fg.active {
    fill: rgba(0, 77, 64, .5)
}

.clockpicker-canvas-bg {
    stroke: none;
    fill: rgba(0, 150, 136, .25)
}

.clockpicker-canvas-bg-trans {
    fill: rgba(0, 150, 136, .25)
}

.clockpicker-am-pm-block {
    margin-top: -10px;
    width: 100%;
    height: 50px
}

.clockpicker-am-pm-block .clockpicker-button.am-button {
    height: 45px;
    width: 45px;
    float: left
}

.clockpicker-am-pm-block .clockpicker-button.pm-button {
    height: 45px;
    width: 45px;
    float: right
}

.btn-floating.btn-flat {
    padding: 0;
    background: #4285f4
}

.btn-floating.btn-flat:hover {
    box-shadow: none
}

.btn-floating.btn-flat:focus,
.btn-floating.btn-flat:hover {
    background-color: #5a95f5 !important
}

.btn-floating.btn-flat.active {
    background-color: #0b51c5 !important
}

.picker__footer .clockpicker-button {
    margin: auto;
    margin-top: 15px;
    background-color: transparent;
    text-transform: uppercase
}

.picker__footer .clockpicker-button:focus {
    background-color: transparent
}

.picker__footer .clockpicker-button:active {
    background-color: rgba(0, 150, 136, .25)
}

.darktheme .picker__box {
    background-color: #212121
}

.darktheme .picker__box .picker__date-display {
    background-color: transparent
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate {
    background-color: transparent
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick {
    background-color: rgba(255, 64, 129, 0)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick.active,
.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick:hover {
    background-color: rgba(255, 64, 129, .25)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas line {
    stroke: rgba(255, 64, 129, .25)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bearing {
    fill: #fff
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-fg {
    fill: rgba(255, 64, 129, 0)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-fg.active {
    fill: rgba(255, 64, 129, .5)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bg {
    fill: rgba(255, 64, 129, .25)
}

.darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-canvas-bg-trans {
    fill: rgba(255, 64, 129, .25)
}

.darktheme .picker__box .picker__footer .clockpicker-button:active {
    background-color: rgba(255, 64, 129, .25)
}

.picker__box {
    padding: 0;
    border-radius: 2px;
    overflow: hidden
}

.picker__box .picker__header {
    text-align: center;
    position: relative;
    margin-bottom: 20px
}

.picker__box .picker__header .picker__date-display {
    text-align: center;
    background-color: #4285f4;
    padding-bottom: 15px;
    font-weight: 300;
    margin-bottom: 1rem
}

.picker__box .picker__header .picker__date-display .picker__weekday-display {
    background-color: #206ff2;
    padding: 10px;
    font-weight: 200;
    letter-spacing: .5;
    font-size: 1rem;
    margin-bottom: 15px
}

.picker__box .picker__header .picker__date-display .picker__month-display {
    text-transform: uppercase;
    font-size: 2rem
}

.picker__box .picker__header .picker__date-display .picker__day-display {
    font-size: 4.5rem;
    font-weight: 400
}

.picker__box .picker__header .picker__date-display .picker__year-display {
    font-size: 1.8rem;
    color: rgba(255, 255, 255, .4)
}

.picker__box .picker__header .picker__month,
.picker__box .picker__header .picker__year {
    display: inline-block;
    margin-left: .25em;
    margin-right: .25em
}

.picker__box .picker__header .picker__select--month,
.picker__box .picker__header .picker__select--year {
    height: 2em;
    padding: 0;
    margin-left: .25em;
    margin-right: .25em;
    display: inline-block
}

.picker__box .picker__header .picker__select--month:focus,
.picker__box .picker__header .picker__select--year:focus {
    border-color: rgba(0, 0, 0, .05)
}

.picker__box .picker__header .picker__select--year {
    width: 30%
}

.picker__box .picker__header .picker__select--month.browser-default {
    display: inline;
    width: 40%
}

.picker__box .picker__header .picker__select--year.browser-default {
    display: inline;
    width: 25%
}

.picker__box .picker__header .picker__nav--next,
.picker__box .picker__header .picker__nav--prev {
    position: absolute;
    padding: .5em 1.55em;
    width: 1em;
    height: 1em;
    box-sizing: content-box;
    bottom: 0
}

.picker__box .picker__header .picker__nav--next:hover,
.picker__box .picker__header .picker__nav--prev:hover {
    cursor: pointer;
    color: #000;
    background: #ecf2fc
}

.picker__box .picker__header .picker__nav--next:before,
.picker__box .picker__header .picker__nav--prev:before {
    content: " ";
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-right: .75em solid #676767;
    width: 0;
    height: 0;
    display: block;
    margin: 0 auto
}

.picker__box .picker__header .picker__nav--prev {
    left: -1em;
    padding-right: 1.25em
}

.picker__box .picker__header .picker__nav--next {
    right: -1em;
    padding-left: 1.25em
}

.picker__box .picker__header .picker__nav--next:before {
    border-right: 0;
    border-left: .75em solid #676767
}

.picker__box .picker__header .picker__nav--disabled,
.picker__box .picker__header .picker__nav--disabled:before,
.picker__box .picker__header .picker__nav--disabled:before:hover,
.picker__box .picker__header .picker__nav--disabled:hover {
    cursor: default;
    background: 0 0;
    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5
}

.picker__box .picker__table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: 1rem;
    width: 100%;
    margin-top: .75em;
    margin-bottom: .5em
}

.picker__box .picker__table td,
.picker__box .picker__table th {
    text-align: center
}

.picker__box .picker__table td {
    margin: 0;
    padding: 0
}

.picker__box .picker__table .picker__weekday {
    width: 14%;
    font-size: .9em;
    padding-bottom: .25em;
    color: #999;
    font-weight: 500
}

@media (min-height:33.875em) {
    .picker__box .picker__table .picker__weekday {
        padding-bottom: .5em
    }
}

.picker__box .picker__table .picker__day--today {
    position: relative;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border: 1px solid transparent
}

.picker__box .picker__table .picker__day.picker__day--today {
    color: #4285f4
}

.picker__box .picker__table .picker__day--disabled:before {
    border-top-color: #aaa
}

.picker__box .picker__table .picker__day--infocus {
    color: #595959;
    letter-spacing: -.3;
    padding: .75rem 0;
    font-weight: 400;
    border: 1px solid transparent
}

.picker__box .picker__table .picker__day--infocus:hover {
    cursor: pointer;
    color: #000;
    font-weight: 500
}

.picker__box .picker__table .picker__day--outfocus {
    display: none;
    padding: .75rem 0
}

.picker__box .picker__table .picker__day--outfocus:hover {
    cursor: pointer;
    color: #ddd;
    font-weight: 500
}

.picker__box .picker__table .picker--focused .picker__day--highlighted,
.picker__box .picker__table .picker__day--highlighted:hover {
    cursor: pointer
}

.picker__box .picker__table .picker--focused,
.picker__box .picker__table .picker__day--selected,
.picker__box .picker__table .picker__day--selected:hover {
    border-radius: 50%;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    background-color: #4285f4
}

.picker__box .picker__table .picker--focused.picker__day--outfocus,
.picker__box .picker__table .picker__day--selected.picker__day--outfocus,
.picker__box .picker__table .picker__day--selected:hover.picker__day--outfocus {
    background-color: #ecf2fc
}

.picker__box .picker__table .picker--focused,
.picker__box .picker__table .picker__day--disabled,
.picker__box .picker__table .picker__day--disabled:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}

.picker__box .picker__table .picker__day--highlighted.picker__day--disabled,
.picker__box .picker__table .picker__day--highlighted.picker__day--disabled:hover {
    background: #bbb
}

.picker__box .picker__footer {
    text-align: right;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.picker__box .picker__footer .picker__button--clear,
.picker__box .picker__footer .picker__button--close,
.picker__box .picker__footer .picker__button--today {
    border: 1px solid #fff;
    background: #fff;
    font-size: .8em;
    padding: 1rem 0 .7rem 0;
    font-weight: 700;
    width: 33%;
    display: inline-block;
    vertical-align: bottom;
    text-transform: uppercase
}

.picker__box .picker__footer .picker__button--clear:hover,
.picker__box .picker__footer .picker__button--close:hover,
.picker__box .picker__footer .picker__button--today:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
    border-bottom-color: #b1dcfb
}

.picker__box .picker__footer .picker__button--clear:focus,
.picker__box .picker__footer .picker__button--close:focus,
.picker__box .picker__footer .picker__button--today:focus {
    background: #b1dcfb;
    border-color: rgba(0, 0, 0, .05);
    outline: 0
}

.picker__box .picker__footer .picker__button--clear:before,
.picker__box .picker__footer .picker__button--close:before,
.picker__box .picker__footer .picker__button--today:before {
    position: relative;
    display: inline-block;
    height: 0
}

.picker__box .picker__footer .picker__button--clear:before,
.picker__box .picker__footer .picker__button--today:before {
    content: " ";
    margin-right: .45em
}

.picker__box .picker__footer .picker__button--today:before {
    top: -.05em;
    width: 0;
    border-top: .66em solid #0059bc;
    border-left: .66em solid transparent
}

.picker__box .picker__footer .picker__button--clear:before {
    top: -.25em;
    width: .66em;
    border-top: 3px solid #e20
}

.picker__box .picker__footer .picker__button--close:before {
    content: "×";
    top: -.1em;
    vertical-align: top;
    font-size: 1.1em;
    margin-right: .35em;
    color: #777
}

.picker__box .picker__footer .picker__button--today[disabled],
.picker__box .picker__footer .picker__button--today[disabled]:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
    color: #ddd;
    cursor: default
}

.picker__box .picker__footer .picker__button--today[disabled]:before {
    border-top-color: #aaa
}

.picker__calendar-container {
    padding: 0 1rem
}

.picker__calendar-container thead {
    border: none
}


/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 1
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, .2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, .2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, .4)
}

.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.waves-button,
.waves-button-input,
.waves-button:hover,
.waves-button:visited {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom;
    display: inline-block
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)
}

.waves-block {
    display: block
}

a.waves-effect,
a.waves-light {
    display: inline-block
}

.side-nav {
    position: fixed;
    width: 240px;
    left: 0;
    top: 0;
    margin: 0;
    transform: translateX(-100%);
    height: 100%;
    height: calc(100% + 60px);
    height: -moz-calc(100%);
    padding-bottom: 60px;
    color: #d8d8d8;
    background-color: #2c2f34;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
    backface-visibility: hidden;
    overflow-y: auto;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateX(-105%);
    list-style-type: none;
    padding: 0
}

.side-nav ul {
    list-style-type: none
}

.side-nav ul li {
    padding: 0
}

.side-nav.right-aligned {
    right: 0;
    left: auto;
    transform: translateX(100%)
}

.side-nav .collapsible {
    margin: 0;
    padding: 0
}

.side-nav .collapsible li a:hover {
    background-color: rgba(0, 0, 0, .15)
}

.side-nav .collapsible>li {
    border-radius: 2px
}

.side-nav .collapsible>li a.collapsible-header:hover {
    background-color: rgba(255, 255, 255, .15)
}

.side-nav .collapsible>li a.collapsible-header.active {
    background-color: rgba(255, 255, 255, .15)
}

.side-nav .collapsible ul {
    padding: 0;
    list-style-type: none
}

.side-nav .collapsible a {
    color: #fff;
    font-weight: 300;
    font-size: .8rem;
    height: 36px;
    line-height: 36px
}

.side-nav .collapsible a.active,
.side-nav .collapsible a:hover {
    border-radius: 2px
}

.side-nav .collapsible .fa {
    font-size: .8rem;
    margin-right: 13px
}

.side-nav .collapsible-body a {
    padding-left: 47px;
    height: 36px;
    line-height: 36px;
    background-color: rgba(0, 0, 0, .15)
}

.side-nav a {
    display: block;
    font-size: 1rem;
    height: 56px;
    line-height: 56px;
    padding-left: 20px
}

.side-nav .logo-wrapper {
    height: 140px
}

.side-nav .logo-wrapper a {
    height: 140px;
    width: 240px;
    padding: 0
}

.side-nav .logo-wrapper img {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 20%;
    padding-bottom: 20%;
    height: auto
}

@media (max-height:992px) {
    .side-nav .logo-wrapper {
        height: 80px
    }
    .side-nav .logo-wrapper a {
        height: 80px
    }
    .side-nav .logo-wrapper img {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 7%;
        padding-bottom: 7%
    }
}

.side-nav .about {
    padding: 1rem;
    border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.side-nav .about p {
    margin-bottom: 0;
    text-align: center
}

.side-nav .social {
    padding: 0;
    text-align: center;
    border-bottom: 1px solid rgba(153, 153, 153, .3)
}

.side-nav .social li {
    display: inline-block;
    padding: 0;
    margin: 0
}

.side-nav .social a {
    padding: 0;
    margin: 0;
    padding-right: .6rem;
    padding-left: .6rem
}

.side-nav .social .fa {
    color: #dbe4e7
}

.side-nav .search-form {
    padding: 0
}

.side-nav .search-form input[type=text] {
    border-bottom: 1px solid #fff;
    font-weight: 300;
    padding-left: 30px
}

.side-nav .search-form input[type=text]::-webkit-input-placeholder {
    color: #fff !important
}

.side-nav .search-form input[type=text]:-moz-placeholder {
    color: #fff !important
}

.side-nav .search-form input[type=text]::-moz-placeholder {
    color: #fff !important
}

.side-nav .search-form input[type=text]::-ms-placeholder {
    color: #fff !important
}

.side-nav .search-form input[type=text]::placeholder {
    color: #fff !important
}

.side-nav .search-form .form-control {
    margin-bottom: 0
}

.side-nav .sn-avatar-wrapper {
    padding-left: 33%;
    padding-right: 33%;
    padding-top: 10%
}

.side-nav .sn-avatar-wrapper img {
    margin: 0;
    padding: 0;
    max-width: 90px;
    border-radius: 5rem
}

@media only screen and (max-height:992px) {
    .side-nav .sn-avatar-wrapper {
        padding-left: 40%;
        padding-right: 40%;
        padding-top: 3%
    }
    .side-nav .sn-avatar-wrapper img {
        max-width: 50px
    }
}

.side-nav .sn-ad-avatar-wrapper {
    height: auto;
    margin-bottom: 0
}

.side-nav .sn-ad-avatar-wrapper img {
    max-width: 60px;
    padding: 20px 10px;
    float: left
}

.side-nav .sn-ad-avatar-wrapper p {
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0
}

.side-nav .user-box {
    padding: 20px 10px 0 10px
}

.side-nav .user-box img {
    margin: 0 auto 10px auto;
    max-width: 80px
}

.side-nav .fa-angle-down.rotate-icon {
    position: absolute;
    right: 0;
    top: 13px;
    margin-right: 20px
}

.side-nav .sidenav-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 240px;
    z-index: -1;
    background-attachment: fixed
}

.side-nav .sidenav-bg:after {
    width: 100%;
    display: block;
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    margin-bottom: -99999px;
    padding-bottom: 99999px
}

.side-nav.fixed {
    left: 0;
    transform: translateX(0);
    position: fixed
}

.side-nav.fixed.right-aligned {
    right: 0;
    left: auto
}

@media only screen and (max-width :1440px) {
    .side-nav.fixed {
        transform: translateX(-105%)
    }
    .side-nav.fixed.right-aligned {
        transform: translateX(105%)
    }
}

.side-nav.side-nav-light {
    background-color: #e5e5e5
}

.side-nav.side-nav-light a {
    color: #555;
    font-weight: 400
}

.side-nav.side-nav-light .social .fa {
    color: #555
}

.side-nav.side-nav-light .search-form input[type=text] {
    border-bottom-color: rgba(153, 153, 153, .3);
    color: #555 !important
}

.side-nav.side-nav-light .search-form input[type=text]::-webkit-input-placeholder {
    color: #555 !important
}

.side-nav.side-nav-light .search-form input[type=text]:-moz-placeholder {
    color: #555 !important
}

.side-nav.side-nav-light .search-form input[type=text]::-moz-placeholder {
    color: #555 !important
}

.side-nav.side-nav-light .search-form input[type=text]::-ms-placeholder {
    color: #555 !important
}

.side-nav.side-nav-light .search-form input[type=text]::placeholder {
    color: #555 !important
}

.side-nav.side-nav-light .collapsible-body a {
    background-color: rgba(0, 0, 0, .1)
}

.side-nav.side-nav-light .collapsible li .collapsible-header:hover {
    background-color: rgba(0, 0, 0, .05)
}

.side-nav.side-nav-light .collapsible li .collapsible-header.active {
    color: #4285f4;
    background-color: transparent
}

.drag-target {
    height: 100%;
    width: 10px;
    position: fixed;
    top: 0;
    z-index: 998
}

#sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 997;
    will-change: opacity
}

.side-nav .double-navbar .bc-min {
    padding: 5px 10px
}

.side-nav .double-navbar .bc-min .button-collapse {
    padding-left: 0
}

.file-field {
    position: relative
}

.file-field .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px;
    height: 2.5rem
}

.file-field input.file-path {
    width: 100%;
    height: 2.1rem
}

.file-field span {
    cursor: pointer
}

.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 1px;
    cursor: pointer;
    opacity: 0
}

.btn-file {
    padding-top: 1px
}

.mdb-autocomplete {
    margin-bottom: 1px
}

.mdb-autocomplete-clear {
    visibility: hidden;
    position: absolute;
    z-index: 2;
    right: 0;
    top: .85rem;
    background: 0 0;
    border: none
}

.mdb-autocomplete-clear svg {
    fill: #a6a6a6
}

.mdb-autocomplete-wrap {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    z-index: 100;
    max-height: 210px;
    overflow-y: auto;
    padding-left: 0;
    list-style-type: none
}

.mdb-autocomplete-wrap li {
    cursor: pointer;
    padding: 12px 15px;
    font-size: .875rem
}

.mdb-autocomplete-wrap li:hover {
    background: #eee
}

.btn-outline-cbf {
    border: 2px solid #34a599 !important;
    background-color: transparent;
    color: #34a599 !important;
    padding: 6px;
    border-radius: 3px
}

.btn-outline-light {
    border: 2px solid #cacaca !important;
    background-color: transparent;
    color: grey !important;
    padding: 6px;
    border-radius: 3px
}

.btn-outline {
    background-color: transparent;
    color: grey !important;
    padding: 6px;
    border-radius: 3px
}

.btn-outline-no-color {
    border: 2px solid;
    background-color: transparent;
    color: grey !important;
    padding: 6px;
    border-radius: 3px
}

.btn-sve {
    background-color: #50b355;
    color: #fff !important;
    border-color: #b7d6b7 !important
}

.btn-no-box-shadow {
    box-shadow: none !important
}

.btn-box {
    width: 75px;
    height: 55px;
    margin-right: 10px;
    display: flex;
    flex-direction: column
}

.btn-color-orange {
    padding: 6px;
    border-radius: 3px;
    background-color: #ff941a !important;
    border: 2px solid #ff941a !important;
    color: #fff !important;
    font-weight: 700
}

.btn-color-red {
    padding: 6px;
    border-radius: 3px;
    background-color: #e7717d !important;
    border: 2px solid #e7717d !important;
    color: #fff !important;
    font-weight: 700
}

.btn-color-dark-blue {
    padding: 6px;
    color: #fff !important;
    border-radius: 3px;
    background-color: #4285f4 !important;
    border: 2px solid #4285f4 !important;
    font-weight: 700
}

.btn-color-blue {
    padding: 6px;
    border-radius: 3px;
    background-color: #3fa5ca !important;
    border: 2px solid #3fa5ca !important;
    color: #fff !important;
    font-weight: 700
}

.btn-color-green {
    padding: 6px;
    border-radius: 3px;
    background-color: #afd275 !important;
    border: 2px solid #afd275 !important;
    color: #fff !important;
    font-weight: 700
}

.btn-color-dark-green {
    padding: 6px;
    border-radius: 3px;
    background-color: #559e83 !important;
    border: 2px solid #559e83 !important;
    color: #fff !important;
    font-weight: 700
}

.btn-color-yellow {
    padding: 6px;
    border-radius: 3px;
    background-color: #ffeb85 !important;
    border: 2px solid #ffeb85 !important;
    color: #000 !important;
    font-weight: 700
}

.btn-color-light-brown {
    padding: 6px;
    border-radius: 3px;
    background-color: #c2b9b0 !important;
    border: 2px solid #c2b9b0 !important;
    color: #fff !important;
    font-weight: 700
}

.btn-color-brown {
    padding: 6px;
    border-radius: 3px;
    background-color: #7e685a !important;
    border: 2px solid #7e685a !important;
    color: #fff !important;
    font-weight: 700
}

.btn-color-grey {
    padding: 6px;
    border-radius: 3px;
    background-color: #c2cad0 !important;
    border: 2px solid #c2cad0 !important;
    color: #fff !important;
    font-weight: 700
}


/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}


/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: 0;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(../img/lightbox/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../img/lightbox/default-skin.svg)
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: 0 0
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    transform: translateY(6px);
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(../img/lightbox/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-140deg)
    }
    100% {
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

.mdb-lightbox figure {
    margin: 0;
    float: left
}

.mdb-lightbox figure .img-fluid {
    display: inline
}

.mdb-lightbox figure img {
    cursor: zoom-in;
    transition: opacity .4s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.mdb-lightbox figure img:hover {
    opacity: .8
}

.mdb-lightbox.no-margin [class*=col-] {
    padding: 0
}

.mdb-lightbox [class*=col-] {
    padding: .5rem
}


/*!
 * TOAST
 *
 */

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8
}

#toast-container>:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.switch,
.switch * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.switch label {
    cursor: pointer
}

.switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #dccfe2
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #a6c;
    left: 24px
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(170, 102, 204, .1)
}

.switch label input[type=checkbox]:not(:disabled)~.lever:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4), 0 0 0 15px rgba(0, 0, 0, .08)
}

.switch label input[type=checkbox]:disabled+.lever {
    cursor: default
}

.switch label input[type=checkbox]:disabled+.lever:after,
.switch label input[type=checkbox]:disabled:checked+.lever:after {
    background-color: #bdbdbd
}

.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 40px;
    height: 15px;
    background-color: #818181;
    border-radius: 15px;
    margin-right: 10px;
    transition: background .3s ease;
    vertical-align: middle;
    margin: 0 16px
}

.switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-color: #f1f1f1;
    border-radius: 21px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
    left: -5px;
    top: -3px;
    transition: left .3s ease, background .3s ease, box-shadow .1s ease
}

.frn-flex-row {
    display: flex;
    width: 100%;
    padding: 0 0 15px;
    flex-wrap: wrap
}

.frn-flex-row input[type=email].frn-override,
.frn-flex-row input[type=number].frn-override,
.frn-flex-row input[type=password].frn-override,
.frn-flex-row input[type=search].frn-override,
.frn-flex-row input[type=text].frn-override {
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px)
}

.frn-flex-row.no-wrap {
    flex-wrap: unset !important
}

.frn-flex-row.column {
    flex-direction: column
}

@media (max-width:767px) {
    .frn-flex-row.sm-collapse-to-col {
        flex-direction: column;
        padding: 0 !important
    }
    .frn-flex-row.sm-collapse-to-col .cell,
    .frn-flex-row.sm-collapse-to-col .cell-group {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .frn-flex-row.sm-collapse-to-col .cell-group .cell {
        margin-top: unset;
        margin-bottom: unset
    }
}

.frn-flex-row.slim {
    padding-bottom: 8px
}

.frn-flex-row.super-slim {
    padding-bottom: 4px
}

.frn-flex-row.flat-bed-pad {
    padding-bottom: 0
}

.frn-flex-row .pad-top-ten,
.frn-flex-row.pad-top-ten {
    padding-top: 10px
}

.frn-flex-row .pad-top-fifteen,
.frn-flex-row.pad-top-fifteen {
    padding-top: 15px
}

.frn-flex-row .pad-top-twenty,
.frn-flex-row.pad-top-twenty {
    padding-top: 20px
}

.frn-flex-row .pad-bed-ten,
.frn-flex-row.pad-bed-ten {
    padding-bottom: 10px
}

.frn-flex-row .pad-bed-fifteen,
.frn-flex-row.pad-bed-fifteen {
    padding-bottom: 15px
}

.frn-flex-row .pad-bed-twenty,
.frn-flex-row.pad-bed-twenty {
    padding-bottom: 20px
}

.frn-flex-row .center {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

.frn-flex-row.center {
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.frn-flex-row .cell.label {
    align-items: center;
    font-weight: 700;
    display: flex
}

.frn-flex-row .cell.gutter-pad {
    padding-left: 10px;
    padding-right: 10px
}

.frn-flex-row .cell.buffer {
    padding-right: 15px
}

@media (max-width:991px) {
    .frn-flex-row .cell.buffer {
        padding-right: 5px
    }
}

.frn-flex-row .cell.buffer-slim {
    padding-right: 5px
}

.frn-flex-row .cell.buffer-col {
    padding-right: 45px
}

@media (max-width:991px) {
    .frn-flex-row .cell.buffer-col {
        padding-right: 15px
    }
}

.frn-flex-row .cell.left {
    text-align: left
}

.frn-flex-row .cell.right {
    text-align: right
}

.frn-flex-row .cell.auto-center {
    margin: auto
}

.frn-flex-row .cell.divide select {
    min-width: 90%
}

@media (max-width:767px) {
    .frn-flex-row .cell.divide {
        width: 100% !important
    }
}

.frn-flex-row .cell.form-group,
.frn-flex-row .cell.md-form {
    padding: unset;
    margin: unset
}

.frn-flex-row .cell.flex-cell {
    display: flex
}

@media (max-width:767px) {
    .frn-flex-row .cell .center-small,
    .frn-flex-row .cell.center-small {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.frn-flex-row .cell-group {
    display: flex;
    padding: 0
}

.frn-flex-row .cell-group.column {
    flex-direction: column
}

.frn-flex-row .cell-group.buffer {
    padding-right: 15px !important
}

@media (max-width:991px) {
    .frn-flex-row .cell-group.buffer {
        padding-right: 5px !important
    }
}

.frn-flex-row .cell-group.buffer-slim {
    padding-right: 5px !important
}

@media (max-width:767px) {
    .frn-flex-row .cell-group.center-small {
        margin-right: auto !important
    }
    .frn-flex-row .cell-group .collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .cell-group[class*=cell-box-] {
    border: solid 1px
}

.frn-flex-row .cell-group .last {
    margin-left: auto;
    padding-right: 0
}

.frn-flex-row .cell-group .last.no-margin {
    margin-left: unset
}

.frn-flex-row .last {
    margin-left: auto;
    padding-right: 0
}

.frn-flex-row .last.no-margin {
    margin-left: unset
}

@media (max-width:767px) {
    .frn-flex-row .last-when-small {
        margin-left: auto;
        padding-right: 0
    }
    .frn-flex-row .last-when-small.no-margin {
        margin-left: unset
    }
}

@media (max-width:767px) {
    .frn-flex-row.sm-collapse-to-col .last {
        margin-left: unset
    }
}

.frn-flex-row .nlbr {
    white-space: nowrap
}

.frn-flex-row .expand {
    flex-grow: 1
}

.frn-flex-row .expand-when-small {
    flex-grow: unset
}

@media (max-width:767px) {
    .frn-flex-row .expand-when-small {
        flex-grow: 1
    }
}

.frn-flex-row .fade-text {
    text-align: center;
    color: #aaa
}

.frn-flex-row .container {
    width: 100%
}

.frn-flex-row .col-md-6 {
    padding: 0
}

.frn-flex-row .sink {
    margin-top: auto
}

.frn-flex-row .drop-ten {
    margin-bottom: -10px
}

.frn-flex-row .drop-twenty {
    margin-bottom: -20px
}

.frn-flex-row .drop-thirty {
    margin-bottom: -30px
}

.frn-flex-row .drop-forty {
    margin-bottom: -40px
}

.frn-flex-row .drop-forty {
    margin-bottom: -50px
}

.frn-flex-row .full-stretch {
    width: 100%;
    min-width: unset !important
}

@media (max-width:767px) {
    .frn-flex-row .full-stretch.collapse-small {
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-ninety-per {
    width: 90%
}

@media (max-width:767px) {
    .frn-flex-row .divide-ninety-per.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-eighty-per {
    width: 80%
}

@media (max-width:767px) {
    .frn-flex-row .divide-eighty-per.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-seventy-per {
    width: 70%
}

@media (max-width:767px) {
    .frn-flex-row .divide-seventy-per.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-two-thirds {
    width: 66.66%
}

@media (max-width:767px) {
    .frn-flex-row .divide-two-thirds.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-sixty-per {
    width: 60%
}

@media (max-width:767px) {
    .frn-flex-row .divide-sixty-per.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-fifty-per,
.frn-flex-row .divide-two {
    width: 50%
}

@media (max-width:767px) {
    .frn-flex-row .divide-fifty-per.collapse-small,
    .frn-flex-row .divide-two.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-forty-per {
    width: 40%
}

@media (max-width:767px) {
    .frn-flex-row .divide-forty-per.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-three {
    width: 33.33%
}

@media (max-width:767px) {
    .frn-flex-row .divide-three.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-thirty-per {
    width: 30%
}

@media (max-width:767px) {
    .frn-flex-row .divide-thirty-per.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-four {
    width: 25%
}

@media (max-width:767px) {
    .frn-flex-row .divide-four.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-five,
.frn-flex-row .divide-twenty-per {
    width: 20%
}

@media (max-width:767px) {
    .frn-flex-row .divide-five.collapse-small,
    .frn-flex-row .divide-twenty-per.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-six {
    width: 16.666667%
}

@media (max-width:767px) {
    .frn-flex-row .divide-six.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-seven {
    width: 14.285714%
}

@media (max-width:767px) {
    .frn-flex-row .divide-seven.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-eight {
    width: 12.5%
}

@media (max-width:767px) {
    .frn-flex-row .divide-eight.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-nine {
    width: 11.11111111%
}

@media (max-width:767px) {
    .frn-flex-row .divide-nine.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-ten,
.frn-flex-row .divide-ten-per {
    width: 10%
}

@media (max-width:767px) {
    .frn-flex-row .divide-ten-per.collapse-small,
    .frn-flex-row .divide-ten.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

.frn-flex-row .divide-five-per,
.frn-flex-row .divide-twenty {
    width: 5%
}

@media (max-width:767px) {
    .frn-flex-row .divide-five-per.collapse-small,
    .frn-flex-row .divide-twenty.collapse-small {
        width: 100% !important;
        padding-bottom: 15px
    }
}

@media (max-width:767px) {
    .frn-flex-row.sm-collapse-to-col .divide-eighty-per,
    .frn-flex-row.sm-collapse-to-col .divide-fifty-per,
    .frn-flex-row.sm-collapse-to-col .divide-five,
    .frn-flex-row.sm-collapse-to-col .divide-forty-per,
    .frn-flex-row.sm-collapse-to-col .divide-four,
    .frn-flex-row.sm-collapse-to-col .divide-ninety-per,
    .frn-flex-row.sm-collapse-to-col .divide-seven,
    .frn-flex-row.sm-collapse-to-col .divide-seventy-per,
    .frn-flex-row.sm-collapse-to-col .divide-six,
    .frn-flex-row.sm-collapse-to-col .divide-sixty-per,
    .frn-flex-row.sm-collapse-to-col .divide-ten-per,
    .frn-flex-row.sm-collapse-to-col .divide-thirty-per,
    .frn-flex-row.sm-collapse-to-col .divide-three,
    .frn-flex-row.sm-collapse-to-col .divide-twenty-per,
    .frn-flex-row.sm-collapse-to-col .divide-two,
    .frn-flex-row.sm-collapse-to-col .divide-two-thirds {
        width: 100% !important
    }
}

.frn-flex-row .cell-group.cell-left,
.frn-flex-row .cell.cell-left {
    text-align: left
}

.frn-flex-row .cell-group.cell-center,
.frn-flex-row .cell.cell-center {
    text-align: center
}

.frn-flex-row .cell-group.cell-right,
.frn-flex-row .cell.cell-right {
    text-align: right
}

.locked-in-input {
    border: solid 1px #ddd;
    padding: 15px !important;
    background-color: #ececec
}

.grey-border-box {
    border: solid 1px #cecece;
    border-top: 0;
    border-right: 0
}

.grey-border-box .frn-flex-row {
    padding: unset
}

.grey-border-box .grey-border-row .grey-border-cell {
    padding: 5px;
    border: solid 1px #cecece;
    border-bottom: 0;
    border-left: 0
}

.middle {
    align-items: center;
    justify-content: center
}

.frn-flex-middle {
    display: flex;
    align-items: center
}

.frn-flex-center {
    display: flex;
    justify-content: center
}

.frn-flex-column {
    flex-direction: column
}

html[dir=rtl] .frn-flex-row .cell {
    padding-right: unset
}

html[dir=rtl] .frn-flex-row .cell.buffer {
    padding-left: 15px
}

@media (max-width:991px) {
    html[dir=rtl] .frn-flex-row .cell.buffer {
        padding-left: 5px
    }
}

html[dir=rtl] .frn-flex-row .cell.buffer-slim {
    padding-left: 5px
}

html[dir=rtl] .frn-flex-row .cell.buffer-col {
    padding-left: 45px
}

@media (max-width:991px) {
    html[dir=rtl] .frn-flex-row .cell.buffer-col {
        padding-left: 15px
    }
}

html[dir=rtl] .frn-flex-row .cell.left {
    text-align: right
}

html[dir=rtl] .frn-flex-row .last {
    margin-right: auto;
    margin-left: unset;
    padding-right: unset;
    padding-left: 0
}

html[dir=rtl] .frn-flex-row .last.no-margin {
    margin-right: unset
}

#nfa-form {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

#nfa-form select.frn-override.form-control {
    margin-bottom: unset !important
}

.error-output {
    padding: 7px;
    font-size: 13px;
    color: #fa3333;
    font-weight: 700;
    background-color: #fde0e0;
    margin-top: 7px
}

.success-output {
    padding: 7px;
    color: #006021;
    font-weight: 700;
    background-color: #d2fed0;
    margin-top: 7px
}

.alert p {
    margin-bottom: 0;
    padding: 5px 0;
    text-align: center
}

.alert {
    border: none !important;
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .18);
    margin-bottom: 25px !important
}

.has-danger .form-control {
    border-color: #d9534f !important
}

.frn-override-danger {
    border-color: #d9534f !important
}

body .cbf-form-control {
    padding: 9px 11px !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #263957 !important;
    height: 40px !important
}

@media (max-width:767px) {
    body .cbf-form-control {
        font-size: 16px !important
    }
}

body select.frn-override.form-control {
    margin-bottom: 1rem
}

body select:active,
body select:focus {
    border-color: #5ca0ff !important
}

body input[type=date]:focus:not([readonly]),
body input[type=datetime-local]:focus:not([readonly]),
body input[type=email]:focus:not([readonly]),
body input[type=number]:focus:not([readonly]),
body input[type=password]:focus:not([readonly]),
body input[type=search-md]:focus:not([readonly]),
body input[type=search]:focus:not([readonly]),
body input[type=tel]:focus:not([readonly]),
body input[type=text]:focus:not([readonly]),
body input[type=time]:focus:not([readonly]),
body input[type=url]:focus:not([readonly]),
body textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4285f4;
    box-shadow: none !important
}

body textarea:focus:not([readonly]) {
    border: 1px solid #4285f4
}

body input[type=button],
body input[type=email],
body input[type=password],
body input[type=search],
body input[type=text],
body select {
    font-size: 13px
}

body table td {
    font-size: 13px !important
}

body .btn {
    font-size: 13px !important
}

body .search-div {
    display: flex;
    position: relative;
    align-items: center;
    background: #fff;
    border-radius: 3px;
    padding-left: 6px
}

body .search-div input[type=search] {
    border: unset !important;
    border-radius: 3px !important
}

@media (max-width:767px) {
    body .font-13 {
        font-size: 16px !important
    }
    body .headline-font {
        font-size: 36px
    }
    body input[type=text] {
        font-size: 16px
    }
    body input[type=password] {
        font-size: 16px
    }
    body input[type=email] {
        font-size: 16px
    }
    body input[type=search] {
        font-size: 16px
    }
    body select {
        font-size: 16px
    }
    body textarea {
        font-size: 16px !important
    }
    body input[type=button] {
        font-size: 16px
    }
    body table td {
        font-size: 16px !important
    }
    body .btn {
        font-size: 16px !important
    }
}

textarea.frn-override {
    width: 100%;
    padding: 8px 5px 7px 9px;
    font-family: Open Sans;
    background-color: #fff;
    border-bottom-width: unset;
    border-bottom-style: unset;
    border-bottom-color: unset;
    border-bottom: unset;
    border-radius: 2px;
    border: solid 1px #ccc;
    outline: 1px;
    height: unset;
    font-size: 14px
}

input[type=email].frn-override,
input[type=number].frn-override,
input[type=password].frn-override,
input[type=search].frn-override,
input[type=text].frn-override {
    width: 100%;
    padding: 8px 5px 7px 9px;
    font-family: Open Sans;
    background-color: #fff;
    border-bottom-width: unset;
    border-bottom-style: unset;
    border-bottom-color: unset;
    border-bottom: unset;
    border-radius: 2px;
    border: solid 1px #ccc;
    outline: 1px;
    height: unset
}

select.frn-override {
    color: #676767;
    height: 37px;
    margin: 0;
    border: 0;
    -moz-appearance: none;
    appearance: none;
    background: url(/static/images/dd-chevron.png) right no-repeat;
    background-color: #fff;
    padding-left: 10px;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    border-radius: 2px
}

select.frn-override.stretch {
    width: 100%
}

input[type=button].frn-override {
    background-color: #49b9ad;
    border: none;
    border-radius: 2px;
    color: #fff;
    height: 35px;
    padding: 0 28px
}

input[type=button].frn-override:hover {
    cursor: pointer
}

.btn.frn-override {
    border: none;
    border-radius: 2px;
    color: #fff;
    padding: 0 28px;
    box-shadow: none !important;
    margin: unset;
    text-transform: none;
    white-space: normal !important;
    line-height: 35px
}

.btn-facebook.frn-override {
    height: 35px;
    background-color: #3b5998;
    background-image: url(/static/images/f.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 23px
}

.btn-google.frn-override {
    height: 35px;
    background-color: transparent;
    background-image: url(/static/images/google2.0.0.png);
    background-repeat: no-repeat;
    background-position: center;
    border: solid 1px #eee !important;
    background-size: auto 23px
}

.btn-primary.frn-override {
    background-color: #49b9ad !important;
    border: solid 2px #49b9ad !important
}

.btn-outline.frn-override {
    background-color: transparent !important;
    border: solid 2px #49b9ad !important;
    color: #49b9ad !important
}

.btn-action.frn-override {
    background-color: #ffeb85 !important;
    color: #000 !important
}

.frn-override.btn-primary:active,
.frn-override.btn-primary:focus,
.frn-override.btn-primary:hover {
    background-color: #49b9ad !important
}

.frn-override.btn-action:active,
.frn-override.btn-action:focus,
.frn-override.btn-action:hover {
    background-color: #ffeb85 !important
}

.frn-override.sign-on-button {
    width: 125px
}

.frn-slim-form input[type=email].frn-override,
.frn-slim-form input[type=number].frn-override,
.frn-slim-form input[type=password].frn-override,
.frn-slim-form input[type=text].frn-override {
    width: -webkit-calc(235px - 16px);
    width: -moz-calc(235px - 16px);
    width: calc(235px - 16px)
}

#loginModal .frn-slim-form input[type=email].frn-override,
#loginModal .frn-slim-form input[type=number].frn-override,
#loginModal .frn-slim-form input[type=password].frn-override,
#loginModal .frn-slim-form input[type=text].frn-override {
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px)
}

.frn-slim-form select.frn-override {
    width: 235px
}

.frn-slim-form .frn-form {
    width: 100%
}

.frn-slim-form a {
    color: #444
}

@media (max-width:767px) {
    body {
        font-size: 16px !important
    }
    input[type=text]body {
        font-size: 16px !important
    }
    input[type=button]body {
        font-size: 16px !important
    }
    input[type=password]body {
        font-size: 16px !important
    }
    input[type=email]body {
        font-size: 16px !important
    }
    input[type=search]body {
        font-size: 16px !important
    }
    body select {
        font-size: 16px !important
    }
    select.frn-override {
        height: 41px !important
    }
    .container--md {
        padding: 0 10px
    }
}

html[dir=rtl] select.frn-override {
    background: url(/static/images/dd-chevron.png) left no-repeat;
    background-color: #fff;
    padding-right: 10px
}

.faux-multi-select.frn-override {
    position: relative;
    display: flex;
    align-items: center;
    height: 34px;
    flex-grow: 1;
    min-width: 138px;
    margin: 0;
    padding: 0 0 0 4px;
    font-size: 12px !important;
    color: #000;
    background: url(/static/images/dd-chevron-drker.png) right no-repeat #f9f9f9;
    background-color: #f9f9f9;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    cursor: pointer
}

.faux-multi-select.frn-override.selecting {
    background: url(/static/images/dd-chevron-open-drker.png) right no-repeat #f9f9f9 !important
}

@media (max-width:767px) {
    .faux-multi-select.frn-override {
        height: 41px !important
    }
}

.faux-multi-select.frn-override.show {
    background: url(/static/images/up-chevron.png) right no-repeat #fff
}

.multi-choice-select {
    width: 100%;
    opacity: 1;
    background-color: #fff
}

ul.multi-choice-select {
    padding: 0
}

.multi-selected-value {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none !important;
    outline: 0;
    height: 3rem;
    width: 100%;
    padding: 0;
    font-size: 12px !important;
    display: block;
    padding-left: 4px
}

@media (max-width:767px) {
    .multi-selected-value {
        font-size: 16px !important
    }
}

.multi-choice-select li:hover {
    background-color: #eee;
    cursor: pointer
}

.multi-choice-select>li {
    list-style: none;
    padding: 5px
}

.multi-choice-select>li.active {
    background-color: #eee
}

.faux-multi-select-wrap {
    display: flex;
    flex-direction: column;
    width: 100%
}

.modal-dialog .selected-options {
    width: 100%;
    max-width: unset !important
}

.selected-options>div {
    color: #aaa;
    min-height: 34px;
    font-size: 12px;
    border-bottom: solid 1px #d6d6d6;
    padding-top: 5px;
    display: flex;
    align-items: center;
    padding-left: 4px
}

.selected-options>div .close {
    margin-left: auto;
    margin-right: 8px
}

html[dir=rtl] .faux-multi-select.frn-override {
    background: url(/static/images/dd-chevron-drker.png) left no-repeat #f9f9f9;
    padding: 0 4px 0 0
}

html[dir=rtl] .faux-multi-select.frn-override.selecting {
    background: url(/static/images/dd-chevron-open-drker.png) left no-repeat #f9f9f9 !important
}

html[dir=rtl] .selected-options>div {
    flex-direction: row-reverse
}

html[dir=rtl] .selected-options>div .close {
    margin-right: unset
}

html[dir=rtl] .multi-selected-value {
    padding-right: 4px
}

html[dir=rtl] #broker-search [type=checkbox]:checked+label::before {
    width: 9px;
    height: 15px;
    margin-top: 8px
}

html[dir=rtl] #broker-search [type=checkbox]+label::before {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-top: 6px
}

html[dir=rtl] [type=checkbox]:checked+label::before {
    left: unset;
    right: 10px
}

html[dir=rtl] [type=checkbox]+label::before {
    left: unset;
    right: 0
}

html[dir=rtl] ul.multi-choice-select {
    text-align: right
}

html[dir=rtl] #loginModal input[type=checkbox]+label,
html[dir=rtl] #loginModal input[type=radio]+label {
    padding-left: 0;
    padding-right: 25px
}

html[dir=rtl] input[type=checkbox]+label,
html[dir=rtl] input[type=radio]+label {
    padding-left: 0;
    padding-right: 35px
}

#loginModal input[type=checkbox]+label,
#loginModal input[type=radio]+label {
    padding-left: 25px
}

body.body {
    font-family: Open Sans, Montserrat, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑" !important;
    font-weight: 400 !important;
    color: #333 !important;
    background-color: #fff
}

body .main-content-pane {
    background-color: #f5f5f5
}

.no-margin-top {
    margin-top: 0 !important
}

.classic-link a {
    color: #0275d8 !important
}

.classic-link a:hover {
    text-decoration: none !important;
    color: #0056b3 !important
}

.fa-icon {
    fill: currentColor
}

.fa-icon.fa-icon-22 {
    width: 22px;
    height: 22px
}

.fa-icon.fa-icon-30 {
    width: 30px;
    height: 30px
}

.fa-icon.fa-icon-16 {
    width: 16px;
    height: 16px
}

.grecaptcha-badge {
    opacity: 0
}

html[dir=rtl] body {
    text-align: right
}

html[dir=rtl] .modal-header .close {
    margin: -1rem auto -1rem -1rem
}

.always-ltr {
    direction: ltr
}

.close.headerless-modal {
    margin-top: -75px
}

.form-control-feedback {
    margin-top: .25rem;
    display: none
}

.container.content-pane {
    margin-bottom: 15px
}

@media (min-width:768px) {
    .show-when-small {
        display: none !important
    }
}

@media (max-width:767px) {
    .hide-when-small {
        display: none !important
    }
}

.hover-pointer:hover {
    cursor: pointer
}

header {
   background-color: #232448;
}

.container {
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    position: relative
}

.page-content {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (max-width:1024px) {
    .container {
        width: 100%;
        padding: 0 15px !important
    }
    .page-content {
        padding-top: 25px !important;
        padding-bottom: 25px !important
    }
}

@media (max-width:767px) {
    .container .container {
        padding: 0
    }
}

body .font-13 {
    font-size: 13px
}

body .font-13 [type=checkbox]+label,
body .font-13 [type=radio]+label {
    font-size: 13px !important;
    padding-left: 25px !important
}

body .font-18 {
    font-size: 18px
}

body .font-24 {
    font-size: 24px
}

body .headline-font {
    font-size: 44px;
    font-family: Open Sans;
    font-weight: 300
}

body .headline-font-sub {
    font-size: 36px;
    font-family: Open Sans;
    font-weight: 300
}

.hr {
    width: 100%;
    border-top: solid 1px #ebebeb;
    margin-bottom: 5px;
    margin-top: 5px
}

table td {
    font-weight: 400 !important
}

.container--md {
    width: 950px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media (max-width:1024px) {
    .container--md {
        width: 100%;
        padding: 0 21px
    }
}

.center-align {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.standard-radius {
    border-radius: 2px
}

.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-end {
    align-self: flex-end
}

.frn-flex-center {
    align-items: center;
    justify-content: center
}

.frn-outline-cmn {
    background-color: transparent;
    color: #34a599 !important;
    border-color: #34a599 !important;
    border: solid 2px !important;
    padding: 6px 16px
}

.frn-outline-danger {
    background-color: transparent;
    color: #ff3547 !important;
    border: solid 2px #ff727f !important;
    padding: 6px 16px
}

@media (max-width:767px) {
    .sm-collapse-to-col {
        flex-direction: column
    }
}

.hide {
    display: none !important
}

.modal-dialog .modal-body {
    padding-bottom: 20px
}

.signup-content {
    padding-top: 16px
}

.messageModal .modal-header {
    border-bottom: none
}

.messageModal .message-body {
    font-size: 13px;
    text-align: center;
    padding: 22px;
    padding-top: 15px;
    padding-bottom: 40px
}

.messageModal .message-title {
    margin-bottom: 0;
    line-height: 1.5;
    width: 100%;
    text-align: center
}

.left-align {
    text-align: left
}

.right-align {
    text-align: right
}

.frn-form label {
    font-size: 13px;
    color: #636c72;
    padding-left: 5px;
    margin-top: 8px;
    margin-bottom: 0
}

.frn-form-row,
.frn-form-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    text-align: center
}

.frn-form-text span {
    text-align: left;
    display: flex;
    margin: auto
}

.modal-enlarged {
    min-width: 525px
}

@media (max-width:767px) {
    .modal-enlarged {
        min-width: unset
    }
}

.frn-override-no-pad-bottom {
    padding-bottom: 0
}

.frn-override-no-border {
    border: 0
}

.frn-override-no-pad-top {
    padding-top: 0
}

.frn-override-no-pad {
    padding: 0
}

.frn-override-no-marg-bottom {
    margin-bottom: 0
}

.frn-override-no-marg-top {
    margin-top: 0
}

.frn-override-no-marg {
    margin: 0
}

.frn-form-heading {
    margin-top: 1rem
}

.pad-top-10 {
    padding-top: 10px
}

.pad-top-15 {
    padding-top: 15px
}

.pad-top-20 {
    padding-top: 20px
}

.width-60 {
    width: 60px !important
}

.width-80 {
    width: 80px !important
}

.width-90 {
    width: 90px !important
}

.width-100 {
    width: 100px !important
}

.min-60 {
    min-width: 60px !important
}

.min-80 {
    min-width: 80px !important
}

.min-90 {
    min-width: 90px !important
}

.min-100 {
    min-width: 100px !important
}

.font-12 {
    font-size: 12px !important
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px !important
}

.font-24 {
    font-size: 24px !important
}

.modal-md {
    width: 400px
}

.pad-left-11 {
    padding-left: 11px
}

.bold {
    font-weight: 700
}

a.underlined-link {
    text-decoration: underline
}

.underline {
    text-decoration: underline
}

.hide-rtl {
    display: unset
}

.hide-ltr {
    display: none
}

.table-striped-0 {
    background-color: rgba(0, 0, 0, .05)
}

.blend-link a {
    color: unset
}

.dark-grey-text {
    color: #606060
}

.dark-grey-text a {
    color: #606060
}

.width-fifty {
    width: 50%;
    margin-bottom: 2px
}

.Registration .or {
    background: #eee;
    color: #676767;
    border: 1px solid #e3e4e8;
    border-radius: 24px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 40%;
    vertical-align: middle;
    margin: auto;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    white-space: nowrap
}

.Registration .strike-or {
    border-top: solid 1px #eee;
    top: 16px;
    position: absolute;
    width: 100%;
    z-index: -1
}

.Registration .or-wrap {
    position: relative;
    z-index: 10;
    margin-top: 17px
}

.frn-form input[type=email].frn-override,
.frn-form input[type=number].frn-override,
.frn-form input[type=password].frn-override,
.frn-form input[type=search].frn-override,
.frn-form input[type=text].frn-override {
    width: -webkit-calc(235px - 16px);
    width: -moz-calc(235px - 16px);
    width: calc(235px - 16px)
}

.frn-form select {
    width: 235px !important
}

.frn-form .frn-form {
    width: 100%
}

.frn-form a {
    color: #444
}

.frn-form .form-control {
    margin: 0
}

html[dir=rtl] .hide-rtl {
    display: none
}

html[dir=rtl] .hide-ltr {
    display: unset
}

html[dir=rtl] .left-align {
    text-align: right
}

html[dir=rtl] .right-align {
    text-align: left
}

html[dir=rtl] .frn-form-text span {
    text-align: right
}

.slightly-faded-text {
    color: #343434
}

.slightly-faded-text a {
    color: #343434
}

.faded {
    opacity: .3
}

.underlined_link a {
    text-decoration: underline
}

#faqcontainer {
    border-bottom: solid 1px #bbb
}

#faqcontainer .panel-heading h2 {
    border: solid 1px #bbb;
    border-width: 1px 1px 0 1px;
    margin-bottom: 0;
    font-size: 1.1em;
    padding: 12px
}

#faqcontainer a {
    color: #444
}

#faqcontainer .panel-body {
    border: solid 1px #bbb;
    border-width: 1px 1px 0 1px;
    font-size: 1em;
    padding: 12px;
    padding-left: 40px
}

html:lang(bg) #loginModalFrame,
html:lang(cs) #loginModalFrame,
html:lang(ru) #loginModalFrame {
    min-width: 350px
}

.full-width .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
}

.padding-0-64 .container {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 64px;
    padding-right: 64px
}

.white-background .main-content-pane {
    background: #fff
}

.brand {
    font-weight: 300
}

.main-content-pane .waves-effect {
    opacity: 1;
    transition: opacity .4s
}

.main-content-pane .waves-effect:hover {
    opacity: .7;
    transition: opacity .4s
}

@media (max-width:767px) {
    .brand {
        font-size: 15px;
        line-height: 1;
        text-align: center
    }
    .small-break {
        display: block
    }
}

@media (min-width:768px) {
    .small-break {
        display: none !important
    }
    .brand {
        font-size: 18px
    }
}

@media (max-width:1199px) {
    #header-links {
        display: none
    }
    #side-nav-control {
        display: flex;
        align-items: center
    }
}

@media (min-width:1200px) {
    #header-links {
        display: flex;
        align-items: center
    }
    #header-links .waves-effect {
        display: initial
    }
    #side-nav-control {
        display: none
    }
    #side-nav-tools {
        display: none
    }
}

#side-nav-control.btn-primary {
    background-color: transparent
}

#side-nav-control.btn-primary:active,
#side-nav-control.btn-primary:focus,
#side-nav-control.btn-primary:hover {
    background-color: transparent !important
}

#side-nav-control.btn-primary:hover {
    box-shadow: none
}

#side-nav-control .mdi-36px.mdi-set,
#side-nav-control .mdi-36px.mdi::before {
    font-size: 34px !important
}

#side-nav-tools {
    color: #333 !important
}

#side-nav-tools.btn-primary {
    background-color: transparent;
    box-shadow: none !important
}

#side-nav-tools.btn-primary span {
    display: flex;
    align-items: center
}

#side-nav-tools.btn-primary:active,
#side-nav-tools.btn-primary:focus,
#side-nav-tools.btn-primary:hover {
    background-color: transparent !important
}

#side-nav-tools.btn-primary:hover {
    box-shadow: none
}

#side-nav-tools .mdi-36px.mdi-set,
#side-nav-tools .mdi-36px.mdi::before {
    font-size: 34px !important
}

.logo-strong {
    font-weight: 700
}

.top-panel {
    font-family: Montserrat, Open Sans, sans-serif;
    font-size: 11px;
    color: #676767;
    height: 43px;
    display: flex;
    align-items: center
}

.top-panel .icon.icon-log-out,
.top-panel .icon.icon-login {
    font-size: 15px;
    position: relative
}

.top-panel .mdi {
    font-size: 18px;
    position: relative
}

.top-panel .icon.icon-megaphone {
    font-size: 17px
}

.top-panel a {
    color: #55bd9b;
    text-decoration: underline
}

.top-panel .right-head a {
    text-decoration: none !important
}

@media (max-width:767px) {
    .top-panel .flex-left {
        display: none
    }
    .top-panel .flex-right {
        margin-right: 0;
        margin-left: auto
    }
}

.top-panel .flex-last {
    margin-left: 20px
}

div.signup-header {
    font-family: 'open sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    align-items: flex-end;
    color: #5c6a86;
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px rgba(38, 55, 87, .06)
}

div.signup-header .right {
    margin-left: auto
}

div.signup-header svg.back-up {
    margin-left: -6px
}

div.signup-header a {
    color: #0a1f41;
    font-weight: 700;
    text-decoration: underline
}

div.signup-header a:hover {
    text-decoration: none
}

@media (max-width:767px) {
    html[dir=rtl] .top-panel .flex-right {
        margin-right: 0;
        margin-left: auto
    }
}

#side-nav .header-link,
#tools-side-nav .header-link {
    display: block
}

#side-nav.side-nav,
#tools-side-nav.side-nav {
    width: 300px
}

#side-nav.side-nav a,
#tools-side-nav.side-nav a {
    padding-right: 0;
    padding-left: 20px !important
}

#side-nav .header-link-block,
#tools-side-nav .header-link-block {
    top: 0
}

#side-nav .header-link-active,
#side-nav .header-link-block,
#tools-side-nav .header-link-active,
#tools-side-nav .header-link-block {
    margin-right: 0;
    margin-left: 0;
    border-bottom: solid 1px #4c4c4c
}

#side-nav .header-link-active .active,
#side-nav .header-link-block .active,
#tools-side-nav .header-link-active .active,
#tools-side-nav .header-link-block .active {
    border-bottom: 0
}

#side-nav .header-link-active:hover,
#side-nav .header-link-block:hover,
#tools-side-nav .header-link-active:hover,
#tools-side-nav .header-link-block:hover {
    background-color: #2b3139
}

#tools-side-nav.side-nav a,
html[dir=rtl] #side-nav.side-nav a {
    padding-left: 0;
    padding-right: 20px !important
}

#lang-select {
    position: unset
}

#lang-select .dropdown-toggle::after {
    display: none
}

#lang-select .dropdown-menu {
    left: unset !important;
    right: 0;
    transform: none !important;
    top: 35px !important
}

#lang-select .language-cols {
    display: flex;
    flex-direction: row
}

@media (max-width:767px) {
    #lang-select .dropdown-menu {
        left: 0 !important;
        right: unset
    }
}

#lang-select a {
    text-decoration: none
}

#lang-select li a {
    display: block
}

#lang-select img {
    margin-top: 1px;
    height: 13px;
    width: 19.5px
}

#lang-select .dropdown-item:hover {
    background-color: #49b9ad
}

html[dir=rtl] #lang-select .dropdown-menu {
    left: 0 !important;
    right: unset
}

html[dir=rtl] #lang-select .dropdown-item {
    text-align: right
}

@media (max-width:767px) {
    html[dir=rtl] #lang-select .dropdown-menu {
        right: 0;
        left: unset !important
    }
}

.logo-wide {
    display: flex;
    flex-grow: 1;
    background-repeat: no-repeat
}

.logo-wide.FXV {
    background-image: url(../images/logo.png);
    height: 52px;
    background-size: auto 52px
}

.logo-wide.HFT {
    background-image: url(../images/transparent-logo.png);
    height: 52px;
    background-size: auto 52px
}

.logo-wide.RKFX {
    background-image: url(../images/logo.png);
    height: 44px;
    background-size: auto 44px
}

.logo-wide.CBF {
    background-image: url(../images/cbfx-official-white-on.png);
    height: 42px;
    background-size: auto 42px;
    margin-left: 0
}

.dark .logo-wide.CBF {
    background-image: url(../images/cbfx-official-neon-on.png)
}

.logo-wide.CBFUSA {
    background-image: url(../images/logo.png);
    height: 52px;
    background-size: auto 52px;
    max-width: 270px;
    display: flex;
    align-items: center
}

.logo-wide.CBFUSA span {
    height: 32px;
    margin-left: auto;
    display: inline-flex;
    background: #ec3f2a;
    padding: 4px 6px;
    color: #fff
}

@media (max-width:767px) {
    .logo-wide .icon {
        max-height: 44px
    }
}

.logo-wide .icon {
    max-height: 52px
}

html[dir=rtl] .logo-wide {
    background-repeat: no-repeat;
    background-position: right
}

@media (min-width:768px) {
    .logo-slim {
        display: none
    }
}

a.logo-link {
    display: flex;
    align-items: center;
    color: #fff;
    /*flex-grow: 1;*/
    height: 52px;
    align-content: center;
    width: 220px;
}

.logo .icon {
    fill: #fff;
    margin-right: 10px;
    width: 35px;
    height: 35px
}

html[dir=rtl] .logo .icon {
    margin-left: 10px;
    margin-right: 0
}

.menu-strip .btn {
    box-shadow: none;
    font-size: inherit;
    padding: 0
}

.flexbox-header {
    display: flex;
    align-items: center;
    height: 70px;
    color: #fff;
    font-family: Open Sans;
    font-size: 14px
}

.flex-left {
    margin-right: auto;
    display: flex;
    align-items: center
}

.flex-left.brand {
    display: inline;
    align-items: inherit
}

.flex-left .mdi {
    top: 0
}

html[dir=rtl] .flex-left {
    margin-right: 0;
    margin-left: auto
}

.flex-right {
    margin-left: auto;
    display: flex;
    align-items: center
}

html[dir=rtl] .flex-right {
    margin-right: auto;
    margin-left: 0
}


/* .flex-last {
    line-height: 0
} */

.flex-last a {
    text-decoration: none !important;
    display: flex;
    align-items: center
}

html[dir=rtl] .flex-last {
    margin-left: 0
}

.header-link-block {
    margin-right: 25px;
    position: relative;
    top: 4px
}

.search-button-row .header-link-block {
    margin-right: 5px
}

html[dir=rtl] .header-link-block {
    margin-left: 25px;
    margin-right: 0
}

#letter-box .header-link-block {
    margin-left: unset;
    margin-right: unset
}

.header-link-active {
    display: block;
    margin-right: 25px;
    padding-top: 3px
}

.header-link-active .active {
    padding-bottom: 5px;
    border-bottom: solid 1px currentColor
}

.FXV .header-link-active a.active {
    color: #ffe456
}

.FXV .header-link-block:after {
    color: #ffe456
}

.FXV .header-link-block a:hover {
    color: #ffe456
}

.FXV div.link.dropdown-list-item a:hover {
    color: #000 !important
}

html[dir=rtl] .header-link-active {
    margin-left: 25px;
    margin-right: 0
}

.header-link-block:after {
    display: block;
    content: '';
    width: auto;
    border-bottom: 1px solid currentColor;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    padding-bottom: 5px
}

.header-link-block:hover:after {
    transform: scaleX(1)
}

.search-button-row .header-link-block:after {
    border-bottom: unset;
    transform: unset;
    transition: unset
}

#side-nav .header-link-block:after,
#tools-side-nav .header-link-block:after {
    border-bottom: 0;
    transform: none;
    transition: none;
    padding-bottom: 0
}

#side-nav .header-link-block:hover:after,
#tools-side-nav .header-link-block:hover:after {
    transform: none
}

.header-link {
    display: inline-block
}

.header-link a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.header-link a:last-of-type {
    margin-right: 0
}

html[dir=rtl] .header-link a:last-of-type {
    margin-left: 0
}

.header-close-link {
    width: 100%;
    text-align: right;
    padding-right: 15px
}

.header-close-link a {
    color: #fff;
    text-decoration: none
}

.circle-link a {
    border: 2px solid rgba(255, 255, 255, .6);
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    color: #fff;
    transition: border .2s;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.circle-link a:visited {
    color: #fff
}

.circle-link a:hover {
    border-color: #fff
}

.oval-link .center-align {
    position: static;
    transform: none
}

.oval-link a {
    display: flex;
    position: relative;
    border: 2px solid rgba(255, 255, 255, .6);
    border-radius: 20px;
    text-align: center;
    min-width: 96px;
    min-height: 40px;
    font-weight: 400;
    color: #fff;
    padding-right: 14px;
    padding-left: 14px;
    transition: border .2s
}

.oval-link a:visited {
    color: #fff
}

.oval-link a:hover {
    border-color: #fff
}

#tools-side-nav {
    width: 335px !important
}

.promoheader {
    background: #ffd8ad;
    font-weight: 700;
    min-height: 43px
}

.promoheader .frn-flex-row {
    min-height: 43px;
    padding: 0 !important
}

.promoheader .frn-flex-row .cell {
    color: #000
}

.promoheader a {
    color: #000;
    text-decoration: underline;
    padding-left: 5px
}

.slogan-head {
    padding: 15px;
    background: #fafac2;
    font-size: 14px;
    font-weight: 700;
    border-bottom: solid 1px #f0c020;
    text-align: center;
    line-height: 160%
}

@media (min-width:1200px) {
    .min-width-1200 {
        min-width: 1150px
    }
}

.affiliate-dialog a {
    color: #000;
    text-decoration: underline
}

.header-links .dropdown-forced-col {
    margin-right: auto;
    margin-left: -13px;
    margin-top: 5px
}

.header-links a.top-level.waves-effect.flex {
    display: flex !important;
    padding: 7px;
    padding-right: 0;
    padding-top: 7px !important;
    padding-left: 14px !important
}

.header-links a.top-level.waves-effect.flex:hover {
    cursor: pointer;
    background-color: #e4e5ea;
    -webkit-transition: background-color .2s ease-out
}

.header-links a span.link-text {
    width: 218px;
    word-wrap: break-word;
    line-height: 160%;
    white-space: break-spaces;
    display: inline-flex
}

.header-links .content-wrap {
    height: 100px
}

.header-links .dropdown-selector svg {
    display: none
}

.header-links .dropdown-list-item a {
    padding-left: 16px;
    align-content: center;
    align-items: center
}

.header-links .dropdown-list-item a:hover {
    border-radius: 10px;
    cursor: pointer;
    background-color: #e4e5ea;
    -webkit-transition: background-color .2s ease-out
}

.header-links .dropdown-broker-menu-list ul,
.header-links .dropdown-crypto-menu-list ul {
    list-style-type: none;
    padding-left: 17px
}

html[dir=rtl] .header-links .dropdown-broker-menu-list ul,
html[dir=rtl] .header-links .dropdown-crypto-menu-list ul {
    padding-left: unset;
    padding-right: 17px
}

.header-links .dropdown-broker-menu-list ul li a,
.header-links .dropdown-crypto-menu-list ul li a {
    color: #000;
    display: flex;
    font-family: 'open sans';
    width: 256px;
    height: 31px;
    padding-left: 16px;
    border-radius: 10px;
    line-height: 31px
}

.header-links .dropdown-broker-menu-list ul li a:hover,
.header-links .dropdown-crypto-menu-list ul li a:hover {
    background: #e4e5ea;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-out
}

.header-links .dropdown-crypto-guide-menu-list,
.header-links .dropdown-guide-menu-list {
    margin-top: 16px;
    overflow-y: scroll;
    max-height: 421.41px;
    width: 290px;
    position: relative
}

.header-links .dropdown-crypto-guide-menu-list::-webkit-scrollbar,
.header-links .dropdown-guide-menu-list::-webkit-scrollbar {
    width: 7px
}

.header-links .dropdown-crypto-guide-menu-list::-webkit-scrollbar-track,
.header-links .dropdown-guide-menu-list::-webkit-scrollbar-track {
    box-shadow: 0;
    border-radius: 0;
    background: 0 0
}

.header-links .dropdown-crypto-guide-menu-list::-webkit-scrollbar-thumb,
.header-links .dropdown-guide-menu-list::-webkit-scrollbar-thumb {
    background: #95989d;
    border-radius: 10px
}

.header-links .dropdown-crypto-guide-menu-list::-webkit-scrollbar-thumb:hover,
.header-links .dropdown-guide-menu-list::-webkit-scrollbar-thumb:hover {
    background: #959866
}

.header-links .dropdown-crypto-guide-menu-list ul,
.header-links .dropdown-guide-menu-list ul {
    list-style-type: none;
    padding-left: 17px
}

.header-links .dropdown-crypto-guide-menu-list ul li a,
.header-links .dropdown-guide-menu-list ul li a {
    color: #000;
    display: flex;
    font-family: 'open sans';
    width: 256px;
    border-radius: 10px;
    line-height: 20px;
    padding: 6px 0 6px 16px;
    white-space: normal
}

html[dir=rtl] .header-links .dropdown-crypto-guide-menu-list ul li a,
html[dir=rtl] .header-links .dropdown-guide-menu-list ul li a {
    padding-left: unset;
    padding-right: 16px
}

.header-links .dropdown-crypto-guide-menu-list ul li a:hover,
.header-links .dropdown-guide-menu-list ul li a:hover {
    background: #e4e5ea;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-out
}

.header-links .sub-page-outer {
    background: #f4f5f7;
    position: absolute;
    width: 296px;
    left: 270px;
    z-index: 50;
    border-radius: 0 3px 3px 0;
    box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, .47)
}

.header-links .sub-page-outer.CBFUSA {
    height: unset !important
}

.header-links .link {
    display: flex;
    font-family: 'open sans';
    width: 256px;
    border-radius: 10px;
    line-height: 31px
}

.header-links .link a {
    padding-top: 0 !important;
    color: #000;
    width: 289px;
    display: flex;
    padding-top: 4px !important;
    padding-bottom: 2px
}

.header-links .link.has-sub-menu>a>.chevron {
    display: flex
}

.header-links .link .chevron {
    background: url(/static/images/CaretRight.png) no-repeat;
    display: none;
    height: 14px;
    width: 22px;
    position: relative;
    margin-left: auto;
    background-size: 16px 16px
}

.header-links .dropdown {
    position: relative;
    display: inline-block
}

.header-links .dropdown.dropdown-list-item.open a.top-level {
    border-radius: 10px;
    background: #e4e5ea
}

.header-links .dropdown-content {
    position: absolute;
    top: 11px;
    height: 80px;
    width: 75px;
    display: none
}

.header-links .dropdown-content.top-link-content {
    margin-left: -12px;
    width: calc(100% + 24px)
}

.header-links .sub-dropdown-content {
    display: none
}

.header-links .arrow-up {
    left: 19px;
    position: relative;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -17px
}

.header-links div.Rectangle438 {
    padding-top: 9px;
    padding-bottom: 16px;
    display: flex;
    font-family: 'open sans', sans-serif;
    position: absolute;
    width: 296px;
    z-index: 50;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .47);
    flex-direction: column;
    padding-left: 15px;
    left: -13px;
    top: 27px
}

.header-links div.Rectangle438.forced-cols {
    flex-direction: unset !important
}

.header-links #inner-dropdown-broker-menu-list,
.header-links #inner-dropdown-crypto-menu-list {
    margin-top: 16px;
    overflow-y: scroll;
    height: 421.41px;
    width: 290px;
    position: relative
}

.header-links #inner-dropdown-broker-menu-list.CBFUSA,
.header-links #inner-dropdown-crypto-menu-list.CBFUSA {
    height: unset !important
}

.header-links #inner-dropdown-broker-menu-list::-webkit-scrollbar,
.header-links #inner-dropdown-crypto-menu-list::-webkit-scrollbar {
    width: 7px
}

.header-links #inner-dropdown-broker-menu-list::-webkit-scrollbar-track,
.header-links #inner-dropdown-crypto-menu-list::-webkit-scrollbar-track {
    box-shadow: 0;
    border-radius: 0;
    background: 0 0
}

.header-links #inner-dropdown-broker-menu-list::-webkit-scrollbar-thumb,
.header-links #inner-dropdown-crypto-menu-list::-webkit-scrollbar-thumb {
    background: #95989d;
    border-radius: 10px
}

.header-links #inner-dropdown-broker-menu-list::-webkit-scrollbar-thumb:hover,
.header-links #inner-dropdown-crypto-menu-list::-webkit-scrollbar-thumb:hover {
    background: #959866
}

.header-links #avatar-dropdown div.Rectangle438 {
    top: 40px
}

html[dir=rtl] .header-links .dropdown-list-item a {
    padding-left: unset;
    padding-right: 16px
}

html[dir=rtl] .header-links .sub-page-outer {
    left: unset;
    right: 286px;
    border-radius: 3px 0 0 3px;
    box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, .47)
}

html[dir=rtl] .header-links .sub-page-outer.list-item-three {
    top: 0
}

html[dir=rtl] .header-links .sub-page-outer.list-item-five {
    top: 0
}

html[dir=rtl] .header-links .sub-page-outer .dropdown-broker-menu-list ul,
html[dir=rtl] .header-links .sub-page-outer .dropdown-crypto-menu-list ul {
    padding-left: unset;
    padding-right: 17px
}

html[dir=rtl] .header-links .sub-page-outer .dropdown-broker-menu-list ul li a,
html[dir=rtl] .header-links .sub-page-outer .dropdown-crypto-menu-list ul li a {
    padding-left: unset;
    padding-right: 16px
}

html[dir=rtl] .header-links .link {
    padding-left: unset;
    padding-right: 16px
}

html[dir=rtl] .header-links .link.has-sub-menu>a>.chevron {
    display: flex
}

html[dir=rtl] .header-links .link .chevron {
    background: url(/static/images/CaretLeft.png) no-repeat;
    margin-left: unset;
    margin-right: auto;
    background-size: 16px 16px;
    left: 5px
}

html[dir=rtl] .header-links div.Rectangle438 {
    left: unset;
    right: -13px
}

html[dir=rtl] .header-links .arrow-up {
    left: unset;
    right: 24px
}

.side-nav div#signupmobile {
    border: solid 1px #fff;
    border-radius: 50px;
    min-width: 203px;
    width: 203px;
    height: 40px;
    background-color: #fff;
    margin-left: 16px;
    margin-bottom: 17px
}

.side-nav div#signupmobile:hover {
    background-color: #efefef
}

.side-nav div#signupmobile a {
    color: #2c2f34;
    padding-left: unset !important;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.side-nav li.broker-menu.flex a {
    width: 100%;
    line-height: 35px;
    height: 35px
}

.side-nav li.broker-menu.flex:hover {
    background-color: #2b3139
}

.side-nav::-webkit-scrollbar {
    width: 7px
}

.side-nav::-webkit-scrollbar-track {
    box-shadow: 0;
    border-radius: 0;
    background: 0 0
}

.side-nav::-webkit-scrollbar-thumb {
    background: #95989d;
    border-radius: 10px
}

.side-nav::-webkit-scrollbar-thumb:hover {
    background: #959866
}

.side-nav .dropdown-forced-col {
    display: flex;
    flex-direction: column
}

.side-nav .content-bag.Rectangle438.forced-cols {
    flex-direction: column
}

.side-nav .sub-page-outer {
    background: #2c2f34
}

.side-nav .menu-control {
    height: 56px;
    align-items: center;
    display: flex;
    opacity: .25
}

.side-nav .link.dropdown-list-item:hover {
    background-color: #2b3139
}

.side-nav .dropdown-list-item {
    border-top: solid 1px #4c4c4c
}

.side-nav .dropdown-list-item a {
    color: #888
}

.side-nav .one-level-deep .dropdown-list-item {
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 0 !important
}

.side-nav .header-link-active {
    padding-top: 0
}

.side-nav .dropdown-content a {
    font-size: 14px
}

.side-nav .dropdown-content {
    display: none;
    background-color: #34373c
}

.side-nav .open>.dropdown-content {
    display: block
}

.side-nav .dropdown-selector {
    display: flex;
    align-items: center
}

.side-nav .dropdown-selector a {
    width: 100%;
    border-right: solid 1px #4c4c4c
}

.side-nav .open .dropdown-selector {
    border-bottom: solid 1px #4c4c4c
}

.side-nav .open .dropdown-selector a {
    border-right: solid 1px #4c4c4c;
    width: 100%
}

.side-nav .dropdown-selector svg {
    margin-left: 17px;
    margin-right: 17px
}

.side-nav .dropdown-selector svg.up {
    display: none
}

.side-nav .dropdown-crypto-guide-menu-list,
.side-nav .dropdown-guide-menu-list {
    background-color: #2c2f34;
    overflow-y: scroll;
    max-height: 437.41px;
    width: 279px;
    position: relative;
    border-top: rgba(255, 255, 255, .15);
    border-bottom: rgba(255, 255, 255, .15)
}

.side-nav .dropdown-crypto-guide-menu-list ul,
.side-nav .dropdown-guide-menu-list ul {
    padding-left: 22px
}

.side-nav .dropdown-crypto-guide-menu-list ul li a,
.side-nav .dropdown-guide-menu-list ul li a {
    white-space: normal;
    height: unset !important;
    line-height: 20px !important;
    padding: 6px 0
}

.side-nav .dropdown-crypto-guide-menu-list::-webkit-scrollbar,
.side-nav .dropdown-guide-menu-list::-webkit-scrollbar {
    width: 7px
}

.side-nav .dropdown-crypto-guide-menu-list::-webkit-scrollbar-track,
.side-nav .dropdown-guide-menu-list::-webkit-scrollbar-track {
    box-shadow: 0;
    border-radius: 0;
    background: 0 0
}

.side-nav .dropdown-crypto-guide-menu-list::-webkit-scrollbar-thumb,
.side-nav .dropdown-guide-menu-list::-webkit-scrollbar-thumb {
    background: #95989d;
    border-radius: 10px
}

.side-nav .dropdown-crypto-guide-menu-list::-webkit-scrollbar-thumb:hover,
.side-nav .dropdown-guide-menu-list::-webkit-scrollbar-thumb:hover {
    background: #959866
}

.side-nav #inner-dropdown-broker-menu-list,
.side-nav #inner-dropdown-crypto-menu-list {
    background-color: #2c2f34;
    overflow-y: scroll;
    height: 437.41px;
    width: 279px;
    position: relative;
    border-top: rgba(255, 255, 255, .15);
    border-bottom: rgba(255, 255, 255, .15)
}

.side-nav #inner-dropdown-broker-menu-list.CBFUSA,
.side-nav #inner-dropdown-crypto-menu-list.CBFUSA {
    height: 250px !important
}

.side-nav #inner-dropdown-broker-menu-list ul,
.side-nav #inner-dropdown-crypto-menu-list ul {
    padding-left: 22px
}

.side-nav #inner-dropdown-broker-menu-list::-webkit-scrollbar,
.side-nav #inner-dropdown-crypto-menu-list::-webkit-scrollbar {
    width: 7px
}

.side-nav #inner-dropdown-broker-menu-list::-webkit-scrollbar-track,
.side-nav #inner-dropdown-crypto-menu-list::-webkit-scrollbar-track {
    box-shadow: 0;
    border-radius: 0;
    background: 0 0
}

.side-nav #inner-dropdown-broker-menu-list::-webkit-scrollbar-thumb,
.side-nav #inner-dropdown-crypto-menu-list::-webkit-scrollbar-thumb {
    background: #95989d;
    border-radius: 10px
}

.side-nav #inner-dropdown-broker-menu-list::-webkit-scrollbar-thumb:hover,
.side-nav #inner-dropdown-crypto-menu-list::-webkit-scrollbar-thumb:hover {
    background: #959866
}

html[dir=rtl] .side-nav div#signupmobile {
    margin-left: unset;
    margin-right: 16px
}

#set-up .top-row {
    width: 100%;
    padding-bottom: 24px;
    align-items: center
}

#set-up .setup-title {
    padding-left: 10px;
    font-size: 20px;
    color: #000
}

#set-up .setup-title a {
    color: #000;
    text-decoration: underline
}

#set-up .hidden {
    display: none
}

#set-up .flex-item {
    display: flex
}

#set-up .block-item {
    display: block
}

#set-up .inline-item {
    display: inline
}

#set-up .radio-wrap {
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-items: left
}

#set-up .account-type {
    margin-left: auto;
    margin-right: auto
}

#set-up .account-type.broker-display-payment-options-button {
    width: 95%;
    margin-top: 0
}

@media (min-width:768px) {
    #set-up .account-type.broker-display-payment-options-button {
        width: 359px
    }
}

#set-up .account-input-container {
    margin-top: 25px
}

#set-up .dots {
    display: block
}

#set-up [type=radio]+label {
    font-size: 14px
}

#set-up .white-panel-flex [type=checkbox]+label,
#set-up .white-panel-inline-flex [type=checkbox]+label {
    font-size: 13px;
    color: #444
}

#set-up .white-panel-flex [type=checkbox]+label::before,
#set-up .white-panel-inline-flex [type=checkbox]+label::before {
    margin-top: 5px
}

#set-up input[type=text].frn-override,
#set-up select.frn-override {
    min-width: 300px
}

#set-up textarea.frn-override {
    min-width: 316px
}

#custom-url-messages,
#transfer-messages {
    margin-top: 25px
}

.custom-message {
    padding-bottom: 15px;
    text-align: center
}

.custom-message.last {
    padding-bottom: 0
}

.custom-message ul {
    display: inline-block;
    text-align: left
}

.custom-messages {
    flex-direction: column
}

html[dir=rtl] #set-up .white-panel-flex [type=checkbox]+label::before,
html[dir=rtl] #set-up .white-panel-inline-flex [type=checkbox]+label::before {
    left: unset;
    right: 0
}

html[dir=rtl] #set-up .white-panel-flex [type=checkbox]+label,
html[dir=rtl] #set-up .white-panel-inline-flex [type=checkbox]+label {
    padding-left: unset;
    padding-right: 35px
}

#step-unsupported .white-panel-flex {
    font-weight: 700;
    font-size: 13px
}

#broker-account-add-progress {
    margin-top: 20px
}

html[dir=rtl] #set-up .setup-title {
    padding-right: 10px;
    padding-left: unset
}

html[dir=rtl] #set-up .radio-wrap {
    align-items: right
}

html[dir=rtl] #set-up [type=radio]+label {
    padding-right: 35px;
    padding-left: unset
}

html[dir=rtl] #set-up [type=radio]+label::before {
    right: 0
}

html[dir=rtl] #set-up [type=radio]:checked+label::after {
    right: 0
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    font-family: Open Sans !important
}

.pending-email-card {
    margin-top: -10px;
    margin-bottom: 10px;
    padding-left: 20px !important;
    border-left: 5px solid #4eb854;
    padding: .5rem;
    box-shadow: 1px 1px 2px 0 #d3d3d3
}

.pending-email-card .email {
    background: #ededed
}

.pending-email-card a {
    text-decoration: underline
}

.card-title {
    color: #000 !important;
    font-size: 18px
}

.broker-facts {
    text-align: center;
    padding-left: 12% !important;
    padding-right: 12% !important;
    padding-bottom: 45px !important
}

.broker-facts .card-title {
    font-size: 26px;
    padding: 40px 0 15px 0
}

.broker-facts .textbody-break {
    margin-top: 30px;
    margin-bottom: 0
}

.card-divide {
    border-top: #ccc solid .5pt;
    padding-bottom: 15px
}

.card-payload {
    color: #000;
    font-size: 24px;
    margin-bottom: 1rem
}

.account-status {
    background: #aaa;
    color: #fff;
    padding: 0 5px;
    font-weight: 700
}

.account-status-1,
.account-status-2 {
    background: #ffb253
}

.account-status-3 {
    background: #9acd32
}

.account-status-4 {
    background: #ff5d55
}

.activity-table td {
    color: #444;
    font-weight: 400;
    border: 0
}

.activity-table tr {
    border-bottom: solid 1px #ccc
}

.activity-table tr.open-detail {
    cursor: pointer
}

.activity-table .payload {
    font-size: 20px !important;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle !important
}

.activity-table a {
    margin-left: 0 !important;
    color: #444
}

.activity-table .open-detail td:hover {
    text-decoration: underline
}

.activity-table a:hover,
.table-sm a:hover {
    text-decoration: underline
}

.activity-table td,
.table-sm td {
    padding-top: 8px;
    padding-bottom: 8px
}

.accounts-table td {
    padding: 15px 0;
    vertical-align: middle
}

@media (min-width:767px) {
    .client-panel .col-md-6:nth-child(1) {
        padding-right: 12px !important
    }
    .client-panel .col-md-6:nth-child(2) {
        padding-left: 12px !important
    }
}

.payment-method-logo {
    font: montserrat;
    font-weight: 700;
    font-size: 21px;
    color: #929292;
    letter-spacing: -2px
}

#payment-method-summary {
    white-space: nowrap;
    overflow: hidden;
    width: -webkit-calc(100% - 190px);
    width: -moz-calc(100% - 190px);
    width: calc(100% - 190px);
    text-overflow: ellipsis;
    padding-right: 0;
    padding-left: 10px
}

.payment-method-logo-icon {
    font-weight: 700;
    font-size: 24px;
    color: #929292;
    height: unset
}

#message-body {
    padding-bottom: 15px
}

.pay-me-when-i-reach {
    max-width: 150px
}

.client-panel-error-text {
    color: red;
    font-weight: 700
}

a.client-panel-error-text {
    text-decoration: underline
}

.frn-override.payment-dialog-min-width {
    min-width: 235px !important
}

.frn-override.payment-dialog-width {
    width: 235px !important
}

td.transaction {
    padding: 0 !important
}

.transaction .trans-info-grid {
    border: solid 1px #efefef;
    border-bottom: 0;
    width: 100%
}

.transaction .grid-row {
    display: flex
}

.transaction .trans-info-label {
    width: 200px;
    border-bottom: solid 1px #efefef;
    padding: 11px
}

.transaction .trans-info-data {
    border-bottom: solid 1px #efefef;
    border-left: solid 1px #efefef;
    padding: 11px
}

.flex-row-narrow .transaction .trans-info-label {
    width: 130px !important
}

html[dir=rtl] .activity-table .payload {
    text-align: left
}

@media (min-width:767px) {
    html[dir=rtl] .client-panel .col-md-6:nth-child(1) {
        padding-left: 12px !important
    }
    html[dir=rtl] .client-panel .col-md-6:nth-child(2) {
        padding-right: 12px !important
    }
}

#widget-holder {
    display: flex
}

#widget-body {
    margin: auto
}

#widget-body .link {
    text-align: center
}

.client-panel span.tool-tell {
    font-size: 36px;
    color: #343434
}

#widget-menu {
    display: flex;
    flex-direction: column
}

#widget-menu a.option {
    background-color: #f5f5f5;
    align-items: center;
    justify-content: center;
    display: flex;
    border-left: 2px solid #bbb;
    width: 250px;
    height: 38px;
    color: #444
}

#widget-menu a.option.active {
    background-color: #1ba1c4;
    justify-content: center;
    display: flex;
    color: #fff
}

.widget-body {
    margin-top: 30px
}

.table a {
    margin-left: 0 !important
}

body {
    background-color: #f5f5f5
}

#search-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

#search-bar .search-container {
    display: flex;
    overflow: hidden;
    height: 37px
}

#search-bar .search-container ::placeholder {
    color: #bbb;
    opacity: 1
}

@media (min-width:768px) {
    #search-bar .search-container {
        width: 260px
    }
    #search-bar .search-container input[type=search] {
        width: 235px
    }
}

@media (max-width:767px) {
    #search-bar .search-container {
        width: 100%
    }
}

#search-bar .search-container input[type=search] {
    width: 100%
}

#search-filter-link {
    flex-grow: 1;
    display: flex
}

#search-filter-link a {
    font-family: Open Sans;
    font-size: 13px
}

@media (max-width:767px) {
    #search-filter-link {
        justify-content: flex-end;
        align-content: flex-end;
        padding-top: 35px;
        padding-left: 0;
        padding-right: 35px
    }
    #search-filter-link a {
        color: #676767;
        text-decoration: underline
    }
}

@media (min-width:768px) {
    #search-filter-link {
        justify-content: center;
        align-content: center
    }
    #search-filter-link a {
        background-color: #1ba1c4;
        text-decoration: none;
        cursor: pointer;
        padding: 7px;
        color: #fff;
        border-radius: 20px;
        min-width: 81px;
        text-align: center
    }
}

.language-not-supported-cut-off {
    display: none
}

#BrokerList .or {
    font-family: "Open Sans";
    background: #ff5d55;
    color: #fff;
    border-radius: 24px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 40%;
    vertical-align: middle;
    margin: auto;
    display: inline-block;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap
}

#BrokerList .strike-or {
    border-top: solid 2px #ff5d55;
    top: 15px;
    position: absolute;
    width: 100%;
    z-index: -1
}

#BrokerList .or-wrap {
    position: relative;
    z-index: 10;
    margin-top: 17px;
    display: flex;
    margin-bottom: 10px
}

#search-filter-menu {
    display: flex;
    justify-content: flex-end
}

@media (min-width:768px) {
    #search-filter-menu {
        flex-grow: 0;
        padding-top: 1px
    }
    #search-filter-menu .sort-text {
        display: inline-block;
        padding-top: 7px;
        padding-left: 0;
        padding-right: 10px;
        font-size: 13px;
        display: none
    }
}

@media (max-width:767px) {
    #search-filter-menu {
        flex-grow: unset;
        padding-top: 35px
    }
    #search-filter-menu .sort-text {
        display: none
    }
}

#search-filter-menu select {
    width: 150px
}

@media (max-width:767px) {
    #search-filter-menu select {
        max-width: 135px
    }
}

@media (max-width:767px) {
    #search-filter-menu .select-wrapper {
        max-width: 135px
    }
}

#search-filter-menu .md-form {
    margin-bottom: 0
}

.language-not-supported {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 700;
    font-family: Open Sans;
    z-index: 500
}

.language-not-supported .dashed {
    border-bottom: 1px dotted #ff5d55
}

.language-not-supported a {
    color: #ff5d55;
    cursor: pointer
}

html[dir=rtl] #search-filter-menu .sort-text {
    padding-left: 10px;
    padding-right: 0
}

@media (max-width:767px) {
    html[dir=rtl] #search-filter-link {
        padding-left: 35px;
        padding-right: 0
    }
}

#search-input {
    width: 100%
}

@media (min-width:768px) {
    #search-input {
        width: auto;
        padding-right: 5px
    }
}

@media (min-width:768px) {
    html[dir=rtl] #search-input {
        padding-right: unset;
        padding-left: 5px
    }
}

html[dir=rtl] .search-container button {
    float: left
}

#numResultsRow.search-row {
    font-style: italic;
    flex-direction: column;
    display: none
}

.wrapper {
    position: relative
}

.wrapper .broker-rating {
    position: absolute;
    left: 59px;
    top: 54px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    width: 15px;
    text-align: center
}

.wrapper .broker-rating a {
    text-decoration: none;
    border-bottom: dotted .5pt
}

.wrapper .broker-rating.user a {
    color: #fff
}

.wrapper .broker-rating.overall a {
    color: #000
}

.wrapper .mdi {
    position: absolute
}

.wrapper .mdi-heart {
    top: 29px;
    left: 44px;
    color: #ff5d55;
    font-size: 48px
}

.wrapper .mdi-star {
    color: #ffeb85;
    top: 20px;
    left: 40px;
    font-size: 55px
}

.wrapper .mdi-star a {
    color: #000
}

@media (min-width:768px) {
    .wrapper .broker-rating {
        left: 123px;
        top: 121px
    }
    .wrapper .mdi-star {
        top: 87px;
        left: 104px
    }
    .wrapper .mdi-heart {
        top: 96px;
        left: 107px
    }
}

.broker-pic {
    border: solid 1px #aaa;
    border-radius: 3px;
    height: 73px;
    width: 73px;
    float: left
}

.broker-pic-90 {
    border: solid 1px #aaa;
    border-radius: 3px;
    height: 90px;
    width: 90px;
    float: left
}

.front-page-broker-pic {
    width: 140px;
    height: 140px;
    border: solid 1px #aaa;
    border-radius: 3px
}

@media (min-width:768px) {
    .broker-pic {
        width: 140px;
        height: 140px;
        float: unset
    }
}

@media (min-width:768px) {
    html[dir=rtl] .wrapper #search-input {
        padding-right: unset;
        padding-left: 5px
    }
}

html[dir=rtl] .wrapper .broker-rating {
    left: 3px;
    top: 54px
}

html[dir=rtl] .wrapper .mdi-star {
    top: 21px;
    left: -18px
}

html[dir=rtl] .wrapper .mdi-heart {
    top: 28px;
    left: -15px
}

@media (min-width:768px) {
    html[dir=rtl] .wrapper .broker-rating {
        left: 3px;
        top: 120px
    }
    html[dir=rtl] .wrapper .mdi-star {
        top: 87px;
        left: -18px
    }
    html[dir=rtl] .wrapper .mdi-heart {
        top: 94px;
        left: -15px
    }
}

#BrokerList {
    margin-top: 20px
}

#BrokerList .round-turn-msg {
    margin-bottom: 8px
}

#BrokerList .body-wrap {
    display: flex;
    flex-grow: 1
}

@media (max-width:767px) {
    #BrokerList .body-wrap {
        display: unset
    }
}

#BrokerList .broker-display-box {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    padding: 17px 10px;
    margin-bottom: 25px;
    width: 100%
}

@media (min-width:768px) {
    #BrokerList .broker-display-box {
        display: flex;
        padding: 25px;
        padding-bottom: 20px;
        flex-wrap: nowrap
    }
}

#BrokerList .display-left {
    order: 1;
    flex-basis: 100%
}

@media (min-width:768px) {
    #BrokerList .display-left {
        flex: 0 0 auto;
        width: 140px;
        display: flex;
        flex-direction: column
    }
}

#BrokerList .display-left .broker-display-name {
    float: left;
    padding-left: 17px
}

@media (min-width:768px) {
    #BrokerList .display-left .broker-display-name {
        display: none
    }
}

#BrokerList .display-left .payment-options a {
    font-size: 14px;
    color: #49b9ad;
    text-decoration: none;
    border-bottom: 1px dotted #49b9ad;
    font-weight: 400
}

#BrokerList .display-left .fa-info-circle {
    color: #929292;
    font-size: 14px
}

#BrokerList .display-center {
    order: 2;
    flex-basis: 100%;
    margin-top: 22px
}

@media (min-width:768px) {
    #BrokerList .display-center {
        margin-top: unset;
        flex: 1 1 auto;
        padding-left: 31px
    }
}

@media (max-width:767px) {
    #BrokerList .display-center .broker-display-name {
        display: none
    }
}

#BrokerList .display-right {
    order: 3;
    flex-basis: 100%
}

@media (min-width:768px) {
    #BrokerList .display-right {
        flex: 0 0 auto;
        width: 185px
    }
}

@media (max-width:767px) {
    #BrokerList .display-right .payment-options {
        display: none
    }
}

#BrokerList .broker-list-name-group {
    display: flex
}

#BrokerList .broker-list-divide {
    padding: 0 9px
}

#BrokerList .broker-display-name {
    font-size: 15px;
    margin-right: 15px
}

#BrokerList .broker-display-name a {
    color: #000;
    font-weight: 700;
    text-decoration: none
}

@media (max-width:768px) {
    #BrokerList .broker-display-name a {
        text-decoration: underline
    }
}

#BrokerList .broker-display-name .border-line {
    width: 170px
}

#BrokerList .broker-list-payment-options a {
    font-weight: 400;
    text-decoration: underline
}

#BrokerList .broker-display-name .border-line {
    width: 80%;
    margin-bottom: 1px
}

#BrokerList .border-line {
    height: 1px;
    border-bottom: solid 1px #ccc;
    padding-top: 16px;
    margin-bottom: 16px
}

#BrokerList .broker-display-account-types {
    display: block;
    position: initial;
    width: 100%
}

@media (min-width:768px) {
    #BrokerList .broker-display-account-types {
        display: flex;
        flex-flow: row wrap;
        padding-right: 12px
    }
}

#BrokerList .account-type {
    border-bottom: solid 1px #e6e6e6;
    border-bottom: solid 1px rgba(187, 187, 187, .5);
    flex: unset;
    color: #444;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 10px;
    display: flex;
    overflow: unset;
    min-height: 51px;
    width: 100%
}

@media (min-width:768px) {
    #BrokerList .account-type {
        width: unset;
        flex: 1 1 10px;
        display: unset;
        border: none;
        padding-bottom: 0;
        overflow: hidden;
        padding-right: 15px
    }
}

#BrokerList .account-type .payment-rate {
    font-weight: 400;
    font-size: 12px;
    overflow: hidden;
    height: unset;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 2px;
    width: 55%
}

#BrokerList .account-type .payment-rate a {
    color: #444;
    text-decoration: underline;
    text-decoration-color: #676767;
    -webkit-text-decoration-skip: objects;
    -moz-text-decoration-skip: objects
}

@media (min-width:768px) {
    #BrokerList .account-type .payment-rate {
        width: unset;
        height: 46px;
        line-height: 1.3;
        margin-left: 0;
        margin-right: 10px;
        margin-top: 0
    }
}

#BrokerList .account-type-name {
    width: 45%;
    font-size: 14px;
    color: #444;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media (min-width:768px) {
    #BrokerList .account-type-name {
        width: unset
    }
}

#BrokerList .payment-options-more {
    width: 100%;
    font-size: 12px;
    padding-top: 9px;
    text-align: center;
    min-height: 22px
}

#BrokerList .payment-options-more a {
    color: #676767
}

@media (max-width:768px) {
    #BrokerList .payment-options-more {
        padding-bottom: 15px
    }
}

#BrokerList .num-more {
    font-weight: 700;
    color: #49b9ad;
    font-size: 15px
}

#BrokerList .hidden-payment-options {
    display: none
}

#BrokerList .inner-hidden-account-types {
    display: flex;
    flex-flow: row wrap
}

html[dir=rtl] .payment-rate {
    margin-right: unset !important;
    margin-left: 10px !important
}

.popover-body {
    padding: 20px 17px
}

.popover-body .broker-display-payment-options-list {
    padding: 0;
    font-size: 14px;
    display: unset !important
}

.popover-body .rating-popover-content {
    font-size: 12px;
    color: #444
}

.popover-body .rating-popover-content a {
    color: #444;
    text-decoration: underline
}

.broker-display-payment-options-list {
    font-size: 12px;
    color: #676767;
    padding-top: 0;
    display: none
}

.broker-display-payment-options-list .mdi-checkbox-marked-circle {
    color: #9acc55
}

@media (min-width:768px) {
    .broker-display-payment-options-list {
        display: flex;
        flex-flow: column
    }
}

.broker-display-payment-options-list-item {
    display: inline-flex
}

.broker-display-payment-options-list-item .dashed {
    border-bottom: 1px dotted #aaa
}

a.broker-display-payment-options-list-item {
    text-decoration: none;
    color: #676767
}

.broker-display-payment-options-list-item .list-icon {
    align-self: flex-start;
    flex: 0 0 18px;
    font-size: 16px
}

.broker-display-payment-options-list-item .list-text {
    align-self: flex-start;
    flex-grow: 1;
    padding-top: 3px;
    padding-left: 3px
}

.broker-display-payment-options-button {
    text-align: center;
    margin-top: 23px
}

.broker-display-payment-options-button a {
    color: #000;
    border: 0;
    background-color: #ffeb85;
    font-size: 13px;
    border-radius: 3px;
    border-color: #3aa4fb;
    padding: 8px 28px;
    width: 100%;
    display: block;
    min-height: 35px
}

@media (max-width:767px) {
    .broker-display-payment-options-button {
        margin-top: 0
    }
    .broker-display-payment-options-button a {
        font-size: 1em
    }
}

.hidden-rate {
    display: none
}

.table-wrap {
    display: flex;
    justify-content: center
}

.table-wrap .rating-table {
    margin: 11px auto;
    width: 75%
}

.table-wrap .rating-table .rating-row {
    display: flex;
    border-top: solid 1px #aaa;
    width: 100%
}

.table-wrap .rating-table .rating-row:last-of-type {
    border-bottom: solid 1px #aaa
}

.table-wrap .rating-table .rating-cell {
    border-left: solid 1px #aaa;
    padding: 5px
}

.table-wrap .rating-table .rating-cell.rating-label {
    width: 45%
}

.table-wrap .rating-table .rating-cell.rating-score {
    width: 55%
}

.table-wrap .rating-table .rating-cell:last-of-type {
    border-right: solid 1px #aaa
}

html[dir=rtl] .search-container .table-wrap .rating-table .rating-cell {
    border-left: solid 1px #aaa
}

html[dir=rtl] .search-container .table-wrap .rating-table .rating-cell:last-of-type {
    border-left: 0
}

html[dir=rtl] .search-container .table-wrap .rating-table .rating-cell:first-of-type {
    border-right: solid 1px #aaa
}

@media (min-width:1250px) {
    .wide-content-pane {
        width: 1225px
    }
}

.frn-dropdown-menu {
    display: none;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: .25rem
}

.frn-dropdown-menu li label {
    line-height: normal
}

select.filter-search {
    cursor: pointer
}

#broker-app {
    display: flex
}

#broker-app #broker-search {
    margin-top: -90px;
    height: max-content
}

@media (min-width:1250px) {
    #broker-app #broker-search {
        display: flex
    }
}

#broker-app #broker-list {
    width: 100%
}

@media (min-width:1250px) {
    #broker-app #broker-list {
        margin-right: 25px
    }
}

#broker-app #search-filter-show {
    display: flex;
    padding-left: 20px;
    flex-grow: 1
}

@media (max-width:767px) {
    #broker-app #search-filter-show {
        padding-top: 35px
    }
}

#broker-app #search-filter-show a {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    background-color: #1ba1c4;
    color: #fff
}

#broker-app #search-filter-show a.RKFX {
    background-color: #fcb419
}

@media (min-width:1250px) {
    #broker-app #search-filter-show {
        display: none
    }
}

@media (min-width:1250px) {
    html[dir=rtl] #broker-app #broker-list {
        margin-left: 25px;
        margin-right: unset
    }
}

html[dir=rtl] #broker-app #search-filter-show {
    padding-left: unset;
    padding-right: 20px
}

#show-filter-dialog-body #broker-search {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    border: none;
    box-shadow: none
}

#show-filter-dialog-body #broker-search .dropdown-menu.show {
    overflow-y: scroll
}

#show-filter-dialog-body #broker-search .head-line {
    display: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

#broker-search {
    border: 1px solid rgba(0, 0, 0, .08);
    min-width: 150px;
    margin-left: auto;
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    max-width: 300px;
    display: none;
    flex-direction: column;
    flex-shrink: 0;
    font-size: 12px
}

#broker-search ::placeholder {
    color: #ccc
}

#broker-search .dropdown-menu.show {
    display: block;
    max-height: 90VH;
    width: 102%;
    margin-left: -2px;
    border: 1px solid rgba(0, 0, 0, .3)
}

#broker-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px;
    line-height: 1.75;
    color: #000;
    background-color: #f9f9f9;
    background-image: url(/static/images/dd-chevron-drker.png) !important;
    -ms-word-break: normal;
    word-break: normal
}

#broker-search select.filter-search.active {
    border: solid 2px #44a2f8
}

#broker-search .multi-num {
    color: #44a2f8;
    font-weight: 700
}

#broker-search .year-range {
    display: flex;
    align-items: center
}

#broker-search .year-range input[type=number] {
    border: solid 1px #ccc;
    text-align: center;
    width: 40px;
    height: 20px;
    margin-right: 5px
}

#broker-search .year-range input[type=number].to {
    margin-left: 5px
}

#broker-search .head-line {
    background-color: #ebebeb;
    color: #606060;
    padding: 10px;
    font-size: 1rem;
    display: flex
}

#broker-search .head-line span.filter-reset {
    display: none
}

#broker-search .filter-reset {
    font-weight: 400;
    text-align: right;
    margin-left: auto
}

#broker-search .filter-reset a {
    color: #7a7a7a;
    text-decoration: underline
}

#broker-search .filter-reset a:hover {
    text-decoration: none !important
}

#broker-search .search-row {
    display: flex;
    padding: 5px;
    padding-left: 22px;
    padding-right: 22px
}

#broker-search .search-row.checkbox-row {
    margin-bottom: 0;
    padding-top: 1px;
    padding-bottom: 0;
    display: block
}

@media (max-width:767px) {
    #broker-search .search-row.checkbox-row {
        margin-bottom: 4px;
        margin-top: 5px
    }
}

#broker-search .search-row>select {
    height: 34px;
    flex-grow: 1;
    min-width: 138px;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    padding-right: 20px;
    font-size: 12px;
    color: #000;
    background-color: #f9f9f9
}

#broker-search .search-row div.faux-multi-select.frn-override.active {
    border: solid 2px #44a2f8
}

#broker-search [type=checkbox]+label {
    margin-bottom: 0
}

#broker-search [type=checkbox]+label::before {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-top: 6px
}

#broker-search ul.multi-choice-select [type=checkbox]+label::before {
    margin-top: 2px
}

#broker-search ul.multi-choice-select [type=checkbox]:checked+label::before {
    margin-top: 4px
}

#broker-search [type=checkbox]:checked+label::before {
    width: 9px;
    height: 15px;
    margin-top: 8px
}

#broker-search [type=checkbox]+label,
#broker-search [type=radio]+label {
    padding-left: 21px;
    font-size: 12px
}

@media (max-width:767px) {
    #broker-search [type=checkbox]+label,
    #broker-search [type=radio]+label {
        font-size: 14px !important
    }
}

html[dir=rtl] #broker-search .search-row>select {
    padding-left: 20px;
    padding-right: 5px
}

html[dir=rtl] #broker-search [type=checkbox]+label,
html[dir=rtl] #broker-search [type=radio]+label {
    padding-left: unset;
    padding-right: 21px
}

html[dir=rtl] #broker-search [type=checkbox]+label ::before,
html[dir=rtl] #broker-search [type=radio]+label ::before {
    left: unset;
    right: 0
}

html[dir=rtl] #broker-search .filter-reset {
    text-align: left;
    margin-right: auto;
    margin-left: unset
}

.broker-rebates-list-title {
    font-weight: 600;
    font-size: 40px
}

.broker-rebates-list-subtext {
    margin-bottom: 16px
}

#compareTabs {
    margin-bottom: unset
}

.add-image-btn {
    text-align: center
}

#imgInp {
    display: none
}

.add-image-label {
    text-decoration: underline;
    cursor: pointer
}

.review-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.delete-review-image {
    position: absolute;
    top: -15px;
    right: -17px;
    cursor: pointer
}

.attached-files {
    position: relative;
    width: 90px;
    height: 60px;
    margin: 10px;
    border: 1px solid #bfbfbf
}

#dialog-add-review .information {
    padding: 15px;
    background: #fafac2;
    font-size: 13px;
    line-height: 160%;
    border-left: solid 1px #f0c020;
    margin-bottom: 20px
}

#dialog-add-review ul {
    padding-left: 9px;
    margin-bottom: 5px
}

#dialog-add-review li {
    display: inline-block;
    cursor: pointer;
    color: #dfdfdf
}

#dialog-add-review li>svg {
    margin-left: -9px
}

#dialog-add-review .clicked {
    color: #ff5c54
}

#dialog-add-review .hovered {
    color: #ffcc36
}

#dialog-add-review [type=checkbox]+label {
    padding-left: 23px
}

.review-template {
    flex-basis: 100%;
    max-width: 752px
}

.reply-wrap {
    padding-left: 5px;
    display: none
}

.reply-wrap .add-reply {
    background-color: #f4f5f7;
    padding-top: unset !important;
    padding-bottom: unset !important;
    padding-right: 15px;
    height: 72px;
    display: flex;
    align-items: center
}

.comment-wrap {
    padding-left: 35px;
    margin-bottom: 20px;
    display: none
}

.comment-wrap .add-comment {
    background-color: #f4f5f7;
    padding: 15px;
    border-radius: 8px;
    min-height: 72px;
    display: flex;
    align-items: center
}

.comment-wrap .reviewer-image {
    cursor: pointer;
    width: 48px;
    height: 48px
}

.outter-bar {
    height: 24px;
    width: 100%;
    left: 160px;
    background-color: #f5f6fa;
    top: 440px;
    border-radius: 2px
}

.inner-bar {
    background-color: #fdc240;
    height: 100%
}

.rating-line {
    margin-bottom: 8px
}

.lesser-text {
    color: #6e7b8f;
    font-size: 12px
}

.submit-review {
    padding: 7px 14px;
    font-weight: 700;
    color: #fff;
    background: #0a1f41;
    border-radius: 50px !important
}

.review-box {
    background-color: #f4f5f7;
    padding: 15px !important;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #263957
}

span.verified-customer {
    display: inline-block;
    padding: 1px 10px;
    font-size: 13px;
    letter-spacing: .3px;
    font-weight: 600;
    color: #9acc55
}

span.verified-customer img {
    vertical-align: middle;
    width: 13px;
    height: 10px;
    fill: #9acc55
}

.user-review-rating {
    padding-left: 10px;
    padding-top: 3px;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0;
    text-align: left;
    color: #0a1f41
}

.review-body {
    white-space: pre-line
}

.reviewer-image {
    border-radius: 50%;
    border-color: #ced3d9;
    width: 56px;
    height: 56px;
    background-color: #ddd;
    cursor: pointer
}

.image-cell {
    margin-right: 16px
}

.name-cell {
    color: #0a1f41;
    font-weight: 600;
    font-size: 16px
}

.verification-group {
    display: flex;
    align-items: center
}

.verified-icon {
    display: flex;
    align-items: center
}

.verified-icon img {
    vertical-align: unset !important
}

.verified-icon-text {
    padding-left: 3px;
    padding-right: 3px
}

.verified-icon {
    display: flex;
    align-items: center
}

.reviewer-status {
    margin-left: 10px;
    height: 20px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    display: flex;
    align-items: center
}

.rating-score-h2 {
    font-size: 2rem;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.review-box .reviewer-status {
    padding-left: 3px;
    padding-right: 3px
}

.unverified {
    background-color: #ec9524
}

.verified {
    background-color: #55bc8f
}

.baseline-controls i {
    fill: #8993a4 !important
}

.reply-post-wrap .icon,
.review-wrap .icon {
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 24px;
    height: 24px;
    display: flex;
    background-color: #8993a4
}

.baseline-controls {
    display: flex;
    margin: 0 -5px;
    margin-top: 7px;
    align-items: center
}

.control {
    margin: 0 5px
}

.thumbsdown {
    -webkit-mask-image: url(/static/images/thumbsdown.svg);
    mask-image: url(/static/images/thumbsdown.svg);
    cursor: pointer
}

.thumbsup {
    -webkit-mask-image: url(/static/images/thumbsup.svg);
    mask-image: url(/static/images/thumbsup.svg);
    cursor: pointer
}

.thumbsup.my {
    background-color: #3aa4fb !important
}

.thumbsdown.my {
    background-color: #3aa4fb !important
}

.control.open-comment a,
.control.open-reply a {
    margin-left: 15px;
    text-decoration: underline;
    color: #0a1f41
}

.comment-box-input {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ced3d9;
    box-sizing: border-box;
    border-radius: 2px
}

.comment-box .progress {
    position: relative;
    top: 27px
}

.add-comment-button {
    background: #0a1f41;
    border-radius: 50px !important;
    color: #fff;
    padding: 5px 15px
}

.add-reply-button {
    border-radius: 50px !important;
    color: #0a1f41;
    padding: 5px 15px;
    border: solid 1px #0a1f41 !important
}

.validation-error {
    display: none
}

.has-danger .validation-error {
    display: flex !important;
    color: #d9534f;
    margin-top: -15px
}

.add-comment-button:hover {
    color: #fff
}

.submit-comment-div {
    align-items: center;
    display: flex
}

.image-row {
    padding-top: 35px !important;
    align-items: center;
    gap: 15px
}

.reply-bar {
    border: solid 2px #d7d7d7;
    margin-right: 15px
}

.reply-group {
    margin: 3px
}

.status-badge {
    display: inline-block;
    padding: 1px 5px;
    font-weight: 600;
    font-size: 10px;
    color: #929292;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin: 0
}

.reply-post-wrap .frn-flex-row.review-box {
    margin-bottom: 0;
    padding-bottom: 10px !important
}

.cell.status-cell {
    text-align: right
}

.rejected-post {
    opacity: .4
}

.company-info {
    margin-bottom: 25px
}

.broker-table {
    min-width: 100%
}

.broker-table td {
    border: 1px solid #d3d3d3;
    padding: 6px 12px;
    text-align: center
}

.broker-table.compact-view {
    display: none
}

@media (max-width:767px) {
    .broker-table.compact-view.active-table {
        display: table
    }
}

.broker-table.about {
    color: #444
}

.broker-table.about td {
    text-align: unset
}

.table-holder,
.table-scroll {
    overflow-x: auto
}

.broker-table-label-cell {
    text-align: left !important
}

.broker-banner-holder {
    margin-bottom: 25px;
    text-align: center
}

.broker-display-page {
    color: #333
}

.broker-display-page .broker-display-payment-options-list-item {
    justify-content: center;
    padding-top: 4px
}

.broker-display-page .broker-display-payment-options-list-item .list-text {
    display: flex;
    align-self: unset;
    flex-grow: unset;
    padding-top: unset;
    line-height: 1.1em;
    padding-left: 0;
    text-align: center
}

.broker-display-page .broker-display-payment-options-list-item .list-icon {
    align-self: unset
}

.broker-display-page .broker-title-top {
    display: flex
}

.broker-display-page .broker-display-box {
    display: flex;
    flex-direction: column
}

.broker-display-page .title-details {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.broker-display-page .broker-display-image {
    padding-right: 35px
}

@media (max-width:767px) {
    .broker-display-page .broker-display-image {
        padding-right: 12px
    }
}

.broker-display-page .broker-title-bottom {
    display: flex;
    justify-content: center
}

@media (max-width:767px) {
    .broker-display-page .broker-title-bottom .broker-display-payment-options-button {
        margin-top: 12px;
        width: 100%
    }
    .broker-display-page .broker-title-bottom .broker-display-payment-options-button a {
        width: 100%
    }
}

@media (min-width:768px) {
    .broker-display-page .broker-title-bottom .broker-display-payment-options-button {
        margin-top: -34px
    }
    .broker-display-page .broker-title-bottom .broker-display-payment-options-button a {
        width: 181px !important
    }
}

.broker-display-page .broker-title {
    display: initial;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    width: 100%
}

@media (max-width:767px) {
    .broker-display-page .broker-title {
        align-items: center;
        min-height: 75px;
        font-weight: 400
    }
}

.broker-display-page .broker-title a {
    color: #000;
    text-decoration: underline
}

.broker-display-page .broker-title-panels {
    display: flex;
    flex-grow: 1
}

@media (max-width:767px) {
    .broker-display-page .broker-title-panels {
        margin-top: 14px
    }
}

.broker-display-page .broker-title-panel {
    flex: 1;
    align-items: center;
    border-left: solid 1px #d6d6d6;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    color: #333
}

@media (max-width:767px) {
    .broker-display-page .broker-title-panel {
        margin-left: unset;
        border-left: unset
    }
}

.broker-display-page .broker-ratings-title {
    display: flex
}

@media (max-width:767px) {
    .broker-display-page .broker-ratings-title {
        margin-left: -84px;
        flex-direction: column
    }
}

.broker-display-page .broker-link {
    padding-right: 25px
}

.broker-display-page .broker-link a {
    text-decoration: underline;
    color: #000
}

.broker-display-page .list-icon {
    justify-content: center;
    display: flex;
    flex-direction: column
}

.broker-display-page .list-icon .grn-check {
    color: #9acc55;
    font-size: 1em
}

#fxv-rating {
    display: flex;
    font-size: 1.5em;
    color: #ffe457
}

#user-rating {
    display: flex;
    font-size: 1.2em;
    color: #ff4500;
    line-height: 1.8em
}

#user-rating-val {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 11px
}

#user-rating-val a {
    color: #333;
    text-decoration: underline
}

#user-rating-place {
    display: flex;
    font-size: 1.4em
}

.stars-gray {
    color: #f5f5f5
}

.i-gray {
    padding-left: 4px
}

.i-gray a {
    color: gray;
    font-size: .8em
}

html[dir=rtl] .broker-display-page .broker-table-label-cell {
    text-align: right !important
}

html[dir=rtl] .broker-display-page .broker-display-image {
    padding-left: 35px;
    padding-right: unset
}

@media (max-width:767px) {
    html[dir=rtl] .broker-display-page .broker-display-image {
        padding-left: 12px
    }
}

html[dir=rtl] .broker-display-page .broker-title-panel {
    border-right: solid 1px #d6d6d6;
    border-left: unset
}

@media (max-width:767px) {
    html[dir=rtl] .broker-display-page .broker-title-panel {
        margin-right: unset;
        border-right: unset
    }
}

@media (max-width:767px) {
    html[dir=rtl] .broker-display-page .broker-ratings-title {
        margin-right: -84px;
        margin-left: unset
    }
}

html[dir=rtl] .broker-display-page .broker-link {
    padding-left: 25px;
    padding-right: unset
}

html[dir=rtl] .i-gray {
    padding-left: unset;
    padding-right: 4px
}

#promo-card {
    display: flex;
    flex-wrap: wrap
}

#promo-card .half-box {
    width: 49%
}

@media (max-width:767px) {
    #promo-card .half-box {
        width: 100%
    }
}

.promo-box {
    margin-right: auto
}

.reg-box {
    margin-left: auto
}

.promotion-wrap {
    display: flex;
    margin-top: 5px
}

.promotion-wrap .promotion-icon {
    margin-right: 10px;
    display: flex
}

.promo-text {
    flex-grow: 1
}

.promo-text a {
    font-size: 15px;
    text-decoration: underline;
    color: #444
}

.account-ratings {
    display: flex;
    width: 100%
}

.account-ratings .broker-ratings-item {
    display: flex;
    align-items: center;
    width: 33%;
    border-right: solid 1px #ddd
}

.account-ratings .broker-ratings-item.scope-2 {
    justify-content: center
}

.account-ratings .broker-ratings-item.scope-0 {
    justify-content: flex-end;
    border-right: none
}

.account-ratings .broker-ratings-item .ratings-icon {
    display: flex
}

.account-ratings .broker-ratings-item .num-reviews {
    font-size: 11px
}

.account-ratings .broker-ratings-item .broker-rating-name {
    margin-left: 10px;
    font-size: 15px
}

@media (max-width:767px) {
    .account-ratings {
        flex-direction: column
    }
    .account-ratings .broker-ratings-item {
        border-right: none;
        margin-bottom: 15px;
        display: flex;
        align-items: flex-start;
        width: 100%;
        border-right: 0
    }
    .account-ratings .broker-ratings-item.scope-2 {
        justify-content: flex-start
    }
    .account-ratings .broker-ratings-item.scope-0 {
        justify-content: flex-start
    }
    .account-ratings .broker-ratings-item .ratings-icon {
        margin-right: 10px
    }
}

html[dir=rtl] .promo-box {
    margin-right: unset;
    margin-left: auto
}

html[dir=rtl] .reg-box {
    margin-left: unset;
    margin-right: auto
}

html[dir=rtl] .promotion-wrap .promotion-icon {
    margin-right: unset;
    margin-left: 10px
}

html[dir=rtl] .account-ratings .broker-ratings-item {
    display: flex;
    align-items: center;
    width: 33%;
    border-left: solid 1px #333;
    border-right: none
}

html[dir=rtl] .account-ratings .broker-ratings-item.scope-2 {
    justify-content: center
}

html[dir=rtl] .account-ratings .broker-ratings-item.scope-0 {
    justify-content: flex-end;
    border-left: none
}

html[dir=rtl] .account-ratings .broker-ratings-item .broker-rating-name {
    margin-left: unset;
    margin-right: 10px
}

@media (max-width:767px) {
    html[dir=rtl] .account-ratings .broker-ratings-item {
        border-left: none;
        width: 100%
    }
    html[dir=rtl] .account-ratings .broker-ratings-item.scope-2 {
        justify-content: flex-start
    }
    html[dir=rtl] .account-ratings .broker-ratings-item.scope-0 {
        justify-content: flex-start
    }
    html[dir=rtl] .account-ratings .broker-ratings-item .ratings-icon {
        margin-left: 10px
    }
}

.star-holder .typcn::before {
    width: unset;
    height: unset
}

.stars-1:before {
    content: "\e105"
}

.outline-stars-1:before {
    content: "\e108"
}

.stars-2:before {
    content: "\e105\e105"
}

.outline-stars-2:before {
    content: "\e108\e108"
}

.stars-3:before {
    content: "\e105\e105\e105"
}

.outline-stars-3:before {
    content: "\e108\e108\e108"
}

.stars-4:before {
    content: "\e105\e105\e105\e105"
}

.outline-stars-4:before {
    content: "\e108\e108\e108\e108"
}

.stars-5:before {
    content: "\e105\e105\e105\e105\e105"
}

.outline-stars-5:before {
    content: "\e108\e108\e108\e108\e108"
}

.hearts-1:before {
    content: "\e085"
}

.hearts-2:before {
    content: "\e085\e085"
}

.hearts-3:before {
    content: "\e085\e085\e085"
}

.hearts-4:before {
    content: "\e085\e085\e085\e085"
}

.hearts-5:before {
    content: "\e085\e085\e085\e085\e085"
}

.orgred {
    color: #ff4500
}

.orange {
    color: orange
}

.grn-check {
    color: #9acc55;
    font-size: 1.2em
}

.red-times {
    color: #db3e04;
    font-size: 1.2em
}

.blue-check {
    color: #75a9f9;
    font-weight: 700;
    font-size: 2em
}

.broker-detail-page {
    color: #0a1f41
}

.broker-detail-page .broker-detail-summary-pane {
    display: flex;
    flex: 0 1
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-summary-pane {
        flex-direction: column;
        align-items: center;
        gap: 16px
    }
}

.broker-detail-page .broker-detail-content {
    display: flex;
    padding-bottom: 24px
}

@media (max-width:1024px) {
    .broker-detail-page .broker-detail-content {
        flex-direction: column
    }
}

.broker-detail-page .broker-detail-summary-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: -2px;
    justify-content: space-between
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-summary-content {
        flex-direction: column;
        align-items: center;
        margin-top: 0
    }
}

.broker-detail-page .broker-image {
    display: flex;
    flex-direction: column;
    align-items: center
}

.broker-detail-page .broker-image a {
    color: #0a1f41;
    text-decoration: underline;
    font-weight: 700;
    font-size: 13px
}

.broker-detail-page .broker-image img {
    width: 140px;
    height: 140px
}

@media (max-width:767px) {
    .broker-detail-page .broker-image img {
        width: 104px;
        height: 104px
    }
}

.broker-detail-page .broker-titles {
    display: flex;
    flex-direction: column;
    margin: 0 32px;
    max-width: 800px
}

@media (max-width:767px) {
    .broker-detail-page .broker-titles {
        margin: 0 8px;
        text-align: center
    }
}

.broker-detail-page .broker-titles h1 {
    font-size: 36px;
    line-height: 40px;
    color: #0a1f41;
    font-weight: 600
}

@media (max-width:767px) {
    .broker-detail-page .broker-titles h1 {
        font-size: 30px;
        line-height: 130%;
        text-align: center;
        margin: auto
    }
}

.broker-detail-page .broker-titles p {
    font-size: 16px;
    line-height: 130%;
    color: #263957
}

@media (max-width:767px) {
    .broker-detail-page .broker-titles p {
        font-size: 15px;
        line-height: 24px
    }
}

.broker-detail-page .broker-titles a {
    border: 1px solid #636161;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 5px 16px 5px 40px;
    color: #636161;
    font-size: 14px;
    margin: 0 16px;
    font-weight: 600;
    position: relative
}

html[dir=rtl] .broker-detail-page .broker-titles a {
    padding: 5px 40px 5px 16px
}

.broker-detail-page .broker-titles a::before {
    content: '';
    position: absolute;
    background: url(/static/images/lightning.svg) no-repeat center;
    width: 24px;
    height: 80%;
    left: 16px;
    background-size: contain;
    top: 10%
}

html[dir=rtl] .broker-detail-page .broker-titles a::before {
    left: unset;
    right: 16px
}

.broker-detail-page .broker-titles a:hover {
    background: #dadde3
}

.broker-detail-page .broker-ratings {
    justify-self: flex-end
}

.broker-detail-page .broker-detail-summary-ratings {
    display: flex;
    gap: 60px
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-summary-ratings {
        justify-content: space-around;
        width: 100%;
        gap: 24px
    }
}

.broker-detail-page .exchange-rate {
    margin-left: auto;
    margin-right: auto
}

.broker-detail-page .broker-detail-summary-rating {
    color: #263957;
    display: flex;
    flex-direction: column
}

.broker-detail-page .broker-detail-summary-rating a {
    color: #0a1f41;
    text-decoration: underline
}

.broker-detail-page .broker-detail-page-rating-num {
    color: #0a1f41;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

.broker-detail-page .broker-detail-summary-links {
    gap: 16px;
    margin: 0 32px;
    justify-self: flex-end
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-summary-links {
        margin-top: 32px;
        flex-direction: column;
        width: 100%
    }
}

.broker-detail-page .broker-detail-summary-links a {
    font-weight: 600
}

.broker-detail-page .broker-detail-summary-link a {
    padding: 10px 24px;
    border-radius: 51px;
    border: 1px solid #0a1f41;
    display: flex;
    justify-content: center;
    color: #0a1f41;
    border-radius: 50px;
    padding: 8px 16px;
    line-height: 20px;
    white-space: nowrap;
    font-size: 16px
}

.broker-detail-page .broker-detail-summary-link a:hover {
    background: #dadde3
}

.broker-detail-page .broker-detail-summary-link.visit-link a {
    background: #fdaa29;
    border-color: #fdaa29;
    color: #0a1f41
}

.broker-detail-page .broker-detail-summary-link.visit-link a:hover {
    background-color: #e48c03
}

.broker-detail-page .broker-detail-content-body {
    max-width: 665px;
    color: #263957;
    line-height: 170%
}

.broker-detail-page .broker-detail-content-body table td,
.broker-detail-page .broker-detail-content-body table th {
    padding: 10px 12px;
    font-size: 15px !important
}

.broker-detail-page .broker-detail-content-body table th {
    line-height: 20px
}

@media (max-width:1295px) {
    .broker-detail-page .broker-detail-content-body table {
        max-width: 100% !important
    }
}

.broker-detail-page .broker-detail-content-body select.frn-override {
    background: url(/static/images/arrow-down.svg) right 11px center no-repeat #fff !important;
    padding: 9px 11px !important;
    font-size: 14px;
    line-height: 20px;
    color: #263957 !important;
    height: unset
}

html[dir=rtl] .broker-detail-page .broker-detail-content-body select.frn-override {
    background: url(/static/images/arrow-down.svg) left 11px center no-repeat #fff !important
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-content-body select.frn-override {
        font-size: 16px
    }
}

.broker-detail-page .broker-detail-content-body h2:first-child {
    margin-top: unset
}

.broker-detail-page .broker-detail-section-list {
    max-width: 300px;
    margin-right: 64px
}

html[dir=rtl] .broker-detail-page .broker-detail-section-list {
    margin-left: 64px;
    margin-right: unset
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-section-list {
        max-width: 100%;
        margin-left: unset !important;
        margin-right: unset !important
    }
}

.broker-detail-page .broker-detail-section-list ul.best-forex-brokers {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.broker-detail-page .broker-detail-section-list ul.best-forex-brokers::-webkit-scrollbar {
    display: none
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-section-list ul.best-forex-brokers {
        column-count: 2
    }
}

.broker-detail-page .broker-detail-section-list ul.best-forex-brokers li {
    padding: 6px 25px
}

.broker-detail-page .broker-detail-section-list ul.best-forex-brokers li a {
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    color: #0a1f41;
    width: 100%
}

.broker-detail-page .broker-detail-section-list ul.best-forex-brokers li a[href="#cashback"] {
    font-weight: 700
}

.broker-detail-page .broker-detail-section-list ul.best-forex-brokers li:hover a {
    color: #0a1f41
}

.broker-detail-page .broker-detail-section-list ul.best-forex-brokers li.active {
    background: #f5f6f7;
    transition: .35s
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-section-list ul.best-forex-brokers li.active {
        background: 0 0
    }
}

.broker-detail-page .broker-detail-section-list ul.best-forex-brokers li.active:before {
    background: #051d4d
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-section-list ul.best-forex-brokers li.active:before {
        background: rgba(92, 106, 134, .19);
        left: 1px;
        width: 2px
    }
    html[dir=rtl] .broker-detail-page .broker-detail-section-list ul.best-forex-brokers li.active:before {
        right: 1px
    }
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-section-list ul.best-forex-brokers li:hover {
        background: 0 0
    }
    .broker-detail-page .broker-detail-section-list ul.best-forex-brokers li:hover:before {
        background: rgba(92, 106, 134, .19);
        left: 1px;
        width: 2px
    }
    html[dir=rtl] .broker-detail-page .broker-detail-section-list ul.best-forex-brokers li:hover:before {
        right: 1px
    }
}

.broker-detail-page .profile-features {
    margin: 16px 0;
    column-count: 3;
    column-gap: 16px;
    color: #0a1f41
}

@media (max-width:767px) {
    .broker-detail-page .profile-features {
        column-count: 1;
        column-gap: unset
    }
}

.broker-detail-page .profile-features div {
    padding: 8px 0
}

@media (min-width:1296px) {
    .broker-detail-page .wide-overflow-width {
        width: 900px !important
    }
}

@media (min-width:1296px) {
    .broker-detail-page .tablescroll {
        width: 900px
    }
}

.broker-detail-page h2,
.broker-detail-page h3,
.broker-detail-page h4,
.broker-detail-page h5,
.broker-detail-page h6 {
    font-weight: 600;
    color: #0a1f41 !important
}

.broker-detail-page div.h2 h2 {
    display: none
}

.broker-detail-page div.h2,
.broker-detail-page h2 {
    font-size: 30px;
    line-height: 40px;
    margin-top: 64px;
    margin-bottom: 16px;
    position: relative
}

.broker-detail-page div.h2:after,
.broker-detail-page h2:after {
    content: " ";
    width: 30px;
    background: #0a1f41;
    height: 4px;
    position: absolute;
    bottom: -8px;
    left: 0
}

html[dir=rtl] .broker-detail-page div.h2:after,
html[dir=rtl] .broker-detail-page h2:after {
    right: 0;
    left: unset
}

.broker-detail-page h3 {
    font-size: 25px
}

.broker-detail-page .broker-detail-top-pane {
    margin: 0 -64px;
    padding: 24px 64px;
    background: #f4f5f7
}

@media (max-width:1024px) {
    .broker-detail-page .broker-detail-top-pane {
        margin: 0 -15px;
        padding: 24px 15px
    }
}

.broker-detail-page .link-image {
    margin: 0 8px
}

.broker-detail-page .promo-text {
    color: #263957
}

.broker-detail-page .promo-text a {
    text-decoration: none;
    color: #263957
}

.broker-detail-page .broker-detail-summary-body {
    display: flex
}

@media (max-width:767px) {
    .broker-detail-page .broker-detail-summary-body {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.broker-detail-page .broker-detail-summary-rating-desc {
    font-size: 14px
}

.broker-detail-page .broker-detail-summary-rating-desc a {
    text-decoration: none
}

.broker-detail-page .guide-page-table {
    line-height: 130%
}

.broker-detail-page .broker-display-payment-options-list-item {
    color: #263957
}

.broker-detail-page-rating-stars {
    font-size: 26px;
    color: #fec32d
}

td .broker-detail-page-rating-stars {
    font-size: 20px
}

.broker-table {
    margin: 24px 0;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 130%
}

.broker-table td {
    border-left: 1px solid #ced3d9;
    border-top: 1px solid #ced3d9;
    border-right: 0;
    border-bottom: 0
}

.broker-table tr:last-child td {
    border-bottom: 1px solid #ced3d9
}

.broker-table tr td:last-child {
    border-right: 1px solid #ced3d9
}

html[dir=rtl] .broker-table tr td:last-child {
    border-right: none
}

html[dir=rtl] .broker-table tr td:first-child {
    border-right: 1px solid #ced3d9
}

.broker-table tr:nth-child(even) {
    background: #f9fafb
}

.tablescroll .broker-table {
    margin: 0
}

.two-column-table {
    font-size: 14px
}

.two-column-table tr>td:first-child {
    font-weight: 600 !important;
    color: #0a1f41
}

.two-column-table tr>td:last-child {
    color: #263957
}

.sub-section {
    margin-bottom: 24px
}

.dotted-border-bottom {
    border-bottom: 1px dotted
}

.overall-rating-table {
    margin: 24px 0;
    line-height: 130%
}

.overall-rating-table td {
    padding: 4px 6px;
    font-size: 12px !important
}

.bordered-table {
    border-collapse: separate;
    border-spacing: 0
}

.bordered-table td {
    border-left: 1px solid #ced3d9;
    border-top: 1px solid #ced3d9;
    border-right: 0;
    border-bottom: 0
}

.bordered-table tr:last-child td {
    border-bottom: 1px solid #ced3d9
}

.bordered-table tr td:last-child {
    border-right: 1px solid #ced3d9
}

html[dir=rtl] .bordered-table tr td:last-child {
    border-right: none
}

html[dir=rtl] .bordered-table tr td:first-child {
    border-right: 1px solid #ced3d9
}

.broker-detail-breadcrumb .breadcrumb {
    margin: 5px 0 36px 0;
    line-height: 24px
}

.broker-detail-breadcrumb .breadcrumb a.breadcrumb-item {
    color: #0a1f41
}

.dv-star-rating [type=radio]+label {
    padding: 0
}

.dv-star-rating [type=radio]+label::after,
.dv-star-rating [type=radio]+label::before {
    content: none;
    margin: unset;
    width: unset;
    height: 0 !important;
    z-index: unset;
    border-radius: unset;
    border-style: unset;
    border-width: unset;
    transition: unset
}

.get-cashback-alert-wrapper {
    position: static !important;
    right: 0;
    height: 100%
}

@media (max-width:767px) {
    .get-cashback-alert-wrapper {
        display: none
    }
}

.get-cashback-alert {
    position: fixed;
    bottom: 100px;
    right: 25px;
    top: unset;
    text-align: center;
    max-width: 400px;
    background: #fff;
    box-shadow: 0 8px 22px -6px rgba(24, 39, 75, .12), 0 14px 64px -4px rgba(24, 39, 75, .12);
    border-radius: 6px !important;
    padding: 24px;
    z-index: 2
}

.get-cashback-alert img {
    position: absolute;
    left: 0
}

.get-cashback-alert .alert-title {
    font-size: 15px;
    line-height: 140%;
    color: #000;
    padding-left: 50px;
    position: relative;
    text-align: left;
    font-weight: 700
}

.get-cashback-alert .alert-content {
    font-size: 13px;
    line-height: 140%;
    color: #000
}

.get-cashback-alert a {
    color: #0056b3;
    font-weight: 600;
    font-size: 14px
}

.exchange-volume-section {
    display: flex;
    align-items: center;
    border: 1px solid #ced3d9;
    background: #f4f5f7;
    flex-wrap: wrap
}

.not-rated td {
    color: #999 !important
}

.not-rated td:last-child {
    text-decoration: line-through
}

.traffic-websites {
    display: flex
}

.traffic-websites div+div:before {
    content: ', '
}

.nav-top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    color: rgba(255, 255, 255, .7);
    font-size: 50px;
    margin-top: -15px;
    transition: color .3s
}

.nav-top:hover {
    cursor: pointer;
    color: rgba(255, 255, 255, .4)
}

footer {
    background: #252831
}

footer.CBF .logo-wide {
    background-image: url(/static/images/CBF/cbfx-official-neon-on.png);
    height: 42px;
    background-size: auto 42px
}

footer.CBF .logo-wide img {
    display: none
}

footer .container {
    text-align: center
}

footer .row {
    text-align: left
}

@media (max-width:767px) {
    footer .col-12.footer-links {
        margin-top: 30px
    }
}

@media (min-width:768px) {
    footer .col-12.footer-links {
        margin-top: 0
    }
}

footer.footer {
    background: #252831;
    padding: 40px 0 30px 0;
    position: relative;
    color: #929292;
    font-family: Open Sans;
    font-size: .8em
}

footer.footer .footer-terms {
    font-size: 13px;
    color: #bbb
}

footer.footer .footer-terms a {
    font-size: 13px;
    color: #bbb
}

footer.footer .foot-link-head {
    font-weight: 700;
    font-size: 1em;
    color: #929292
}

footer.footer .footer-links {
    font-size: 13px
}

footer.footer .footer-links a {
    color: #929292;
    text-decoration: underline
}

footer.footer .footer-links a:hover {
    text-decoration: none
}

footer.footer .footer-links a:visited {
    color: #929292
}

footer.footer .row {
    color: #666
}

a.button {
    display: inline-block;
    border: 0;
    border-radius: 3px;
    text-align: center;
    font-size: 13px
}

a.btn-cmn {
    padding: 8px 16px;
    background-color: #34a599;
    color: #fff
}

a.interval.active {
    color: #34a599 !important;
    border-color: #34a599 !important
}

a.btn-2h1 {
    height: 42px;
    padding: 10px 16px
}

a.btn-2h {
    height: 42px;
    padding: 0 40px
}

.color-std {
    background-color: #34a599;
    color: #fff
}

.color-lgray {
    background-color: #f5f5f5;
    color: #000
}

.font-14 {
    font-size: 14px
}

.div-flex-4 {
    width: 4px
}

.div-flex-2 {
    width: 2px
}

a.btn-tab-left {
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 40px;
    padding: 10px 16px;
    text-align: center
}

a.btn-tab-right {
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 40px;
    padding: 10px 16px;
    text-align: center
}

.align-center {
    margin: 0 auto
}

.btn-holder-flex {
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

.btn-holder-exp {
    text-align: right;
    margin-bottom: 12px
}

.refer-tabs {
    width: 100% !important
}

.refer-tabs .frn-tab {
    width: 25% !important
}

#ref-textarea,
#ref-textarea:focus {
    background: 0 0;
    border: none !important;
    padding: 0;
    font-size: 16px;
    width: 100%;
    height: 110%;
    max-width: 400px;
    overflow-wrap: break-word;
    resize: none;
    overflow: auto;
    outline: 0;
    text-align: center
}

#ref-textarea:hover,
.widget-text-holder:hover {
    cursor: pointer
}

.referrals-top {
    margin-top: 24px;
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 160%
}

#referral-link {
    width: 35%
}

@media (max-width:767px) {
    #referral-link {
        width: 95%
    }
}

#referrals-filter {
    display: flex
}

.ref-divide {
    width: 20px;
    vertical-align: middle;
    text-align: center;
    padding-top: 6px
}

#select-cover {
    text-align: center
}

@media (max-width:767px) {
    #select-cover {
        width: 100%
    }
    #refer-tabs-compact {
        width: 100%
    }
}

#select-cover.show-when-small {
    margin-bottom: 25px
}

#tab-ban-box,
#tab-cam-box,
#tab-ref-box,
#tab-wid-box {
    display: none
}

#tab-ref-box a {
    font-size: 14px
}

#ref-users-table a {
    font-size: 13px;
    text-decoration: none
}

@media (max-width:767px) {
    .referrals-top {
        font-size: 16px
    }
    #ref-users-table a {
        font-size: 14px;
        text-decoration: none
    }
}

#ref-btn-holder {
    margin-bottom: 32px
}

.input-campaign-holder {
    width: 35%;
    margin-bottom: 24px
}

#traffic-chart {
    width: 100%
}

#input-camp-desc,
#input-camp-name {
    width: 94%;
    margin-bottom: 12px
}

#btn-add-campaign {
    width: 100%
}

@media (max-width:767px) {
    .input-campaign-holder {
        width: 60%
    }
}

#no-campaigns,
#ref-table-holder {
    text-align: center;
    color: gray
}

#campaigns-table {
    display: table
}

#ban-select-holder {
    margin-bottom: 32px
}

.box-1,
.box-2 {
    float: left;
    width: 20%
}

#ban-select-holder select,
#widget-select-holder select {
    width: 90%
}

@media (max-width:767px) {
    .box-1,
    .box-2 {
        width: 55%
    }
    #ban-select-holder select {
        width: 60%
    }
    #banner-holder {
        overflow-x: scroll
    }
}

#banner-holder {
    margin: 0 auto 32px auto;
    text-align: center
}

#ban-btn-holder {
    display: flex;
    align-items: center
}

#ban-code-holder {
    display: none
}

.widget-text {
    width: 80%;
    height: 120px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5
}

.camp-select-holder {
    width: 200px;
    margin: auto
}

.camp-select-holder select {
    width: 100%;
    margin-left: 0
}

.right-al-holder {
    width: 65%;
    margin: 0 auto 20px auto;
    text-align: right
}

.widget-control {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

.widget-control .widget-row {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media (min-width:768px) {
    .widget-control .widget-row {
        width: 500px
    }
}

@media (max-width:767px) {
    .widget-control .widget-row {
        width: 300px
    }
}

.widget-control .widget-row .widget-text-holder {
    height: 100px;
    margin: 24px auto 0 auto;
    border: 1px solid #d3d3d3;
    padding: 6px 2px;
    text-align: left;
    font-size: 13px;
    color: #444
}

@media (max-width:767px) {
    .camp-select-holder {
        width: 50%
    }
    .right-al-holder,
    .widget-text-holder {
        width: 100%
    }
}

video:hover {
    cursor: pointer
}

.color-block {
    background: linear-gradient(120deg, #1ba1c4 20%, #49b9ad 45%)
}

.headline-text {
    font-family: Open Sans;
    font-weight: 800;
    font-size: 36px;
    color: #232323;
    line-height: 1.3em
}

@media (min-width:768px) {
    .headline-text {
        font-size: 46px
    }
}

@media (max-width:767px) {
    .headline-text {
        text-align: center
    }
}

.subheadline-text {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 25px;
    color: #232323;
    line-height: 1.3em
}

ol.cl {
    margin: 32px auto 0 auto;
    text-align: left;
    display: inline-block
}

ol.cl li {
    color: #49b9ad;
    font-weight: 700
}

ol.cl li span {
    color: #000;
    font-weight: 400
}

.textbody-break {
    background: #49b9ad;
    width: 40px;
    height: 12px;
    border-radius: 0;
    margin: auto;
    margin-bottom: 55px
}

.front-page .headline {
    text-align: center;
    color: #000;
    width: 100%;
    margin: auto auto 50px auto
}

@media (max-width:767px) {
    .front-page .headline {
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px
    }
}

.front-page .textbody {
    font-size: 16px;
    color: #000;
    line-height: 1.6em;
    padding: 0 0 60px 0 !important;
    max-width: 700px !important;
    margin: auto;
    text-align: center
}

.front-page .textbody td {
    line-height: 150%;
    padding: 20px
}

.front-page .textbody .payments td:first-child {
    width: 25%
}

@media (max-width:767px) {
    .front-page .textbody {
        margin-top: 34px;
        font-size: 1.1em
    }
}

.front-page .mediapanel {
    text-align: right;
    padding: 0 !important
}

.front-page .mediapanel .mediaframe {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.front-page .mediapanel .mediaframe .mediacanvas {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.front-page .mediapanel .mediaframe .mediacanvas img {
    width: 100%;
    height: auto;
}

.front-page .mediapanel .mediaframe .mediacanvas iframe,
.front-page .mediapanel .mediaframe .mediacanvas video {
    height: 100%;
    width: 100%
}

@media (max-width:767px) {
    .front-page .mediapanel .mediaframe {
        margin-top: unset;
        text-align: center
    }
}

.front-page .videotexts {
    padding-right: 5%
}

@media (max-width:767px) {
    .front-page .videotexts {
        padding-right: 0
    }
}

.front-page .full-panel {
    padding-bottom: 80px
}

@media (max-width:767px) {
    .front-page .full-panel {
        margin-top: 25px
    }
}

.front-page .full-panel .brokers {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 150px
}

@media (max-width:949px) {
    .front-page .full-panel .brokers {
        padding-left: 75px
    }
}

@media (max-width:767px) {
    .front-page .full-panel .brokers {
        padding-left: unset;
        flex-direction: column
    }
}

.front-page .full-panel .brokers .broker-col {
    display: flex;
    flex-direction: column
}

.front-page .full-panel .brokers .broker-col .broker-col-cell {
    width: 210px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px
}

.front-page .full-panel .brokers .broker-col .broker-col-cell a {
    color: #676767;
    text-decoration: underline
}

.front-page .full-panel .brokers .broker-col .broker-col-cell a:hover {
    text-decoration: none
}

@media (max-width:767px) {
    .front-page .full-panel .brokers .broker-col .broker-col-cell {
        width: 100%;
        text-align: center
    }
}

.front-page .payment-methods-image {
    text-align: center
}

.front-page .payment-methods-image .calc-cashback {
    margin: auto
}

.front-page .why-us-div {
    display: flex;
    border-radius: 3px;
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .13);
    color: #fff
}

.front-page .why-us-div .mdi::before {
    line-height: 1em
}

@media (max-width:767px) {
    .front-page .why-us-div {
        width: 100%;
        padding-bottom: 40px
    }
}

@media (min-width:768px) {
    .front-page .why-us-div {
        padding-top: 30px;
        padding-bottom: 50px;
        width: 100%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto
    }
}

.front-page .why-us-div .why-us-div-inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.front-page .why-us-div .why-us-point {
    display: flex;
    margin-top: 40px
}

@media (max-width:767px) {
    .front-page .why-us-div .why-us-point {
        align-items: center
    }
}

.front-page .why-us-div .why-us-point .why-us-icon {
    margin-right: 20px;
    text-align: center
}

@media (min-width:768px) {
    .front-page .why-us-div .why-us-point .why-us-icon {
        width: 100px
    }
}

.front-page .why-us-div .why-us-point .why-us-headline {
    font-size: 18px;
    font-weight: 700
}

.front-page .why-us-div .why-us-point .why-us-explained {
    max-width: 355px;
    opacity: .7;
    font-size: 15px
}

html[dir=rtl] .front-page .full-panel .brokers {
    padding-left: unset;
    padding-right: 150px
}

html[dir=rtl] .front-page .full-panel .brokers .broker-col .broker-col-cell {
    padding-right: unset;
    padding-left: 20px
}

@media (max-width:767px) {
    html[dir=rtl] .front-page .post-circle-text {
        margin-right: unset;
        margin-left: 13px
    }
}

html[dir=rtl] .front-page .why-us-div .why-us-point .why-us-icon {
    margin-right: unset;
    margin-left: 20px
}

.search-brokers-button {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .search-brokers-button {
        margin-right: auto
    }
}

.search-brokers-button a {
    border: 0;
    font-size: 16px;
    border-radius: 3px;
    border-color: #3aa4fb;
    padding: 12px 28px;
    min-width: 196px;
    display: block
}

.home-menu-strip .container-sub::before {
    content: " ";
    display: block;
    position: absolute;
    height: 476px;
    width: 100%;
    background: linear-gradient(120deg, #1ba1c4 15%, #49b9ad 35%)
}

.headline-text,
.subheadline-text {
    color: #fff
}

.search-brokers-button a {
    background: 0 0 !important;
    border: solid 1px #fff
}

.menu-border {
    height: 1px;
    background: #fff;
    opacity: .35
}

.row {
    margin-right: unset;
    margin-left: unset
}

@media (min-width:576px) {
    .row {
        margin-right: unset;
        margin-left: unset
    }
}

@media (min-width:768px) {
    .row {
        margin-right: unset;
        margin-left: unset
    }
}

@media (min-width:992px) {
    .row {
        margin-right: unset;
        margin-left: unset
    }
}

@media (min-width:1200px) {
    .row {
        margin-right: unset;
        margin-left: unset
    }
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    padding-right: unset;
    padding-left: unset
}

@media (min-width:576px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: unset;
        padding-left: unset
    }
}

@media (min-width:768px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: unset;
        padding-left: unset
    }
}

@media (min-width:992px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: unset;
        padding-left: unset
    }
}

@media (min-width:1200px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .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-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .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-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .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-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: unset;
        padding-left: unset
    }
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    display: flex
}

@media (min-width:768px) {
    .container {
        max-width: 100%
    }
}

@media (min-width:576px) {
    .container {
        max-width: 100%
    }
}

.popover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}

.popover .popover-body {
    font-size: 12px
}

.article-title {
    font-size: 36px;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 10px
}

.article-separator {
    background: #3eabd1;
    height: 6px;
    width: 40px;
    margin: 10px 0
}

.article-author {
    font-size: 14px;
    font-family: "Open Sans", serif;
    line-height: 1.6;
    color: #929292;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.article-footer {
    margin-top: 30px
}

.article-footer a {
    color: #000;
    text-decoration: underline
}

.article-prev-next-footer {
    margin-top: 30px;
    text-align: center
}

.article-prev-next-footer a {
    margin: 0 5px;
    padding: 10px 30px;
    font-weight: 700;
    text-decoration: none;
    background: #1ba1c4;
    color: #fff !important;
    display: inline-block;
    transition: opacity .5s
}

.article-prev-next-footer a :hover {
    opacity: .8
}

.article-prev-next-footer .prev-button::before {
    content: "\e642";
    font-family: entypo-plus;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 5px;
    vertical-align: middle
}

.article-prev-next-footer .next-button::after {
    content: "\e643";
    font-family: entypo-plus;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: 5px;
    vertical-align: middle
}

.article-menu-area {
    width: 220px;
    display: flex;
    flex-direction: column
}

.article-menu-area a {
    line-height: 1.5;
    height: unset
}

@media (max-width:768px) {
    .article-menu-area {
        margin: 0;
        width: unset
    }
}

.article-menu-body {
    background: 0 0;
    flex-grow: 0
}

.submenu-header {
    background: #1ba1c4;
    display: grid
}

.submenu-header .active {
    background: #32accb
}

.submenu-header a {
    padding: 10px;
    color: #fff;
    display: inline-flex;
    justify-content: space-between
}

.submenu-header a.collapsed::after {
    content: "\e641";
    font-family: entypo-plus
}

.submenu-header a[aria-expanded=true]::after {
    content: "\e644";
    font-family: entypo-plus
}

.vertical-menu {
    width: 100%
}

.vertical-menu a {
    background-color: #f7f6f6;
    color: #000;
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 100%;
    height: unset
}

.vertical-menu a.active {
    background-color: #ebebeb
}

@media (min-width:769px) {
    .vertical-menu a.active::before {
        content: "";
        position: absolute;
        vertical-align: middle;
        margin-left: -20px;
        height: 0;
        border-left: 10px solid #fff;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        top: 50%;
        transform: translateY(-10px)
    }
}

@media (max-width:768px) {
    #article-menu {
        display: none
    }
}

#article-menu-side-nav {
    background-color: #1ba1c4;
    width: 300px;
    padding-bottom: 60px
}

#side-article-menu-nav-control {
    color: #000;
    display: flex;
    align-items: center
}

@media (min-width:769px) {
    #side-article-menu-nav-control {
        display: none
    }
}

.position-relative {
    font-size: 14px
}

.open-sidebar {
    display: none;
    position: absolute;
    right: 30px
}

@media (max-width:768px) {
    .open-sidebar {
        display: block
    }
}

@media (min-width:768px) {
    html[dir=rtl] #primary {
        padding-left: 25px;
        padding-right: unset
    }
}

html[dir=rtl] .vertical-menu a.active::before {
    margin-right: -20px;
    margin-left: 0;
    border-right: 10px solid #fff;
    border-left: none
}

html[dir=rtl] .open-sidebar {
    right: unset;
    left: 30px
}

@media (max-width:768px) {
    html[dir=rtl] .article-menu-area {
        right: unset;
        left: 0
    }
    html[dir=rtl] .article-menu-area .closebtn {
        left: 0;
        right: 10px
    }
}

@media (max-width:767px) {
    html[dir=rtl] .score-breakdown {
        margin-right: 0;
        margin-left: 16px
    }
}

html[dir=rtl] .article-content-img {
    margin-left: 20px;
    margin-right: 0
}

#primary {
    overflow-x: auto
}

@media (min-width:768px) {
    #primary {
        padding-right: 25px
    }
}

#primary .quote {
    border-radius: 3px;
    border-left: solid 16px #eee;
    margin: 10px;
    padding: 10px;
    background: #f5f5f5
}

#primary a[name] {
    margin-top: -30px;
    position: absolute
}

#primary table {
    margin: auto
}

#primary table ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#primary table ul li {
    margin: 0;
    padding: 0;
    margin-bottom: 20px
}

#primary fieldset {
    background: #f5f5f5;
    border: none;
    padding: 0 20px
}

#primary legend {
    border: solid 1px #ccc;
    padding: 5px 10px;
    margin-left: 0;
    font-size: 15px
}

@media only screen and (max-width:991px) {
    #primary legend {
        font-size: 16px
    }
}

#primary .code {
    border-radius: 3px;
    border-left: solid 16px #1ba1c4;
    margin: 10px;
    padding: 10px;
    background: #f5f5f5
}

.sctable {
    width: auto !important
}

.tablescroll {
    overflow: hidden;
    margin: 8px 0;
    position: relative
}

.tablescroll table {
    margin-bottom: unset !important
}

@media (max-width:929px) {
    .tablescroll {
        text-align: left !important
    }
}

.tablescroll.shadow-left {
    cursor: url(/static/images/arrow-left-right.svg), auto;
    position: relative
}

.tablescroll.shadow-left::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 5px;
    background: linear-gradient(to right, rgba(143, 144, 149, .8), transparent);
    opacity: .5
}

html[dir=rtl] .tablescroll.shadow-left::before {
    right: 0;
    left: unset;
    background: linear-gradient(to left, rgba(143, 144, 149, .8), transparent)
}

.tablescroll.shadow-right {
    cursor: url(/static/images/arrow-left-right.svg), auto
}

.tablescroll.shadow-right::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 5px;
    background: linear-gradient(to left, rgba(143, 144, 149, .8), transparent);
    opacity: .5
}

html[dir=rtl] .tablescroll.shadow-right::after {
    left: 0;
    right: unset;
    background: linear-gradient(to right, rgba(143, 144, 149, .8), transparent)
}

.tablescroll .tablescroll-wrap {
    overflow-x: auto
}

#primary h1,
#primary h2,
#primary h3,
#primary h4,
#primary h5,
#primary h6 {
    font-family: "Open Sans", sans-serif;
    line-height: 140%
}

#primary h1,
#primary h1 strong,
#primary h2,
#primary h2 strong,
#primary h3,
#primary h3 strong,
#primary h4,
#primary h4 strong,
#primary h5,
#primary h5 strong,
#primary h6,
#primary h6 strong {
    font-weight: 600 !important
}

#primary h2,
#primary h3,
#primary h4,
#primary h5,
#primary h6 {
    margin-top: 40px
}

#primary {
    float: right
}

#primary img {
    margin-bottom: 15px;
    max-width: 100%
}

.schoolfloat {
    float: left;
    margin: 0 16px 8px 0
}

#primary,
#secondary {
    color: #000;
    font-size: 15px !important
}

@media only screen and (max-width:991px) {
    #primary,
    #secondary {
        font-size: 16px !important
    }
}

#primary table {
    width: auto;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0
}

#primary table td,
#primary table th {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 0;
    border-bottom: 0
}

#primary table tr:last-child td,
#primary table tr:last-child th {
    border-bottom: 1px solid #ddd
}

#primary table tr td:last-child,
#primary table tr th:last-child {
    border-right: 1px solid #ddd
}

html[dir=rtl] #primary table tr td:last-child,
html[dir=rtl] #primary table tr th:last-child {
    border-right: none
}

html[dir=rtl] #primary table tr td:first-child,
html[dir=rtl] #primary table tr th:first-child {
    border-right: 1px solid #ddd
}

#primary th {
    background-color: #f7f7f7
}

#primary table>tbody>tr>td,
#primary table>tbody>tr>th,
#primary table>tfoot>tr>td,
#primary table>tfoot>tr>th,
#primary table>thead>tr>td,
#primary table>thead>tr>th {
    padding: 10px;
    line-height: 1.42857143;
    vertical-align: top
}

.article-menu-view-title {
    background-image: url(/static/images/academy-header.jpg);
    background-size: auto;
    margin: -25px -25px 25px -25px;
    padding: 60px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px 2px 0 0;
    position: relative
}

@media (max-width:767px) {
    .article-menu-view-title {
        margin: -25px -10px 25px -10px;
        padding: 40px 20px
    }
}

.article-menu-view-title:after {
    background: linear-gradient(120deg, #1ba1c4 20%, #49b9ad 45%);
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .9;
    z-index: 0;
    border-radius: 2px 2px 0 0
}

.article-menu-view-title h1 {
    z-index: 1;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0
}

@media (max-width:767px) {
    .article-menu-view-title h1 {
        font-size: 30px
    }
}

.article-menu-view-content {
    margin: auto;
    max-width: 667px;
    padding: 40px 0
}

.article-menu-view-content hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #bbb
}

@media (max-width:767px) {
    .article-menu-view-content hr {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .article-menu-view-content {
        padding: 5px
    }
}

.menu-logo-pane {
    display: flex;
    flex-direction: column;
    align-self: start
}

@media (max-width:767px) {
    .menu-logo-pane {
        width: 100%
    }
}

.menu-logo-pane img {
    width: 301px;
    height: 169px;
    object-fit: cover
}

@media (max-width:767px) {
    .menu-logo-pane img {
        width: 100%;
        height: auto
    }
}

.menu-logo-pane span {
    margin-top: -35px;
    background: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-top: 10px;
    padding-right: 20px;
    max-width: 272px;
    width: max-content
}

@media (max-width:767px) {
    .menu-logo-pane span {
        max-width: 85%
    }
}

.article-item {
    display: flex;
    align-items: center
}

.article-item .article-item-logo-crop {
    width: 120px;
    height: 90px;
    min-width: 120px;
    min-height: 90px;
    overflow: hidden
}

.article-item .article-item-logo-crop img {
    width: 120px;
    height: 90px;
    object-fit: cover
}

.article-item span {
    font-size: 15px;
    font-weight: 700;
    margin-left: 20px;
    color: #000
}

.article-item a {
    color: #000 !important
}

.article-list-content {
    margin-top: 40px
}

.article-list-content a {
    text-decoration: none
}

.article-list-content hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border-top: 1px solid #bbb
}

@media (max-width:767px) {
    .article-list-content hr {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.menu-links {
    display: flex;
    flex-direction: row
}

@media (max-width:767px) {
    .menu-links {
        flex-direction: column
    }
}

.menu-links a {
    font-size: 14px;
    color: unset
}

.menu-item-link li {
    line-height: 120%
}

.menu-item-link a {
    font-size: 15px;
    color: #000
}

@media (max-width:767px) {
    .menu-item-link {
        margin-top: 10px
    }
    .menu-item-link ul {
        padding-left: 20px;
        margin-bottom: 0
    }
}

.star-rating-sm {
    display: flex;
    font-size: 1.2em;
    color: #f9da30
}

.star-rating-lg {
    display: flex;
    font-size: 48px;
    color: #f9da30
}

.star-rating-lg .rating-decimal-value {
    font-size: 36px
}

.overall-rating-sm {
    display: flex;
    font-size: 1.2em;
    justify-content: center
}

.user-rating-sm {
    display: flex;
    font-size: 1.2em;
    justify-content: center
}

.user-rating-lg {
    display: flex;
    font-size: 48px;
    margin: 30px 5px
}

.user-rating-lg .rating-decimal-value {
    font-size: 36px
}

.user-rating-lg .user-rating-count {
    font-size: 16px
}

.user-rating-count {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 11px;
    margin: 0 8px
}

.user-rating-count a {
    color: #333;
    text-decoration: underline
}

.rating-decimal-value {
    margin: 0 5px;
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.rating-decimal-value span {
    vertical-align: middle
}

.overall-rating-lg {
    display: flex;
    font-size: 48px;
    color: #f9da30;
    margin: 30px 5px
}

.overall-rating-lg .rating-decimal-value {
    font-size: 36px
}

.overall-rating-lg .user-rating-count {
    margin: 0 6px
}

.pricing-box {
    border: 1px solid #e4e4e4;
    padding: 4px 8px
}

.score-breakdown-pane {
    font-size: 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .score-breakdown-pane {
        justify-content: space-between
    }
}

@media (max-width:767px) {
    .score-breakdown {
        margin-right: 16px
    }
}

.star-holder {
    display: inline-flex
}

.article-footer {
    max-width: 800px
}

#primary table td,
#primary table th {
    vertical-align: middle !important
}

#primary fieldset {
    background: #fff !important;
    border: solid 1px #aaa !important;
    padding: 25px 30px !important;
    margin: 30px 0 !important
}

#primary legend {
    border: none;
    width: auto;
    background: #000 !important;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    padding: 5px 15px
}

#primary legend:after {
    content: " ";
    display: block
}

.quote,
blockquote {
    border-radius: 3px;
    border-left: solid 16px #e5e5e5 !important;
    margin: 20px 0 !important;
    padding: 0 15px !important;
    background: #fff !important
}

.code,
code {
    font-size: 87.5% !important;
    color: #e83e8c;
    word-break: break-word;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.code {
    border: solid 1px #ccc !important;
    background: #fff !important;
    margin: 0 !important;
    margin-bottom: 1rem !important
}

.article-pane .best-brokers td {
    vertical-align: middle !important
}

.article-pane .best-brokers img {
    max-width: 90px !important
}

.article-pane .best-brokers .btn {
    padding: 0 15px !important;
    line-height: 25px !important
}

.mce-toc h2:before {
    content: normal !important
}

#primary h2 {
    position: relative;
    padding: 15px 20px 15px 25px;
    margin-top: 0;
    margin-bottom: 0
}

#primary .article-pane h2 {
    padding-left: 0 !important
}

.keypoints {
    position: relative;
    font-weight: 700;
    padding: 30px 40px 15px 25px
}

.keypoints li {
    font-weight: 400;
    margin-bottom: 24px
}

.keypoints:after,
.keypoints:before {
    content: " ";
    position: absolute;
    z-index: 0;
    display: block;
    width: 40%;
    height: 30%;
    border-style: solid;
    border-width: 1px
}

.keypoints:after,
.keypoints:before {
    border-color: red;
    border-width: 1px !important
}

.keypoints:before {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none
}

.keypoints:after {
    bottom: 0;
    right: 0;
    border-top: none;
    border-left: none
}

.keypoints ol,
.keypoints ul {
    z-index: 1;
    position: relative
}

.key-takeaways {
    background: #f4f5f7;
    border: 1px solid #ebecf0;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 32px !important
}

.key-takeaways strong {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #0a1f41
}

.key-takeaways ul {
    list-style: none;
    counter-reset: my-awesome-counter;
    padding-left: 0;
    margin: 0
}

html[dir=rtl] .key-takeaways ul {
    padding-right: 0
}

.key-takeaways li {
    font-weight: 400;
    margin-bottom: 24px;
    counter-increment: my-awesome-counter;
    display: flex;
    align-items: center;
    padding-left: 57px;
    position: relative
}

html[dir=rtl] .key-takeaways li {
    padding-left: unset;
    padding-right: 57px
}

.key-takeaways li:before {
    position: absolute;
    left: 0;
    content: counter(my-awesome-counter);
    background: #fff;
    border: 1px solid #ebecf0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-block;
    color: #0a1f41;
    text-align: center;
    margin-right: 16px;
    font-size: 16px;
    line-height: 40px;
    font-weight: 700;
    flex: none
}

html[dir=rtl] .key-takeaways li:before {
    margin-left: 16px;
    margin-right: 0;
    right: 0
}

.key-takeaways li:last-child {
    margin-bottom: 10px
}

ul.best-forex-brokers {
    list-style: none;
    padding-left: 0
}

html[dir=rtl] ul.best-forex-brokers {
    padding-right: 0
}

ul.best-forex-brokers li {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 16px
}

ul.best-forex-brokers li:hover::before {
    width: 4px;
    height: 100%;
    background: #051d4d;
    flex: none;
    left: 0
}

html[dir=rtl] ul.best-forex-brokers li:hover::before {
    left: unset;
    right: 0
}

ul.best-forex-brokers li:hover {
    background: #f5f6f7;
    cursor: pointer;
    transition: .35s
}

ul.best-forex-brokers li:before {
    position: absolute;
    content: ' ';
    top: 0;
    left: 1px;
    width: 2px;
    height: 100%;
    background: rgba(92, 106, 134, .19);
    flex: none;
    transition: .35s
}

html[dir=rtl] ul.best-forex-brokers li:before {
    left: unset;
    right: 1px
}

ul.best-forex-brokers li.active:before {
    width: 4px;
    height: 100%;
    background: #051d4d;
    flex: none;
    left: 0
}

html[dir=rtl] ul.best-forex-brokers li.active:before {
    left: unset;
    right: 0
}

ul.best-forex-brokers li img {
    margin: 0 16px !important;
    width: 64px
}

ul.best-forex-brokers li div {
    display: flex;
    flex-direction: column
}

ul.best-forex-brokers li div a {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #0a1f41
}

.best-broker-key-feature-title {
    display: flex;
    align-items: center
}

@media (max-width:767px) {
    .best-broker-key-feature-title {
        align-items: start;
        gap: 16px
    }
}

.best-broker-key-feature-title img {
    margin: 0 !important
}

@media (max-width:767px) {
    .best-broker-key-feature-title img {
        width: 104px !important;
        height: 104px !important
    }
}

.best-broker-key-feature-title h2 {
    font-family: "Open Sans" !important;
    font-size: 30px !important;
    font-weight: 600;
    line-height: 40px !important;
    margin: 0 24px !important;
    padding: 0 !important;
    color: #0a1f41
}

@media (max-width:767px) {
    .best-broker-key-feature-title h2 {
        font-size: 24px !important;
        line-height: 32px !important;
        margin: unset !important
    }
}

.best-broker-key-feature-title h2 span {
    font-size: 20px;
    font-weight: 500;
    color: #263957;
    line-height: 24px !important
}

@media (max-width:767px) {
    .best-broker-key-feature-title h2 span {
        font-size: 16px !important;
        line-height: 28px !important
    }
}

.key-features {
    background: #f4f5f7;
    border: 1px solid #ebecf0;
    box-sizing: border-box;
    border-radius: 2px;
    margin: 32px 0;
    padding: 24px 32px
}

.key-features .key-features-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 16px
}

.key-features ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

html[dir=rtl] .key-features ul {
    padding-right: 0
}

.key-features ul li {
    padding: 0 0 0 32px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    margin: 8px 0
}

html[dir=rtl] .key-features ul li {
    padding: 0 32px 0 0
}

.key-features ul li:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: url(/static/images/Check.svg);
    left: 0;
    top: 4px
}

html[dir=rtl] .key-features ul li:before {
    left: unset;
    right: 0
}

.key-features a {
    font-size: 14px;
    font-weight: 600;
    color: #263957;
    margin-top: 16px;
    display: block
}

.pros-cons {
    color: #0a1f41
}

.pros-cons .pros-cons-body {
    display: flex;
    justify-content: space-between
}

@media (max-width:767px) {
    .pros-cons .pros-cons-body {
        flex-direction: column
    }
}

.pros-cons .pros-cons-title {
    font-family: "Open Sans";
    font-size: 20px;
    line-height: 24px;
    font-weight: 500
}

.pros-cons .pros {
    margin-right: 16px
}

html[dir=rtl] .pros-cons .pros {
    margin-right: 0;
    margin-left: 16px
}

.pros-cons .pros ul li:before {
    background: url(/static/images/pros-check.svg) no-repeat center
}

.pros-cons .cons ul li::before {
    background: url(/static/images/cons-check.svg) no-repeat center
}

.pros-cons ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

html[dir=rtl] .pros-cons ul {
    padding-right: 0
}

.pros-cons ul li {
    padding: 0 0 0 32px !important;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    margin: 16px 0 !important
}

html[dir=rtl] .pros-cons ul li {
    padding: 0 32px 0 0 !important
}

.pros-cons ul li:before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    left: 0
}

html[dir=rtl] .pros-cons ul li:before {
    left: unset;
    right: 0
}

.broker-open-account-box {
    background: #f4f5f7;
    border: 1px solid #ebecf0;
    border-radius: 2px;
    display: flex;
    padding: 16px;
    align-items: center
}

@media (max-width:767px) {
    .broker-open-account-box {
        flex-wrap: wrap
    }
}

.broker-open-account-box img {
    width: 48px;
    margin-bottom: 0 !important
}

.broker-open-account-box div {
    margin: 0 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px
}

@media (max-width:767px) {
    .broker-open-account-box div {
        width: calc(100% - 64px)
    }
}

.broker-open-account-box a {
    background: #fdaa29;
    border-radius: 50px;
    padding: 6px 16px;
    line-height: 20px;
    margin-left: auto;
    white-space: nowrap;
    color: #0a1f41;
    font-size: 14px;
    font-weight: 600
}

@media (max-width:767px) {
    .broker-open-account-box a {
        width: 100%;
        text-align: center;
        margin-top: 8px
    }
}

.broker-open-account-box a:hover {
    background-color: #e48c03
}

#primary h3,
#primary h4,
#primary h5,
#primary h6 {
    margin: 20px 0
}

#primary table td,
#primary table tr {
    height: auto !important;
    width: auto !important
}

@media (max-width:575px) {
    #primary table.fibonacci-table,
    #primary table.pivot-point-table {
        width: 100% !important
    }
}

#primary h1,
#primary h2 {
    font-size: 36px
}

#primary h3 {
    font-size: 26px
}

#primary h4 {
    font-size: 19px
}

.article-title {
    margin: 0 !important
}

#primary .article-body {
    font-family: Open Sans, Montserrat, Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑" !important
}

#primary .article-body table {
    font-family: "open sans", sans-serif;
    font-size: 14px
}

.calc-widget-content {
    font-family: "open sans", sans-serif
}

#primary,
#secondary {
    color: #000;
    font-size: 16px !important;
    line-height: 170%
}

.article-item span {
    margin: 0 8px !important
}

@media (min-width:768px) {
    .calc-widget-content .form-group {
        min-height: 68px
    }
    .mce-toc>ul {
        column-count: 2;
        column-gap: 35px
    }
    .menu-item-link ul {
        padding-left: 25px
    }
}

@media (max-width:767px) {
    .article-pane {
        padding: 0 16px !important
    }
    .menu-item-link ul {
        margin-top: 20px
    }
    #primary h1,
    #primary h2 {
        line-height: 130%
    }
    .menu-item-link a {
        font-size: 17px !important;
        white-space: normal !important;
        max-width: auto !important;
        display: inline !important
    }
    .mce-toc {
        width: 99%
    }
    .mce-toc h2 {
        margin-bottom: 15px
    }
}

.menu-item-link ul {
    list-style: none
}

.menu-item-link li {
    margin-bottom: 15px;
    position: relative;
    line-height: 120%
}

.menu-item-link a {
    white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: solid 1px;
    border-bottom-color: #bbb;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 1px;
    transition: border-bottom-color .2s
}

.menu-item-link a:hover {
    border-bottom: solid 2px;
    padding-bottom: 0;
    border-bottom-color: #000;
    transition: border-bottom-color .2s
}

.article-menu-view-content {
    max-width: 700px
}

.article-menu-view-content hr {
    background: 0 0;
    border-top: solid 1px #bbb
}

#primary img {
    height: auto !important
}

#primary table img {
    margin-bottom: 0
}

.mce-toc {
    padding: 10px 25px;
    background: #fff;
    margin: 25px 0;
    font-family: "Open sans", sans-serif;
    border: solid 1px #bbb;
    font-weight: 400 !important
}

.mce-toc ul:first-child {
    margin-top: 1rem
}

#primary .mce-toc h2 {
    font-size: 17px !important;
    margin-bottom: 15px;
    padding: 0 !important
}

.mce-toc a {
    font-weight: 600
}

.mce-toc li {
    line-height: 120%;
    margin-bottom: 7px;
    font-size: 15px
}

.mce-toc a:hover {
    text-decoration: underline
}

.mce-toc>ul {
    padding-left: 25px;
    list-style-type: decimal
}

.mce-toc>ul>li {
    color: #000
}

.mce-toc li ul li {
    display: none
}

footer.footer {
    padding-bottom: 70px
}

.article-read-more-section {
    background: #f5f5f5;
    padding: 20px;
    margin-top: 30px
}

.article-read-more-section p {
    margin-bottom: -20px
}

.article-author-bio {
    margin-top: 50px;
    margin-bottom: 30px
}

.author-bio-content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.article-author-content-pane {
    display: flex;
    flex-direction: row
}

.article-content-img {
    width: 100px !important;
    height: 100px !important;
    margin-right: 20px
}

.article-author-social-links {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.article-author-social-links a div {
    width: 40px;
    height: 40px;
    border: 1px solid;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-left: 10px;
    margin-right: 10px
}

.article-author-top {
    font-size: 20px;
    font-weight: 600;
    color: #000
}

@media (max-width:767px) {
    .article-author-top {
        margin: 10px 0
    }
}

.article-author-top img {
    width: 30px;
    height: 30px;
    margin-bottom: 0 !important
}

.article-author-top span {
    margin-left: 10px;
    margin-right: 10px
}

.article-not-available .font-14,
.article-not-available .ml-2,
a.article-not-available {
    color: #bbb
}

.submenu-header a.article-not-available {
    color: #fff;
    opacity: .4
}

.article-menu-affiliate-link {
    font-size: 13px;
    line-height: initial;
    margin-bottom: 18px;
    text-decoration: underline;
    color: #000;
    font-weight: 700
}

.article-menu-affiliate-link:hover {
    color: #000;
    text-decoration: underline
}

.calc-live-chart-links {
    font-weight: 700
}

.calc-live-chart-links a {
    color: #0275d8 !important;
    text-decoration: underline
}

#primary table.rkf-pip-value-table {
    text-align: left;
    width: 100% !important
}

#primary table.rkf-pip-value-table .rkf-pip-size-td {
    font-weight: bolder !important;
    font-style: italic
}

#primary table.guide-page-table,
table.guide-page-table {
    border: none;
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px
}

@media (min-width:930px) {
    #primary table.guide-page-table,
    table.guide-page-table {
        width: 900px !important
    }
}

#primary table.guide-page-table th,
table.guide-page-table th {
    background: #f4f5f7;
    color: #0a1f41;
    font-weight: 600
}

#primary table.guide-page-table td,
table.guide-page-table td {
    color: #263957
}

#primary table.guide-page-table td,
#primary table.guide-page-table th,
table.guide-page-table td,
table.guide-page-table th {
    border: none;
    border-top: 1px solid #ced3d9
}

#primary table.guide-page-table tr:last-child td,
#primary table.guide-page-table tr:last-child th,
table.guide-page-table tr:last-child td,
table.guide-page-table tr:last-child th {
    border-bottom: 1px solid #ced3d9
}

#primary table.guide-page-table tr td:first-child,
#primary table.guide-page-table tr th:first-child,
table.guide-page-table tr td:first-child,
table.guide-page-table tr th:first-child {
    border-left: 1px solid #ced3d9
}

html[dir=rtl] #primary table.guide-page-table tr td:first-child,
html[dir=rtl] #primary table.guide-page-table tr th:first-child,
html[dir=rtl] table.guide-page-table tr td:first-child,
html[dir=rtl] table.guide-page-table tr th:first-child {
    border-left: none;
    border-right: 1px solid #ced3d9
}

#primary table.guide-page-table tr td:last-child,
#primary table.guide-page-table tr th:last-child,
table.guide-page-table tr td:last-child,
table.guide-page-table tr th:last-child {
    border-right: 1px solid #ced3d9
}

html[dir=rtl] #primary table.guide-page-table tr td:last-child,
html[dir=rtl] #primary table.guide-page-table tr th:last-child,
html[dir=rtl] table.guide-page-table tr td:last-child,
html[dir=rtl] table.guide-page-table tr th:last-child {
    border-left: 1px solid #ced3d9;
    border-right: none
}

#primary table.guide-page-table ul,
table.guide-page-table ul {
    padding-left: 15px;
    margin-bottom: 0
}

#primary table.guide-page-table li,
table.guide-page-table li {
    margin-bottom: 3px
}

body.tools-popout {
    height: 100vh;
    overflow: hidden
}

body.tools-popout .article-body .tool-content-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 300;
    display: block;
    overflow-y: auto
}

html[dir=rtl] input[type=checkbox],
html[dir=rtl] input[type=radio] {
    left: 9999px
}

#hcb_subscribe input[type=checkbox] {
    position: unset;
    left: unset;
    visibility: unset
}

#primary h1.article-title {
    font-size: 40px !important
}

#show-guide-filter-dialog-body #broker-search {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    border: none;
    box-shadow: none
}

#show-guide-filter-dialog-body #broker-search .dropdown-menu.show {
    overflow-y: scroll
}

#broker-app.broker-list-app select.filter-search,
#ratings-select select.filter-search,
#show-guide-filter-dialog select.filter-search {
    border: 1px solid #ced3d9;
    border-radius: 2px;
    background-color: #fff !important
}

#broker-app.broker-list-app #broker-search,
#ratings-select #broker-search,
#show-guide-filter-dialog #broker-search {
    margin-top: unset !important;
    min-width: 280px !important;
    background: #f4f5f7 !important;
    border: 1px solid #ebecf0;
    box-sizing: border-box;
    border-radius: 2px;
    box-shadow: none !important
}

#broker-app.broker-list-app #broker-search select.filter-search.active,
#ratings-select #broker-search select.filter-search.active,
#show-guide-filter-dialog #broker-search select.filter-search.active {
    border: 2px solid #44a2f8
}

#broker-app.broker-list-app #broker-search .faux-multi-select-wrap.hide-check-box li label:before,
#ratings-select #broker-search .faux-multi-select-wrap.hide-check-box li label:before,
#show-guide-filter-dialog #broker-search .faux-multi-select-wrap.hide-check-box li label:before {
    display: none
}

#broker-app.broker-list-app #broker-search .search-row.checkbox-row label,
#ratings-select #broker-search .search-row.checkbox-row label,
#show-guide-filter-dialog #broker-search .search-row.checkbox-row label {
    font-size: 14px;
    color: #263957
}

#broker-app.broker-list-app #broker-search .head-line,
#ratings-select #broker-search .head-line,
#show-guide-filter-dialog #broker-search .head-line {
    color: #0a1f41 !important;
    font-size: 20px !important;
    line-height: 24px;
    font-weight: 500;
    padding: 16px !important;
    background: 0 0 !important
}

#broker-app.broker-list-app #broker-search .filter-close,
#ratings-select #broker-search .filter-close,
#show-guide-filter-dialog #broker-search .filter-close {
    margin-left: auto;
    font-weight: 500;
    opacity: 1
}

@media (min-width:768px) {
    #broker-app.broker-list-app #broker-search .filter-close,
    #ratings-select #broker-search .filter-close,
    #show-guide-filter-dialog #broker-search .filter-close {
        display: none !important
    }
}

#broker-app.broker-list-app #broker-search .mobile-reset-filter,
#ratings-select #broker-search .mobile-reset-filter,
#show-guide-filter-dialog #broker-search .mobile-reset-filter {
    margin: 16px;
    padding: 8px;
    border: 1px solid #263957;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

@media (min-width:768px) {
    #broker-app.broker-list-app #broker-search .mobile-reset-filter,
    #ratings-select #broker-search .mobile-reset-filter,
    #show-guide-filter-dialog #broker-search .mobile-reset-filter {
        display: none !important
    }
}

#broker-app.broker-list-app #broker-search .mobile-reset-filter a,
#broker-app.broker-list-app #broker-search .mobile-reset-filter a:hover,
#ratings-select #broker-search .mobile-reset-filter a,
#ratings-select #broker-search .mobile-reset-filter a:hover,
#show-guide-filter-dialog #broker-search .mobile-reset-filter a,
#show-guide-filter-dialog #broker-search .mobile-reset-filter a:hover {
    color: #263957
}

#broker-app.broker-list-app #broker-search .mobile-apply-filter,
#ratings-select #broker-search .mobile-apply-filter,
#show-guide-filter-dialog #broker-search .mobile-apply-filter {
    margin: 16px;
    padding: 8px;
    border: 1px solid #263957;
    border-radius: 2px;
    background: #0a1f41;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

@media (min-width:768px) {
    #broker-app.broker-list-app #broker-search .mobile-apply-filter,
    #ratings-select #broker-search .mobile-apply-filter,
    #show-guide-filter-dialog #broker-search .mobile-apply-filter {
        display: none !important
    }
}

#broker-app.broker-list-app #broker-search .mobile-apply-filter a,
#broker-app.broker-list-app #broker-search .mobile-apply-filter a:hover,
#ratings-select #broker-search .mobile-apply-filter a,
#ratings-select #broker-search .mobile-apply-filter a:hover,
#show-guide-filter-dialog #broker-search .mobile-apply-filter a,
#show-guide-filter-dialog #broker-search .mobile-apply-filter a:hover {
    color: #fff
}

@media (max-width:767px) {
    #broker-app.broker-list-app #broker-search .filter-reset,
    #ratings-select #broker-search .filter-reset,
    #show-guide-filter-dialog #broker-search .filter-reset {
        display: none !important
    }
}

#broker-app.broker-list-app #broker-search .filter-reset a,
#ratings-select #broker-search .filter-reset a,
#show-guide-filter-dialog #broker-search .filter-reset a {
    padding: 1px 16px;
    border: 1px solid #263957;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none !important;
    color: #263957 !important;
    font-weight: 600
}

#broker-app.broker-list-app #broker-search .search-row,
#ratings-select #broker-search .search-row,
#show-guide-filter-dialog #broker-search .search-row {
    padding: 0 16px !important;
    margin: 8px 0
}

#broker-app.broker-list-app #broker-search .search-row.year-range,
#ratings-select #broker-search .search-row.year-range,
#show-guide-filter-dialog #broker-search .search-row.year-range {
    margin: 16px 0
}

#broker-app.broker-list-app #broker-search .search-row.year-range span,
#ratings-select #broker-search .search-row.year-range span,
#show-guide-filter-dialog #broker-search .search-row.year-range span {
    color: #0a1f41
}

#broker-app.broker-list-app #broker-search .search-row.year-range .year-founded:nth-child(1),
#ratings-select #broker-search .search-row.year-range .year-founded:nth-child(1),
#show-guide-filter-dialog #broker-search .search-row.year-range .year-founded:nth-child(1) {
    margin-right: 16px
}

html[dir=rtl] #broker-app.broker-list-app #broker-search .search-row.year-range .year-founded:nth-child(1),
html[dir=rtl] #ratings-select #broker-search .search-row.year-range .year-founded:nth-child(1),
html[dir=rtl] #show-guide-filter-dialog #broker-search .search-row.year-range .year-founded:nth-child(1) {
    margin-left: 16px;
    margin-right: 0
}

#broker-app.broker-list-app #broker-search .search-row.year-range .year-founded:nth-child(2),
#ratings-select #broker-search .search-row.year-range .year-founded:nth-child(2),
#show-guide-filter-dialog #broker-search .search-row.year-range .year-founded:nth-child(2) {
    margin-left: 16px
}

html[dir=rtl] #broker-app.broker-list-app #broker-search .search-row.year-range .year-founded:nth-child(2),
html[dir=rtl] #ratings-select #broker-search .search-row.year-range .year-founded:nth-child(2),
html[dir=rtl] #show-guide-filter-dialog #broker-search .search-row.year-range .year-founded:nth-child(2) {
    margin-right: 16px;
    margin-left: 0
}

#broker-app.broker-list-app #broker-search .search-row.year-range input,
#ratings-select #broker-search .search-row.year-range input,
#show-guide-filter-dialog #broker-search .search-row.year-range input {
    font-size: 14px
}

@media (max-width:767px) {
    #broker-app.broker-list-app #broker-search .search-row.year-range input,
    #ratings-select #broker-search .search-row.year-range input,
    #show-guide-filter-dialog #broker-search .search-row.year-range input {
        font-size: 16px
    }
}

#broker-app.broker-list-app #broker-search .broker-search-body,
#ratings-select #broker-search .broker-search-body,
#show-guide-filter-dialog #broker-search .broker-search-body {
    margin-bottom: 8px
}

#broker-app.broker-list-app #broker-search .selected-options>div,
#ratings-select #broker-search .selected-options>div,
#show-guide-filter-dialog #broker-search .selected-options>div {
    background: #e4e7eb;
    border: 1px solid #aeb5c0 !important;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 7px 11px !important;
    margin: 8px 0;
    color: #263957 !important;
    font-size: 12px !important;
    min-height: 32px !important;
    line-height: 16px
}

#broker-app.broker-list-app #broker-search .selected-options>div .close,
#ratings-select #broker-search .selected-options>div .close,
#show-guide-filter-dialog #broker-search .selected-options>div .close {
    font-weight: 400 !important;
    margin-top: -8px;
    margin-bottom: -8px;
    margin-right: 3px
}

#broker-app.broker-list-app #broker-search .selected-options>div:last-child,
#ratings-select #broker-search .selected-options>div:last-child,
#show-guide-filter-dialog #broker-search .selected-options>div:last-child {
    margin-bottom: 0
}

html[dir=rtl] #broker-app.broker-list-app #broker-search .selected-options>div,
html[dir=rtl] #ratings-select #broker-search .selected-options>div,
html[dir=rtl] #show-guide-filter-dialog #broker-search .selected-options>div {
    padding: 7px 11px !important;
    flex-direction: unset
}

html[dir=rtl] #broker-app.broker-list-app #broker-search .selected-options>div .close,
html[dir=rtl] #ratings-select #broker-search .selected-options>div .close,
html[dir=rtl] #show-guide-filter-dialog #broker-search .selected-options>div .close {
    margin-right: auto;
    margin-left: 3px
}

#broker-app.broker-list-app #broker-search .year-founded,
#ratings-select #broker-search .year-founded,
#show-guide-filter-dialog #broker-search .year-founded {
    flex: 1;
    background: #fff;
    border: 1px solid #d9dde1;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px 16px;
    height: unset !important
}

#broker-app.broker-list-app #broker-search .search-row>select,
#ratings-select #broker-search .search-row>select,
#show-guide-filter-dialog #broker-search .search-row>select {
    padding: 9px 11px !important;
    font-size: 14px;
    line-height: 20px;
    color: #263957 !important;
    height: unset
}

@media (max-width:767px) {
    #broker-app.broker-list-app #broker-search .search-row>select,
    #ratings-select #broker-search .search-row>select,
    #show-guide-filter-dialog #broker-search .search-row>select {
        font-size: 16px
    }
}

#broker-app.broker-list-app .faux-multi-select.frn-override,
#ratings-select .faux-multi-select.frn-override,
#show-guide-filter-dialog .faux-multi-select.frn-override {
    border: 1px solid #ced3d9;
    border-radius: 2px;
    background-color: #fff;
    font-size: 14px !important;
    color: #263957;
    line-height: 20px;
    min-height: 40px;
    height: unset
}

@media (max-width:767px) {
    #broker-app.broker-list-app .faux-multi-select.frn-override,
    #ratings-select .faux-multi-select.frn-override,
    #show-guide-filter-dialog .faux-multi-select.frn-override {
        font-size: 16px !important
    }
}

#broker-app.broker-list-app .faux-multi-select.frn-override span,
#ratings-select .faux-multi-select.frn-override span,
#show-guide-filter-dialog .faux-multi-select.frn-override span {
    margin-left: 0;
    margin-right: 0
}

#broker-app.broker-list-app .faux-multi-select.frn-override.active span,
#ratings-select .faux-multi-select.frn-override.active span,
#show-guide-filter-dialog .faux-multi-select.frn-override.active span {
    margin-right: 4px
}

html[dir=rtl] #broker-app.broker-list-app .faux-multi-select.frn-override.active span,
html[dir=rtl] #ratings-select .faux-multi-select.frn-override.active span,
html[dir=rtl] #show-guide-filter-dialog .faux-multi-select.frn-override.active span {
    margin-left: 4px;
    margin-right: 0
}

#broker-app.broker-list-app .faux-multi-select .multi-selected-value,
#ratings-select .faux-multi-select .multi-selected-value,
#show-guide-filter-dialog .faux-multi-select .multi-selected-value {
    font-size: 14px !important;
    color: #263957 !important;
    line-height: 20px
}

@media (max-width:767px) {
    #broker-app.broker-list-app .faux-multi-select .multi-selected-value,
    #ratings-select .faux-multi-select .multi-selected-value,
    #show-guide-filter-dialog .faux-multi-select .multi-selected-value {
        font-size: 16px !important
    }
}

#broker-app.broker-list-app .broker-list-pane,
#ratings-select .broker-list-pane,
#show-guide-filter-dialog .broker-list-pane {
    overflow-x: auto;
    width: 100%
}

#broker-app.broker-list-app .broker-list-pane #primary,
#ratings-select .broker-list-pane #primary,
#show-guide-filter-dialog .broker-list-pane #primary {
    padding: 0
}

#broker-app.broker-list-app .broker-list-pane-title h1,
#ratings-select .broker-list-pane-title h1,
#show-guide-filter-dialog .broker-list-pane-title h1 {
    font-family: "Open Sans";
    margin: 0 !important;
    color: #0a1f41 !important;
    font-size: 46px;
    font-weight: 600
}

#broker-app.broker-list-app .broker-list-search-parms,
#ratings-select .broker-list-search-parms,
#show-guide-filter-dialog .broker-list-search-parms {
    margin: 16px 0
}

#broker-app.broker-list-app .broker-list-search-result,
#ratings-select .broker-list-search-result,
#show-guide-filter-dialog .broker-list-search-result {
    width: 100%;
    overflow-x: auto
}

#broker-app.broker-list-app [type=checkbox]+label::before,
#ratings-select [type=checkbox]+label::before,
#show-guide-filter-dialog [type=checkbox]+label::before {
    width: 11px !important;
    height: 11px !important;
    border-radius: 0 !important;
    margin-top: 7px !important
}

#broker-app.broker-list-app [type=checkbox]:checked+label:before,
#ratings-select [type=checkbox]:checked+label:before,
#show-guide-filter-dialog [type=checkbox]:checked+label:before {
    transform: none;
    left: 0;
    top: 0;
    border: 1.2px solid #263957
}

html[dir=rtl] #broker-app.broker-list-app [type=checkbox]:checked+label:before,
html[dir=rtl] #ratings-select [type=checkbox]:checked+label:before,
html[dir=rtl] #show-guide-filter-dialog [type=checkbox]:checked+label:before {
    right: 0 !important
}

#broker-app.broker-list-app [type=checkbox]:checked+label:after,
#ratings-select [type=checkbox]:checked+label:after,
#show-guide-filter-dialog [type=checkbox]:checked+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 6px;
    margin-top: 9px !important;
    margin-left: 1px !important;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #0a1f41 #0a1f41 transparent;
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

html[dir=rtl] #broker-app.broker-list-app [type=checkbox]:checked+label:after,
html[dir=rtl] #ratings-select [type=checkbox]:checked+label:after,
html[dir=rtl] #show-guide-filter-dialog [type=checkbox]:checked+label:after {
    left: unset;
    right: 0;
    margin-right: 6px !important;
    margin-left: unset
}

@media (min-width:1250px) {
    #broker-app.broker-list-app .broker-list-pane,
    #ratings-select .broker-list-pane,
    #show-guide-filter-dialog .broker-list-pane {
        margin-left: 32px
    }
    html[dir=rtl] #broker-app.broker-list-app .broker-list-pane,
    html[dir=rtl] #ratings-select .broker-list-pane,
    html[dir=rtl] #show-guide-filter-dialog .broker-list-pane {
        margin-left: 0;
        margin-right: 32px
    }
}

#broker-app.broker-list-app .frn-dropdown-menu li label,
#ratings-select .frn-dropdown-menu li label,
#show-guide-filter-dialog .frn-dropdown-menu li label {
    line-height: 25px !important
}

#broker-app.broker-list-app .broker-list-table,
#ratings-select .broker-list-table,
#show-guide-filter-dialog .broker-list-table {
    text-align: left;
    border: 1px solid #ced3d9;
    border-radius: 2px;
    color: #0a1f41
}

html[dir=rtl] #broker-app.broker-list-app .broker-list-table,
html[dir=rtl] #ratings-select .broker-list-table,
html[dir=rtl] #show-guide-filter-dialog .broker-list-table {
    text-align: right
}

#broker-app.broker-list-app .broker-list-table thead tr,
#ratings-select .broker-list-table thead tr,
#show-guide-filter-dialog .broker-list-table thead tr {
    background: #fff !important
}

#broker-app.broker-list-app .broker-list-table th,
#ratings-select .broker-list-table th,
#show-guide-filter-dialog .broker-list-table th {
    border-bottom: 1px solid #ced3d9;
    vertical-align: middle !important;
    font-weight: 600;
    white-space: nowrap;
    font-size: 12px;
    color: #263957;
    padding: 16px
}

#broker-app.broker-list-app .broker-list-table td,
#ratings-select .broker-list-table td,
#show-guide-filter-dialog .broker-list-table td {
    border-bottom: 1px solid #ced3d9;
    font-size: 11px !important;
    line-height: 16px !important;
    padding: 16px;
    vertical-align: top
}

#broker-app.broker-list-app .broker-list-table tr>td:nth-child(1),
#ratings-select .broker-list-table tr>td:nth-child(1),
#show-guide-filter-dialog .broker-list-table tr>td:nth-child(1) {
    min-width: 120px
}

#broker-app.broker-list-app .broker-list-table tr>td:nth-child(1) a,
#ratings-select .broker-list-table tr>td:nth-child(1) a,
#show-guide-filter-dialog .broker-list-table tr>td:nth-child(1) a {
    font-size: 12px;
    font-weight: 600;
    color: #0a1f41
}

#broker-app.broker-list-app .broker-list-table .broker-list-item-logo,
#ratings-select .broker-list-table .broker-list-item-logo,
#show-guide-filter-dialog .broker-list-table .broker-list-item-logo {
    width: 47px;
    border-radius: 5px
}

#broker-app.broker-list-app .broker-list-table .broker-list-item-title,
#ratings-select .broker-list-table .broker-list-item-title,
#show-guide-filter-dialog .broker-list-table .broker-list-item-title {
    line-height: 18px;
    margin-left: 16px
}

html[dir=rtl] #broker-app.broker-list-app .broker-list-table .broker-list-item-title,
html[dir=rtl] #ratings-select .broker-list-table .broker-list-item-title,
html[dir=rtl] #show-guide-filter-dialog .broker-list-table .broker-list-item-title {
    margin-right: 16px;
    margin-left: 0
}

#broker-app.broker-list-app .broker-list-table td[data-broker-name] a,
#ratings-select .broker-list-table td[data-broker-name] a,
#show-guide-filter-dialog .broker-list-table td[data-broker-name] a {
    display: flex;
    align-items: center
}

@media (max-width:767px) {
    #broker-app.broker-list-app .broker-list-table td[data-broker-name] a,
    #ratings-select .broker-list-table td[data-broker-name] a,
    #show-guide-filter-dialog .broker-list-table td[data-broker-name] a {
        align-items: flex-start;
        flex-direction: column
    }
    #broker-app.broker-list-app .broker-list-table td[data-broker-name] a .broker-list-item-title,
    #ratings-select .broker-list-table td[data-broker-name] a .broker-list-item-title,
    #show-guide-filter-dialog .broker-list-table td[data-broker-name] a .broker-list-item-title {
        margin: 8px 0 !important
    }
}

#broker-app.broker-list-app .fixed-column-table-container,
#ratings-select .fixed-column-table-container,
#show-guide-filter-dialog .fixed-column-table-container {
    position: relative;
    margin: auto;
    overflow: hidden
}

#broker-app.broker-list-app .fixed-column-table-container table,
#ratings-select .fixed-column-table-container table,
#show-guide-filter-dialog .fixed-column-table-container table {
    width: 100%;
    margin: auto;
    border-spacing: 0
}

#broker-app.broker-list-app .has-scroll,
#ratings-select .has-scroll,
#show-guide-filter-dialog .has-scroll {
    cursor: url(/static/images/arrow-left-right.svg), auto;
    user-select: none
}

#broker-app.broker-list-app .fixed-column-table-wrap,
#ratings-select .fixed-column-table-wrap,
#show-guide-filter-dialog .fixed-column-table-wrap {
    width: 100%;
    overflow: auto
}

#broker-app.broker-list-app .fixed-column-table-wrap .broker-list-table tr:nth-child(odd),
#ratings-select .fixed-column-table-wrap .broker-list-table tr:nth-child(odd),
#show-guide-filter-dialog .fixed-column-table-wrap .broker-list-table tr:nth-child(odd) {
    background: #f4f5f7
}

#broker-app.broker-list-app .fixed-column-table-wrap .broker-list-table tr:nth-child(even),
#ratings-select .fixed-column-table-wrap .broker-list-table tr:nth-child(even),
#show-guide-filter-dialog .fixed-column-table-wrap .broker-list-table tr:nth-child(even) {
    background: #fff
}

#broker-app.broker-list-app .clone,
#ratings-select .clone,
#show-guide-filter-dialog .clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

html[dir=rtl] #broker-app.broker-list-app .clone,
html[dir=rtl] #ratings-select .clone,
html[dir=rtl] #show-guide-filter-dialog .clone {
    right: 0
}

#broker-app.broker-list-app .clone td,
#broker-app.broker-list-app .clone th,
#ratings-select .clone td,
#ratings-select .clone th,
#show-guide-filter-dialog .clone td,
#show-guide-filter-dialog .clone th {
    visibility: hidden;
    border-color: transparent
}

#broker-app.broker-list-app .clone .fixed-column,
#ratings-select .clone .fixed-column,
#show-guide-filter-dialog .clone .fixed-column {
    border-bottom: 1px solid #ced3d9;
    visibility: visible;
    pointer-events: auto
}

#broker-app.broker-list-app .clone tfoot,
#broker-app.broker-list-app .clone thead,
#ratings-select .clone tfoot,
#ratings-select .clone thead,
#show-guide-filter-dialog .clone tfoot,
#show-guide-filter-dialog .clone thead {
    background: 0 0
}

#broker-app.broker-list-app .clone.broker-list-table tr:nth-child(odd)>td,
#ratings-select .clone.broker-list-table tr:nth-child(odd)>td,
#show-guide-filter-dialog .clone.broker-list-table tr:nth-child(odd)>td {
    background: #f4f5f7
}

#broker-app.broker-list-app .clone.broker-list-table tr:nth-child(even)>td,
#ratings-select .clone.broker-list-table tr:nth-child(even)>td,
#show-guide-filter-dialog .clone.broker-list-table tr:nth-child(even)>td {
    background: #fff
}

#broker-app.broker-list-app .clone .shadow-effect-left,
#ratings-select .clone .shadow-effect-left,
#show-guide-filter-dialog .clone .shadow-effect-left {
    position: relative
}

#broker-app.broker-list-app .clone .shadow-effect-left::before,
#ratings-select .clone .shadow-effect-left::before,
#show-guide-filter-dialog .clone .shadow-effect-left::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    right: -5px;
    width: 5px;
    background: linear-gradient(to right, rgba(143, 144, 149, .8), transparent) !important;
    opacity: .5
}

html[dir=rtl] #broker-app.broker-list-app .clone .shadow-effect-left::before,
html[dir=rtl] #ratings-select .clone .shadow-effect-left::before,
html[dir=rtl] #show-guide-filter-dialog .clone .shadow-effect-left::before {
    left: -5px;
    right: unset;
    background: linear-gradient(to left, rgba(143, 144, 149, .8), transparent) !important
}

#broker-app.broker-list-app .shadow-effect-right::after,
#ratings-select .shadow-effect-right::after,
#show-guide-filter-dialog .shadow-effect-right::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 5px;
    background: linear-gradient(to left, rgba(143, 144, 149, .8), transparent);
    opacity: .5
}

html[dir=rtl] #broker-app.broker-list-app .shadow-effect-right::after,
html[dir=rtl] #ratings-select .shadow-effect-right::after,
html[dir=rtl] #show-guide-filter-dialog .shadow-effect-right::after {
    left: 0;
    right: unset;
    background: linear-gradient(to right, rgba(143, 144, 149, .8), transparent)
}

#broker-app.broker-list-app .fields-menu .btn,
#ratings-select .fields-menu .btn,
#show-guide-filter-dialog .fields-menu .btn {
    width: 100%;
    color: #676767 !important;
    border: 1px solid #ccc !important;
    padding: 0 10px;
    background: url(/static/images/dd-chevron.png) right no-repeat !important;
    background-color: #fff !important
}

#broker-app.broker-list-app .broker-list-search-bar,
#ratings-select .broker-list-search-bar,
#show-guide-filter-dialog .broker-list-search-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

#broker-app.broker-list-app .broker-list-search-bar .search-item,
#ratings-select .broker-list-search-bar .search-item,
#show-guide-filter-dialog .broker-list-search-bar .search-item {
    margin-right: 16px;
    display: flex;
    position: relative;
    align-items: center
}

html[dir=rtl] #broker-app.broker-list-app .broker-list-search-bar .search-item,
html[dir=rtl] #ratings-select .broker-list-search-bar .search-item,
html[dir=rtl] #show-guide-filter-dialog .broker-list-search-bar .search-item {
    margin-right: 0;
    margin-left: 16px
}

@media (max-width:767px) {
    #broker-app.broker-list-app .broker-list-search-bar .search-item,
    #ratings-select .broker-list-search-bar .search-item,
    #show-guide-filter-dialog .broker-list-search-bar .search-item {
        width: 100%;
        margin: 3px 0 !important
    }
    #broker-app.broker-list-app .broker-list-search-bar .search-item select,
    #ratings-select .broker-list-search-bar .search-item select,
    #show-guide-filter-dialog .broker-list-search-bar .search-item select {
        width: 100%
    }
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-sort select,
#ratings-select .broker-list-search-bar .search-item.broker-list-sort select,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-sort select {
    min-width: 224px
}

#broker-app.broker-list-app .broker-list-search-bar .search-item .frn-override,
#ratings-select .broker-list-search-bar .search-item .frn-override,
#show-guide-filter-dialog .broker-list-search-bar .search-item .frn-override {
    padding: 9px 27px 9px 35px !important
}

html[dir=rtl] #broker-app.broker-list-app .broker-list-search-bar .search-item .frn-override,
html[dir=rtl] #ratings-select .broker-list-search-bar .search-item .frn-override,
html[dir=rtl] #show-guide-filter-dialog .broker-list-search-bar .search-item .frn-override {
    padding: 9px 35px 9px 27px !important
}

#broker-app.broker-list-app .broker-list-search-bar .search-item .faux-multi-select,
#broker-app.broker-list-app .broker-list-search-bar .search-item input,
#broker-app.broker-list-app .broker-list-search-bar .search-item select,
#ratings-select .broker-list-search-bar .search-item .faux-multi-select,
#ratings-select .broker-list-search-bar .search-item input,
#ratings-select .broker-list-search-bar .search-item select,
#show-guide-filter-dialog .broker-list-search-bar .search-item .faux-multi-select,
#show-guide-filter-dialog .broker-list-search-bar .search-item input,
#show-guide-filter-dialog .broker-list-search-bar .search-item select {
    color: #263957;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #ced3d9;
    border-radius: 2px;
    height: unset
}

@media (max-width:767px) {
    #broker-app.broker-list-app .broker-list-search-bar .search-item .faux-multi-select,
    #broker-app.broker-list-app .broker-list-search-bar .search-item input,
    #broker-app.broker-list-app .broker-list-search-bar .search-item select,
    #ratings-select .broker-list-search-bar .search-item .faux-multi-select,
    #ratings-select .broker-list-search-bar .search-item input,
    #ratings-select .broker-list-search-bar .search-item select,
    #show-guide-filter-dialog .broker-list-search-bar .search-item .faux-multi-select,
    #show-guide-filter-dialog .broker-list-search-bar .search-item input,
    #show-guide-filter-dialog .broker-list-search-bar .search-item select {
        font-size: 16px
    }
}

#broker-app.broker-list-app .broker-list-search-bar .search-item input::placeholder,
#ratings-select .broker-list-search-bar .search-item input::placeholder,
#show-guide-filter-dialog .broker-list-search-bar .search-item input::placeholder {
    color: #263957 !important
}

#broker-app.broker-list-app .broker-list-search-bar .search-item img,
#ratings-select .broker-list-search-bar .search-item img,
#show-guide-filter-dialog .broker-list-search-bar .search-item img {
    position: absolute;
    left: 12px
}

html[dir=rtl] #broker-app.broker-list-app .broker-list-search-bar .search-item img,
html[dir=rtl] #ratings-select .broker-list-search-bar .search-item img,
html[dir=rtl] #show-guide-filter-dialog .broker-list-search-bar .search-item img {
    right: 12px;
    left: unset
}

#broker-app.broker-list-app .broker-list-search-bar .search-item .faux-multi-select input,
#ratings-select .broker-list-search-bar .search-item .faux-multi-select input,
#show-guide-filter-dialog .broker-list-search-bar .search-item .faux-multi-select input {
    border: none !important
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap,
#ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap {
    position: relative
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu,
#ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 40px, 0);
    z-index: 10;
    color: #676767;
    width: 100%
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label,
#ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label {
    font-size: 13px !important;
    margin: 0;
    padding-left: 35px
}

html[dir=rtl] #broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label,
html[dir=rtl] #ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label,
html[dir=rtl] #show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label {
    padding-right: 35px;
    padding-left: unset
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label::before,
#ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label::before,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap .frn-dropdown-menu [type=checkbox]+label::before {
    width: 14px;
    height: 14px;
    border-radius: 3px
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap .multi-choice-select>li,
#ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap .multi-choice-select>li,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap .multi-choice-select>li {
    padding: 0 5px
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap .faux-multi-select.frn-override input,
#ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap .faux-multi-select.frn-override input,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap .faux-multi-select.frn-override input {
    color: #676767
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap .selected-options,
#ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap .selected-options,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap .selected-options {
    display: none !important
}

#broker-app.broker-list-app .broker-list-search-bar .search-item.broker-list-fields-select-wrap img,
#ratings-select .broker-list-search-bar .search-item.broker-list-fields-select-wrap img,
#show-guide-filter-dialog .broker-list-search-bar .search-item.broker-list-fields-select-wrap img {
    z-index: 2
}

#broker-app.broker-list-app .broker-list-search-bar .broker-list-criteria,
#ratings-select .broker-list-search-bar .broker-list-criteria,
#show-guide-filter-dialog .broker-list-search-bar .broker-list-criteria {
    position: relative
}

#broker-app.broker-list-app .broker-list-search-bar .broker-list-criteria input,
#ratings-select .broker-list-search-bar .broker-list-criteria input,
#show-guide-filter-dialog .broker-list-search-bar .broker-list-criteria input {
    min-width: 134px !important
}

#broker-app.broker-list-app .broker-list-search-bar .mdb-autocomplete-wrap,
#ratings-select .broker-list-search-bar .mdb-autocomplete-wrap,
#show-guide-filter-dialog .broker-list-search-bar .mdb-autocomplete-wrap {
    top: 40px
}

#broker-app.broker-list-app .broker-list-search-bar .show-filter-link,
#ratings-select .broker-list-search-bar .show-filter-link,
#show-guide-filter-dialog .broker-list-search-bar .show-filter-link {
    display: none
}

@media (max-width:1249px) {
    #broker-app.broker-list-app .broker-list-search-bar .show-filter-link,
    #ratings-select .broker-list-search-bar .show-filter-link,
    #show-guide-filter-dialog .broker-list-search-bar .show-filter-link {
        display: flex
    }
}

#broker-app.broker-list-app .broker-list-search-bar .show-filter-link a,
#ratings-select .broker-list-search-bar .show-filter-link a,
#show-guide-filter-dialog .broker-list-search-bar .show-filter-link a {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 2px;
    background-color: #fdaa29;
    color: #0a1f41;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

#broker-app.broker-list-app select,
#ratings-select select,
#show-guide-filter-dialog select {
    background: url(/static/images/arrow-down.svg) right 11px center no-repeat #fff !important;
    background-image: url(/static/images/arrow-down.svg) !important
}

html[dir=rtl] #broker-app.broker-list-app select,
html[dir=rtl] #ratings-select select,
html[dir=rtl] #show-guide-filter-dialog select {
    background: url(/static/images/arrow-down.svg) left 11px center no-repeat #fff !important;
    background-image: url(/static/images/arrow-down.svg) !important
}

#broker-app.broker-list-app .faux-multi-select.frn-override,
#ratings-select .faux-multi-select.frn-override,
#show-guide-filter-dialog .faux-multi-select.frn-override {
    background: url(/static/images/arrow-down.svg) right 11px center no-repeat #fff !important;
    padding: 9px 11px !important
}

html[dir=rtl] #broker-app.broker-list-app .faux-multi-select.frn-override,
html[dir=rtl] #ratings-select .faux-multi-select.frn-override,
html[dir=rtl] #show-guide-filter-dialog .faux-multi-select.frn-override {
    background: url(/static/images/arrow-down.svg) left 11px center no-repeat #fff !important
}

#broker-app.broker-list-app .faux-multi-select.frn-override input,
#ratings-select .faux-multi-select.frn-override input,
#show-guide-filter-dialog .faux-multi-select.frn-override input {
    padding: 0 11px 0 0;
    height: unset
}

html[dir=rtl] #broker-app.broker-list-app .faux-multi-select.frn-override input,
html[dir=rtl] #ratings-select .faux-multi-select.frn-override input,
html[dir=rtl] #show-guide-filter-dialog .faux-multi-select.frn-override input {
    padding: 0 0 0 11px
}

#broker-app.broker-list-app [type=checkbox],
#broker-app.broker-list-app [type=radio],
#ratings-select [type=checkbox],
#ratings-select [type=radio],
#show-guide-filter-dialog [type=checkbox],
#show-guide-filter-dialog [type=radio] {
    left: unset !important
}

#broker-app.broker-list-app .star-rating-sm .review-count,
#ratings-select .star-rating-sm .review-count,
#show-guide-filter-dialog .star-rating-sm .review-count {
    font-size: 11px;
    font-weight: 600;
    color: #263957;
    margin-left: 10px
}

html[dir=rtl] #broker-app.broker-list-app .star-rating-sm .review-count,
html[dir=rtl] #ratings-select .star-rating-sm .review-count,
html[dir=rtl] #show-guide-filter-dialog .star-rating-sm .review-count {
    margin-left: unset;
    margin-right: 10px
}

#broker-app.broker-list-app .broker-list-read-article,
#ratings-select .broker-list-read-article,
#show-guide-filter-dialog .broker-list-read-article {
    margin: 16px 0 0 0;
    display: flex
}

#broker-app.broker-list-app .broker-list-read-article a,
#ratings-select .broker-list-read-article a,
#show-guide-filter-dialog .broker-list-read-article a {
    font-weight: 600;
    padding: 6px 40px 6px 16px;
    color: #fff !important;
    font-size: 14px;
    line-height: 20px;
    border-radius: 50px;
    background: #0a1f41;
    border: none;
    position: relative
}

#broker-app.broker-list-app .broker-list-read-article a:after,
#ratings-select .broker-list-read-article a:after,
#show-guide-filter-dialog .broker-list-read-article a:after {
    position: absolute;
    top: 8px;
    right: 16px;
    content: '';
    background: url(/static/images/ArrowDown.svg) no-repeat;
    width: 16px;
    height: 16px
}

#broker-app.broker-list-app .broker-list-read-article a.active:after,
#ratings-select .broker-list-read-article a.active:after,
#show-guide-filter-dialog .broker-list-read-article a.active:after {
    transform: rotate(180deg)
}

#article-accordion {
    overflow: hidden;
    -webkit-transition: max-height .4s ease-in-out;
    -moz-transition: max-height .4s ease-in-out;
    -ms-transition: max-height .4s ease-in-out;
    transition: max-height .4s ease-in-out
}

.ac-hidden {
    max-height: 0 !important
}

.broker-list-box {
    padding: 0 !important;
    box-shadow: none !important
}

#broker-list-loading {
    position: fixed;
    left: 50%;
    top: 0;
    text-align: center;
    z-index: 10000
}

#broker-list-loading .loading-span {
    background: #000;
    color: #fff
}

.broker-list-top-content {
    margin-top: 8px;
    color: #263957;
    max-width: 665px;
    line-height: 170%
}

.broker-list-top-content p:last-child {
    margin-bottom: 0 !important
}

.labels-popover-content {
    display: flex;
    flex-wrap: wrap;
    color: #0a1f41;
    max-height: 480px;
    overflow-y: auto
}

.labels-popover-content span {
    padding: 2px 3px
}

.masonry-grid {
    column-count: 3;
    column-gap: 32px;
    width: 100%
}

@media (max-width:767px) {
    .masonry-grid {
        column-count: 1
    }
}

.masonry-grid__item {
    break-inside: avoid;
    margin-bottom: 32px
}

.guides-list-top-pane {
    background: #f4f5f7;
    height: 180px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -64px
}

@media (max-width:767px) {
    .guides-list-top-pane {
        margin: -25px -16px 0 -16px
    }
}

.guides-list-top-pane h1 {
    font-weight: 600;
    font-size: 38px;
    line-height: 40px;
    font-family: "Open Sans"
}

.guides-list-pane {
    padding: 32px 0
}

.guides-list-pane .card {
    background: #f4f5f7;
    border: 1px solid #ebecf0;
    border-radius: 2px;
    padding: 24px
}

.guide-list-item h2 {
    color: #0a1f41;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin: 0 8px;
    font-family: "Open Sans"
}

.guide-list-item ul {
    margin-top: 16px;
    margin-left: -10px;
    margin-bottom: 0
}

.guide-list-item ul li {
    font-size: 16px;
    line-height: 28px;
    text-decoration: underline;
    color: #0056b3
}

.guide-list-item ul li a {
    margin-left: 0 !important
}

.breadcrumb {
    background: 0 0;
    font-weight: 600;
    padding: 0;
    margin: 0 0 16px 0
}

.breadcrumb a.breadcrumb-item {
    color: #0056b3
}

.breadcrumb .breadcrumb-item {
    color: #bbb
}

#broker-app .broker-list-table tr.premium td,
#broker-app .clone.broker-list-table tr.premium td {
    background: #e9fce9 !important
}

.coins-pairs-modal .modal-body {
    background: #f4f5f7
}

.coins-pairs-modal .modal-title {
    color: #0a1f41;
    font-size: 20px;
    font-weight: 700
}

.pairs-coins-payload {
    max-height: 500px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto auto
}

@media (max-width:767px) {
    .pairs-coins-payload {
        grid-template-columns: 50% 50%
    }
}

.coins-payload {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    max-height: 500px;
    overflow-y: auto
}

@media (max-width:767px) {
    .coins-payload {
        grid-template-columns: 100%
    }
}

.coin {
    margin: 4px 0;
    display: flex;
    align-items: center;
    gap: 4px
}

.coin-name {
    font-size: 14px;
    color: #677489
}

.coin-code {
    color: #263957
}

.search-input-box {
    position: relative;
    width: fit-content
}

.search-input-box input {
    padding: 9px 27px 9px 35px;
    color: #263957;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #ced3d9;
    border-radius: 2px;
    position: relative;
    outline: 0;
    height: unset;
    width: unset
}

.search-input-box:before {
    content: '';
    position: absolute;
    background: url(/static/images/MagnifyingGlass.svg) no-repeat center;
    width: 16px;
    height: 100%;
    z-index: 1;
    left: 10px
}

.coins-pairs-modal .search-input-box {
    margin-left: auto
}

.coins-pairs-modal .modal-header button {
    margin-left: 16px
}

.coins-cap-filter {
    color: #263957;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 16px
}

.coins-cap-filter.active {
    color: #fff;
    background: #0a1f41;
    border-radius: 20px
}

.coin img {
    width: 20px;
    height: 20px
}

.coins-pairs-link {
    color: #0a1f41;
    text-decoration: underline
}

.coins-pairs-link:hover {
    color: #0a1f41;
    text-decoration: underline
}

.label-list {
    display: flex;
    flex-wrap: wrap;
    min-width: 150px
}

.label-list span {
    margin: 0 2px;
    white-space: nowrap
}

.label-list a {
    background: rgba(173, 184, 194, .23);
    color: #0a1f41;
    border: 1px solid #c1c9d3;
    border-radius: 50px;
    padding: 1px 6px;
    margin: 0 4px;
    white-space: nowrap
}

.label-list a:hover {
    color: #0a1f41
}

.volume-up {
    color: #0c6
}

.volume-down {
    color: #fd7558
}

.volume-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap
}

.volume-desc {
    font-size: 14px;
    line-height: 20px;
    color: rgba(10, 31, 65, .6)
}

.exchange-support-coins-table {
    width: 100%
}

.exchange-support-coins-table .coin-logo {
    width: 24px;
    height: 24px
}

.exchange-support-coins-table .coin-link {
    color: #677489
}

.exchange-support-coins {
    max-height: 500px;
    overflow-y: auto;
    width: 100%;
    border: 1px solid #ced3d9
}

.exchange-support-coins thead {
    position: sticky;
    top: 0;
    background: #f4f5f7
}

.lazy-load {
    background: #f1f1fa
}

.supported-coins {
    border: 1px solid #ced3d9;
    border-radius: 2px
}

.supported-coins-header {
    padding: 8px 16px;
    background: #f4f5f7
}

.supported-coins-body {
    padding: 16px
}

.supported-coins .coins-payload {
    max-height: 500px;
    overflow-y: auto
}

td.sort,
th.sort {
    position: relative;
    cursor: pointer;
    text-decoration: underline;
    align-items: center
}

td.sort::after,
th.sort::after {
    position: absolute;
    margin-top: 2px;
    content: '';
    width: 14px;
    height: 14px;
    background: url(/static/images/arrow-up-down-disabled.svg)
}

td.sort.asce::after,
th.sort.asce::after {
    background: url(/static/images/arrow-up-down-up-active.svg)
}

td.sort.desc::after,
th.sort.desc::after {
    background: url(/static/images/arrow-up-down-down-active.svg)
}

.frn-tabs {
    display: inline-flex;
    flex-flow: wrap;
    align-items: stretch;
    justify-content: flex-start;
    margin: 15px 0 26px
}

.frn-tabs.compact {
    margin: 0 0 26px
}

.frn-tabs.sub-tabs {
    margin-top: 0;
    margin-bottom: 15px
}

.frn-tabs .frn-tab,
.frn-tabs .frn-tab-ban {
    border-bottom: solid 2px #d6d6d6;
    text-align: center;
    font-size: 1rem;
    padding: 0 8px;
    transition: border-bottom .3s
}

.frn-tabs .frn-tab a,
.frn-tabs .frn-tab-ban a {
    display: flex;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    color: #676767;
    font-family: Open Sans;
    font-weight: 400;
    width: 100%;
    height: 100%
}

.frn-tabs .frn-tab-active {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 2px #1ba1c4 !important
}

.frn-tabs .frn-tab-active a {
    color: #1ba1c4;
    font-family: Open Sans;
    font-weight: 700;
    width: 100%;
    height: 100%
}

.frn-tabs .frn-tab-ban:hover,
.frn-tabs .frn-tab:hover {
    border-bottom: solid 2px #1ba1c4;
    cursor: pointer;
    transition: border-bottom .3s
}

.frn-tabs .tab-progress.progress {
    margin-top: -2px !important;
    margin-bottom: unset !important
}

.tab-progress.progress {
    height: 3px !important;
    margin-top: -29px !important;
    margin-bottom: 26px !important
}

@media (min-width:768px) {
    .full-category {
        display: inline
    }
    .short-category {
        display: none
    }
    .frn-tab,
    .frn-tab-ban {
        flex-grow: unset;
        min-width: 127px
    }
    #compareTabs .frn-tab,
    #compareTabs .frn-tab-ban {
        width: auto !important;
        padding: 0 10px !important
    }
}

@media (max-width:767px) {
    .frn-tabs {
        width: 100%
    }
    .full-category {
        display: none
    }
    .short-category {
        display: inline
    }
    .frn-tab {
        flex-grow: 1;
        width: 0
    }
}

.white-card {
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    padding: 25px;
    margin-bottom: 25px
}

.white-card.last {
    margin-bottom: 0 !important
}

@media (max-width:767px) {
    .white-card {
        padding: 10px;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-bottom: 15px
    }
}

.white-panel-body,
.white-panel-body-non-aligned {
    display: flex;
    flex-direction: column;
    padding-top: 10px
}

.white-panel-body .white-panel-flex,
.white-panel-body-non-aligned .white-panel-flex {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap
}

.white-panel-body white-panel-inline-flex,
.white-panel-body-non-aligned white-panel-inline-flex {
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
    flex-wrap: wrap
}

.white-panel-body .white-panel-top-margin,
.white-panel-body-non-aligned .white-panel-top-margin {
    margin-top: 18px
}

.white-panel-body {
    align-items: center
}

.mdi.frn {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.mdi.frn.mdi-check-decagram.mdi-48px {
    background: url(/static/images/check-decagram-48.png) center center no-repeat;
    width: 48px;
    height: 48px
}

.calc-cashback {
    height: 320px;
    width: 270px;
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .13);
    border: solid 2px #ccc;
    border-radius: 3px;
    display: flex;
    flex-direction: column
}

.calc-cashback .tabs {
    display: flex
}

.calc-cashback .tabs .tab {
    width: 133px;
    height: 36px;
    background-color: #f5f5f5;
    justify-content: center;
    display: flex;
    align-items: center
}

.calc-cashback .tabs .tab.active {
    background-color: unset;
    color: #000
}

.calc-cashback .calc-tab:hover {
    cursor: pointer
}

.calc-cashback .calc-row {
    display: flex;
    padding-top: 2rem !important;
    color: #676767;
    align-items: center;
    justify-content: flex-start
}

.calc-cashback .calc-row.third-row {
    justify-content: center;
    margin-bottom: 17px
}

.calc-cashback .calc-row .calc-result {
    font-size: 24px;
    color: #000
}

.calc-cashback .calc-row .calc-label {
    width: 90px;
    padding-left: 15px
}

.calc-cashback .calc-row .calc-control.second-row {
    width: 175px
}

.calc-cashback .calc-row .calc-control .slider.slider-horizontal {
    width: 171px;
    height: 20px
}

.calc-cashback .lots-picker {
    display: flex
}

.calc-cashback .lots-picker .lots-pick {
    margin-left: 2px;
    height: 25px;
    color: #676767;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px
}

.calc-cashback .lots-picker .lots-pick:hover {
    cursor: pointer
}

.calc-cashback .lots-picker .active {
    background-color: #1ba1c4;
    color: #fff
}

.calc-cashback .slider-selection {
    background: #676767;
    height: 2px !important;
    border-radius: 0 !important;
    margin-top: 4px
}

.calc-cashback .slider-track-high,
.calc-cashback .slider-track-low {
    position: absolute;
    background: #e8eaf6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    height: 2px !important;
    margin-top: 4px
}

.calc-cashback .slider-track {
    background-image: none;
    filter: none;
    box-shadow: none;
    border-radius: 0
}

.calc-cashback .slider-handle {
    position: absolute;
    top: 3px;
    width: 13px;
    height: 13px;
    background-color: #676767;
    background-image: none;
    filter: none;
    box-shadow: none;
    border: 0
}

.calc-cashback .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #676767;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 2px;
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, .08);
    text-shadow: 2px 3px 3px rgba(0, 0, 0, .08)
}

.tooltip.in {
    opacity: .9
}

html[dir=rtl] .calc-label {
    padding-left: unset !important;
    padding-right: 15px !important
}

body {
    font-family: Open Sans;
    font-weight: 400
}

.rotate-icon {
    text-decoration: none
}

.rotate-icon:before {
    content: "\F140";
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit
}

a[aria-expanded=true] .rotate-icon:before {
    content: "\F143"
}

.widget-input-override {
    width: 100%;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    border: solid 1px #aaa !important;
    font-size: 18px !important;
    color: #000 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.widget-input-override .btn {
    font-size: 18px !important
}

.widget-input-override:focus {
    box-shadow: none
}

.min-width-15 {
    min-width: 15%
}

.tools-underline {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 2px;
    text-decoration-skip: none;
    text-decoration-skip-ink: none
}

@media (max-width:767px) {
    .tools-underline {
        text-decoration-thickness: 2px
    }
}

.calc-widget-content.widget-content-compact-small {
    max-width: 250px
}

.calc-widget-content.widget-content-compact-small label {
    margin-bottom: 0 !important
}

.calc-widget-content.widget-content-compact-small .article-title {
    font-size: 16px
}

.calc-widget-content.widget-content-compact-small .calc-popup-icon {
    top: 0;
    right: 5px
}

.calc-widget-content.widget-content-compact-small .widget-top-pane {
    padding: 20px 8px 8px 8px !important;
    position: relative
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .form-group {
    min-height: 30px !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .form-input-container {
    padding: 0
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .form-input-container .calculator-input-line .form-group {
    margin: 3px 0 !important;
    line-height: 13px;
    padding: 0
}

.calc-widget-content.widget-content-compact-small .widget-top-pane label {
    font-size: 12px !important;
    font-weight: 600
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .widget-radio-input input [type=radio]+label {
    font-size: 12px !important;
    font-weight: 600
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout {
    flex-direction: column;
    padding: 0 !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .form-group {
    margin: 3px 0 !important;
    padding: 0
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 300px !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown .infinite-select-header {
    font-size: 12px !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown .infinite-select-header .form-control {
    width: 100% !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown .infinite-select-header .infinite-select-options {
    width: 100% !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown .infinite-select-header .infinite-select-options button {
    padding: 2px 4px !important;
    font-size: 12px !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown .dropdown-items {
    font-size: 12px !important;
    height: 200px
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown .dropdown-items .dropdown-sticky-label {
    font-size: 12px !important;
    top: -1px !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown .dropdown-items .dropdown-item .item-value {
    font-size: 12px !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .infinite-select-dropdown .dropdown-items .dropdown-item .item-description {
    font-size: 10px !important
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .cc-swap-wrapper {
    margin-top: 3px !important;
    padding: 3px 0 !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.calc-widget-content.widget-content-compact-small .widget-top-pane .converter-layout .cc-swap-wrapper i {
    font-size: 17px !important
}

.calc-widget-content.widget-content-compact-small .widget-bottom-pane {
    font-size: 13px !important
}

.calc-widget-content.widget-content-compact-small .widget-bottom-pane .cal-button-container {
    margin: 8px 5px !important
}

.calc-widget-content.widget-content-compact-small .widget-bottom-pane .cal-button-container .calculate-button {
    font-size: 13px !important;
    width: 120px !important;
    height: 30px !important
}

.calc-widget-content.widget-content-compact-small .widget-bottom-pane .result-span {
    font-size: 18px !important
}

.calc-widget-content.widget-content-compact-small .widget-bottom-pane .calc-live-chart-links a {
    font-size: 11px !important;
    color: #0275d8
}

.calc-widget-content.widget-content-compact-small .widget-bottom-pane .widget-bottom-result-container {
    flex-wrap: nowrap !important;
    flex-direction: column !important
}

.calc-widget-content.widget-content-compact-small .widget-bottom-pane .widget-bottom-result-container div {
    flex-direction: row !important;
    justify-content: space-between
}

.calc-widget-content.widget-content-compact-small input[type=text].frn-override {
    padding: 6px
}

.calc-widget-content.widget-content-compact-small .widget-input-override {
    height: 30px !important;
    font-size: 11px !important
}

.calc-widget-content.widget-content-compact-small .infinite-select-button {
    padding: 6px
}

.calc-widget-content.widget-content-compact-small .bootstrap-select>.widget-input-override,
.calc-widget-content.widget-content-compact-small button.widget-input-override {
    height: 30px !important;
    font-size: 11px !important;
    padding: 6px !important
}

.calc-widget-content.widget-content-compact-small button.widget-input-override:before {
    width: 25px !important
}

.calc-widget-content.widget-content-compact-small button.widget-input-override:after {
    width: 25px !important
}

.calc-widget-content.widget-content-compact-small .bs-searchbox .form-control {
    height: 30px !important
}

.calc-widget-content.widget-content-compact-small .dropdown-menu {
    max-height: 150px !important;
    min-width: 100px !important
}

@media (max-width:767px) {
    .calc-widget-content.widget-content-compact-small .dropdown-menu {
        max-width: unset !important
    }
}

.calc-widget-content.widget-content-compact-small .dropdown-menu div.inner {
    max-height: 103px !important;
    overflow-x: auto !important
}

.calc-widget-content.widget-content-compact-small .dropdown-menu li>a {
    font-size: 11px !important
}

.calc-widget-content.widget-content-compact-small .form-group {
    width: 100% !important
}

.calc-widget-content.widget-content-compact-small .form-group div:first-child {
    display: flex;
    align-items: center
}

.calc-widget-content.widget-content-compact-small .form-group div:first-child div:first-child {
    display: block
}

.calc-widget-content.widget-content-compact-small .form-group div:first-child * {
    flex: 1
}

.calc-widget-content.widget-content-compact-small .embed-button {
    font-size: 10px
}

.calc-widget-content.widget-content-compact-small .fibonacci-table,
.calc-widget-content.widget-content-compact-small .pivot-point-table {
    min-width: 100% !important;
    width: 100% !important;
    font-size: 13px !important
}

.calc-widget-content.widget-content-compact-small .infinite-select-button.widget-input {
    padding: 5px
}

.body-widget-content-small .popover-body {
    font-size: 11px !important;
    padding: 5px 5px !important;
    max-width: 190px;
    line-height: 1.2
}

.widget-content-container {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.calc-widget-content {
    margin: auto;
    max-width: 665px;
    line-height: initial !important;
    background: #fff
}

.calc-widget-content hr {
    margin-bottom: 5px;
    margin-top: 5px
}

.calc-widget-content .widget-top-pane .bootstrap-select {
    background-color: inherit !important
}

.calc-widget-content .form-input-container {
    width: 100%;
    padding: 0 60px
}

.calc-widget-content .form-input-container .calculator-input-line {
    width: 100%
}

.calc-widget-content .form-input-container .calculator-input-line .form-group {
    width: 50%
}

.calc-widget-content .form-input-container .form-group-less-500 {
    flex: unset !important;
    width: 100% !important;
    min-width: 100%
}

.calc-widget-content .form-input-container .calculator-input-line-less-500 {
    flex-direction: column !important
}

.calc-widget-content .form-input-container-less-500 {
    padding: 0;
    flex-direction: column
}

.calc-widget-content .bottom-panel {
    border: 1px solid #606060;
    border-top: none
}

.calc-widget-content .calc-widgit-top-pane {
    border: 1px solid #606060;
    padding: 20px 40px;
    font-size: 13px;
    font-weight: 700;
    position: relative
}

@media (max-width:300px) {
    .calc-widget-content .calc-widgit-top-pane {
        padding: 20px 0
    }
}

.calc-widget-content .calc-widget-button {
    background-color: #000;
    color: #fff;
    text-decoration: none;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.calc-widget-content .calc-widget-button:hover {
    text-decoration: none;
    color: #fff
}

.calc-widget-content .calculate-button {
    width: 170px;
    height: 40px;
    font-size: 18px;
    border-radius: 20px;
    text-decoration: none;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    color: #fff
}

.calc-widget-content .embed-button {
    font-size: 12px;
    align-self: start;
    padding: 3px 5px;
    border-radius: 0 !important
}

.calc-widget-content input[type=checkbox] {
    position: initial;
    left: initial;
    visibility: visible
}

.calc-widget-content select {
    height: 48px !important
}

.calc-widget-content select.frn-override {
    height: 48px !important
}

@media (max-width:767px) {
    .calc-widget-content select.frn-override {
        height: 48px !important
    }
}

.calc-widget-content input[type=number],
.calc-widget-content input[type=text] {
    height: 48px !important
}

.calc-widget-content .form-group {
    min-width: 150px;
    padding: 10px 15px;
    margin: 0;
    text-align: initial !important
}

.calc-widget-content .result-title-span {
    font-size: 13px
}

.calc-widget-content .widget-extra-label {
    position: initial !important;
    font-size: 13px !important;
    color: #777;
    margin: unset !important;
    padding: unset !important;
    font-weight: unset !important;
    line-height: initial !important
}

.calc-widget-content .result-span {
    font-size: 30px;
    font-weight: 700
}

.calc-widget-content label {
    margin-bottom: 1px;
    border-bottom: solid 1px transparent
}

.calc-widget-content .row {
    margin-left: -15px;
    margin-right: -15px
}

.calc-widget-content .col-auto {
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width:575px) {
    .calc-widget-content .col-auto {
        width: 100% !important
    }
}

.calc-widget-content .risk-input {
    flex: 1
}

.calc-widget-content div.selectdiv {
    overflow: hidden;
    position: relative;
    flex: 1
}

.calc-widget-content div.selectdiv:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    border-top-color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    content: "";
    z-index: 98
}

html[dir=rtl] .calc-widget-content div.selectdiv:after {
    left: 10px;
    right: unset
}

.calc-widget-content div.selectdiv select {
    border-width: 0 !important;
    position: relative;
    padding-left: 10px;
    z-index: 99;
    color: inherit !important;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100% !important
}

.calc-widget-content div.selectdiv select:focus-visible {
    border-width: 0 !important
}

html[dir=rtl] .calc-widget-content div.selectdiv select {
    padding-left: 0;
    padding-right: 10px
}

.calc-widget-content button.widget-input-override {
    background-image: none !important;
    background-color: #fff;
    position: relative
}

.calc-widget-content button.widget-input-override:after {
    background-color: #000;
    content: '';
    position: absolute;
    height: 100%;
    width: 40px;
    right: 0;
    top: 0;
    -webkit-mask: url(/static/images/arrow-down.svg) center no-repeat;
    mask: url(/static/images/arrow-down.svg) center no-repeat
}

html[dir=rtl] .calc-widget-content button.widget-input-override:after {
    right: unset;
    left: 0;
    -webkit-mask: url(/static/images/arrow-down.svg) center no-repeat;
    mask: url(/static/images/arrow-down.svg) center no-repeat
}

.calc-widget-content button.widget-input-override:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 40px;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) -6.25%, #fff 27.46%);
    margin-left: 0
}

html[dir=rtl] .calc-widget-content button.widget-input-override:before {
    left: 0;
    right: unset;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) -6.25%, #fff 27.46%)
}

.calc-widget-content button.widget-input-override:focus {
    outline: 0 !important;
    border-color: #5ca0ff !important
}

.calc-widget-content button.frn-override[aria-expanded=true] {
    border-color: #5ca0ff !important
}

.calc-widget-content button.frn-override.widget-input-override {
    padding: .375rem .75rem
}

@media (max-width:767px) {
    .calc-widget-content button.frn-override.widget-input-override {
        padding: 0 .75rem
    }
}

.calc-widget-content .bootstrap-select>button.widget-input-override {
    height: 48px !important
}

.calc-widget-content .bootstrap-select .widget-input-override .filter-option {
    display: flex;
    align-items: center
}

.calc-widget-content .bootstrap-select.widget-input-override {
    border: none !important
}

.calc-widget-content button.widget-input-override::after {
    border: none
}

.calc-widget-content .bs-searchbox .form-control {
    height: 48px !important;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .375rem .75rem;
    box-sizing: border-box
}

.calc-widget-content .compounding-table th {
    width: 25%
}

.calc-widget-content .fibonacci-table,
.calc-widget-content .pivot-point-table {
    min-width: 320px !important;
    width: 360px !important
}

@media (max-width:575px) {
    .calc-widget-content .fibonacci-table,
    .calc-widget-content .pivot-point-table {
        width: 100% !important;
        min-width: unset !important
    }
}

.calc-widget-content .fibonacci-table th,
.calc-widget-content .pivot-point-table th {
    width: 50%
}

.calc-widget-content .calc-table {
    text-align: center;
    font-size: 12px !important;
    overflow-x: auto;
    border: none !important
}

.calc-widget-content .calc-table th {
    border: none !important;
    background: 0 0 !important
}

.calc-widget-content .calc-table tr {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    height: 32px;
    vertical-align: middle
}

.calc-widget-content .calc-table tr td {
    font-size: 12px !important;
    border: none !important
}

.calc-widget-content .widget-radio-input label {
    border-bottom: none
}

.calc-widget-content .widget-radio-input input[type=radio] {
    position: absolute;
    left: -9999px;
    visibility: hidden
}

.calc-widget-content .widget-radio-input input[type=radio]+label {
    font-weight: 400 !important;
    font-size: 14px;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.calc-widget-content .widget-radio-input input[type=radio]+label:after,
.calc-widget-content .widget-radio-input input[type=radio]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 12px;
    height: 12px;
    z-index: 0;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    transition: .28s ease;
    border-color: #fff
}

.calc-widget-content .widget-radio-input input[type=radio]+label:after {
    left: 2px;
    top: 2px
}

.calc-widget-content .widget-radio-input input[type=radio]+label:before {
    width: 16px;
    height: 16px;
    border-color: inherit
}

.calc-widget-content .widget-radio-input [type=radio]:checked+label:before {
    border-color: inherit;
    border-width: 2px
}

.calc-widget-content .widget-radio-input [type=radio]:checked+label:after {
    border-color: #fff;
    background-color: #000;
    z-index: 0;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02)
}

.calc-widget-content .widget-radio-input [type=radio]:not(:checked)+label:after,
.calc-widget-content .widget-radio-input [type=radio]:not(:checked)+label:before {
    background-color: #fff
}

.calc-widget-content .result-loading-img {
    margin-bottom: unset !important
}

@media (min-width:576px) {
    .calc-widget-content #rc-rebate-in {
        max-width: 50px
    }
}

.calc-widget-content .infinite-select-wrap button.widget-input-override {
    height: 48px
}

@media (max-width:500px) {
    .calc-widget-content div.dropdown-menu {
        max-width: 100% !important;
        min-width: 100% !important
    }
    .calc-widget-content div.dropdown-menu div.inner {
        overflow-x: auto
    }
}

.calc-widget-content .table-result {
    overflow-x: auto
}

.calc-widget-content .dropdown.bootstrap-select button.widget-input-override .filter-option {
    display: flex !important;
    align-items: center
}

.calc-widget-content .converter-layout .form-group-less-500 {
    flex: unset !important;
    width: 100% !important;
    min-width: 100%
}

.calculator-widget-maker-body {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans'
}

.calc-widget-container {
    margin: auto;
    position: relative;
    line-height: initial !important;
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: 100%;
    width: 100%
}

@media (max-width:767px) {
    .calc-widget-container {
        flex-direction: column;
        align-items: center
    }
}

.embed-script-overlay {
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f5f7;
    padding: 16px;
    color: #0a1f41 !important;
    font-size: 14px !important;
    overflow: auto;
    width: 298px !important;
    min-width: 298px;
    border: 1px solid #e3e3e3 !important;
    line-height: initial !important
}

@media (max-width:298px) {
    .embed-script-overlay {
        width: 100% !important;
        min-width: 50px !important
    }
}

.embed-script-overlay .calc-widget-overlay-title {
    font-size: 20px !important;
    font-weight: 700;
    margin-bottom: 24px !important;
    color: #0a1f41 !important
}

.embed-script-overlay a {
    text-decoration: underline
}

.embed-script-overlay .style-input-area {
    resize: none;
    height: 100px !important;
    width: 100% !important;
    font-size: 13px !important;
    background: #fff;
    padding: 16px !important;
    margin-top: 9px;
    box-sizing: border-box;
    border-radius: .25rem
}

.embed-script-overlay input[type=number]::-webkit-inner-spin-button,
.embed-script-overlay input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.embed-script-overlay .style-textbox-area {
    height: 30px !important
}

.embed-script-overlay select {
    height: 40px !important
}

@media (max-width:767px) {
    .embed-script-overlay select {
        height: 40px !important
    }
}

.embed-script-overlay select.frn-override {
    height: 40px !important
}

@media (max-width:767px) {
    .embed-script-overlay select.frn-override {
        height: 40px !important
    }
}

.embed-script-overlay .widget-input-override {
    margin-top: 8px !important
}

.embed-script-overlay .form-control {
    background-color: #fff;
    color: #263957 !important;
    border: 1px solid #ced3d9 !important
}

.embed-script-overlay select.widget-input-override {
    background-color: #fff !important;
    border: 1px solid #ced3d9 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/static/images/arrow-down.svg) center no-repeat, linear-gradient(90deg, rgba(255, 255, 255, 0) -6.25%, #fff 27.46%);
    background-position-x: calc(100% - 13px);
    background-repeat: no-repeat
}

.embed-script-overlay .user-style-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.embed-script-overlay .color-picker-title {
    display: flex;
    align-items: center
}

.embed-script-overlay .color-wheel-img {
    margin-right: 8px;
    margin-bottom: 0 !important
}

.embed-script-overlay .color-picker-link {
    color: #0a1f41
}

.embed-script-overlay .color-picker-description {
    margin-top: 3px;
    color: #263957;
    line-height: 20px;
    padding: 5px
}

.embed-script-overlay .generated-script-title {
    font-size: 14px !important;
    font-weight: 500;
    padding: 5px 5px 0 5px
}

.embed-script-overlay .user-style-container {
    margin-top: 15px
}

.embed-script-overlay .user-option-container {
    margin-top: 8px !important
}

.embed-script-overlay .user-option-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.embed-script-overlay .embed-script-preview {
    margin-top: 5px !important;
    padding: 16px !important;
    overflow: hidden
}

.embed-script-overlay .embed-script-preview-area {
    resize: none;
    width: 100%;
    height: 300px !important;
    overflow-y: auto
}

.embed-script-overlay .embed-copy-button {
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;
    background-color: #3d4e69 !important;
    color: #fff;
    display: flex;
    justify-content: center;
    text-decoration: none;
    align-items: center
}

.embed-script-overlay .embed-copy-button:hover {
    background-color: #0a1f41 !important
}

.embed-script-overlay .embed-copy-button-container {
    margin-top: 16px !important
}

.embed-script-overlay .embed-copy-notification {
    margin-left: 8px;
    color: #0a1f41;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    font-style: italic
}

.embed-script-overlay .embed-style-reset {
    font-size: 12px;
    color: #0a1f41;
    font-weight: 400
}

.embed-script-overlay button.widget-input-override {
    background: #fff;
    position: relative;
    width: 100% !important;
    border: 1px solid #ced3d9 !important;
    height: 40px
}

.embed-script-overlay button.widget-input-override:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 40px;
    right: 0;
    top: 0;
    background: url(/static/images/arrow-down.svg) center no-repeat, linear-gradient(90deg, rgba(255, 255, 255, 0) -6.25%, #fff 27.46%)
}

html[dir=rtl] .embed-script-overlay button.widget-input-override:before {
    right: unset;
    left: 0;
    background: url(/static/images/arrow-down.svg) center no-repeat, linear-gradient(-90deg, rgba(255, 255, 255, 0) -6.25%, #fff 27.46%)
}

.embed-script-overlay button.widget-input-override:focus {
    outline: 0 !important;
    border-color: #5ca0ff !important
}

.embed-script-overlay button.frn-override[aria-expanded=true] {
    border-color: #5ca0ff !important
}

.embed-script-overlay button.frn-override.widget-input-override {
    padding: .375rem .75rem
}

@media (max-width:767px) {
    .embed-script-overlay button.frn-override.widget-input-override {
        padding: 0 .75rem
    }
}

.embed-script-overlay .infinite-select-dropdown .dropdown-sticky-label {
    font-weight: 700 !important
}

.embed-script-overlay input[type=checkbox],
.embed-script-overlay input[type=radio] {
    position: unset;
    left: 0;
    visibility: visible
}

.embed-script-overlay .dropdown.bootstrap-select {
    background-color: transparent;
    border: none !important;
    margin-top: 0 !important
}

.embed-script-overlay .dropdown.bootstrap-select .dropdown-menu {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important
}

.embed-script-overlay .dropdown.bootstrap-select button.widget-input-override .filter-option {
    display: flex;
    align-items: center
}

.embed-script-overlay button.widget-input-override {
    padding: 9px 11px !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #263957 !important;
    height: 40px !important
}

@media (max-width:767px) {
    .embed-script-overlay button.widget-input-override {
        font-size: 16px !important
    }
}

@media (min-width:576px) {
    .max-width-360 {
        max-width: 360px
    }
}

.chart-history-view {
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    overflow: hidden
}

.chart-history-view a {
    color: #929292 !important;
    background: #fff;
    border: solid 1px #ddd;
    padding: 3px 10px;
    width: 80px;
    text-align: center;
    font-size: 12px
}

.chart-history-view a.active {
    background: #f3f3f3
}

@media (min-width:768px) {
    .chart-history-view a:hover {
        background: #f3f3f3
    }
}

.chart-view {
    height: 100%;
    flex-grow: 1;
    position: relative
}

.tv-chart-container {
    height: 500px;
    display: flex
}

@media (max-width:767px) {
    .tv-chart-container {
        margin-left: -30px;
        margin-right: -30px
    }
}

.full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
    background: #fff;
    display: flex;
    flex-direction: column;
    margin: 0 !important
}

.full-screen .tv-chart-container {
    flex-grow: 1;
    height: 50px
}

@media (max-width:767px) {
    .full-screen .tv-chart-container {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.full-screen #tv-chart-overlay {
    display: none
}

.full-screen .lc-toolbar {
    padding-left: 10px;
    padding-right: 10px
}

.full-screen .ec-calendar-content {
    flex-grow: 1
}

.live-chart-content {
    max-width: 100% !important;
    margin-bottom: 10px;
    position: initial !important
}

.live-chart-content .live-chart-calculator {
    flex: 1;
    max-width: 640px;
    min-width: 440px;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width:575px) {
    .live-chart-content .live-chart-calculator {
        width: auto !important;
        min-width: 280px !important
    }
}

.tv-chart button.frn-override.widget-input-override {
    border: none !important;
    background: 0 0 !important;
    font-size: 22px !important;
    color: #428bca !important;
    padding: 0 !important
}

html[dir=rtl] .tv-chart button.frn-override.widget-input-override {
    background: 0 0 !important
}

.tv-chart button.frn-override.widget-input-override:hover {
    cursor: pointer
}

.tv-chart .select-picker-wrapper {
    margin-right: 16px
}

html[dir=rtl] .tv-chart .select-picker-wrapper {
    margin-left: 16px;
    margin-right: 0
}

.tv-chart a {
    color: #333
}

@media (max-width:767px) {
    .tv-chart .interval-link-group {
        order: 1;
        margin-bottom: 5px
    }
}

.tv-chart .interval-link-group a {
    font-size: 13px;
    color: #929292;
    border: solid 1px #ddd;
    padding: 2px 4px;
    border-radius: 3px;
    transition: .3s
}

.tv-chart .interval-link-group a:hover {
    color: #000;
    background: #eee
}

@media (max-width:767px) {
    .tv-chart .interval-link-group a {
        line-height: 200%
    }
}

.tv-chart .interval-link-group a[selected] {
    color: #000;
    font-weight: 700
}

.tv-chart .lc-widget-control {
    margin-left: auto
}

html[dir=rtl] .tv-chart .lc-widget-control {
    margin-left: unset;
    margin-right: auto
}

@media (max-width:767px) {
    .tv-chart #lc-open-widget {
        display: none
    }
}

.live-chart-page-text {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px
}

.lc-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: linear-gradient(to right, #333, #777);
    border-radius: 24px;
    padding: 1px;
    width: 50px
}

.lc-switch:before {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    background-color: #111;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 1px;
    border-radius: 24px;
    z-index: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.lc-switch.checked:before {
    left: 25px;
    background: #fff
}

.lc-switch .lc-switch-item {
    padding: 0;
    line-height: 29px;
    height: 24px;
    width: 24px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.lc-switch .mdi-weather-night {
    color: #00b8f9
}

.lc-switch.checked .mdi-weather-night {
    color: #7b7b7b
}

.lc-switch.checked .mdi-white-balance-sunny {
    color: #f09907
}

.lc-switch .mdi-white-balance-sunny {
    color: #7b7b7b
}

.lc-dark-theme .tv-chart-container .chart-view {
    background-color: #131722
}

.lc-dark-theme .tv-chart-container .chart-history-view a {
    background: #131722;
    border: 1px solid #2a2e39;
    color: #9194a1 !important
}

.lc-dark-theme .tv-chart-container .chart-history-view a.active {
    background: #2a2e39 !important
}

@media (min-width:768px) {
    .lc-dark-theme .tv-chart-container .chart-history-view a:hover {
        background: #2a2e39 !important
    }
}

.lc-dark-theme .calc-widgit-top-pane,
.lc-dark-theme .calculate-button {
    background: #131722 !important
}

@media (max-width:767px) {
    #tv-chart-overlay {
        display: none
    }
}

#tv-chart-overlay {
    position: absolute;
    height: calc(100% - 38px);
    width: calc(100% - 57px);
    z-index: 2;
    background: 0 0;
    left: 57px;
    top: 38px
}

#tv-chart-overlay span {
    background: #000;
    color: #fff;
    position: fixed;
    padding: 2px 10px;
    border-radius: 4px;
    display: none;
    z-index: 1000
}

#tv-chart-overlay:hover span {
    display: block
}

#lc-full-screen {
    margin-left: 3px
}

html[dir=rtl] #lc-full-screen {
    margin-right: 3px
}

.lc-toolbar {
    min-height: 48px
}

.tv-chart #selectpicker-wrapper {
    min-width: 140px
}

.tools-tooltip {
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.tools-tooltip.show {
    opacity: 1
}

.tools-tooltip .tooltip-inner {
    background-color: #fff;
    color: #000
}

.tools-tooltip .arrow {
    height: 0
}

.tools-tooltip.bs-tooltip-auto[x-placement^=top],
.tools-tooltip.bs-tooltip-top {
    padding: 0;
    margin-bottom: .4rem
}

.tools-tooltip.bs-tooltip-auto[x-placement^=bottom],
.tools-tooltip.bs-tooltip-bottom {
    padding: 0;
    margin-top: .4rem
}

.tools-tooltip.bs-tooltip-auto[x-placement^=left],
.tools-tooltip.bs-tooltip-left {
    padding: 0;
    margin-right: .4rem
}

.tools-tooltip.bs-tooltip-auto[x-placement^=right],
.tools-tooltip.bs-tooltip-right {
    padding: 0;
    margin-left: .4rem
}

.tools-tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tools-tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #fff !important
}

.tools-tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tools-tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff !important
}

.tools-tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tools-tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #fff !important
}

.tools-tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tools-tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #fff !important
}

.lightbox-image {
    max-width: unset !important
}

@media (max-width:767px) {
    .lightbox-image {
        max-width: 100% !important
    }
}

.lightbox-image-holder .modal-dialog {
    width: max-content !important;
    max-width: unset !important
}

@media (max-width:767px) {
    .lightbox-image-holder .modal-dialog {
        width: auto !important;
        max-width: 100% !important
    }
}

.remote-widget-body {
    background: 0 0
}

#calculator-body {
    padding-left: 1px;
    padding-right: 1px
}

.ec-calendar-content {
    width: 100%;
    height: 500px
}

.economic-calendar-body .lc-widget-control a {
    color: #333 !important;
    font-size: 16px;
    font-family: "open sans", sans-serif
}

@media (max-width:767px) {
    .economic-calendar-body .lc-widget-control .ec-open-widget {
        display: none
    }
}

.ec-full-screen {
    margin-left: 3px
}

html[dir=rtl] .ec-full-screen {
    margin-right: 3px;
    margin-left: 0
}

.calc-popup-icon {
    position: absolute;
    right: 7px;
    top: 5px
}

.calc-popup-icon i {
    font-size: 16px;
    color: #000
}

.calc-live-chart-links a {
    color: inherit;
    text-decoration: underline
}

.cc-swap-wrapper {
    align-self: start;
    text-align: center;
    justify-self: center;
    margin-top: 17px
}

.cc-swap-wrapper .swap-horizontal-icon:before {
    content: "\F4E2"
}

#cc-recent-symbols {
    margin-top: 20px
}

.recent-conversions-title {
    font-size: 20px
}

.recent-conversions {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.recent-conversion-item {
    margin: 2px;
    border: solid 1px #ddd;
    padding: 5px 10px;
    border-radius: 2px;
    transition: .3s;
    font-size: 12px;
    color: #000
}

.recent-conversion-item:hover {
    background: #eee
}

.infinite-select-wrap {
    position: relative
}

.infinite-select-wrap .infinite-select {
    width: 0 !important;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    z-index: -10;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important
}

.infinite-select-wrap .infinite-select-dropdown {
    padding-top: unset;
    min-width: 280px;
    max-width: 300px
}

.infinite-select-wrap .infinite-select-dropdown .dropdown-items {
    height: 250px;
    overflow-y: auto
}

.infinite-select-wrap .infinite-select-dropdown .dropdown-items .dropdown-item {
    white-space: initial
}

.infinite-select-wrap .infinite-select-dropdown .dropdown-items .dropdown-item.loading {
    color: gray
}

.infinite-select-wrap .infinite-select-dropdown .dropdown-items .dropdown-item.active {
    background: #007bff;
    color: #fff
}

.infinite-select-wrap .infinite-select-dropdown .dropdown-items .dropdown-item.active .item-description {
    color: #fff
}

.infinite-select-wrap .infinite-select-dropdown .dropdown-items .dropdown-item:hover {
    cursor: pointer
}

.infinite-select-wrap .infinite-select-dropdown .dropdown-items .dropdown-item .item-description {
    color: #6c757d;
    margin-left: .5em;
    font-size: smaller
}

.infinite-select-wrap .infinite-select-header {
    padding: 4px;
    display: flex;
    gap: 4px;
    flex-direction: column
}

.infinite-select-wrap .infinite-select-header input {
    width: unset;
    box-sizing: border-box
}

.infinite-select-wrap .infinite-select-header .infinite-select-options {
    display: flex;
    gap: 4px;
    padding: 5px
}

.infinite-select-wrap .infinite-select-header .infinite-select-options .infinite-select-type {
    border: none;
    border-radius: 24px;
    padding: 4px 16px;
    outline: 0;
    font-size: 13px;
    font-weight: 600;
    background-color: #f5f5f5
}

.infinite-select-wrap .infinite-select-header .infinite-select-options .infinite-select-type:focus {
    outline: 0
}

.infinite-select-wrap .infinite-select-header .infinite-select-options .infinite-select-type.active {
    background-color: #007bff;
    color: #fff
}

.infinite-select-wrap .infinite-select-button {
    text-align: left;
    color: #263957;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #ced3d9;
    border-radius: 2px;
    height: unset;
    width: 100%;
    padding: 9px 28px 9px 12px;
    background: url(/static/images/arrow-down.svg) right 11px center no-repeat #fff !important;
    overflow: hidden;
    white-space: nowrap
}

html[dir=rtl] .infinite-select-wrap .infinite-select-button {
    text-align: right;
    padding: 9px 12px 9px 28px;
    background: url(/static/images/arrow-down.svg) left 11px center no-repeat #fff !important
}

.infinite-select-wrap .infinite-select-button.dropdown-toggle::after {
    content: none
}

.infinite-select-wrap .infinite-select-button.dropdown-toggle::after {
    content: none
}

.infinite-select-wrap .infinite-select-button.dropdown-toggle::after {
    content: none
}

.infinite-select-wrap .infinite-selected-values {
    display: block;
    padding: 0 8px
}

.infinite-select-wrap .infinite-selected-values input {
    width: 16px !important;
    border: none !important;
    display: inline-block;
    margin: 2px 4px;
    padding: 0;
    height: 32px !important
}

.infinite-select-wrap .infinite-selected-values .selected-value {
    padding: 4px 8px 4px 8px;
    background: rgba(173, 184, 194, .23);
    border: 1px solid #c1c9d3;
    border-radius: 50px;
    display: inline-block;
    margin: 2px 4px 2px 0
}

.infinite-select-wrap .infinite-selected-values .selected-value .close {
    margin-left: 8px
}

#currency-converter-form .form-group {
    width: 215px;
    min-height: unset
}

.converter-result-span {
    font-size: 14px;
    text-align: center
}

#currency-converter-result {
    font-weight: 700;
    background: #ff0
}

.converter-last-update-label {
    font-size: 11px;
    margin: 0 4px
}

.dropdown-sticky-label {
    position: sticky;
    top: 0;
    background: #fff;
    width: 100%;
    display: block;
    padding: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.calc-widget-content .infinite-select-dropdown input[type=text] {
    height: unset !important;
    margin-bottom: 4px
}

.converter-layout {
    width: 100%;
    justify-content: center
}

@media (max-width:767px) {
    #currency-converter-widget-top-pane {
        padding: 20px 15px !important
    }
}

input[list].widget-input-override::-webkit-calendar-picker-indicator {
    display: none !important
}

input[list].widget-input-override:active,
input[list].widget-input-override:focus,
input[list].widget-input-override:hover {
    transition: none;
    background: url(/static/images/arrow-down.svg) right no-repeat !important;
    background-color: #fff !important
}

.lc-dark-theme .tv-chart-interval-header-overlay {
    background: #131722
}

.tv-chart-interval-header-overlay {
    position: absolute;
    height: 38px;
    width: 120px;
    left: 57px;
    top: 1px;
    background: #fff
}

.infinite-select {
    visibility: hidden
}

.broker-list-support-cryptos {
    min-width: 220px
}

.broker-list-support-cryptos .infinite-select-wrap {
    width: 100%
}

.broker-list-support-cryptos .infinite-select-wrap .infinite-select-header>input {
    padding-left: 12px;
    padding-right: 12px
}

.filter-label {
    font-size: 14px;
    color: #0a1f41;
    font-weight: 600
}

.infinite-selected-values .sizer {
    display: none;
    white-space: pre
}

input[type=number].frn-override {
    width: 100%;
    padding: 8px 5px 7px 9px;
    font-family: Open Sans;
    background-color: #fff;
    border-bottom-width: unset;
    border-bottom-style: unset;
    border-bottom-color: unset;
    border-bottom: unset;
    border-radius: 2px;
    border: solid 1px #ccc;
    outline: 1px;
    height: unset
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: 3px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #ebebeb;
    border: 0;
    color: #676767;
    border-radius: 3px
}

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

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

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: #eee
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #555;
    border-color: #555
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.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-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.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-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager:after,
.pager:before {
    display: table;
    content: " "
}

.pager:after {
    clear: both
}

.pager:after,
.pager:before {
    display: table;
    content: " "
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:focus,
.pager li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.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: #999;
    cursor: not-allowed;
    background-color: #fff
}

h2.widget-extra-label:before {
    display: none !important
}

#primary .article-pane h2:before {
    content: none !important
}

#primary .article-pane h2 {
    padding-left: 0 !important
}

#primary {
    overflow-x: auto
}

@media (max-width:929px) {
    .tablescroll {
        text-align: left !important
    }
}

html[dir=rtl] #primary .tablescroll {
    direction: rtl
}

.header-links {
    z-index: 300 !important
}

@media (max-width:768px) {
    .article-body .ec-fx-table-container {
        margin-left: -22px !important;
        margin-right: -22px !important
    }
    .mainEcCalendarMenu {
        display: block !important
    }
}

@media (max-width:850px) {
    .article-body .ec-fx-table-container {
        margin-left: 0;
        margin-right: 0
    }
}

.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    max-width: 240px;
    z-index: -1
}

.datepicker-container::after,
.datepicker-container::before {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left,
.datepicker-top-right {
    border-top-color: #39f
}

.datepicker-top-left::after,
.datepicker-top-left::before,
.datepicker-top-right::after,
.datepicker-top-right::before {
    border-top: 0;
    left: 10px;
    top: -5px
}

.datepicker-top-left::before,
.datepicker-top-right::before {
    border-bottom-color: #39f
}

.datepicker-top-left::after,
.datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px
}

.datepicker-bottom-left,
.datepicker-bottom-right {
    border-bottom-color: #39f
}

.datepicker-bottom-left::after,
.datepicker-bottom-left::before,
.datepicker-bottom-right::after,
.datepicker-bottom-right::before {
    border-bottom: 0;
    bottom: -5px;
    left: 10px
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
    border-top-color: #39f
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px
}

.datepicker-bottom-right::after,
.datepicker-bottom-right::before,
.datepicker-top-right::after,
.datepicker-top-right::before {
    left: auto;
    right: 10px
}

.datepicker-panel>ul {
    margin: 0;
    padding: 0;
    width: 100%
}

.datepicker-panel ul:first-child {
    font-size: 11px !important;
    font-weight: 700;
    border-bottom: 1px solid #ced3d9
}

.datepicker-panel>ul::after,
.datepicker-panel>ul::before {
    content: " ";
    display: table
}

.datepicker-panel>ul::after {
    clear: both
}

.datepicker-panel>ul>li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: calc(100% / 7)
}

.datepicker-panel>ul>li:hover {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li.muted,
.datepicker-panel>ul>li.muted:hover {
    color: #999
}

.datepicker-panel>ul>li.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li.highlighted:hover {
    background-color: #cce5ff
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    color: #39f
}

.datepicker-panel>ul>li.disabled,
.datepicker-panel>ul>li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted,
.datepicker-panel>ul>li.disabled:hover.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li[data-view="month next"],
.datepicker-panel>ul>li[data-view="month prev"],
.datepicker-panel>ul>li[data-view="year next"],
.datepicker-panel>ul>li[data-view="year prev"],
.datepicker-panel>ul>li[data-view="years next"],
.datepicker-panel>ul>li[data-view="years prev"],
.datepicker-panel>ul>li[data-view=next] {
    font-size: 18px
}

.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="years current"] {
    width: calc(100% * 5 / 7)
}

.datepicker-panel>ul[data-view=months]>li,
.datepicker-panel>ul[data-view=years]>li {
    height: 52.5px;
    line-height: 52.5px;
    width: 25%
}

.datepicker-panel>ul[data-view=week]>li,
.datepicker-panel>ul[data-view=week]>li:hover {
    background-color: #fff;
    cursor: default
}

.datepicker-hide {
    display: none
}

html[dir=rtl] .calendar-body #ec-fx-table-button-filter {
    border-right: 1px solid #ced3d9 !important;
    border-left: 0 !important
}

html[dir=rtl] .calendar-body .content_table td {
    text-align: right
}

html[dir=rtl] .calendar-body .content_table tbody tr td:last-child {
    border-right: none !important;
    border-left: 1px solid #ced3d9 !important
}

html[dir=rtl] .calendar-body .content_table tbody tr td:first-child {
    border-right: 1px solid #ced3d9 !important
}

html[dir=rtl] .calendar-body .content_table thead tr th:last-child {
    border-right: none !important
}

html[dir=rtl] .calendar-body .content_table thead tr th:first-child {
    border-right: 1px solid #ced3d9 !important
}

html[dir=rtl] .calendar-body #timeLeftTh {
    border-left: 1px solid #ced3d9 !important
}

html[dir=rtl] .calendar-body .content_table tbody tr td:nth-child(2) {
    border-right: none !important
}

html[dir=rtl] .calendar-body .content_table #timeSortTh {
    border-right: none !important;
    border-left: 1px solid #ced3d9 !important
}

html[dir=rtl] .calendar-body .event_date_col {
    text-align: right !important
}

html[dir=rtl] .calendar-body .ec-fx-table-title-left {
    flex-direction: row-reverse
}

html[dir=rtl] .calendar-body .ec-fx-table-title-left .ec-fx-table-title-button {
    border-left: 1px solid #ced3d9;
    border-right: none
}

html[dir=rtl] .calendar-body .ec-fx-table-title-right .ec-fx-table-title-button {
    border-left: none;
    border-right: 1px solid #ced3d9
}

html[dir=rtl] .calendar-body [type=checkbox]+label {
    padding-left: 0;
    padding-right: 8px
}

html[dir=rtl] .calendar-body #currentTimeTh {
    border-left: none !important;
    border-right: 1px solid #ced3d9 !important
}

html[dir=rtl] .calendar-body .select-arrow-container {
    border-right: 1px solid #ced3d9;
    border-left: none
}

html[dir=rtl] .calendar-body html[dir=rtl] .calendar-body .select-arrow1-container {
    margin-left: 0;
    margin-right: 10px
}

html[dir=rtl] .calendar-body .select-items div,
html[dir=rtl] .calendar-body .select-selected {
    padding-left: 0;
    padding-right: 10px
}

html[dir=rtl] .calendar-body .same-as-selected {
    padding-left: 10px !important;
    padding-right: 0 !important
}

html[dir=rtl] .calendar-body #dateFilterModal input {
    padding-left: 0 !important;
    padding-right: 8px !important
}

html[dir=rtl] .calendar-body #dateFilterModal #beginDateSection {
    border-left: 1px solid #ced3d9 !important
}

html[dir=rtl] .calendar-body #dateFilterModal .datePickerSideMenuItemButton {
    padding-left: 0;
    padding-right: 23px
}

html[dir=rtl] .calendar-body .modal-label {
    text-align: right !important
}

@media (max-width:950px) {
    html[dir=rtl] .calendar-body #table_detail thead tr th:nth-child(4) {
        border-left: 1px solid #ced3d9 !important
    }
}

@media (max-width:850px) {
    html[dir=rtl] .calendar-body #mobileTable thead tr th {
        border-left: none !important
    }
    html[dir=rtl] .calendar-body #mobileTable thead tr th:first-child {
        border-right: 1px solid #ced3d9 !important;
        border-left: 1px solid #ced3d9 !important
    }
    html[dir=rtl] .calendar-body #mobileTable thead tr th:nth-child(2) {
        border-right: none !important
    }
    html[dir=rtl] .calendar-body #mobileTable thead tr th:last-child {
        border-left: 1px solid #ced3d9 !important
    }
    html[dir=rtl] .calendar-body #mobileTable tbody tr td:first-child {
        border-right: 1px solid #ced3d9 !important
    }
    html[dir=rtl] .calendar-body #mobileTable tbody tr td:last-child {
        border-left: 1px solid #ced3d9 !important
    }
}

.flag {
    display: inline-block;
    position: relative;
    width: 16px;
    min-width: 16px;
    height: 11px;
    background: url(/Content/dist/images/Calendar/flags.png) no-repeat
}

.flag.flag-gu {
    background-position: -96px -55px
}

.flag.flag-mn {
    background-position: -208px -88px
}

.flag.flag-va {
    background-position: -48px -154px
}

.flag.flag-tibet {
    background-position: -32px -143px
}

.flag.flag-fo {
    background-position: -64px -44px
}

.flag.flag-th {
    background-position: -16px -143px
}

.flag.flag-tr {
    background-position: -144px -143px
}

.flag.flag-tl {
    background-position: -80px -143px
}

.flag.flag-kz {
    background-position: -144px -77px
}

.flag.flag-zm {
    background-position: -16px -165px
}

.flag.flag-uz {
    background-position: -32px -154px
}

.flag.flag-dk {
    background-position: -64px -33px
}

.flag.flag-scotland {
    background-position: -176px -121px
}

.flag.flag-gi {
    background-position: -224px -44px
}

.flag.flag-gy {
    background-position: -128px -55px
}

.flag.flag-bj {
    background-position: -112px -11px
}

.flag.flag-fr {
    background-position: -80px -44px
}

.flag.flag-mo {
    background-position: -224px -88px
}

.flag.flag-ir {
    background-position: -112px -66px
}

.flag.flag-io {
    background-position: -80px -66px
}

.flag.flag-tm {
    background-position: -96px -143px
}

.flag.flag-ch {
    background-position: -96px -22px
}

.flag.flag-mt {
    background-position: -32px -99px
}

.flag.flag-nl {
    background-position: -240px -99px
}

.flag.flag-gp {
    background-position: -16px -55px
}

.flag.flag-im {
    background-position: -48px -66px
}

.flag.flag-tv {
    background-position: -176px -143px
}

.flag.flag-mu {
    background-position: -48px -99px
}

.flag.flag-pe {
    background-position: -96px -110px
}

.flag.flag-vi {
    background-position: -112px -154px
}

.flag.flag-hn {
    background-position: -176px -55px
}

.flag.flag-ss {
    background-position: -128px -132px
}

.flag.flag-ae {
    background-position: -16px 0
}

.flag.flag-td {
    background-position: -240px -132px
}

.flag.flag-pw {
    background-position: 0 -121px
}

.flag.flag-nu {
    background-position: -32px -110px
}

.flag.flag-bt {
    background-position: -208px -11px
}

.flag.flag-ms {
    background-position: -16px -99px
}

.flag.flag-cv {
    background-position: -240px -22px
}

.flag.flag-es {
    background-position: -224px -33px
}

.flag.flag-mh {
    background-position: -144px -88px
}

.flag.flag-la {
    background-position: -160px -77px
}

.flag.flag-vn {
    background-position: -128px -154px
}

.flag.flag-py {
    background-position: -16px -121px
}

.flag.flag-br {
    background-position: -176px -11px
}

.flag.flag-ye {
    background-position: -224px -154px
}

.flag.flag-ie {
    background-position: 0 -66px
}

.flag.flag-gh {
    background-position: -208px -44px
}

.flag.flag-cg {
    background-position: -80px -22px
}

.flag.flag-cu {
    background-position: -224px -22px
}

.flag.flag-hu {
    background-position: -224px -55px
}

.flag.flag-sg {
    background-position: -224px -121px
}

.flag.flag-at {
    background-position: -176px 0
}

.flag.flag-lk {
    background-position: -224px -77px
}

.flag.flag-vu {
    background-position: -144px -154px
}

.flag.flag-bo {
    background-position: -160px -11px
}

.flag.flag-jo {
    background-position: -208px -66px
}

.flag.flag-er {
    background-position: -208px -33px
}

.flag.flag-za {
    background-position: -256px -154px
}

.flag.flag-rs {
    background-position: -80px -121px
}

.flag.flag-nr {
    background-position: -16px -110px
}

.flag.flag-ls {
    background-position: -256px -77px
}

.flag.flag-jm {
    background-position: -192px -66px
}

.flag.flag-tz {
    background-position: -208px -143px
}

.flag.flag-ki {
    background-position: -16px -77px
}

.flag.flag-sj {
    background-position: 0 -132px
}

.flag.flag-cz {
    background-position: -16px -33px
}

.flag.flag-pg {
    background-position: -128px -110px
}

.flag.flag-lv {
    background-position: -32px -88px
}

.flag.flag-do {
    background-position: -96px -33px
}

.flag.flag-lu {
    background-position: -16px -88px
}

.flag.flag-no {
    background-position: -256px -99px
}

.flag.flag-kw {
    background-position: -112px -77px
}

.flag.flag-mx {
    background-position: -96px -99px
}

.flag.flag-yt {
    background-position: -240px -154px
}

.flag.flag-ly {
    background-position: -48px -88px
}

.flag.flag-cy {
    background-position: 0 -33px
}

.flag.flag-ph {
    background-position: -144px -110px
}

.flag.flag-my {
    background-position: -112px -99px
}

.flag.flag-sm {
    background-position: -48px -132px
}

.flag.flag-et {
    background-position: -240px -33px
}

.flag.flag-ru {
    background-position: -96px -121px
}

.flag.flag-tj {
    background-position: -48px -143px
}

.flag.flag-ai {
    background-position: -64px 0
}

.flag.flag-pl {
    background-position: -176px -110px
}

.flag.flag-kp {
    background-position: -64px -77px
}

.flag.flag-uy {
    background-position: -16px -154px
}

.flag.flag-gb {
    background-position: -112px -44px
}

.flag.flag-gs {
    background-position: -64px -55px
}

.flag.flag-kurdistan {
    background-position: -96px -77px
}

.flag.flag-rw {
    background-position: -112px -121px
}

.flag.flag-ec {
    background-position: -128px -33px
}

.flag.flag-mm {
    background-position: -192px -88px
}

.flag.flag-pa {
    background-position: -80px -110px
}

.flag.flag-wales {
    background-position: -160px -154px
}

.flag.flag-kg {
    background-position: -256px -66px
}

.flag.flag-ve {
    background-position: -80px -154px
}

.flag.flag-tk {
    background-position: -64px -143px
}

.flag.flag-ca {
    background-position: -16px -22px
}

.flag.flag-is {
    background-position: -128px -66px
}

.flag.flag-ke {
    background-position: -240px -66px
}

.flag.flag-ro {
    background-position: -64px -121px
}

.flag.flag-gq {
    background-position: -32px -55px
}

.flag.flag-pt {
    background-position: -256px -110px
}

.flag.flag-tf {
    background-position: -256px -132px
}

.flag.flag-ad {
    background-position: 0 0
}

.flag.flag-sk {
    background-position: -16px -132px
}

.flag.flag-pm {
    background-position: -192px -110px
}

.flag.flag-om {
    background-position: -64px -110px
}

.flag.flag-an {
    background-position: -112px 0
}

.flag.flag-ws {
    background-position: -192px -154px
}

.flag.flag-sh {
    background-position: -240px -121px
}

.flag.flag-mp {
    background-position: -240px -88px
}

.flag.flag-gt {
    background-position: -80px -55px
}

.flag.flag-cf {
    background-position: -64px -22px
}

.flag.flag-zanzibar {
    background-position: 0 -165px
}

.flag.flag-mw {
    background-position: -80px -99px
}

.flag.flag-catalonia {
    background-position: -32px -22px
}

.flag.flag-ug {
    background-position: -240px -143px
}

.flag.flag-je {
    background-position: -176px -66px
}

.flag.flag-km {
    background-position: -32px -77px
}

.flag.flag-in {
    background-position: -64px -66px
}

.flag.flag-bf {
    background-position: -48px -11px
}

.flag.flag-mc {
    background-position: -80px -88px
}

.flag.flag-sy {
    background-position: -192px -132px
}

.flag.flag-sn {
    background-position: -64px -132px
}

.flag.flag-kr {
    background-position: -80px -77px
}

.flag.flag-eu {
    background-position: -256px -33px
}

.flag.flag-bn {
    background-position: -144px -11px
}

.flag.flag-st {
    background-position: -144px -132px
}

.flag.flag-uk {
    background-position: -112px -44px
}

.flag.flag-lc {
    background-position: -192px -77px
}

.flag.flag-dm {
    background-position: -80px -33px
}

.flag.flag-be {
    background-position: -32px -11px
}

.flag.flag-ni {
    background-position: -224px -99px
}

.flag.flag-ua {
    background-position: -224px -143px
}

.flag.flag-mz {
    background-position: -128px -99px
}

.flag.flag-pf {
    background-position: -112px -110px
}

.flag.flag-tn {
    background-position: -112px -143px
}

.flag.flag-ee {
    background-position: -144px -33px
}

.flag.flag-xk {
    background-position: -208px -154px
}

.flag.flag-sx {
    background-position: -176px -132px
}

.flag.flag-sd {
    background-position: -192px -121px
}

.flag.flag-gd {
    background-position: -128px -44px
}

.flag.flag-ci {
    background-position: -112px -22px
}

.flag.flag-sz {
    background-position: -208px -132px
}

.flag.flag-cl {
    background-position: -144px -22px
}

.flag.flag-fi {
    background-position: 0 -44px
}

.flag.flag-ga {
    background-position: -96px -44px
}

.flag.flag-jp {
    background-position: -224px -66px
}

.flag.flag-de {
    background-position: -32px -33px
}

.flag.flag-np {
    background-position: 0 -110px
}

.flag.flag-re {
    background-position: -48px -121px
}

.flag.flag-bg {
    background-position: -64px -11px
}

.flag.flag-sc {
    background-position: -160px -121px
}

.flag.flag-ng {
    background-position: -208px -99px
}

.flag.flag-qa {
    background-position: -32px -121px
}

.flag.flag-mk {
    background-position: -160px -88px
}

.flag.flag-aw {
    background-position: -208px 0
}

.flag.flag-kn {
    background-position: -48px -77px
}

.flag.flag-al {
    background-position: -80px 0
}

.flag.flag-bw {
    background-position: -240px -11px
}

.flag.flag-um {
    background-position: -256px -143px
}

.flag.flag-ky {
    background-position: -128px -77px
}

.flag.flag-tt {
    background-position: -160px -143px
}

.flag.flag-so {
    background-position: -80px -132px
}

.flag.flag-lt {
    background-position: 0 -88px
}

.flag.flag-by {
    background-position: -256px -11px
}

.flag.flag-bb {
    background-position: 0 -11px
}

.flag.flag-us {
    background-position: 0 -154px
}

.flag.flag-md {
    background-position: -96px -88px
}

.flag.flag-ag {
    background-position: -48px 0
}

.flag.flag-hm {
    background-position: -160px -55px
}

.flag.flag-as {
    background-position: -160px 0
}

.flag.flag-eg {
    background-position: -160px -33px
}

.flag.flag-sv {
    background-position: -160px -132px
}

.flag.flag-sl {
    background-position: -32px -132px
}

.flag.flag-fk {
    background-position: -32px -44px
}

.flag.flag-am {
    background-position: -96px 0
}

.flag.flag-ck {
    background-position: -128px -22px
}

.flag.flag-tw {
    background-position: -192px -143px
}

.flag.flag-kh {
    background-position: 0 -77px
}

.flag.flag-to {
    background-position: -128px -143px
}

.flag.flag-se {
    background-position: -208px -121px
}

.flag.flag-cd {
    background-position: -48px -22px
}

.flag.flag-pn {
    background-position: -208px -110px
}

.flag.flag-gr {
    background-position: -48px -55px
}

.flag.flag-id {
    background-position: -256px -55px
}

.flag.flag-vc {
    background-position: -64px -154px
}

.flag.flag-somaliland {
    background-position: -96px -132px
}

.flag.flag-bi {
    background-position: -96px -11px
}

.flag.flag-pk {
    background-position: -160px -110px
}

.flag.flag-pr {
    background-position: -224px -110px
}

.flag.flag-bd {
    background-position: -16px -11px
}

.flag.flag-co {
    background-position: -192px -22px
}

.flag.flag-fm {
    background-position: -48px -44px
}

.flag.flag-bm {
    background-position: -128px -11px
}

.flag.flag-ar {
    background-position: -144px 0
}

.flag.flag-bv {
    background-position: -224px -11px
}

.flag.flag-sb {
    background-position: -144px -121px
}

.flag.flag-mq {
    background-position: -256px -88px
}

.flag.flag-eh {
    background-position: -176px -33px
}

.flag.flag-bh {
    background-position: -80px -11px
}

.flag.flag-it {
    background-position: -144px -66px
}

.flag.flag-hr {
    background-position: -192px -55px
}

.flag.flag-sa {
    background-position: -128px -121px
}

.flag.flag-mv {
    background-position: -64px -99px
}

.flag.flag-mg {
    background-position: -128px -88px
}

.flag.flag-dz {
    background-position: -112px -33px
}

.flag.flag-gg {
    background-position: -192px -44px
}

.flag.flag-gm {
    background-position: -256px -44px
}

.flag.flag-af {
    background-position: -32px 0
}

.flag.flag-li {
    background-position: -208px -77px
}

.flag.flag-sr {
    background-position: -112px -132px
}

.flag.flag-vg {
    background-position: -96px -154px
}

.flag.flag-cr {
    background-position: -208px -22px
}

.flag.flag-tc {
    background-position: -224px -132px
}

.flag.flag-ao {
    background-position: -128px 0
}

.flag.flag-ma {
    background-position: -64px -88px
}

.flag.flag-mr {
    background-position: 0 -99px
}

.flag.flag-gn {
    background-position: 0 -55px
}

.flag.flag-ne {
    background-position: -176px -99px
}

.flag.flag-nf {
    background-position: -192px -99px
}

.flag.flag-wf {
    background-position: -176px -154px
}

.flag.flag-hk {
    background-position: -144px -55px
}

.flag.flag-gf {
    background-position: -160px -44px
}

.flag.flag-ps {
    background-position: -240px -110px
}

.flag.flag-ic {
    background-position: -240px -55px
}

.flag.flag-cw {
    background-position: -256px -22px
}

.flag.flag-ml {
    background-position: -176px -88px
}

.flag.flag-ax {
    background-position: -224px 0
}

.flag.flag-gl {
    background-position: -240px -44px
}

.flag.flag-dj {
    background-position: -48px -33px
}

.flag.flag-cn {
    background-position: -176px -22px
}

.flag.flag-ht {
    background-position: -208px -55px
}

.flag.flag-lr {
    background-position: -240px -77px
}

.flag.flag-tg {
    background-position: 0 -143px
}

.flag.flag-ba {
    background-position: -256px 0
}

.flag.flag-ge {
    background-position: -144px -44px
}

.flag.flag-bz {
    background-position: 0 -22px
}

.flag.flag-au {
    background-position: -192px 0
}

.flag.flag-iq {
    background-position: -96px -66px
}

.flag.flag-cm {
    background-position: -160px -22px
}

.flag.flag-gw {
    background-position: -112px -55px
}

.flag.flag-az {
    background-position: -240px 0
}

.flag.flag-na {
    background-position: -144px -99px
}

.flag.flag-fj {
    background-position: -16px -44px
}

.flag.flag-zw {
    background-position: -32px -165px
}

.flag.flag-bs {
    background-position: -192px -11px
}

.flag.flag-il {
    background-position: -16px -66px
}

.flag.flag-nz {
    background-position: -48px -110px
}

.flag.flag-me {
    background-position: -112px -88px
}

.flag.flag-si {
    background-position: -256px -121px
}

.flag.flag-nc {
    background-position: -160px -99px
}

.flag.flag-lb {
    background-position: -176px -77px
}

.flag.flag-emu {
    background-position: -256px -33px
}

.calendar-body {
    position: relative;
    font-family: Open Sans !important;
    width: 100%;
    background-color: #fff;
    min-width: 300px
}

.calendar-body .embed-script-overlay {
    z-index: 251
}

.calendar-body .embed-script-overlay select.frn-override:focus {
    background: url(/static/images/dd-chevron.png) right no-repeat !important;
    background-color: #fff !important;
    box-shadow: none
}

.calendar-body .row {
    margin-left: unset !important;
    margin-right: unset !important
}

.calendar-body label {
    display: flex;
    align-items: center
}

.calendar-body label label {
    margin-bottom: 0
}

.calendar-body .calendar-widget-button {
    text-decoration: none;
    border: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a1f41 !important
}

.calendar-body #currentTimeButton {
    font-weight: 600 !important
}

.calendar-body #embed-text {
    font-weight: 400 !important
}

.calendar-body #embed-character {
    font-weight: 800 !important
}

.calendar-body .embed-button {
    font-size: 12px;
    align-self: start;
    padding: 3px 5px;
    border-radius: 0 !important
}

.calendar-body #country-section label label span {
    margin-left: 5px
}

.calendar-body .modal-content {
    border: 1px solid #ced3d9;
    border-radius: 2px;
    background-color: #fff;
    color: #0a1f41 !important
}

.calendar-body .modal {
    padding-right: 0 !important
}

.calendar-body .show-more-loading-img {
    display: none
}

.calendar-body .modal-footer {
    height: 60px;
    border: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.calendar-body .modal-footer .btn {
    min-width: 79px;
    height: 32px;
    color: #263957 !important;
    background-color: transparent;
    text-transform: none;
    box-shadow: none;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar-body .modal-footer .btn-primary {
    background-color: #0a1f41;
    color: #fff !important
}

.calendar-body .modal-footer .btn-primary:hover {
    background-color: #0a1f41 !important
}

.calendar-body input[type=checkbox],
.calendar-body input[type=radio] {
    visibility: visible;
    position: inherit;
    left: 0
}

.calendar-body .btn.active,
.calendar-body .btn:active,
.calendar-body .btn:hover {
    background-color: #ced3d9 !important
}

.calendar-body .btn {
    box-shadow: none !important;
    transition: none !important;
    font-size: 13px;
    padding: 8px;
    font-weight: 400 !important
}

.calendar-body .btn:focus {
    outline: 0;
    box-shadow: none
}

.calendar-body .ec-fx-drop-btn {
    width: 25px;
    height: 25px;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

.calendar-body .content_table {
    width: 100% !important;
    text-align: left;
    color: #0a1f41;
    border: none !important;
    border-collapse: unset !important;
    border-spacing: 0 !important
}

.calendar-body .content_table #timeLeftTh {
    border-left: none !important
}

.calendar-body .calendarDate {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 10px !important
}

.calendar-body .datepicker-panel ul:first-child {
    font-size: 12px !important
}

.calendar-body .ec-fx-calendar-table .tablescroll:nth-child(2) {
    display: none
}

.calendar-body .ec-fx-calendar-table .tablescroll:first-child {
    display: block
}

.calendar-body #mobileTable {
    display: none
}

.calendar-body .content_table td {
    padding-top: 5.95px !important;
    padding-bottom: 5.95px !important;
    height: 32px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    border: 1px solid #ced3d9 !important;
    font-size: 12px !important;
    font-family: Verdana !important;
    font-weight: 400 !important
}

.calendar-body .content_table tbody tr td.ec-detail {
    display: flex;
    align-items: center;
    justify-content: center
}

.calendar-body .content_table thead tr th {
    text-align: center;
    font-size: 12px !important;
    font-family: Verdana !important;
    font-weight: 400;
    background-color: #f4f5f7 !important;
    border-color: #ced3d9;
    padding-top: 6.52px !important;
    padding-bottom: 6.52px !important;
    height: 32px !important;
    line-height: 27px !important;
    border-top: 0 solid !important;
    border-left: 1px solid #ced3d9;
    border-right: none !important;
    border-bottom: 1px solid #ced3d9;
    padding: 2px !important;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 250
}

.calendar-body #table_detail thead tr th {
    max-height: 32px !important;
    min-height: 32px !important;
    height: 32px !important
}

.calendar-body .content_table tbody tr:first-child td {
    border-top: none !important
}

.calendar-body .content_table thead tr th:last-child {
    border-right: 1px solid #ced3d9 !important
}

.calendar-body .content_table thead tr {
    height: 32px
}

.calendar-body .content_table tbody tr td:not(:first-child):not(:last-child):not(:nth-child(2)) {
    border-left: none !important;
    border-right: none !important
}

.calendar-body .content_table tbody tr:nth-last-child(2) td:not(:first-child):not(:nth-child(2)) {
    border-bottom: none !important
}

.calendar-body .content_table tbody tr td:first-child[order=not_first] {
    border-bottom: none !important;
    border-top: none !important
}

.calendar-body .content_table tbody tr td:nth-child(2)[order=second] {
    border-bottom: none !important;
    position: relative;
    padding: 2px !important
}

.calendar-body .content_table tbody tr td:nth-child(2)[order=second] div {
    white-space: nowrap
}

.calendar-body .content_table tbody tr[order=not_second] td {
    border-top: none !important
}

.calendar-body .content_table tbody tr td .timeStringTentive {
    border-bottom: 1px dotted #ced3d9;
    cursor: pointer
}

.calendar-body .content_table tbody td {
    border-bottom: none !important
}

.calendar-body .content_table tbody tr th {
    border-top: 1px solid #ced3d9
}

.calendar-body .content_table .spareRow td {
    height: 20px !important
}

.calendar-body .content_table .spareRow td:nth-child(2) {
    border-left: 1px solid #ced3d9 !important
}

.calendar-body .content_table tbody tr td:nth-child(2)[order=not_second] {
    border-bottom: none !important;
    border-top: none !important;
    text-align: center
}

.calendar-body .content_table tbody tr td:first-child[order=first] {
    border-bottom: none !important
}

.calendar-body .content_table tbody tr td:first-child,
.calendar-body td:nth-child(2) {
    cursor: text
}

.calendar-body .content_table tbody tr:not(.loadingTr):not(.noEventRow) td:last-child {
    border-left: none !important
}

.calendar-body .content_table tbody tr:not(.loadingTr):not(.noEventRow) td:first-child {
    border-right: none !important
}

.calendar-body .content_table body .loadingTr td {
    border-right: 1px solid #ced3d9 !important
}

.calendar-body .content_table tbody tr[isOdd=odd_1] {
    background-color: #f8f8f8
}

.calendar-body .content_table tbody tr[isOdd=odd_1] .dateTD div {
    background-color: #f8f8f8
}

.calendar-body .content_table tbody tr[isOdd=odd_0] .dateTD div {
    background-color: #fff
}

.calendar-body .content_table tbody tr.spareRow td:last-child {
    border-left: 1px solid #ced3d9 !important;
    height: 20px !important
}

.calendar-body .content_table tbody tr.loadingTr {
    border-left: 1px solid #ced3d9;
    border-right: 1px solid #ced3d9
}

.calendar-body .content_table tbody tr.noEventRow td {
    border-left: 1px solid #ced3d9;
    border-right: 1px solid #ced3d9
}

.calendar-body .content_table tbody .dateTD {
    position: sticky;
    position: -webkit-sticky;
    position: -webkit-o-sticky;
    position: -webkit-ms-sticky;
    top: 31px
}

.calendar-body .content_table tbody tr:first-child .dateTD {
    top: 32px
}

.calendar-body .content_table tr[class=ec-fx-table-event-row]:hover>td:not(:first-child):not(:nth-child(2)) {
    background-color: #f4f5f7
}

.calendar-body .content_table .hidden_row {
    display: none
}

.calendar-body .content_table .event_date_urgent td:not(:first-child):not(:nth-child(2)) {
    background-color: #e9fce9
}

.calendar-body .content_table .loadingTr td {
    border-left: 1px solid #ced3d9 !important;
    border-right: 1px solid #ced3d9 !important
}

.calendar-body .content_table .result-loading-img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.calendar-body .content_table tbody td .ec-fx-impact-low img {
    content: url(/Content/dist/images/Calendar/low.png)
}

.calendar-body .content_table tbody td .ec-fx-impact-medium img {
    content: url(/Content/dist/images/Calendar/medium.png)
}

.calendar-body .content_table tbody td .ec-fx-impact-high img {
    content: url(/Content/dist/images/Calendar/high.png)
}

.calendar-body .ec-fx-calendar-body {
    color: #0a1f41 !important
}

.calendar-body .ec-fx-calendar-body button {
    color: #0a1f41 !important
}

.calendar-body .checkmark-container {
    position: relative;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.calendar-body .ec-checked {
    margin: auto;
    width: 25px
}

.calendar-body .ec-fx-button-filter-selected {
    background-color: #c2cad8 !important;
    border-color: #bcc5d4 !important;
    border-right: none
}

.calendar-body .ec-fx-button-filter {
    color: #666 !important;
    background-color: #e1e5ec;
    border-color: #e1e5ec;
    margin-left: 5px;
    border-radius: 0;
    padding: 5px;
    box-shadow: none
}

.calendar-body .ec-fx-button-add-to-your-site {
    color: #fff !important;
    background-color: #f2784b;
    border-color: #f2784b;
    border-radius: 0
}

.calendar-body .ec-fx-filter-custom-container {
    border: 1px solid #e6e6e6;
    background-color: #f7f7f7 !important;
    height: 50px;
    margin-top: 10px;
    display: none
}

.calendar-body .ec-fx-table-container>thead {
    background-color: #f4f5f7
}

.calendar-body .ec-fx-table-title-container {
    border: 1px solid #ced3d9;
    background-color: #edeef0;
    height: 32px
}

.calendar-body .ec-fx-table-title {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0;
    background-color: #f4f5f7
}

.calendar-body .ec-fx-table-title-button {
    padding: 0 10px 0 10px;
    height: 100%;
    background-color: #f4f5f7;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    box-shadow: none;
    text-transform: none;
    cursor: pointer
}

.calendar-body .ec-fx-table-title-left .ec-fx-table-title-button {
    border-right: 1px solid #ced3d9;
    border-left: none
}

.calendar-body .ec-fx-table-title-right .ec-fx-table-title-button {
    border-right: none;
    border-left: 1px solid #ced3d9
}

.calendar-body .ec-fx-table-title-button img {
    margin-bottom: 0 !important
}

.calendar-body .ec-fx-table-title-button-arrow {
    max-width: 32px;
    width: 32px;
    padding: 0
}

.calendar-body .ec-fx-table-title-button>i:before {
    font-size: 20px
}

.calendar-body .ec-fx-filter-button img {
    margin-left: 8px
}

.calendar-body .ec-fx-th-sortable {
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ced3d9;
    border-right: 1px solid #ced3d9;
    border-left: 1px solid #ced3d9
}

.calendar-body .ec-fx-th-sortable:hover {
    color: inherit;
    text-decoration: underline
}

.calendar-body .ec-fx-th-sortable-img {
    background-image: url(/static/images/arrow-up-down-disabled.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    margin-top: 2px;
    height: 100%
}

.calendar-body .ec-fx-th-sortable-img-asc {
    background-image: url(/static/images/arrow-up-down-down-active.svg)
}

.calendar-body .ec-fx-th-sortable-img-desc {
    background-image: url(/static/images/arrow-up-down-up-active.svg)
}

.calendar-body .ec-fx-bottom-container {
    background-color: #f4f5f7;
    height: 33px;
    border-color: #ced3d9;
    z-index: 99999
}

.calendar-body .datepicker-container {
    max-width: 100% !important
}

.calendar-body .ec-fx-button-show-more {
    border: 1px solid;
    color: #0a1f41 !important;
    background-color: #f4f5f7;
    box-shadow: none;
    border-color: #ced3d9;
    border-radius: 0;
    width: 100%;
    text-align: left;
    text-transform: none;
    margin: 0;
    z-index: 90;
    cursor: pointer
}

.calendar-body .ec-fx-loading-container {
    position: fixed;
    z-index: 99997;
    min-width: 10%;
    left: 50%;
    top: -5px;
    line-height: 100% !important
}

.calendar-body #fx-loading-bar {
    text-align: center;
    background-color: #000;
    color: #fff;
    left: -50%
}

.calendar-body .fx-loading-bar-hidden {
    display: none !important
}

.calendar-body .ec-fx-table-date-row {
    background-color: #f8f8ff !important
}

.calendar-body .ec-fx-table-date-row-title {
    font-size: 12px;
    font-weight: 600 !important
}

.calendar-body .ec-fx-table-event-row {
    cursor: pointer
}

.calendar-body #notificationDropDown {
    width: 300px
}

.calendar-body .ec-fx-notification-on {
    color: #9acd32
}

.calendar-body #moreDropDown {
    width: 580px
}

.calendar-body .ec-fx-dropdown-show {
    display: block
}

.calendar-body .ec-fx-drop-down {
    position: relative;
    display: inline-block
}

.calendar-body .ec-fx-impact {
    font-weight: 400 !important;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap
}

.calendar-body .ec-fx-impact-label {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    align-items: center
}

.calendar-body .ec-fx-revised-high {
    color: #090;
    border-bottom: 1px dotted #090
}

.calendar-body .ec-fx-revised-low {
    color: #c00;
    border-bottom: 1px dotted #c00
}

.calendar-body .ec-fx-impact-content {
    width: 100%
}

.calendar-body [type=checkbox]+label,
.calendar-body [type=radio]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.calendar-body .ec-fx-impact-content img {
    margin-bottom: 0 !important
}

.calendar-body .ec-fx-revised-same {
    border-bottom: 1px dotted #0a1f41
}

.calendar-body [type=checkbox]+label {
    font-size: 12px;
    padding-left: 8px
}

.calendar-body [type=checkbox]+label::before {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-top: 6px
}

.calendar-body .picker__holder td {
    border: none !important;
    padding: 0 !important
}

.calendar-body .picker__holder tr th {
    border: none !important
}

.calendar-body #currentTimeTh {
    text-decoration: underline
}

.calendar-body #chat-link {
    z-index: 99999 !important
}

.calendar-body .timezone-Selector {
    width: 100%
}

.calendar-body .timeformat-Selector {
    width: 100%
}

.calendar-body .custom_select {
    position: relative;
    padding: 0;
    background: 0 0;
    width: 100%;
    height: 40px
}

.calendar-body .custom_select select {
    display: none
}

.calendar-body .select-selected {
    display: flex;
    justify-content: space-between
}

.calendar-body .select-arrow-container {
    height: 38px;
    width: 38px;
    border-left: 1px solid #ced3d9;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f5f7
}

.calendar-body .select-arrow1-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-width: 0 !important;
    width: 24px;
    margin-left: 10px
}

.calendar-body .select-arrow-container i:before {
    font-size: 25px
}

.calendar-body .select-arrow1-container i:before {
    font-size: 16px
}

.calendar-body .select-items div,
.calendar-body .select-selected {
    padding-left: 10px;
    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ced3d9;
    height: 100%;
    display: flex;
    align-items: center
}

.calendar-body .select-items {
    position: absolute;
    background-color: #f4f5f7;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #ced3d9;
    border-top: none
}

.calendar-body .select-items div {
    height: 40px;
    border: none;
    border-top: 1px solid #ced3d9;
    border-right: 1px solid #ced3d9
}

.calendar-body .select-hide {
    display: none
}

.calendar-body .same-as-selected,
.calendar-body .select-items div:hover {
    display: flex;
    justify-content: space-between;
    padding-right: 10px
}

.calendar-body #eventDateDetail .modal-content {
    width: 61100px
}

.calendar-body #timezoneModal .select-arrow-container i:before {
    font-size: 18px
}

.calendar-body #timezoneModal .modal-body {
    padding-bottom: 0
}

.calendar-body #timezoneModal .timezonselectdiv {
    font-size: 12px !important
}

.calendar-body #timezoneModal .timezonselectdiv .custom_select {
    height: 24px
}

.calendar-body #timezoneModal .timezonselectdiv .custom_select .select-arrow-container {
    height: 22px;
    width: 22px
}

.calendar-body #timezoneModal .timezonselectdiv .custom_select .select-items {
    max-height: 300px;
    overflow-y: auto
}

.calendar-body #timezoneModal .timezonselectdiv .custom_select .select-items div {
    height: 24px
}

.calendar-body #impactSortTh div:first-child {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar-body #timeSortTh {
    border-right: 1px solid #ced3d9 !important
}

.calendar-body #timeSortTh div:first-child {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar-body .modal-label {
    font-size: 12px !important;
    line-height: 16px;
    font-weight: 700;
    text-align: left !important
}

.calendar-body #filterModal .modal-header {
    background-color: inherit
}

.calendar-body .modal-section-header {
    min-height: 49px;
    background-color: #f4f5f7;
    border-bottom: 1px solid #ced3d9;
    border-radius: unset;
    display: flex;
    align-items: center;
    padding: 5px 15px 5px 15px
}

.calendar-body .modal-section-header h4 {
    margin: .5rem !important
}

.calendar-body #filterModal .modal-body {
    padding: 0;
    max-height: 550px;
    overflow-y: auto
}

.calendar-body #filterModal .modal-dialog {
    height: calc(100% - 200px)
}

.calendar-body #filterModal .modal-content {
    width: 480px
}

.calendar-body #filterModal span {
    font-size: 12px !important
}

.calendar-body #filterModal .select-option {
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400
}

.calendar-body #filterModal .select-option a {
    color: #0a1f41 !important
}

.calendar-body #filterModal .content-section {
    background-color: inherit;
    padding: 15px
}

.calendar-body #filterModal .filter-country-collapsible {
    color: #444;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px
}

.calendar-body #filterModal .filter-country-collapsible:hover .active {
    background-color: #ccc
}

.calendar-body #filterModal .filter-country-collapsible .mdi:before {
    font-size: 16px
}

.calendar-body #filterModal .content {
    padding: 0 18px;
    display: none
}

.calendar-body #filterModal label {
    text-align: left !important
}

.calendar-body #filterModal #country-section label {
    line-height: 15px;
    height: 25px;
    margin-bottom: 10px
}

.calendar-body #filterModal #country-section label label {
    line-height: 15px;
    margin-bottom: 0;
    align-items: flex-start
}

.calendar-body #filterModal #country-section label label:before {
    margin-top: 0;
    content: none
}

.calendar-body [type=checkbox]+label::before {
    content: none !important
}

.calendar-body #dateFilterModal .modal-dialog {
    max-width: 640px
}

.calendar-body #dateFilterModal .modal-content {
    min-width: 640px;
    font-family: inherit !important;
    border-radius: 2px !important;
    border-width: 0 !important
}

.calendar-body #dateFilterModal .modal-body {
    background-color: #f4f5f7;
    min-height: 313px;
    display: flex;
    flex-direction: row;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    border-bottom: 1px solid #ced3d9
}

.calendar-body #dateFilterModal #leftSection {
    display: flex;
    flex-direction: column
}

.calendar-body #dateFilterModal #leftSection .btn {
    white-space: nowrap !important
}

.calendar-body #dateFilterModal .datePickerSideMenuItem .ec-fx-table-title-button:hover {
    background-color: #ced3d9
}

.calendar-body #dateFilterModal #dateRangeSection {
    flex-grow: 1
}

.calendar-body #dateFilterModal .modal-header {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.calendar-body #dateFilterModal input {
    padding-left: 8px !important
}

.calendar-body #dateFilterModal #leftSection {
    border-width: 0 !important
}

.calendar-body #dateFilterModal #beginDateSection {
    border-left: 0 !important
}

.calendar-body #dateFilterModal .datePickerSideMenuItem {
    border-top: 1px solid #ced3d9;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.calendar-body #dateFilterModal .datePickerSideMenuItemButton {
    flex: 1;
    margin: 0;
    font-size: 12px !important;
    color: #0a1f41 !important;
    justify-content: left;
    padding-left: 23px
}

.calendar-body #dateFilterModal .datePickerSideMenuItemButton.active {
    background-color: #0a1f41 !important;
    color: #fff !important
}

.calendar-body #dateFilterModal #leftSection div:first-child {
    border-top: 0 solid
}

.calendar-body #dateFilterModal .datePickerSideMenuItem div {
    height: 20px
}

.calendar-body #dateFilterModal .datePickerSideMenuItem div a {
    text-decoration: underline
}

.calendar-body #dateFilterModal .dateSection {
    border-left: 1px solid #ced3d9
}

.calendar-body #dateFilterModal .dateDisplaySection {
    padding: 10px 10px 0 10px;
    height: 65px;
    border-bottom: 1px solid #ced3d9;
    border-bottom: none;
    text-align: left
}

.calendar-body #dateFilterModal .datePickerSection {
    background-color: #fff;
    flex: 1
}

.calendar-body #dateFilterModal .dateInput {
    margin-top: 8px;
    background-color: #fff;
    border-bottom: none;
    height: 24px !important;
    width: 144px;
    border: 1px solid #ced3d9;
    font-size: 12px !important;
    border-radius: 2px
}

.calendar-body #dateFilterModal #dateRangeInput {
    width: 380px !important
}

.calendar-body #dateFilterModal #mobileSelectContainer {
    display: none
}

.calendar-body #dateFilterModal img {
    margin-bottom: 0;
    pointer-events: none;
    width: 17px;
    height: 17px
}

.calendar-body #dateFilterModal .ec-fx-table-title-button:hover {
    box-shadow: none !important
}

.calendar-body [type=checkbox]:checked+label:before {
    border-width: inherit;
    width: inherit;
    height: inherit
}

.calendar-body .country-content-item,
.calendar-body .impact-content-item,
.calendar-body .symbol-content-item {
    margin-bottom: 10px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.calendar-body .country-content-item {
    align-items: flex-start
}

.calendar-body .ec-fx-button-show-more {
    font-size: 12px !important
}

.calendar-body table tr:not(.spareRow) {
    height: 32px !important
}

.calendar-body #eventDateDetail .modal-dialog {
    max-width: 1220px;
    margin: 1.25rem auto
}

@media (max-width:1220px) {
    .calendar-body #eventDateDetail .modal-dialog {
        margin: 1.25rem 10px
    }
}

.calendar-body #eventDateDetail .modal-content {
    width: 100%;
    min-height: 500px
}

.calendar-body #eventDateDetail #eventDateContent {
    display: flex;
    flex-direction: column
}

.calendar-body #eventDateDetail #event_description_span {
    font-size: 12px;
    line-height: 150% !important
}

.calendar-body #eventDateDetail #eventDateIdLoading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.calendar-body #eventDateDetail #event_title {
    font-size: 14px;
    margin: 0 !important
}

.calendar-body #eventDateDetail .modal-header {
    height: 50px !important
}

@media (max-width:850px) {
    .calendar-body #embed-text {
        display: none
    }
    .calendar-body .ec-fx-table-title-container .btn {
        font-size: 12px !important
    }
    .calendar-body .ec-fx-table-title-button {
        font-size: 12px !important;
        padding: 0 5px 0 5px
    }
    .calendar-body .ec-fx-table-title-button>i:before {
        font-size: 15px
    }
    .calendar-body .ec-fx-th-sortable {
        padding-right: 20px
    }
    .calendar-body .timezoneSelect {
        height: 40px
    }
    .calendar-body .modal-content {
        width: 343px !important;
        min-height: 344px;
        margin: auto
    }
    .calendar-body .modal-footer {
        flex-direction: column;
        min-height: 60px
    }
    .calendar-body .ec-fx-table-title-container {
        height: 40px !important;
        top: 0;
        z-index: 100
    }
    .calendar-body .ec-fx-calendar-table .tablescroll:nth-child(2) {
        display: block
    }
    .calendar-body #mobileTable {
        display: table;
        border: none !important
    }
    .calendar-body #mobileTable thead tr th {
        padding: 0 10px !important
    }
    .calendar-body #mobileTable .event_date_urgent td {
        background-color: #e9fce9
    }
    .calendar-body #mobileTable tbody tr td:first-child[order=not_second] {
        border-top: none !important
    }
    .calendar-body #mobileTable tr td:first-child {
        border-left: 1px solid #ced3d9 !important
    }
    .calendar-body #mobileTable tr td:last-child {
        border-right: 1px solid #ced3d9 !important
    }
    .calendar-body #mobileTable thead tr td:first-child {
        border-right: 1px solid #ced3d9 !important
    }
    .calendar-body #mobileTable thead th {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 101;
        height: 45px !important;
        max-height: 45px !important;
        line-height: 45px !important;
        border-width: 0 !important;
        border-right: 1px solid #ced3d9 !important;
        border-left: none !important
    }
    .calendar-body #mobileTable thead {
        background-color: #ced3d9
    }
    .calendar-body #mobileTable thead th:first-child {
        border-left: 1px solid #ced3d9 !important
    }
    .calendar-body #mobileTable tbody th {
        position: sticky;
        position: -webkit-sticky;
        position: -webkit-o-sticky;
        position: -webkit-ms-sticky;
        top: 44px;
        z-index: 100;
        line-height: 18px !important;
        background-color: #fff;
        font-size: 12px !important;
        border-left: 1px solid #ced3d9 !important;
        border-right: 1px solid #ced3d9 !important;
        border-bottom: 1px solid #ced3d9 !important
    }
    .calendar-body #mobileTable tbody td {
        height: 64px !important;
        border-bottom: 1px solid #ced3d9 !important;
        border-top: none !important
    }
    .calendar-body #mobileTable tr[class=ec-fx-table-event-row]:hover {
        background-color: #f4f5f7
    }
    .calendar-body #mobileTable tbody tr td {
        border-left: none !important;
        border-right: none !important
    }
    .calendar-body #mobileTable tbody tr:last-child td {
        border-bottom: none !important
    }
    .calendar-body #mobileTable tfooter td {
        border-left: 1px solid #ced3d9 !important;
        border-right: 1px solid #ced3d9 !important
    }
    .calendar-body #mobileTable .dateRowTr {
        font-family: Verdana !important
    }
    .calendar-body .ec-fx-calendar-table .tablescroll:first-child {
        display: none
    }
    .calendar-body #table_detail {
        display: none
    }
    .calendar-body #ec-fx-table-button-filter span {
        display: none !important
    }
    .calendar-body #btnShowMore {
        font-size: 12px !important
    }
    .calendar-body #ec-fx-table-button-filter {
        width: 40px;
        padding: 0 !important
    }
    .calendar-body #ec-fx-table-button-filter img {
        margin-left: 0 !important;
        min-width: 17px !important
    }
    .calendar-body #timezoneModal .modal-footer {
        height: 118px !important;
        padding-top: 0
    }
    .calendar-body #timezoneModal .modal-footer button {
        width: 100%;
        height: 40px;
        margin: 3px
    }
    .calendar-body #timezoneModal .timezonselectdiv {
        font-size: 12px !important
    }
    .calendar-body #timezoneModal .timezonselectdiv .custom_select {
        height: 40px
    }
    .calendar-body #timezoneModal .timezonselectdiv .custom_select .select-arrow-container {
        height: 38px;
        width: 38px
    }
    .calendar-body #timezoneModal .timezonselectdiv .custom_select .select-items {
        max-height: 300px;
        overflow-y: auto
    }
    .calendar-body #timezoneModal .timezonselectdiv .custom_select .select-items div {
        height: 40px
    }
    .calendar-body #timezoneModal .select-arrow-container i:before {
        font-size: 25px
    }
    .calendar-body #timezoneModal .select-arrow-container i:before {
        font-size: 25px
    }
    .calendar-body #timezoneModal .modal-dialog .modal-content {
        min-height: 310px !important
    }
    .calendar-body #timezoneModal .modal-dialog .modal-body {
        height: 150px !important
    }
    .calendar-body #timezoneModal .modal-dialog .modal-body div:last-child {
        margin-bottom: 0 !important
    }
    .calendar-body #filterModal .country-header-item:first-child,
    .calendar-body #filterModal .currency-header-item:first-child,
    .calendar-body #filterModal .impact-header-item:first-child {
        width: 40%;
        display: flex;
        align-items: start
    }
    .calendar-body #filterModal .country-header-item:nth-child(2),
    .calendar-body #filterModal .currency-header-item:nth-child(2),
    .calendar-body #filterModal .impact-header-item:nth-child(2) {
        width: 30%;
        text-align: right
    }
    .calendar-body #filterModal .country-header-item:nth-child(3),
    .calendar-body #filterModal .currency-header-item:nth-child(3),
    .calendar-body #filterModal .impact-header-item:nth-child(3) {
        width: 30%;
        text-align: right
    }
    .calendar-body #filterModal .country-content-item,
    .calendar-body #filterModal .impact-content-item {
        width: 50% !important
    }
    .calendar-body #filterModal .symbol-content-item {
        width: calc(100% / 3) !important
    }
    .calendar-body [type=checkbox]+label {
        font-size: 12px
    }
    .calendar-body [type=checkbox]+label span {
        font-size: 12px !important
    }
    .calendar-body .modal-footer {
        height: 128px !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .calendar-body .modal-footer .btn {
        height: 40px !important;
        width: 100%;
        margin: 0;
        font-size: 14px !important;
        font-weight: 600 !important
    }
    .calendar-body #dateFilterModal .modal-content {
        min-width: 150px !important;
        width: 343px !important;
        border: 0 solid
    }
    .calendar-body #dateFilterModal #leftSection {
        display: none
    }
    .calendar-body #dateFilterModal #dateRangeInput {
        display: none
    }
    .calendar-body #dateFilterModal #dateRangeSection {
        flex-direction: column !important
    }
    .calendar-body #dateFilterModal .datepicker-container {
        max-width: 340px !important;
        width: 100%
    }
    .calendar-body #dateFilterModal .dateInput {
        width: 100%;
        height: 40px;
        flex-grow: 1
    }
    .calendar-body #dateFilterModal .dateDisplaySection {
        border-bottom: none
    }
    .calendar-body #dateFilterModal .datePickerSection {
        background-color: #f4f5f7;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 8px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ced3d9
    }
    .calendar-body #dateFilterModal .dateInputContainer {
        display: flex
    }
    .calendar-body #dateFilterModal .modal-body {
        border: 0 solid;
        flex-direction: column
    }
    .calendar-body #dateFilterModal .dateSection {
        border: 0 solid
    }
    .calendar-body #dateFilterModal #mobileSelectContainer {
        padding: 15px;
        display: flex;
        flex-direction: column;
        background-color: #fff
    }
    .calendar-body #dateFilterModal .modal-header {
        background-color: #f4f5f7
    }
    .calendar-body #dateFilterModal #selectDropwDown {
        width: 40px;
        height: 40px
    }
    .calendar-body #dateFilterModal .selectdiv {
        display: flex;
        margin-top: 10px;
        height: 40px;
        position: relative
    }
    .calendar-body #dateFilterModal #selectDropwDown {
        background-color: #f4f5f7;
        border-left: 1px solid #ced3d9;
        position: absolute;
        right: 2px;
        top: 2px;
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .calendar-body #dateFilterModal #selectDropwDown i:before {
        font-size: 25px
    }
    .calendar-body #dateFilterModal .select-arrow-container i {
        height: 16px
    }
    .calendar-body #impactSortTh {
        padding-right: 20px !important
    }
    .calendar-body #timeSortTh {
        padding-right: 20px !important;
        border-right: 1px solid #ced3d9 !important
    }
    .calendar-body .ec-fx-button-show-more {
        font-size: 12px !important
    }
    .calendar-body #eventDateDetail .modal-content {
        width: 100% !important
    }
}

@media (max-width:300px) {
    .calendar-body #mobileTable thead tr th {
        width: 33.33% !important
    }
}

@media (max-width:950px) {
    .calendar-body #timeLeftTh {
        display: none
    }
    .calendar-body #eventDate_table_body tr td:nth-child(3) {
        display: none
    }
    .calendar-body #table_detail thead tr th:nth-child(4) {
        border-left: none !important
    }
    .calendar-body #table_detail #impactSortTh div div {
        height: 14px
    }
    .calendar-body #table_detail tbody tr td:nth-child(7) div span {
        display: none
    }
    .calendar-body #table_detail tbody tr td:nth-child(7) div {
        justify-content: center
    }
}

.calendar-body.dark .ec-fx-calendar-body {
    color: #dfdfe0 !important
}

.calendar-body.dark .ec-fx-calendar-body button {
    color: #dfdfe0 !important
}

.calendar-body.dark .ec-fx-calendar-body .ec-fx-table-title-container {
    border-color: #2f2c33 !important;
    background-color: #2f2c33 !important
}

.calendar-body.dark .ec-fx-calendar-body .ec-fx-table-title-button {
    background-color: #4d4a50;
    color: #dfdfe0 !important
}

.calendar-body.dark .ec-fx-calendar-body .ec-fx-table-title-button img {
    filter: invert(94%) sepia(0) saturate(1%) hue-rotate(299deg) brightness(96%) contrast(94%)
}

.calendar-body.dark .ec-fx-calendar-body .ec-fx-table-title-button:hover {
    background-color: #716f74 !important
}

.calendar-body.dark .ec-fx-calendar-body .ec-fx-table-title-left .ec-fx-table-title-button {
    border-right: 1px solid #2f2c33
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .ec-fx-table-title-left .ec-fx-table-title-button {
    border-right: none;
    border-left: 1px solid #2f2c33
}

.calendar-body.dark .ec-fx-calendar-body .ec-fx-table-title-right .ec-fx-table-title-button {
    border-left: 1px solid #2f2c33
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .ec-fx-table-title-right .ec-fx-table-title-button {
    border-left: none;
    border-right: 1px solid #2f2c33
}

.calendar-body.dark .ec-fx-calendar-body .calendar-widget-button {
    color: #dfdfe0 !important
}

.calendar-body.dark .ec-fx-calendar-body .content_table {
    color: #dfdfe0 !important;
    background: #1e1923
}

.calendar-body.dark .ec-fx-calendar-body .content_table thead tr th {
    background-color: #4d4a50 !important;
    border-color: #2f2c33 !important
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .content_table thead tr th:first-child {
    border-right: 1px solid #2f2c33 !important
}

.calendar-body.dark .ec-fx-calendar-body .content_table thead tr #timeSortTh {
    border-right: 1px solid #2f2c33 !important
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .content_table thead tr #timeSortTh {
    border-left: 1px solid #2f2c33 !important;
    border-right: none !important
}

.calendar-body.dark .ec-fx-calendar-body .content_table thead tr .ec-fx-th-sortable-img {
    background-image: url(/static/images/arrow-up-down-disabled-dark.svg)
}

.calendar-body.dark .ec-fx-calendar-body .content_table thead tr .ec-fx-th-sortable-img-asc {
    background-image: url(/static/images/arrow-up-down-down-active-dark.svg)
}

.calendar-body.dark .ec-fx-calendar-body .content_table thead tr .ec-fx-th-sortable-img-desc {
    background-image: url(/static/images/arrow-up-down-up-active-dark.svg)
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr[isOdd=odd_0] .dateTD div {
    background: #1e1923
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr[isOdd=odd_1] {
    background-color: #2f2c33 !important
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr[isOdd=odd_1] .dateTD div {
    background: #2f2c33
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr.event_date_urgent td:not(:first-child):not(:nth-child(2)) {
    background-color: #333e4e
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr.spareRow td:last-child {
    border-left: 1px solid #404040 !important
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr.noEventRow td {
    border-left: 1px solid #404040 !important;
    border-right: 1px solid #404040 !important
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr.loadingTr {
    border-left: 1px solid #404040 !important;
    border-right: 1px solid #404040 !important
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr.loadingTr img {
    filter: invert(94%) sepia(0) saturate(1%) hue-rotate(299deg) brightness(96%) contrast(94%)
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr[class=ec-fx-table-event-row]:hover td:not(:first-child):not(:nth-child(2)) {
    background-color: #4d4a50
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr th {
    border-top: 1px solid #2f2c33
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr td {
    border-color: #404040 !important
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .content_table tbody tr td:first-child {
    border-right: 1px solid #2f2c33 !important
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .content_table tbody tr td:last-child {
    border-right: none !important;
    border-left: 1px solid #2f2c33 !important
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr td div.ec-fx-revised-low {
    color: #fd7558;
    border-bottom: 1px dotted #fd7558
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr td div.ec-fx-revised-high {
    color: #01b35a;
    border-bottom: 1px dotted #01b35a
}

.calendar-body.dark .ec-fx-calendar-body .content_table tbody tr td div.ec-fx-impact-low img {
    content: url(/Content/dist/images/Calendar/low-dark.png)
}

.calendar-body.dark .ec-fx-calendar-body .content_table tfoot tr td {
    border-color: #404040 !important
}

@media (max-width:850px) {
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable thead th {
        border-right: 1px solid #2f2c33 !important
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable thead th:first-child {
        border-left: 1px solid #2f2c33 !important
    }
    html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable thead th:first-child {
        border-right: 1px solid #2f2c33 !important
    }
    html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable thead th {
        border-left: 1px solid #2f2c33 !important;
        border-right: none !important
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr th {
        background-color: #2f2c33 !important;
        border-left: 1px solid #404040 !important;
        border-right: 1px solid #404040 !important;
        border-bottom: 1px solid #404040 !important
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr[class=ec-fx-table-event-row]:hover td {
        background-color: #4d4a50
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr td {
        border-bottom: 1px solid #404040 !important
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr td.event_date_urgent {
        background-color: #333e4e !important
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr td:first-child {
        border-left: 1px solid #404040 !important
    }
    html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr td:first-child {
        border-right: 1px solid #404040 !important
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr td:last-child {
        border-right: 1px solid #404040 !important
    }
    html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr td:last-child {
        border-left: 1px solid #404040 !important
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr:last-child td {
        border-bottom: none !important
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tbody tr.event_date_urgent td {
        background-color: #333e4e
    }
    .calendar-body.dark .ec-fx-calendar-body .content_table#mobileTable tfoot tr td {
        border-left: 1px solid #404040 !important;
        border-right: 1px solid #404040 !important;
        border-top: none !important
    }
}

.calendar-body.dark .ec-fx-calendar-body .ec-fx-button-show-more {
    background-color: #4d4a50
}

.calendar-body.dark .ec-fx-calendar-body .ec-fx-button-show-more:hover {
    background-color: #716f74 !important
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body #currentTimeTh {
    border-right: 1px solid #2f2c33 !important;
    border-left: none !important
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body #ec-fx-table-button-filter {
    border-right: 1px solid #2f2c33 !important;
    border-left: none !important
}

html[dir=rtl] .calendar-body.dark .ec-fx-calendar-body #timeLeftTh {
    border-left: 1px solid #2f2c33 !important
}

body {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    color: #0a1f41 !important
}

.mainEcCalendarMenu {
    display: none
}

.portfolio-profile-detail-pane {
    padding: 0 32px
}

@media (max-width:767px) {
    .portfolio-profile-detail-pane {
        padding: 0
    }
}

.portfolio-profile-detail-pane .tablescroll {
    margin-bottom: unset
}

.portfolio-profile-detail-pane .tablescroll.shadow-right::after {
    background: linear-gradient(to left, #252831, transparent);
    width: 15px;
    opacity: 1
}

html[dir=rtl] .portfolio-profile-detail-pane .tablescroll.shadow-right::after {
    background: linear-gradient(to right, #252831, transparent)
}

.portfolio-profile-detail-pane .tablescroll.shadow-left::before {
    background: linear-gradient(to right, #252831, transparent);
    width: 15px;
    opacity: 1
}

html[dir=rtl] .portfolio-profile-detail-pane .tablescroll.shadow-left::before {
    background: linear-gradient(to left, #252831, transparent)
}

.portfolio-profile-detail-pane td.sort {
    position: relative;
    cursor: pointer;
    text-decoration: underline;
    align-items: center
}

.portfolio-profile-detail-pane td.sort::after {
    position: absolute;
    margin-top: 2px;
    content: '';
    width: 14px;
    height: 14px;
    background: url(/static/images/2_filled_arrows-disabled.svg)
}

.portfolio-profile-detail-pane td.sort.asce::after {
    background: url(/static/images/2_filled_arrows-down.svg)
}

.portfolio-profile-detail-pane td.sort.desc::after {
    background: url(/static/images/2_filled_arrows-up.svg)
}

.profile-summary-mobile-chart {
    display: none
}

@media (min-width:768px) {
    .profile-summary-mobile-chart {
        display: none !important
    }
}

.profile-summary-button-arrow {
    display: none
}

.statistics-section h1 {
    font-size: 32px
}

.statistics-section .subtext {
    color: #d3d4d6
}

.light .main-content-pane {
    background: #fff
}

body.dark {
    background-color: #121519 !important;
    position: relative;
    color: #fff
}

.dark header {
    background: #171a1e;
    color: rgba(255, 255, 255, .9)
}

.dark header .menu-strip {
    background: #202327;
    color: rgba(255, 255, 255, .8)
}

.dark header .top-panel a {
    color: rgba(255, 255, 255, .9)
}

.dark header .header-link a {
    color: rgba(255, 255, 255, .8)
}

.dark .container,
.dark .main-content-pane {
    background: 0 0;
    color: rgba(255, 255, 255, .9)
}

.dark .modal {
    color: #333
}

.dark footer {
    background: #202327
}

.dark #lang-select .dropdown-menu,
.dark .header-links div.Rectangle438 {
    background: #1c1f26 !important;
    box-shadow: none !important
}

.dark .header-links .sub-page-outer {
    background: #15181d !important
}

.dark .Rectangle438 a {
    color: rgba(255, 255, 255, .8) !important
}

.dark .Rectangle438 .sub-page-outer a {
    color: rgba(255, 255, 255, .7) !important
}

.dark #lang-select .dropdown-item:hover,
.dark .Rectangle438 .open a.top-level,
.dark .Rectangle438 a:hover {
    background-color: rgba(255, 255, 255, .1) !important
}

.dark .header-links .arrow-up {
    border-bottom: 8px solid #1c1f26
}

.dark .header-links .link .chevron {
    background: url(/static/images/CaretRight-dark.svg) no-repeat
}

.dark .chart-menu-selector {
    color: rgba(255, 255, 255, .7);
    background: url(/static/images/arrow-down-white.svg) right no-repeat;
    background-color: #202327;
    border: 1px solid rgba(83, 85, 102, .4);
    border-radius: 6px
}

.dark .chart-menu-selector:focus-visible {
    outline: 0
}

.dark .chart-menu-selector:focus {
    border-color: rgba(83, 85, 102, .4) !important
}

.dark .breadcrumb a.breadcrumb-item {
    color: #44a2f8
}

.dark .breadcrumb span.breadcrumb-item {
    color: rgba(255, 255, 255, .5)
}

.dark .nav-top.color-block {
    background: #171a1e
}

.portfolio-profile-detail-pane {
    display: flex;
    flex-direction: column
}

.portfolio-profile-detail-pane .breadcrumb {
    margin: 0
}

@media (max-width:767px) {
    .portfolio-profile-detail-pane .breadcrumb {
        margin: 0 16px
    }
}

.portfolio-profile-detail-pane .alert {
    color: #000;
    font-size: 14px
}

.profile-summary {
    display: flex;
    margin-top: 40px
}

.profile-summary-info {
    margin-right: 32px;
    display: flex;
    flex-direction: column;
    max-width: 320px
}

html[dir=rtl] .profile-summary-info {
    margin-left: 32px;
    margin-right: 0
}

.profile-summary-info button {
    border: 2px solid transparent
}

.statistics-section {
    display: flex;
    flex-direction: column;
    margin: 24px 0
}

.statistics-section table td,
.statistics-section table th {
    font-size: 14px !important;
    line-height: 16px
}

.profile-chart-box {
    border-radius: 6px;
    flex-grow: 1;
    padding: 32px;
    position: relative;
    display: flex;
    flex-direction: column
}

.dark .profile-chart-box {
    background: #202327
}

@media (max-width:767px) {
    .profile-chart-box {
        margin-top: 64px;
        width: 100%
    }
}

.profile-chart-box .chart-area {
    min-height: 450px;
    display: flex;
    align-items: center;
    flex-grow: 1
}

.profile-chart {
    width: 100%;
    height: 100%
}

.profilt-chart-options {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 24px
}

.profile-summary-button {
    padding: 8px 10px;
    gap: 8px;
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 6px;
    margin-bottom: 8px;
    color: #fff
}

.dark .profile-summary-button {
    background: #202327
}

.dark .profile-summary-button.active,
.dark .profile-summary-button:hover {
    background: #37455b;
    border: 2px solid #44a2f8
}

.profile-summary-item-name {
    text-align: start
}

.profile-summary-item-name span {
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle
}

.dark .profile-summary-item-name span {
    color: rgba(255, 255, 255, .87)
}

.profile-summary-item-value {
    display: flex;
    align-items: center
}

.profile-summary-item-value span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600
}

.dark .profile-summary-item-value span {
    color: #fff
}

.profile-summary-text {
    font-size: 14px;
    line-height: 24px
}

.profile-summary-text strong {
    font-weight: 600
}

.dark .profile-summary-text strong {
    color: #fff
}

.dark .profile-summary-text {
    color: #d3d4d6
}

.statistics-section-tabs {
    margin: 0;
    gap: 8px
}

.statistics-section-tabs li a {
    border-radius: 6px;
    min-width: 152px;
    padding: 14px 16px;
    font-size: 14px;
    line-height: 16px;
    border: 2px solid transparent
}

.dark .statistics-section-tabs li a {
    background: #202327;
    color: rgba(255, 255, 255, .87)
}

.dark .statistics-section-tabs li a.active {
    background-color: #37455b !important;
    border: 2px solid #44a2f8
}

.section-tab-body {
    border-radius: 6px
}

.light .section-tab-body {
    background: #f4f5f7;
    border: 1px solid #ebecf0
}

.dark .section-tab-body {
    background: #202327
}

.section-tab-chart {
    padding: 16px
}

.statistics-section-tab-content {
    margin-top: 16px
}

.statistics-key-value-tab-pane {
    flex: 1;
    display: flex;
    flex-direction: column;
    border: 1px solid transparent
}

.dark .statistics-key-value-tab-pane {
    color: rgba(255, 255, 255, .7)
}

.dark .statistics-key-value-tab-pane .statistics-key-value-tab-pane-item:nth-child(odd) {
    background-color: #202327
}

.dark .statistics-key-value-tab-pane .statistics-key-value-tab-pane-item:nth-child(even) {
    background-color: #2b2f34
}

.statistics-key-value-tab-pane-item {
    padding: 16px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: space-between
}

#advanced-stats-riskofruin-tab table td.hover {
    font-weight: 600 !important
}

.risk-of-ruin-table {
    width: 100%;
    color: rgba(255, 255, 255, .7)
}

.risk-of-ruin-table td {
    padding: 16px
}

.risk-of-ruin-table tr {
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

.risk-of-ruin-table tr:last-child {
    border-bottom: none
}

.risk-of-ruin-table tr td:nth-child(n+2) {
    text-align: center
}

.risk-of-ruin-table tr td:nth-child(2) {
    background: rgba(252, 100, 95, .5)
}

.risk-of-ruin-table tr td:nth-child(3) {
    background: rgba(252, 100, 95, .45)
}

.risk-of-ruin-table tr td:nth-child(4) {
    background: rgba(252, 100, 95, .4)
}

.risk-of-ruin-table tr td:nth-child(5) {
    background: rgba(252, 100, 95, .35)
}

.risk-of-ruin-table tr td:nth-child(6) {
    background: rgba(252, 100, 95, .3)
}

.risk-of-ruin-table tr td:nth-child(7) {
    background: rgba(252, 100, 95, .25)
}

.risk-of-ruin-table tr td:nth-child(8) {
    background: rgba(252, 100, 95, .2)
}

.risk-of-ruin-table tr td:nth-child(9) {
    background: rgba(252, 100, 95, .15)
}

.risk-of-ruin-table tr td:nth-child(10) {
    background: rgba(252, 100, 95, .1)
}

.risk-of-ruin-table tr td:nth-child(11) {
    background: rgba(252, 100, 95, .05)
}

.statistics-table {
    width: 100%;
    border-radius: 6px
}

.dark .statistics-table {
    color: rgba(255, 255, 255, .7)
}

.statistics-table td,
.statistics-table th {
    padding: 16px
}

.light .statistics-table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, .7)
}

.dark .statistics-table tr:nth-child(even) {
    background-color: #2b2f34
}

.dark .statistics-table tr:nth-child(odd) {
    background-color: #202327
}

.statistics-table tfoot tr td {
    font-weight: 700 !important
}

#advanced-stats-summary-tab table tr {
    background-color: #202327
}

#advanced-stats-summary-tab table #advanced-stats-summary-tab table tr:nth-child(4n+4),
#advanced-stats-summary-tab table tr:nth-child(4n+3) {
    background-color: #2b2f34
}

#advanced-stats-summary-tab table tr:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

#advanced-stats-summary-tab table tr:first-child td {
    border-right: 1px solid rgba(255, 255, 255, .12)
}

html[dir=rtl] #advanced-stats-summary-tab table tr:first-child td {
    border-left: 1px solid rgba(255, 255, 255, .12);
    border-right: unset
}

#advanced-stats-summary-tab table tr td:last-child {
    border-right: none !important
}

html[dir=rtl] #advanced-stats-summary-tab table tr td:last-child {
    border-left: none !important
}

#advanced-stats-summary-tab table tr td:first-child,
#advanced-stats-summary-tab table tr td:nth-child(4),
#advanced-stats-summary-tab table tr td:nth-child(7) {
    border-right: 1px solid rgba(255, 255, 255, .12)
}

html[dir=rtl] #advanced-stats-summary-tab table tr td:first-child,
html[dir=rtl] #advanced-stats-summary-tab table tr td:nth-child(4),
html[dir=rtl] #advanced-stats-summary-tab table tr td:nth-child(7) {
    border-left: 1px solid rgba(255, 255, 255, .12);
    border-right: unset
}

#advanced-stats-summary-tab .advanced-summary-chart {
    margin: 32px 48px;
    text-align: center;
    height: 500px
}

[data-toggle=summary-chart] {
    text-align: center
}

[data-toggle=summary-chart] img {
    padding: 4px;
    border-radius: 3px
}

#advanced-stats-summary-tab table tr [data-toggle=summary-chart] img:hover {
    background-color: #4a4b55
}

#advanced-stats-summary-tab table tr:nth-child(4n+3) [data-toggle=summary-chart] img:hover {
    background-color: #202327
}

.summary-chart-row {
    display: none;
    background-color: #202327;
    border-top: 1px solid rgba(255, 255, 255, .12);
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

.summary-chart-row:last-child {
    border-bottom: none
}

.statistics-chart-menu {
    position: absolute !important;
    top: -40px;
    right: 0;
    color: #fff
}

.statistics-chart-menu a {
    width: 32px;
    height: 32px;
    padding: 2px 4px;
    background: #202327;
    border-radius: 3px;
    display: block
}

@media (max-width:767px) {
    .statistics-chart-menu a {
        width: 40px;
        height: 40px;
        padding: 6px 8px
    }
}

@media (max-width:767px) {
    .statistics-chart-menu {
        top: -56px
    }
}

html[dir=rtl] .statistics-chart-menu {
    left: 0;
    right: unset
}

.statistics-chart-menu .dropdown-menu {
    background: #202327;
    color: #fff
}

.statistics-chart-menu .dropdown-menu .dropdown-item {
    color: rgba(255, 255, 255, .7)
}

.statistics-chart-menu .dropdown-menu .dropdown-item:focus,
.statistics-chart-menu .dropdown-menu .dropdown-item:hover {
    background-color: #2b2f34
}

.statistics-chart-menu ul li {
    margin: 16px 0
}

#advanced-stats-daily-tab,
#advanced-stats-duration-tab,
#advanced-stats-hourly-tab,
#advanced-stats-maemfe-tab,
#advanced-stats-summary-tab {
    position: relative
}

@media (max-width:767px) {
    #advanced-stats-daily-tab,
    #advanced-stats-duration-tab,
    #advanced-stats-hourly-tab,
    #advanced-stats-maemfe-tab,
    #advanced-stats-summary-tab {
        margin-top: 72px
    }
}

.multi-column-menu-3 {
    display: flex;
    gap: 24px;
    margin: 0 16px
}

@media (max-width:767px) {
    .multi-column-menu-3 {
        flex-direction: column;
        gap: 16px
    }
}

.multi-column-menu-3 .form-check {
    padding-left: 0;
    margin: 16px 0
}

.horizontal-separator {
    width: 1px;
    column-width: 1px;
    background: rgba(255, 255, 255, .22)
}

@media (max-width:767px) {
    .horizontal-separator {
        width: 100%;
        height: 1px
    }
}

#monthly-analytics-avgholding-chart,
#monthly-analytics-chart,
#monthly-analytics-currencies-chart,
#monthly-analytics-reward-chart {
    height: 360px
}

#advanced-stats-daily-chart,
#advanced-stats-hourly-chart {
    height: 400px
}

.statistics-section-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 16px
}

.paginationjs-pages {
    display: flex;
    justify-content: center
}

.paginationjs-pages ul {
    list-style: none;
    display: flex;
    gap: 16px;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 16px
}

.paginationjs-pages ul li {
    display: flex;
    align-items: center;
    justify-content: center
}

.paginationjs-pages ul li a {
    background: #202327;
    border-radius: 3px;
    font-size: 14px;
    line-height: 16px;
    min-width: 32px;
    text-align: center;
    padding: 8px 0;
    color: rgba(255, 255, 255, .7)
}

.paginationjs-pages ul li.active a {
    border: 1px solid rgba(255, 255, 255, .21)
}

.paginationjs-pages ul li.paginationjs-prev a {
    color: rgba(255, 255, 255, .8)
}

@media (max-width:767px) {
    .paginationjs-pages {
        justify-content: unset;
        overflow-x: auto;
        padding: 0 16px
    }
}

.monthly-analytics-pane {
    column-count: 2;
    column-gap: 8px
}

.monthly-analytics-pane .section-tab-body {
    margin-bottom: 8px
}

@media (max-width:767px) {
    .monthly-analytics-pane .section-tab-body {
        margin-bottom: 16px
    }
}

@media (max-width:767px) {
    .monthly-analytics-pane {
        column-count: 1
    }
}

#monthly-analytics-chart,
#monthly-analytics-currencies-chart {
    display: flex;
    justify-content: center;
    align-items: center
}

#monthly-analytics-avgholding-chart span,
#monthly-analytics-currencies-chart span,
#monthly-analytics-reward-chart span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

#monthly-analytics-tablist li a {
    min-width: unset
}

#monthly-analytics {
    position: relative
}

.no-data-display {
    color: #fff;
    opacity: .5;
    display: block;
    text-align: center
}

.chart-description {
    color: rgba(255, 255, 255, .7)
}

.not-found {
    text-align: center;
    font-size: 32px;
    margin-top: 48px;
    margin-bottom: 48px
}

@media (min-width:768px) {
    .statistics-key-value-tab-pane .statistics-key-value-tab-pane-item:first-child {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
    .statistics-key-value-tab-pane .statistics-key-value-tab-pane-item:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px
    }
}

@media (min-width:768px) {
    .statistics-table tr:first-child td:first-child {
        border-top-left-radius: 6px
    }
    .statistics-table tr:first-child td:last-child {
        border-top-right-radius: 6px
    }
    .statistics-table tr:last-child td:first-child {
        border-bottom-left-radius: 6px
    }
    .statistics-table tr:last-child td:last-child {
        border-bottom-right-radius: 6px
    }
    html[dir=rtl] .statistics-table tr:first-child td:first-child {
        border-top-right-radius: 6px
    }
    html[dir=rtl] .statistics-table tr:first-child td:last-child {
        border-top-left-radius: 6px
    }
    html[dir=rtl] .statistics-table tr:last-child td:first-child {
        border-bottom-right-radius: 6px
    }
    html[dir=rtl] .statistics-table tr:last-child td:last-child {
        border-bottom-left-radius: 6px
    }
}

@media (max-width:767px) {
    .statistics-section {
        margin: 24px 24px
    }
    .tab-pane {
        margin: 0 -24px
    }
    .statistics-key-value-tab-pane {
        flex: unset;
        width: 100%
    }
    .section-tab-body {
        overflow-x: auto;
        border-radius: unset
    }
    .statistics-section-tabs {
        margin: 0 -24px 16px -24px !important;
        padding: 0 16px !important;
        flex-wrap: wrap
    }
    .profile-summary-info {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: unset;
        width: 100%
    }
    .profile-summary-mobile-chart {
        position: relative;
        height: 350px;
        width: 100%;
        margin: 72px 0 16px 0
    }
    .profile-summary-mobile-chart .section-tab-body {
        height: 100%
    }
    .statistics-chart-menu {
        right: 8px
    }
    .profile-summary-mobile-chart .statistics-chart-menu {
        top: -56px;
        right: 16px
    }
    html[dir=rtl] .tab-pane .statistics-chart-menu {
        left: 8px;
        right: unset
    }
    html[dir=rtl] .profile-summary-mobile-chart .statistics-chart-menu {
        left: 16px;
        right: unset
    }
    .profile-summary-button-arrow {
        display: block;
        width: 40px;
        height: 40px;
        background: url(/static/images/arrow-down-white.svg) no-repeat rgba(255, 255, 255, .1) center;
        border-radius: 3px
    }
    .profile-summary-item-value {
        gap: 16px
    }
    .profile-summary {
        margin: 0 -24px
    }
    .profile-summary .profile-summary-button {
        margin: 0 16px 8px 16px;
        width: calc(100% - 32px)
    }
    .profile-summary-text {
        display: none
    }
    .statistics-section .subtext,
    .statistics-section h1 {
        text-align: center
    }
}

@media (max-width:767px) and (max-width:767px) {
    .profile-summary {
        flex-direction: column
    }
}

.light .row-border-table tr {
    border-bottom: 1px solid #ebecf0
}

.row-border-table tr:last-child {
    border-bottom: none
}

.wide-screen .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
}

.stats-positive {
    color: #0c6
}

.stats-negative {
    color: #fc645f
}

#cbf-portfolio-account-stats-summary .statistics-table tfoot {
    border-top: 10px solid #fff
}

.portfolio-pane hr {
    margin-left: 32px;
    margin-right: 32px
}

.portfolio-pane .tablescroll {
    margin: 0
}

.portfolio-pane table td,
.portfolio-pane table th {
    padding: 8px
}

.portfolio-pane h2.statistics-section-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: unset
}

#add-mt4-account-dialog input.frn-override,
#edit-mt4-account-dialog input.frn-override,
#edit-portfolio-dialog input.frn-override {
    margin-bottom: unset !important;
    box-sizing: border-box !important
}

#add-mt4-account-dialog label,
#edit-mt4-account-dialog label,
#edit-portfolio-dialog label {
    margin-bottom: unset !important
}

#add-mt4-account-dialog button.frn-override,
#edit-mt4-account-dialog button.frn-override,
#edit-portfolio-dialog button.frn-override {
    padding: .375rem .75rem;
    background: url(/static/images/dd-chevron.png) right no-repeat !important;
    background-color: #fff !important;
    box-shadow: none;
    margin-bottom: unset !important
}

#add-mt4-account-dialog button.frn-override:focus,
#edit-mt4-account-dialog button.frn-override:focus,
#edit-portfolio-dialog button.frn-override:focus {
    outline: 0 !important;
    border-color: #5ca0ff !important;
    box-shadow: none !important
}

#add-mt4-account-dialog button.frn-override.dropdown-toggle::after,
#edit-mt4-account-dialog button.frn-override.dropdown-toggle::after,
#edit-portfolio-dialog button.frn-override.dropdown-toggle::after {
    content: none
}

#add-mt4-account-dialog .bs-searchbox input.form-control,
#edit-mt4-account-dialog .bs-searchbox input.form-control,
#edit-portfolio-dialog .bs-searchbox input.form-control {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: .375rem .75rem;
    box-sizing: border-box
}

#add-mt4-account-dialog .filter-option-inner-inner,
#edit-mt4-account-dialog .filter-option-inner-inner,
#edit-portfolio-dialog .filter-option-inner-inner {
    font-size: 1rem !important
}

.adding-account-title {
    font-size: 24px
}

.adding-account-status {
    margin-top: 16px;
    color: gray;
    position: relative
}

.adding-account-status.finish {
    display: none
}

.adding-account-status.processing::before {
    position: absolute;
    content: '';
    left: -32px;
    top: 0;
    background: url(/static/images/ajax-loader.gif) no-repeat center;
    background-size: cover;
    width: 24px;
    height: 24px
}

.adding-account-status.error {
    color: red
}

.adding-account-status.error::before {
    display: inline-block;
    content: "\F5D6";
    font: normal normal normal 24px/1 "Material Design Icons";
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    margin-right: 8px
}

.portfolio-loading-message {
    margin: 16px;
    color: gray;
    display: block;
    text-align: center
}

.modal-btn {
    font-size: 13px;
    padding: 8px 24px;
    margin: 6px;
    border-radius: 2px;
    transition: .2s;
    white-space: normal;
    word-wrap: break-word;
    border: 1px solid;
    text-align: center
}

.modal-btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.modal-btn-primary {
    background-color: #0a1f41;
    color: #fff
}

.modal-btn-primary:hover:not(.disabled) {
    background-color: #3d4e69
}

a.modal-btn-primary:hover {
    color: #fff
}

.modal-btn-default {
    background: 0 0;
    color: #263957
}

.modal-btn-default:hover {
    background: #e2e4e9
}

a.modal-btn-default:hover {
    color: #263957
}

.modal-btn-lightgray {
    background: #f5f5f5;
    border: solid 1px #ccc;
    color: #263957
}

.modal-btn-lightgray:hover {
    background: #e2e4e9
}

a.modal-btn-lightgray:hover {
    color: #263957
}

#statistics-charts-dropdown-menu .dropdown-menu {
    padding: 0;
    min-width: 250px
}

#statistics-charts-dropdown-menu a.frn-override {
    width: 250px;
    padding: 2px 16px
}

@media (max-width:767px) {
    #statistics-charts-dropdown-menu a.frn-override {
        padding: 6px 16px
    }
}

#statistics-charts-dropdown-menu ul li {
    margin: 0
}

#statistics-charts-dropdown-menu .dropdown-item {
    padding: .25rem 16px
}

.contests-pane .tablescroll {
    margin: 0
}

.contest-table {
    width: 100%;
    border-radius: 6px
}

.contest-table td,
.contest-table th {
    font-weight: 600 !important;
    font-size: 14px
}

.contest-table th {
    padding: 24px 16px
}

.contest-table td {
    padding: 16px;
    color: #263957
}

.contest-table tr:nth-child(odd) {
    background-color: #f4f5f7
}

.contest-table img {
    width: 96px;
    height: 96px
}

.contests-section {
    display: flex;
    flex-direction: column
}

.contests-body {
    border: 1px solid #ebecf0;
    border-radius: 6px
}

.contests-title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 24px
}

.contests-pane {
    margin: 32px 0;
    color: #0a1f41
}

.frn-button-main {
    background: #fdaa29;
    color: #0a1f41;
    border-radius: 50px;
    border-color: #fdaa29;
    padding: 6px 16px
}

.frn-button-main:hover:not(.disabled) {
    background: #e48c03
}

a.frn-button-main:hover {
    color: #0a1f41
}

.frn-button-main-lg {
    background: #fdaa29;
    color: #0a1f41;
    border-radius: 50px;
    border-color: #fdaa29;
    padding: 8px 20px
}

.frn-button-main-lg:hover:not(.disabled) {
    background: #e48c03
}

a.frn-button-main-lg:hover {
    color: #0a1f41
}

.frn-button-white {
    background: #fff;
    border: 1px solid #0a1f41;
    color: #0a1f41;
    border-radius: 50px;
    padding: 6px 16px
}

.frn-button-white:hover:not(.disabled) {
    background: #e2e4e9
}

a.frn-button-white:hover {
    color: #0a1f41
}

.frn-button-white-lg {
    background: #fff;
    border: 1px solid #0a1f41;
    color: #0a1f41;
    border-radius: 50px;
    padding: 8px 20px
}

.frn-button-white-lg:hover:not(.disabled) {
    background: #e2e4e9
}

a.frn-button-white-lg:hover {
    color: #0a1f41
}

.contest-button {
    padding: 6px 16px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap
}

.contest-button.disabled {
    opacity: .4
}

.contest-type {
    padding: 4px;
    background-color: #0c6;
    border-radius: 2px;
    color: #fff
}

.contest-page {
    margin: 32px 0;
    color: #0a1f41
}

.contest-page h1 {
    font-size: 36px;
    font-weight: 600
}

.contest-description-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 16px
}

.contest-description-card {
    background: #f4f5f7;
    border: 1px solid #ebecf0;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px;
    min-width: 160px
}

@media (max-width:567px) {
    .contest-description-card {
        width: 100%
    }
}

.prize-card {
    color: #fff;
    background: linear-gradient(to top, #ec3f2a 0, #fc7019 100%);
    border-width: 0
}

.contest-head-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.contest-head-links a {
    color: #0a1f41
}

.contest-head-links .disabled {
    opacity: .5
}

.contest-warning {
    background: #f7d7db;
    border-radius: 2px;
    padding: 16px;
    color: #711d26;
    font-size: 14px
}

.contest-rules {
    color: #263957;
    font-size: 16px
}

.contest-rules h3 {
    color: #0a1f41
}

#contest-tabs .frn-tab.frn-tab-active a {
    color: #0a1f41
}

#contest-tabs .frn-tabs {
    margin: 0
}

#contest-tabs .frn-tabs a {
    color: #5c6a86
}

#contest-tabs .frn-tab.frn-tab-active {
    border-bottom: solid 2px #0a1f41 !important
}

#contest-tabs .frn-tab {
    border-bottom: none !important
}

#contest-tabs .frn-tabs-separater {
    height: 1px;
    background: #ced3d9;
    margin-bottom: 32px;
    margin-left: -64px;
    margin-right: -64px
}

@media (max-width:767px) {
    .contest-page {
        margin: 0 16px
    }
    #contest-tabs .frn-tabs-separater {
        margin-left: -16px;
        margin-right: -16px
    }
    .contest-description-cards {
        justify-content: center
    }
    .contest-page-head {
        text-align: center
    }
    .contest-head-links {
        flex-direction: column
    }
    .contest-head-links a {
        width: 100%
    }
}

.contest-description-card span:first-child {
    font-size: 20px;
    font-weight: 700
}

.contest-description-card span:last-child {
    font-size: 14px;
    opacity: .5
}

.contest-join-modal .modal-body {
    padding: 32px;
    position: relative
}

.contest-join-modal .modal-body button.close {
    position: absolute;
    right: 16px;
    top: 12px;
    font-size: 24px;
    font-weight: 400;
    opacity: 1
}

.phone-number-input-box {
    display: flex;
    flex-direction: column;
    align-items: center
}

.validation-message {
    font-size: 13px;
    color: #fd7558;
    display: none
}

.has-error .validation-message {
    display: block
}

input.phone-number-input {
    width: auto;
    border: 1px solid #ced3d9;
    box-sizing: border-box;
    border-radius: 2px
}

.has-error input.phone-number-input {
    border: 2px solid #fd7558
}

[data-trigger=loading] {
    position: relative;
    margin-top: 32px
}

[data-trigger=loading]:before {
    content: '';
    position: absolute;
    display: none;
    height: 24px;
    width: 100%;
    background: url(/static/images/ajax-loader.gif) no-repeat center;
    opacity: .7;
    left: 0;
    background-size: contain;
    top: -24px
}

[data-trigger=loading].loading {
    opacity: .7;
    pointer-events: none !important
}

[data-trigger=loading].loading:before {
    display: block
}

.login-detail.loading:before {
    top: -32px
}

.verification-code-group {
    display: flex;
    gap: 16px
}

.verification-code-group input[type=text] {
    border: 1px solid #ced3d9;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 32px;
    text-align: center;
    height: unset
}

.login-detail {
    background: #f4f5f7;
    border: 1px solid #ced3d9;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 16px;
    min-width: 320px
}

a.credential {
    color: #0056b3
}

#contest-ranking-table-container .paginationjs-pages ul li a,
#ranking-table-paginater .paginationjs-pages ul li a {
    background: #f4f5f7;
    color: #0a1f41
}

#contest-ranking-table-container .paginationjs-pages ul li.disabled a,
#ranking-table-paginater .paginationjs-pages ul li.disabled a {
    color: #bcc2cb
}

#contest-ranking-table-container .paginationjs-pages ul li.active a,
#ranking-table-paginater .paginationjs-pages ul li.active a {
    background: #ced3d9;
    color: #263957
}

#contest-ranking-table-container .tablescroll,
#ranking-table-paginater .tablescroll {
    margin: 0
}

.content-max-width {
    max-width: 665px
}

.contest-logo {
    width: 96px;
    height: auto
}

#contest-ranking-table-container table tr>td:first-child {
    display: flex;
    align-items: center
}

#contest-ranking-table-container table tr>td:first-child div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px
}

#contest-ranking-table-container tr.winner td:first-child>div {
    border-radius: 50%;
    background: #0c6;
    color: #fff
}

#contest-ranking-table-container div.disqualified {
    border-radius: 50%;
    background: red !important;
    color: #fff
}

.opacity-half {
    opacity: .5
}

.opacity-3 {
    opacity: .3
}

.contest-common-rules {
    display: flex;
    gap: 16px
}

.contest-common-rules .rule {
    padding: 24px;
    border: 2px solid #fd755877;
    border-radius: 2px;
    max-width: 33.33%
}

@media (max-width:767px) {
    .contest-common-rules .rule {
        max-width: 100%
    }
}

p.rule-caption {
    font-weight: 700;
    color: #0a1f41
}

.prize-places {
    display: flex;
    flex-direction: column;
    flex: 1
}

.place-prize {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 8px 8px
}

.place-index {
    font-size: 14.4px;
    font-weight: 700;
    width: 32px;
    height: 32px;
    color: #fff;
    background: #ced3d9;
    border-width: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    position: relative
}

.place-index::before {
    content: ' ';
    background: url(/static/images/ribbon.svg) no-repeat center;
    position: absolute;
    bottom: -5px;
    width: 46px;
    height: 12px;
    transform: translate(-50%, 0);
    left: 50%
}

.additional-infos {
    display: flex;
    gap: 16px;
    margin-top: 16px;
    flex-wrap: wrap
}

.additional-infos .info {
    color: rgba(255, 255, 255, .53);
    font-size: 12px;
    line-height: 16px
}

.additional-infos a {
    text-decoration: underline
}

#account-type {
    font-size: 14px;
    color: rgba(255, 255, 255, .8)
}

#last-sync {
    font-size: 12px;
    color: rgba(255, 255, 255, .53);
    margin: 0 12px
}

.contest-description {
    margin-top: 8px;
    color: rgba(255, 255, 255, .65)
}

.contest-description a.morelink {
    color: #fff;
    text-decoration: underline
}

.contest-ranking-loading {
    display: flex;
    justify-content: center
}

.trade-history-badge {
    background-color: #202327;
    border-radius: 2px;
    padding: 6px 6px 6px 20px;
    position: relative;
    color: #0c6;
    font-size: 12px;
    line-height: 12px
}

html[dir=rtl] .trade-history-badge {
    padding: 6px 20px 6px 6px
}

html[dir=rtl] .trade-history-badge:before {
    left: unset;
    right: -12px
}

.trade-history-badge:before {
    content: ' ';
    position: absolute;
    left: -12px;
    top: 0;
    width: 24px;
    height: 100%;
    background-image: url(/static/images/verified_shield_icon.svg);
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat
}

.trade-history-badge>span:first-child {
    text-transform: uppercase;
    font-weight: 700
}

.trade-history-badge>span:nth-child(3) {
    text-transform: capitalize
}

.not-verified {
    color: #8f919d
}

.not-verified:before {
    background-image: url(/static/images/not_verified_shield_icon.svg)
}

.statistics-table tr.mine {
    background-color: wheat !important
}

.refer-box {
    background: rgba(166, 196, 228, .1);
    border: 1px solid rgba(84, 142, 204, .38);
    border-radius: 2px;
    padding: 16px;
    max-width: 320px;
    margin-top: 32px
}

.social-input {
    width: 80%
}

@media (max-width:767px) {
    .social-input {
        width: 100%
    }
}

#contest-ranking-table-container th {
    font-size: 13px;
    font-weight: 400
}

body {
    font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif !important;
    font-weight: 400 !important;
    color: #333 !important
}

.valign-parent {
    position: relative;
    min-height: 48px
}

.valign-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.warning-text {
    color: #f0ad4e !important
}

.success-text {
    color: #5cb85c !important
}

.picker__header select {
    display: inline-block !important
}

.classic-tabs li a {
    font-size: 1rem !important;
    text-transform: none !important;
    font-weight: 700 !important
}

.classic-tabs.tabs-green li a.active {
    border-color: orange !important
}

.right {
    position: absolute;
    right: 0
}

.table a.green {
    color: #fff !important
}

.five-row.form-inline .form-group {
    margin-right: .75rem
}

.mdb-select [type=checkbox]:checked+label::before {
    top: -14px
}

.mdb-select [type=checkbox]+label::before {
    top: -10px
}

.success-color-dark-text {
    color: #007e33
}

.success-color-dark-text a {
    color: #007e33
}

input.input-validation-error,
input.md-textarea.input-validation-error:focus,
select.input-validation-error,
textarea.input-validation-error,
textarea.md-textarea.input-validation-error:focus {
    border-bottom: 1px solid #f44336;
    box-shadow: 0 1px 0 0 #f44336
}

.alert-primary-color,
.badge-primary-color,
.btn-primary-color {
    background-color: #4285f4
}

.btn-outline-primary-color {
    border: 2px solid #4285f4;
    background-color: transparent;
    color: #4285f4 !important
}

.alert-success-color-dark,
.badge-success-color-dark,
.btn-success-color-dark {
    background-color: #007e33 !important
}

.btn-outline-success-color-dark {
    border: 2px solid #007e33 !important;
    background-color: transparent;
    color: #007e33 !important
}

.alert-pink,
.badge-pink,
.btn-pink {
    background-color: #e91e63 !important
}

.btn-outline-pink {
    border: 2px solid #e91e63 !important;
    background-color: transparent;
    color: #e91e63 !important
}

.alert {
    -ms-border-radius: 0;
    border-radius: 0 !important
}

@font-face {
    font-family: typicons;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/typicons.eot);
    src: url(../fonts/typicons.eot?#iefix) format('embedded-opentype'), url(../fonts/typicons.woff) format('woff'), url(../fonts/typicons.ttf) format('truetype'), url(../fonts/typicons.svg#typicons) format('svg')
}

.typcn:before {
    font-family: typicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    height: 1em;
    font-size: 1em;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

.typcn-adjust-brightness:before {
    content: '\e000'
}

.typcn-adjust-contrast:before {
    content: '\e001'
}

.typcn-anchor-outline:before {
    content: '\e002'
}

.typcn-anchor:before {
    content: '\e003'
}

.typcn-archive:before {
    content: '\e004'
}

.typcn-arrow-back-outline:before {
    content: '\e005'
}

.typcn-arrow-back:before {
    content: '\e006'
}

.typcn-arrow-down-outline:before {
    content: '\e007'
}

.typcn-arrow-down-thick:before {
    content: '\e008'
}

.typcn-arrow-down:before {
    content: '\e009'
}

.typcn-arrow-forward-outline:before {
    content: '\e00a'
}

.typcn-arrow-forward:before {
    content: '\e00b'
}

.typcn-arrow-left-outline:before {
    content: '\e00c'
}

.typcn-arrow-left-thick:before {
    content: '\e00d'
}

.typcn-arrow-left:before {
    content: '\e00e'
}

.typcn-arrow-loop-outline:before {
    content: '\e00f'
}

.typcn-arrow-loop:before {
    content: '\e010'
}

.typcn-arrow-maximise-outline:before {
    content: '\e011'
}

.typcn-arrow-maximise:before {
    content: '\e012'
}

.typcn-arrow-minimise-outline:before {
    content: '\e013'
}

.typcn-arrow-minimise:before {
    content: '\e014'
}

.typcn-arrow-move-outline:before {
    content: '\e015'
}

.typcn-arrow-move:before {
    content: '\e016'
}

.typcn-arrow-repeat-outline:before {
    content: '\e017'
}

.typcn-arrow-repeat:before {
    content: '\e018'
}

.typcn-arrow-right-outline:before {
    content: '\e019'
}

.typcn-arrow-right-thick:before {
    content: '\e01a'
}

.typcn-arrow-right:before {
    content: '\e01b'
}

.typcn-arrow-shuffle:before {
    content: '\e01c'
}

.typcn-arrow-sorted-down:before {
    content: '\e01d'
}

.typcn-arrow-sorted-up:before {
    content: '\e01e'
}

.typcn-arrow-sync-outline:before {
    content: '\e01f'
}

.typcn-arrow-sync:before {
    content: '\e020'
}

.typcn-arrow-unsorted:before {
    content: '\e021'
}

.typcn-arrow-up-outline:before {
    content: '\e022'
}

.typcn-arrow-up-thick:before {
    content: '\e023'
}

.typcn-arrow-up:before {
    content: '\e024'
}

.typcn-at:before {
    content: '\e025'
}

.typcn-attachment-outline:before {
    content: '\e026'
}

.typcn-attachment:before {
    content: '\e027'
}

.typcn-backspace-outline:before {
    content: '\e028'
}

.typcn-backspace:before {
    content: '\e029'
}

.typcn-battery-charge:before {
    content: '\e02a'
}

.typcn-battery-full:before {
    content: '\e02b'
}

.typcn-battery-high:before {
    content: '\e02c'
}

.typcn-battery-low:before {
    content: '\e02d'
}

.typcn-battery-mid:before {
    content: '\e02e'
}

.typcn-beaker:before {
    content: '\e02f'
}

.typcn-beer:before {
    content: '\e030'
}

.typcn-bell:before {
    content: '\e031'
}

.typcn-book:before {
    content: '\e032'
}

.typcn-bookmark:before {
    content: '\e033'
}

.typcn-briefcase:before {
    content: '\e034'
}

.typcn-brush:before {
    content: '\e035'
}

.typcn-business-card:before {
    content: '\e036'
}

.typcn-calculator:before {
    content: '\e037'
}

.typcn-calendar-outline:before {
    content: '\e038'
}

.typcn-calendar:before {
    content: '\e039'
}

.typcn-camera-outline:before {
    content: '\e03a'
}

.typcn-camera:before {
    content: '\e03b'
}

.typcn-cancel-outline:before {
    content: '\e03c'
}

.typcn-cancel:before {
    content: '\e03d'
}

.typcn-chart-area-outline:before {
    content: '\e03e'
}

.typcn-chart-area:before {
    content: '\e03f'
}

.typcn-chart-bar-outline:before {
    content: '\e040'
}

.typcn-chart-bar:before {
    content: '\e041'
}

.typcn-chart-line-outline:before {
    content: '\e042'
}

.typcn-chart-line:before {
    content: '\e043'
}

.typcn-chart-pie-outline:before {
    content: '\e044'
}

.typcn-chart-pie:before {
    content: '\e045'
}

.typcn-chevron-left-outline:before {
    content: '\e046'
}

.typcn-chevron-left:before {
    content: '\e047'
}

.typcn-chevron-right-outline:before {
    content: '\e048'
}

.typcn-chevron-right:before {
    content: '\e049'
}

.typcn-clipboard:before {
    content: '\e04a'
}

.typcn-cloud-storage:before {
    content: '\e04b'
}

.typcn-cloud-storage-outline:before {
    content: '\e054'
}

.typcn-code-outline:before {
    content: '\e04c'
}

.typcn-code:before {
    content: '\e04d'
}

.typcn-coffee:before {
    content: '\e04e'
}

.typcn-cog-outline:before {
    content: '\e04f'
}

.typcn-cog:before {
    content: '\e050'
}

.typcn-compass:before {
    content: '\e051'
}

.typcn-contacts:before {
    content: '\e052'
}

.typcn-credit-card:before {
    content: '\e053'
}

.typcn-css3:before {
    content: '\e055'
}

.typcn-database:before {
    content: '\e056'
}

.typcn-delete-outline:before {
    content: '\e057'
}

.typcn-delete:before {
    content: '\e058'
}

.typcn-device-desktop:before {
    content: '\e059'
}

.typcn-device-laptop:before {
    content: '\e05a'
}

.typcn-device-phone:before {
    content: '\e05b'
}

.typcn-device-tablet:before {
    content: '\e05c'
}

.typcn-directions:before {
    content: '\e05d'
}

.typcn-divide-outline:before {
    content: '\e05e'
}

.typcn-divide:before {
    content: '\e05f'
}

.typcn-document-add:before {
    content: '\e060'
}

.typcn-document-delete:before {
    content: '\e061'
}

.typcn-document-text:before {
    content: '\e062'
}

.typcn-document:before {
    content: '\e063'
}

.typcn-download-outline:before {
    content: '\e064'
}

.typcn-download:before {
    content: '\e065'
}

.typcn-dropbox:before {
    content: '\e066'
}

.typcn-edit:before {
    content: '\e067'
}

.typcn-eject-outline:before {
    content: '\e068'
}

.typcn-eject:before {
    content: '\e069'
}

.typcn-equals-outline:before {
    content: '\e06a'
}

.typcn-equals:before {
    content: '\e06b'
}

.typcn-export-outline:before {
    content: '\e06c'
}

.typcn-export:before {
    content: '\e06d'
}

.typcn-eye-outline:before {
    content: '\e06e'
}

.typcn-eye:before {
    content: '\e06f'
}

.typcn-feather:before {
    content: '\e070'
}

.typcn-film:before {
    content: '\e071'
}

.typcn-filter:before {
    content: '\e072'
}

.typcn-flag-outline:before {
    content: '\e073'
}

.typcn-flag:before {
    content: '\e074'
}

.typcn-flash-outline:before {
    content: '\e075'
}

.typcn-flash:before {
    content: '\e076'
}

.typcn-flow-children:before {
    content: '\e077'
}

.typcn-flow-merge:before {
    content: '\e078'
}

.typcn-flow-parallel:before {
    content: '\e079'
}

.typcn-flow-switch:before {
    content: '\e07a'
}

.typcn-folder-add:before {
    content: '\e07b'
}

.typcn-folder-delete:before {
    content: '\e07c'
}

.typcn-folder-open:before {
    content: '\e07d'
}

.typcn-folder:before {
    content: '\e07e'
}

.typcn-gift:before {
    content: '\e07f'
}

.typcn-globe-outline:before {
    content: '\e080'
}

.typcn-globe:before {
    content: '\e081'
}

.typcn-group-outline:before {
    content: '\e082'
}

.typcn-group:before {
    content: '\e083'
}

.typcn-headphones:before {
    content: '\e084'
}

.typcn-heart-full-outline:before {
    content: '\e085'
}

.typcn-heart-half-outline:before {
    content: '\e086'
}

.typcn-heart-outline:before {
    content: '\e087'
}

.typcn-heart:before {
    content: '\e088'
}

.typcn-home-outline:before {
    content: '\e089'
}

.typcn-home:before {
    content: '\e08a'
}

.typcn-html5:before {
    content: '\e08b'
}

.typcn-image-outline:before {
    content: '\e08c'
}

.typcn-image:before {
    content: '\e08d'
}

.typcn-infinity-outline:before {
    content: '\e08e'
}

.typcn-infinity:before {
    content: '\e08f'
}

.typcn-info-large-outline:before {
    content: '\e090'
}

.typcn-info-large:before {
    content: '\e091'
}

.typcn-info-outline:before {
    content: '\e092'
}

.typcn-info:before {
    content: '\e093'
}

.typcn-input-checked-outline:before {
    content: '\e094'
}

.typcn-input-checked:before {
    content: '\e095'
}

.typcn-key-outline:before {
    content: '\e096'
}

.typcn-key:before {
    content: '\e097'
}

.typcn-keyboard:before {
    content: '\e098'
}

.typcn-leaf:before {
    content: '\e099'
}

.typcn-lightbulb:before {
    content: '\e09a'
}

.typcn-link-outline:before {
    content: '\e09b'
}

.typcn-link:before {
    content: '\e09c'
}

.typcn-location-arrow-outline:before {
    content: '\e09d'
}

.typcn-location-arrow:before {
    content: '\e09e'
}

.typcn-location-outline:before {
    content: '\e09f'
}

.typcn-location:before {
    content: '\e0a0'
}

.typcn-lock-closed-outline:before {
    content: '\e0a1'
}

.typcn-lock-closed:before {
    content: '\e0a2'
}

.typcn-lock-open-outline:before {
    content: '\e0a3'
}

.typcn-lock-open:before {
    content: '\e0a4'
}

.typcn-mail:before {
    content: '\e0a5'
}

.typcn-map:before {
    content: '\e0a6'
}

.typcn-media-eject-outline:before {
    content: '\e0a7'
}

.typcn-media-eject:before {
    content: '\e0a8'
}

.typcn-media-fast-forward-outline:before {
    content: '\e0a9'
}

.typcn-media-fast-forward:before {
    content: '\e0aa'
}

.typcn-media-pause-outline:before {
    content: '\e0ab'
}

.typcn-media-pause:before {
    content: '\e0ac'
}

.typcn-media-play-outline:before {
    content: '\e0ad'
}

.typcn-media-play-reverse-outline:before {
    content: '\e0ae'
}

.typcn-media-play-reverse:before {
    content: '\e0af'
}

.typcn-media-play:before {
    content: '\e0b0'
}

.typcn-media-record-outline:before {
    content: '\e0b1'
}

.typcn-media-record:before {
    content: '\e0b2'
}

.typcn-media-rewind-outline:before {
    content: '\e0b3'
}

.typcn-media-rewind:before {
    content: '\e0b4'
}

.typcn-media-stop-outline:before {
    content: '\e0b5'
}

.typcn-media-stop:before {
    content: '\e0b6'
}

.typcn-message-typing:before {
    content: '\e0b7'
}

.typcn-message:before {
    content: '\e0b8'
}

.typcn-messages:before {
    content: '\e0b9'
}

.typcn-microphone-outline:before {
    content: '\e0ba'
}

.typcn-microphone:before {
    content: '\e0bb'
}

.typcn-minus-outline:before {
    content: '\e0bc'
}

.typcn-minus:before {
    content: '\e0bd'
}

.typcn-mortar-board:before {
    content: '\e0be'
}

.typcn-news:before {
    content: '\e0bf'
}

.typcn-notes-outline:before {
    content: '\e0c0'
}

.typcn-notes:before {
    content: '\e0c1'
}

.typcn-pen:before {
    content: '\e0c2'
}

.typcn-pencil:before {
    content: '\e0c3'
}

.typcn-phone-outline:before {
    content: '\e0c4'
}

.typcn-phone:before {
    content: '\e0c5'
}

.typcn-pi-outline:before {
    content: '\e0c6'
}

.typcn-pi:before {
    content: '\e0c7'
}

.typcn-pin-outline:before {
    content: '\e0c8'
}

.typcn-pin:before {
    content: '\e0c9'
}

.typcn-pipette:before {
    content: '\e0ca'
}

.typcn-plane-outline:before {
    content: '\e0cb'
}

.typcn-plane:before {
    content: '\e0cc'
}

.typcn-plug:before {
    content: '\e0cd'
}

.typcn-plus-outline:before {
    content: '\e0ce'
}

.typcn-plus:before {
    content: '\e0cf'
}

.typcn-point-of-interest-outline:before {
    content: '\e0d0'
}

.typcn-point-of-interest:before {
    content: '\e0d1'
}

.typcn-power-outline:before {
    content: '\e0d2'
}

.typcn-power:before {
    content: '\e0d3'
}

.typcn-printer:before {
    content: '\e0d4'
}

.typcn-puzzle-outline:before {
    content: '\e0d5'
}

.typcn-puzzle:before {
    content: '\e0d6'
}

.typcn-radar-outline:before {
    content: '\e0d7'
}

.typcn-radar:before {
    content: '\e0d8'
}

.typcn-refresh-outline:before {
    content: '\e0d9'
}

.typcn-refresh:before {
    content: '\e0da'
}

.typcn-rss-outline:before {
    content: '\e0db'
}

.typcn-rss:before {
    content: '\e0dc'
}

.typcn-scissors-outline:before {
    content: '\e0dd'
}

.typcn-scissors:before {
    content: '\e0de'
}

.typcn-shopping-bag:before {
    content: '\e0df'
}

.typcn-shopping-cart:before {
    content: '\e0e0'
}

.typcn-social-at-circular:before {
    content: '\e0e1'
}

.typcn-social-dribbble-circular:before {
    content: '\e0e2'
}

.typcn-social-dribbble:before {
    content: '\e0e3'
}

.typcn-social-facebook-circular:before {
    content: '\e0e4'
}

.typcn-social-facebook:before {
    content: '\e0e5'
}

.typcn-social-flickr-circular:before {
    content: '\e0e6'
}

.typcn-social-flickr:before {
    content: '\e0e7'
}

.typcn-social-github-circular:before {
    content: '\e0e8'
}

.typcn-social-github:before {
    content: '\e0e9'
}

.typcn-social-google-plus-circular:before {
    content: '\e0ea'
}

.typcn-social-google-plus:before {
    content: '\e0eb'
}

.typcn-social-instagram-circular:before {
    content: '\e0ec'
}

.typcn-social-instagram:before {
    content: '\e0ed'
}

.typcn-social-last-fm-circular:before {
    content: '\e0ee'
}

.typcn-social-last-fm:before {
    content: '\e0ef'
}

.typcn-social-linkedin-circular:before {
    content: '\e0f0'
}

.typcn-social-linkedin:before {
    content: '\e0f1'
}

.typcn-social-pinterest-circular:before {
    content: '\e0f2'
}

.typcn-social-pinterest:before {
    content: '\e0f3'
}

.typcn-social-skype-outline:before {
    content: '\e0f4'
}

.typcn-social-skype:before {
    content: '\e0f5'
}

.typcn-social-tumbler-circular:before {
    content: '\e0f6'
}

.typcn-social-tumbler:before {
    content: '\e0f7'
}

.typcn-social-twitter-circular:before {
    content: '\e0f8'
}

.typcn-social-twitter:before {
    content: '\e0f9'
}

.typcn-social-vimeo-circular:before {
    content: '\e0fa'
}

.typcn-social-vimeo:before {
    content: '\e0fb'
}

.typcn-social-youtube-circular:before {
    content: '\e0fc'
}

.typcn-social-youtube:before {
    content: '\e0fd'
}

.typcn-sort-alphabetically-outline:before {
    content: '\e0fe'
}

.typcn-sort-alphabetically:before {
    content: '\e0ff'
}

.typcn-sort-numerically-outline:before {
    content: '\e100'
}

.typcn-sort-numerically:before {
    content: '\e101'
}

.typcn-spanner-outline:before {
    content: '\e102'
}

.typcn-spanner:before {
    content: '\e103'
}

.typcn-spiral:before {
    content: '\e104'
}

.typcn-star-full-outline:before {
    content: '\e105'
}

.typcn-star-half-outline:before {
    content: '\e106'
}

.typcn-star-half:before {
    content: '\e107'
}

.typcn-star-outline:before {
    content: '\e108'
}

.typcn-star:before {
    content: '\e109'
}

.typcn-starburst-outline:before {
    content: '\e10a'
}

.typcn-starburst:before {
    content: '\e10b'
}

.typcn-stopwatch:before {
    content: '\e10c'
}

.typcn-support:before {
    content: '\e10d'
}

.typcn-tabs-outline:before {
    content: '\e10e'
}

.typcn-tag:before {
    content: '\e10f'
}

.typcn-tags:before {
    content: '\e110'
}

.typcn-th-large-outline:before {
    content: '\e111'
}

.typcn-th-large:before {
    content: '\e112'
}

.typcn-th-list-outline:before {
    content: '\e113'
}

.typcn-th-list:before {
    content: '\e114'
}

.typcn-th-menu-outline:before {
    content: '\e115'
}

.typcn-th-menu:before {
    content: '\e116'
}

.typcn-th-small-outline:before {
    content: '\e117'
}

.typcn-th-small:before {
    content: '\e118'
}

.typcn-thermometer:before {
    content: '\e119'
}

.typcn-thumbs-down:before {
    content: '\e11a'
}

.typcn-thumbs-ok:before {
    content: '\e11b'
}

.typcn-thumbs-up:before {
    content: '\e11c'
}

.typcn-tick-outline:before {
    content: '\e11d'
}

.typcn-tick:before {
    content: '\e11e'
}

.typcn-ticket:before {
    content: '\e11f'
}

.typcn-time:before {
    content: '\e120'
}

.typcn-times-outline:before {
    content: '\e121'
}

.typcn-times:before {
    content: '\e122'
}

.typcn-trash:before {
    content: '\e123'
}

.typcn-tree:before {
    content: '\e124'
}

.typcn-upload-outline:before {
    content: '\e125'
}

.typcn-upload:before {
    content: '\e126'
}

.typcn-user-add-outline:before {
    content: '\e127'
}

.typcn-user-add:before {
    content: '\e128'
}

.typcn-user-delete-outline:before {
    content: '\e129'
}

.typcn-user-delete:before {
    content: '\e12a'
}

.typcn-user-outline:before {
    content: '\e12b'
}

.typcn-user:before {
    content: '\e12c'
}

.typcn-vendor-android:before {
    content: '\e12d'
}

.typcn-vendor-apple:before {
    content: '\e12e'
}

.typcn-vendor-microsoft:before {
    content: '\e12f'
}

.typcn-video-outline:before {
    content: '\e130'
}

.typcn-video:before {
    content: '\e131'
}

.typcn-volume-down:before {
    content: '\e132'
}

.typcn-volume-mute:before {
    content: '\e133'
}

.typcn-volume-up:before {
    content: '\e134'
}

.typcn-volume:before {
    content: '\e135'
}

.typcn-warning-outline:before {
    content: '\e136'
}

.typcn-warning:before {
    content: '\e137'
}

.typcn-watch:before {
    content: '\e138'
}

.typcn-waves-outline:before {
    content: '\e139'
}

.typcn-waves:before {
    content: '\e13a'
}

.typcn-weather-cloudy:before {
    content: '\e13b'
}

.typcn-weather-downpour:before {
    content: '\e13c'
}

.typcn-weather-night:before {
    content: '\e13d'
}

.typcn-weather-partly-sunny:before {
    content: '\e13e'
}

.typcn-weather-shower:before {
    content: '\e13f'
}

.typcn-weather-snow:before {
    content: '\e140'
}

.typcn-weather-stormy:before {
    content: '\e141'
}

.typcn-weather-sunny:before {
    content: '\e142'
}

.typcn-weather-windy-cloudy:before {
    content: '\e143'
}

.typcn-weather-windy:before {
    content: '\e144'
}

.typcn-wi-fi-outline:before {
    content: '\e145'
}

.typcn-wi-fi:before {
    content: '\e146'
}

.typcn-wine:before {
    content: '\e147'
}

.typcn-world-outline:before {
    content: '\e148'
}

.typcn-world:before {
    content: '\e149'
}

.typcn-zoom-in-outline:before {
    content: '\e14a'
}

.typcn-zoom-in:before {
    content: '\e14b'
}

.typcn-zoom-out-outline:before {
    content: '\e14c'
}

.typcn-zoom-out:before {
    content: '\e14d'
}

.typcn-zoom-outline:before {
    content: '\e14e'
}

.typcn-zoom:before {
    content: '\e14f'
}